From b72a48ca82cb3227095277d26d3f62d4982dc4f4 Mon Sep 17 00:00:00 2001 From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com> Date: Fri, 12 Apr 2024 08:08:26 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=2029427?= =?UTF-8?q?531ced074498b83236976d99144f1b1272a=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/Checkbox.stories-L8SsXvBe.js | 7 ----- assets/Checkbox.stories-TUfUexhz.js | 7 +++++ assets/Collapsible.stories-c3Q7cawP.js | 14 ---------- assets/Collapsible.stories-r0S9uBNc.js | 14 ++++++++++ ...SJVItw_8.js => Color-RQJUDNI5-oBxXYtcq.js} | 2 +- assets/Dialog.stories-MlghvG_8.js | 19 +++++++++++++ assets/Dialog.stories-daHNBmNg.js | 19 ------------- ...6.js => DocsRenderer-K4EAMTCU--exZE3nM.js} | 2 +- assets/Dropdown.stories-0PhpV9eM.js | 15 ++++++++++ assets/Dropdown.stories-jQCXWRjo.js | 15 ---------- ...n-aLHBY-Zp.js => Introduction-ZpSBc1Tt.js} | 2 +- assets/Select.stories-m1kcZSwr.js | 13 +++++++++ assets/Sheet.stories-Xmk6-ODI.js | 27 ------------------ assets/Sheet.stories-x70Yqr7k.js | 27 ++++++++++++++++++ assets/Tabs.stories-DRFZNt5Q.js | 26 ----------------- assets/Tabs.stories-NDXi5E8m.js | 26 +++++++++++++++++ ...lwind-M0d56_Ak.js => Tailwind-xGTGxesT.js} | 2 +- assets/Toast.stories-7ZPf1IOi.js | 28 ------------------- assets/Toast.stories-u7bH6UdV.js | 28 +++++++++++++++++++ assets/Tooltip.stories-ImZGxSc8.js | 9 ++++++ assets/Tooltip.stories-LPqiL2ht.js | 9 ------ ...ets-B1JI_cOO.js => Utilitiets-LY0eUxGy.js} | 2 +- ...c7.js => WithTooltip-Y7J54OF7-4TIJ4KV9.js} | 2 +- ...SYk6.js => formatter-B5HCVTEV-1Ewrhkog.js} | 2 +- assets/iframe-tq1wxn00.js | 7 ----- assets/iframe-y0lbn9y8.js | 7 +++++ assets/index-39R-7JO1.js | 1 - assets/index-7ijoOKG-.js | 1 - .../{index-OSMui59-.js => index-9v6N7U6e.js} | 10 +++---- assets/index-D3KhmrnL.js | 1 + assets/index-ExZ6hFA2.js | 1 + assets/index-I6TYmOY2.js | 1 + assets/index-UGFCTDXo.js | 1 - assets/index-WvU1OYyU.js | 1 + assets/index-XmoB3Z09.js | 1 + .../{index-lFYSAZig.js => index-f0vHx2GX.js} | 2 +- assets/index-vNCMozV_.js | 1 + .../{index-Qrw1f8GM.js => index-vwyHrCN8.js} | 8 +++--- .../{index-39veLG-x.js => index-w1VBTUiB.js} | 2 +- ...review-FucG_riN.js => preview-DEV10Z5K.js} | 4 +-- assets/preview-Nsa0fPHb.css | 1 + ...review-09YRlkos.js => preview-_omw1JnR.js} | 0 assets/preview-mR8ZBxzB.css | 1 - ...=> syntaxhighlighter-JOJW2KGS-uWRm-nnh.js} | 2 +- iframe.html | 2 +- index.json | 2 +- project.json | 2 +- 47 files changed, 196 insertions(+), 180 deletions(-) delete mode 100644 assets/Checkbox.stories-L8SsXvBe.js create mode 100644 assets/Checkbox.stories-TUfUexhz.js delete mode 100644 assets/Collapsible.stories-c3Q7cawP.js create mode 100644 assets/Collapsible.stories-r0S9uBNc.js rename assets/{Color-RQJUDNI5-SJVItw_8.js => Color-RQJUDNI5-oBxXYtcq.js} (99%) create mode 100644 assets/Dialog.stories-MlghvG_8.js delete mode 100644 assets/Dialog.stories-daHNBmNg.js rename assets/{DocsRenderer-K4EAMTCU-NoqAJJC6.js => DocsRenderer-K4EAMTCU--exZE3nM.js} (90%) create mode 100644 assets/Dropdown.stories-0PhpV9eM.js delete mode 100644 assets/Dropdown.stories-jQCXWRjo.js rename assets/{Introduction-aLHBY-Zp.js => Introduction-ZpSBc1Tt.js} (92%) create mode 100644 assets/Select.stories-m1kcZSwr.js delete mode 100644 assets/Sheet.stories-Xmk6-ODI.js create mode 100644 assets/Sheet.stories-x70Yqr7k.js delete mode 100644 assets/Tabs.stories-DRFZNt5Q.js create mode 100644 assets/Tabs.stories-NDXi5E8m.js rename assets/{Tailwind-M0d56_Ak.js => Tailwind-xGTGxesT.js} (92%) delete mode 100644 assets/Toast.stories-7ZPf1IOi.js create mode 100644 assets/Toast.stories-u7bH6UdV.js create mode 100644 assets/Tooltip.stories-ImZGxSc8.js delete mode 100644 assets/Tooltip.stories-LPqiL2ht.js rename assets/{Utilitiets-B1JI_cOO.js => Utilitiets-LY0eUxGy.js} (90%) rename assets/{WithTooltip-Y7J54OF7-iM_ScIc7.js => WithTooltip-Y7J54OF7-4TIJ4KV9.js} (63%) rename assets/{formatter-B5HCVTEV-d8AeSYk6.js => formatter-B5HCVTEV-1Ewrhkog.js} (99%) delete mode 100644 assets/iframe-tq1wxn00.js create mode 100644 assets/iframe-y0lbn9y8.js delete mode 100644 assets/index-39R-7JO1.js delete mode 100644 assets/index-7ijoOKG-.js rename assets/{index-OSMui59-.js => index-9v6N7U6e.js} (99%) create mode 100644 assets/index-D3KhmrnL.js create mode 100644 assets/index-ExZ6hFA2.js create mode 100644 assets/index-I6TYmOY2.js delete mode 100644 assets/index-UGFCTDXo.js create mode 100644 assets/index-WvU1OYyU.js create mode 100644 assets/index-XmoB3Z09.js rename assets/{index-lFYSAZig.js => index-f0vHx2GX.js} (96%) create mode 100644 assets/index-vNCMozV_.js rename assets/{index-Qrw1f8GM.js => index-vwyHrCN8.js} (96%) rename assets/{index-39veLG-x.js => index-w1VBTUiB.js} (99%) rename assets/{preview-FucG_riN.js => preview-DEV10Z5K.js} (67%) create mode 100644 assets/preview-Nsa0fPHb.css rename assets/{preview-09YRlkos.js => preview-_omw1JnR.js} (100%) delete mode 100644 assets/preview-mR8ZBxzB.css rename assets/{syntaxhighlighter-JOJW2KGS-AE7hGsK9.js => syntaxhighlighter-JOJW2KGS-uWRm-nnh.js} (67%) diff --git a/assets/Checkbox.stories-L8SsXvBe.js b/assets/Checkbox.stories-L8SsXvBe.js deleted file mode 100644 index a45b6df..0000000 --- a/assets/Checkbox.stories-L8SsXvBe.js +++ /dev/null @@ -1,7 +0,0 @@ -import{r as t}from"./index-OjgoNOWw.js";import{$ as D,a as L,_ as v}from"./index-ttJ0zls6.js";import{a as O}from"./index-jKYK_Gmc.js";import{b as q,a as y,$ as j}from"./index-39R-7JO1.js";import{$ as A}from"./index-DTfSmp9M.js";import{c as w}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";function K(e){const a=t.useRef({value:e,previous:e});return t.useMemo(()=>(a.current.value!==e&&(a.current.previous=a.current.value,a.current.value=e),a.current.previous),[e])}const I="Checkbox",[T,re]=D(I),[H,X]=T(I),z=t.forwardRef((e,a)=>{const{__scopeCheckbox:r,name:d,checked:f,defaultChecked:n,required:b,disabled:i,value:l="on",onCheckedChange:$,...g}=e,[c,h]=t.useState(null),S=O(a,o=>h(o)),k=t.useRef(!1),E=c?!!c.closest("form"):!0,[u=!1,x]=q({prop:f,defaultProp:n,onChange:$}),B=t.useRef(u);return t.useEffect(()=>{const o=c==null?void 0:c.form;if(o){const p=()=>x(B.current);return o.addEventListener("reset",p),()=>o.removeEventListener("reset",p)}},[c,x]),t.createElement(H,{scope:r,state:u,disabled:i},t.createElement(L.button,v({type:"button",role:"checkbox","aria-checked":s(u)?"mixed":u,"aria-required":b,"data-state":N(u),"data-disabled":i?"":void 0,disabled:i,value:l},g,{ref:S,onKeyDown:y(e.onKeyDown,o=>{o.key==="Enter"&&o.preventDefault()}),onClick:y(e.onClick,o=>{x(p=>s(p)?!0:!p),E&&(k.current=o.isPropagationStopped(),k.current||o.stopPropagation())})})),E&&t.createElement(Z,{control:c,bubbles:!k.current,name:d,value:l,checked:u,required:b,disabled:i,style:{transform:"translateX(-100%)"}}))}),F="CheckboxIndicator",V=t.forwardRef((e,a)=>{const{__scopeCheckbox:r,forceMount:d,...f}=e,n=X(F,r);return t.createElement(j,{present:d||s(n.state)||n.state===!0},t.createElement(L.span,v({"data-state":N(n.state),"data-disabled":n.disabled?"":void 0},f,{ref:a,style:{pointerEvents:"none",...e.style}})))}),Z=e=>{const{control:a,checked:r,bubbles:d=!0,...f}=e,n=t.useRef(null),b=K(r),i=A(a);return t.useEffect(()=>{const l=n.current,$=window.HTMLInputElement.prototype,c=Object.getOwnPropertyDescriptor($,"checked").set;if(b!==r&&c){const h=new Event("click",{bubbles:d});l.indeterminate=s(r),c.call(l,s(r)?!1:r),l.dispatchEvent(h)}},[b,r,d]),t.createElement("input",v({type:"checkbox","aria-hidden":!0,defaultChecked:s(r)?!1:r},f,{tabIndex:-1,ref:n,style:{...e.style,...i,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function s(e){return e==="indeterminate"}function N(e){return s(e)?"indeterminate":e?"checked":"unchecked"}const M=z,G=V,C=t.forwardRef(({className:e,...a},r)=>t.createElement(M,{ref:r,className:w(["flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-theme-border-bold bg-theme-surface-primary","hover:ring-4 hover:ring-theme-surface-tertiary","focus:outline-none focus:ring-4 focus:ring-theme-surface-tertiary","data-[state=checked]:border-theme-surface-strong data-[state=checked]:bg-theme-surface-strong data-[state=checked]:active:border-primary-200 data-[state=checked]:active:bg-primary-200","active:bg-theme-surface-tertiary","disabled:pointer-events-none disabled:border-neutral-300 disabled:data-[state=checked]:border-neutral-300 disabled:data-[state=checked]:bg-neutral-300"],e),...a},t.createElement(G,{className:w("flex items-center justify-center text-current")},t.createElement("svg",{className:"w-2 h-2 fill-white",viewBox:"0 0 12 10",fill:"black",xmlns:"http://www.w3.org/2000/svg"},t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.28267 6.34605L2.09696 4.09419L0.666677 5.55738L4.28267 9.28281L11.3333 2.01874L9.91314 0.555542L4.28267 6.34605Z"})))));C.displayName=M.displayName;C.__docgenInfo={description:"",methods:[]};const ae={title:"Elements/Checkbox",component:C,argTypes:{disabled:{control:"boolean",defaultValue:!1,description:"if true, the input is disabled"}},parameters:{layout:"centered"},tags:["autodocs"]},m={name:"Checkbox",args:{checked:!0,disabled:!1}};var _,R,P;m.parameters={...m.parameters,docs:{...(_=m.parameters)==null?void 0:_.docs,source:{originalSource:`{ - name: "Checkbox", - args: { - checked: true, - disabled: false - } -}`,...(P=(R=m.parameters)==null?void 0:R.docs)==null?void 0:P.source}}};const oe=["small"];export{oe as __namedExportsOrder,ae as default,m as small}; diff --git a/assets/Checkbox.stories-TUfUexhz.js b/assets/Checkbox.stories-TUfUexhz.js new file mode 100644 index 0000000..834c7e0 --- /dev/null +++ b/assets/Checkbox.stories-TUfUexhz.js @@ -0,0 +1,7 @@ +import{r as e}from"./index-OjgoNOWw.js";import{$ as D,a as L,_ as v}from"./index-ttJ0zls6.js";import{a as O}from"./index-jKYK_Gmc.js";import{a as q,$ as y}from"./index-D3KhmrnL.js";import{$ as j}from"./index-XmoB3Z09.js";import{$ as A}from"./index-DTfSmp9M.js";import{$ as K}from"./index-WvU1OYyU.js";import{c as w}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";const I="Checkbox",[T,oe]=D(I),[H,X]=T(I),z=e.forwardRef((t,n)=>{const{__scopeCheckbox:r,name:d,checked:u,defaultChecked:c,required:b,disabled:i,value:l="on",onCheckedChange:$,...g}=t,[o,h]=e.useState(null),M=O(n,a=>h(a)),k=e.useRef(!1),E=o?!!o.closest("form"):!0,[f=!1,x]=q({prop:u,defaultProp:c,onChange:$}),B=e.useRef(f);return e.useEffect(()=>{const a=o==null?void 0:o.form;if(a){const p=()=>x(B.current);return a.addEventListener("reset",p),()=>a.removeEventListener("reset",p)}},[o,x]),e.createElement(H,{scope:r,state:f,disabled:i},e.createElement(L.button,v({type:"button",role:"checkbox","aria-checked":s(f)?"mixed":f,"aria-required":b,"data-state":N(f),"data-disabled":i?"":void 0,disabled:i,value:l},g,{ref:M,onKeyDown:y(t.onKeyDown,a=>{a.key==="Enter"&&a.preventDefault()}),onClick:y(t.onClick,a=>{x(p=>s(p)?!0:!p),E&&(k.current=a.isPropagationStopped(),k.current||a.stopPropagation())})})),E&&e.createElement(Z,{control:o,bubbles:!k.current,name:d,value:l,checked:f,required:b,disabled:i,style:{transform:"translateX(-100%)"}}))}),F="CheckboxIndicator",V=e.forwardRef((t,n)=>{const{__scopeCheckbox:r,forceMount:d,...u}=t,c=X(F,r);return e.createElement(K,{present:d||s(c.state)||c.state===!0},e.createElement(L.span,v({"data-state":N(c.state),"data-disabled":c.disabled?"":void 0},u,{ref:n,style:{pointerEvents:"none",...t.style}})))}),Z=t=>{const{control:n,checked:r,bubbles:d=!0,...u}=t,c=e.useRef(null),b=j(r),i=A(n);return e.useEffect(()=>{const l=c.current,$=window.HTMLInputElement.prototype,o=Object.getOwnPropertyDescriptor($,"checked").set;if(b!==r&&o){const h=new Event("click",{bubbles:d});l.indeterminate=s(r),o.call(l,s(r)?!1:r),l.dispatchEvent(h)}},[b,r,d]),e.createElement("input",v({type:"checkbox","aria-hidden":!0,defaultChecked:s(r)?!1:r},u,{tabIndex:-1,ref:c,style:{...t.style,...i,position:"absolute",pointerEvents:"none",opacity:0,margin:0}}))};function s(t){return t==="indeterminate"}function N(t){return s(t)?"indeterminate":t?"checked":"unchecked"}const S=z,G=V,C=e.forwardRef(({className:t,...n},r)=>e.createElement(S,{ref:r,className:w(["flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-theme-border-bold bg-theme-surface-primary","hover:ring-4 hover:ring-theme-surface-tertiary","focus:outline-none focus:ring-4 focus:ring-theme-surface-tertiary","data-[state=checked]:border-theme-surface-strong data-[state=checked]:bg-theme-surface-strong data-[state=checked]:active:border-primary-200 data-[state=checked]:active:bg-primary-200","active:bg-theme-surface-tertiary","disabled:pointer-events-none disabled:border-neutral-300 disabled:data-[state=checked]:border-neutral-300 disabled:data-[state=checked]:bg-neutral-300"],t),...n},e.createElement(G,{className:w("flex items-center justify-center text-current")},e.createElement("svg",{className:"w-2 h-2 fill-white",viewBox:"0 0 12 10",fill:"black",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.28267 6.34605L2.09696 4.09419L0.666677 5.55738L4.28267 9.28281L11.3333 2.01874L9.91314 0.555542L4.28267 6.34605Z"})))));C.displayName=S.displayName;C.__docgenInfo={description:"",methods:[]};const ce={title:"Elements/Checkbox",component:C,argTypes:{disabled:{control:"boolean",defaultValue:!1,description:"if true, the input is disabled"}},parameters:{layout:"centered"},tags:["autodocs"]},m={name:"Checkbox",args:{checked:!0,disabled:!1}};var _,R,P;m.parameters={...m.parameters,docs:{...(_=m.parameters)==null?void 0:_.docs,source:{originalSource:`{ + name: "Checkbox", + args: { + checked: true, + disabled: false + } +}`,...(P=(R=m.parameters)==null?void 0:R.docs)==null?void 0:P.source}}};const ne=["small"];export{ne as __namedExportsOrder,ce as default,m as small}; diff --git a/assets/Collapsible.stories-c3Q7cawP.js b/assets/Collapsible.stories-c3Q7cawP.js deleted file mode 100644 index 455ae6e..0000000 --- a/assets/Collapsible.stories-c3Q7cawP.js +++ /dev/null @@ -1,14 +0,0 @@ -import{r as e,R as s}from"./index-OjgoNOWw.js";import{$ as H,a as g,_ as b,b as S}from"./index-ttJ0zls6.js";import{a as V,$ as F,b as L}from"./index-39R-7JO1.js";import{a as B}from"./index-jKYK_Gmc.js";import{$ as G}from"./index-juKxXFC6.js";import{c as q}from"./index-polp_dyw.js";import{c as D}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";const A="Collapsible",[j,ie]=H(A),[z,x]=j(A),J=e.forwardRef((t,a)=>{const{__scopeCollapsible:o,open:r,defaultOpen:n,disabled:i,onOpenChange:c,...u}=t,[p=!1,d]=L({prop:r,defaultProp:n,onChange:c});return e.createElement(z,{scope:o,disabled:i,contentId:G(),open:p,onOpenToggle:e.useCallback(()=>d($=>!$),[d])},e.createElement(g.div,b({"data-state":h(p),"data-disabled":i?"":void 0},u,{ref:a})))}),K="CollapsibleTrigger",Q=e.forwardRef((t,a)=>{const{__scopeCollapsible:o,...r}=t,n=x(K,o);return e.createElement(g.button,b({type:"button","aria-controls":n.contentId,"aria-expanded":n.open||!1,"data-state":h(n.open),"data-disabled":n.disabled?"":void 0,disabled:n.disabled},r,{ref:a,onClick:V(t.onClick,n.onOpenToggle)}))}),M="CollapsibleContent",U=e.forwardRef((t,a)=>{const{forceMount:o,...r}=t,n=x(M,t.__scopeCollapsible);return e.createElement(F,{present:o||n.open},({present:i})=>e.createElement(W,b({},r,{ref:a,present:i})))}),W=e.forwardRef((t,a)=>{const{__scopeCollapsible:o,present:r,children:n,...i}=t,c=x(M,o),[u,p]=e.useState(r),d=e.useRef(null),$=B(a,d),y=e.useRef(0),R=y.current,N=e.useRef(0),v=N.current,C=c.open||u,P=e.useRef(C),f=e.useRef();return e.useEffect(()=>{const l=requestAnimationFrame(()=>P.current=!1);return()=>cancelAnimationFrame(l)},[]),S(()=>{const l=d.current;if(l){f.current=f.current||{transitionDuration:l.style.transitionDuration,animationName:l.style.animationName},l.style.transitionDuration="0s",l.style.animationName="none";const I=l.getBoundingClientRect();y.current=I.height,N.current=I.width,P.current||(l.style.transitionDuration=f.current.transitionDuration,l.style.animationName=f.current.animationName),p(r)}},[c.open,r]),e.createElement(g.div,b({"data-state":h(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!C},i,{ref:$,style:{"--radix-collapsible-content-height":R?`${R}px`:void 0,"--radix-collapsible-content-width":v?`${v}px`:void 0,...t.style}}),C&&n)});function h(t){return t?"open":"closed"}const X=J,k=X,Y=Q,Z=U,E=e.forwardRef(({className:t,...a},o)=>s.createElement(k,{className:D("overflow-hidden rounded-md border border-theme-border-moderate",t),ref:o,...a}));E.displayName="Collapsible Panel";const ee=q("px-5 py-3",{variants:{intent:{primary:"bg-theme-surface-primary",secondary:"bg-theme-surface-secondary"}},defaultVariants:{intent:"primary"}}),_=e.forwardRef(({className:t,children:a,intent:o,...r},n)=>s.createElement("div",{ref:n,className:D(ee({intent:o}),t),...r},a));_.displayName="Collapsible Header";_.__docgenInfo={description:"",methods:[],displayName:"Collapsible Header"};E.__docgenInfo={description:"",methods:[],displayName:"Collapsible Panel"};const de={title:"Elements/Collapsible",component:k,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},m={name:"Default",render:()=>s.createElement(E,null,s.createElement(_,null,s.createElement(Y,null,"Click me to toggle")),s.createElement(Z,{className:"border-t border-theme-border-moderate px-5 py-3"},s.createElement("ul",null,s.createElement("li",null,"Item 1"),s.createElement("li",null,"Item 2"))))};var w,O,T;m.parameters={...m.parameters,docs:{...(w=m.parameters)==null?void 0:w.docs,source:{originalSource:`{ - name: "Default", - render: () => - - Click me to toggle - - - - - -}`,...(T=(O=m.parameters)==null?void 0:O.docs)==null?void 0:T.source}}};const pe=["DefaultVariant"];export{m as DefaultVariant,pe as __namedExportsOrder,de as default}; diff --git a/assets/Collapsible.stories-r0S9uBNc.js b/assets/Collapsible.stories-r0S9uBNc.js new file mode 100644 index 0000000..6fcf019 --- /dev/null +++ b/assets/Collapsible.stories-r0S9uBNc.js @@ -0,0 +1,14 @@ +import{r as e,R as s}from"./index-OjgoNOWw.js";import{$ as H,a as g,_ as b,b as S}from"./index-ttJ0zls6.js";import{$ as V,a as F}from"./index-D3KhmrnL.js";import{a as L}from"./index-jKYK_Gmc.js";import{$ as B}from"./index-WvU1OYyU.js";import{$ as G}from"./index-juKxXFC6.js";import{c as q}from"./index-polp_dyw.js";import{c as D}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";const A="Collapsible",[j,de]=H(A),[z,x]=j(A),J=e.forwardRef((t,a)=>{const{__scopeCollapsible:o,open:r,defaultOpen:n,disabled:i,onOpenChange:c,...u}=t,[p=!1,d]=F({prop:r,defaultProp:n,onChange:c});return e.createElement(z,{scope:o,disabled:i,contentId:G(),open:p,onOpenToggle:e.useCallback(()=>d($=>!$),[d])},e.createElement(g.div,b({"data-state":h(p),"data-disabled":i?"":void 0},u,{ref:a})))}),K="CollapsibleTrigger",Q=e.forwardRef((t,a)=>{const{__scopeCollapsible:o,...r}=t,n=x(K,o);return e.createElement(g.button,b({type:"button","aria-controls":n.contentId,"aria-expanded":n.open||!1,"data-state":h(n.open),"data-disabled":n.disabled?"":void 0,disabled:n.disabled},r,{ref:a,onClick:V(t.onClick,n.onOpenToggle)}))}),M="CollapsibleContent",U=e.forwardRef((t,a)=>{const{forceMount:o,...r}=t,n=x(M,t.__scopeCollapsible);return e.createElement(B,{present:o||n.open},({present:i})=>e.createElement(W,b({},r,{ref:a,present:i})))}),W=e.forwardRef((t,a)=>{const{__scopeCollapsible:o,present:r,children:n,...i}=t,c=x(M,o),[u,p]=e.useState(r),d=e.useRef(null),$=L(a,d),y=e.useRef(0),R=y.current,N=e.useRef(0),v=N.current,C=c.open||u,P=e.useRef(C),f=e.useRef();return e.useEffect(()=>{const l=requestAnimationFrame(()=>P.current=!1);return()=>cancelAnimationFrame(l)},[]),S(()=>{const l=d.current;if(l){f.current=f.current||{transitionDuration:l.style.transitionDuration,animationName:l.style.animationName},l.style.transitionDuration="0s",l.style.animationName="none";const I=l.getBoundingClientRect();y.current=I.height,N.current=I.width,P.current||(l.style.transitionDuration=f.current.transitionDuration,l.style.animationName=f.current.animationName),p(r)}},[c.open,r]),e.createElement(g.div,b({"data-state":h(c.open),"data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!C},i,{ref:$,style:{"--radix-collapsible-content-height":R?`${R}px`:void 0,"--radix-collapsible-content-width":v?`${v}px`:void 0,...t.style}}),C&&n)});function h(t){return t?"open":"closed"}const X=J,k=X,Y=Q,Z=U,E=e.forwardRef(({className:t,...a},o)=>s.createElement(k,{className:D("overflow-hidden rounded-md border border-theme-border-moderate",t),ref:o,...a}));E.displayName="Collapsible Panel";const ee=q("px-5 py-3",{variants:{intent:{primary:"bg-theme-surface-primary",secondary:"bg-theme-surface-secondary"}},defaultVariants:{intent:"primary"}}),_=e.forwardRef(({className:t,children:a,intent:o,...r},n)=>s.createElement("div",{ref:n,className:D(ee({intent:o}),t),...r},a));_.displayName="Collapsible Header";_.__docgenInfo={description:"",methods:[],displayName:"Collapsible Header"};E.__docgenInfo={description:"",methods:[],displayName:"Collapsible Panel"};const pe={title:"Elements/Collapsible",component:k,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},m={name:"Default",render:()=>s.createElement(E,null,s.createElement(_,null,s.createElement(Y,null,"Click me to toggle")),s.createElement(Z,{className:"border-t border-theme-border-moderate px-5 py-3"},s.createElement("ul",null,s.createElement("li",null,"Item 1"),s.createElement("li",null,"Item 2"))))};var w,O,T;m.parameters={...m.parameters,docs:{...(w=m.parameters)==null?void 0:w.docs,source:{originalSource:`{ + name: "Default", + render: () => + + Click me to toggle + + + + + +}`,...(T=(O=m.parameters)==null?void 0:O.docs)==null?void 0:T.source}}};const fe=["DefaultVariant"];export{m as DefaultVariant,fe as __namedExportsOrder,pe as default}; diff --git a/assets/Color-RQJUDNI5-SJVItw_8.js b/assets/Color-RQJUDNI5-oBxXYtcq.js similarity index 99% rename from assets/Color-RQJUDNI5-SJVItw_8.js rename to assets/Color-RQJUDNI5-oBxXYtcq.js index 61a3df1..259a48b 100644 --- a/assets/Color-RQJUDNI5-SJVItw_8.js +++ b/assets/Color-RQJUDNI5-oBxXYtcq.js @@ -1 +1 @@ -import{n as M,d as ue,T as Me,F as Ce,e as $e,g as Ne}from"./index-OSMui59-.js";import{R as h,r as b,g as fe}from"./index-OjgoNOWw.js";import{_ as Oe,i as J,a as Ie}from"./index-XkRcYS9h.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-PPLHz8o0.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:k}):null)},hn=tn;export{tn as ColorControl,hn as default}; +import{n as M,d as ue,T as Me,F as Ce,e as $e,g as Ne}from"./index-9v6N7U6e.js";import{R as h,r as b,g as fe}from"./index-OjgoNOWw.js";import{_ as Oe,i as J,a as Ie}from"./index-XkRcYS9h.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-PPLHz8o0.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?Fe({h:Te(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},Fe=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},ze=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,i;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,i[c]=s*255;return i};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let i=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:k}):null)},hn=tn;export{tn as ColorControl,hn as default}; diff --git a/assets/Dialog.stories-MlghvG_8.js b/assets/Dialog.stories-MlghvG_8.js new file mode 100644 index 0000000..63b4d26 --- /dev/null +++ b/assets/Dialog.stories-MlghvG_8.js @@ -0,0 +1,19 @@ +import{r as e,R as o}from"./index-OjgoNOWw.js";import{$ as b,a as x,b as E,c as $,d as h,e as w,f as _,g as y}from"./index-ExZ6hFA2.js";import{c as l}from"./index-FlAvnLNT.js";import{B as g}from"./Button-1fD2P03D.js";import"./index-ttJ0zls6.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-D3KhmrnL.js";import"./index-juKxXFC6.js";import"./index-f0vHx2GX.js";import"./index-vwyHrCN8.js";import"./index-pT7Q2Giz.js";import"./index-WvU1OYyU.js";import"./index-polp_dyw.js";const C=h,v=w,T=_,B=y,i=e.forwardRef(({className:t,...a},n)=>e.createElement(b,{ref:n,className:l("bg-background/80 fixed inset-0 z-50 bg-black opacity-20 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a}));i.displayName=b.displayName;const s=e.forwardRef(({className:t,children:a,...n},N)=>e.createElement(T,null,e.createElement(i,null),e.createElement(x,{ref:N,className:l("sm:rounded-lg fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] rounded-md bg-theme-surface-primary shadow-md duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full",t),...n},a)));s.displayName=x.displayName;const d=({className:t,children:a,...n})=>e.createElement("div",{className:l(" flex items-center justify-between border-b border-theme-border-moderate py-2 pl-5 pr-3",t),...n},a,e.createElement(y,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"},e.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",fill:"#6B7280",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"})),e.createElement("span",{className:"sr-only"},"Close")));d.displayName="DialogHeader";const c=({className:t,...a})=>e.createElement("div",{className:l("flex justify-end border-t border-theme-border-moderate px-5 py-3",t),...a});c.displayName="DialogFooter";const m=e.forwardRef(({className:t,...a},n)=>e.createElement(E,{ref:n,className:l("text-text-lg font-semibold",t),...a}));m.displayName=E.displayName;const p=e.forwardRef(({className:t,...a},n)=>e.createElement($,{ref:n,className:l("",t),...a}));p.displayName=$.displayName;s.__docgenInfo={description:"",methods:[]};i.__docgenInfo={description:"",methods:[]};d.__docgenInfo={description:"",methods:[],displayName:"DialogHeader"};c.__docgenInfo={description:"",methods:[],displayName:"DialogFooter"};m.__docgenInfo={description:"",methods:[]};p.__docgenInfo={description:"",methods:[]};const q={title:"Elements/Dialog",component:C,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Default",render:()=>o.createElement(C,null,o.createElement(v,{asChild:!0},o.createElement(g,null,"Open Dialog")),o.createElement(s,null,o.createElement(d,null,o.createElement(m,null,"Dialog Title")),o.createElement(p,{align:"center"},"Dialog Description"),o.createElement(c,null,o.createElement(B,{asChild:!0},o.createElement(g,null,"Cancel")))))};var f,u,D;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{ + name: "Default", + render: () => + + + + + + Dialog Title + + Dialog Description + + + + + + + +}`,...(D=(u=r.parameters)==null?void 0:u.docs)==null?void 0:D.source}}};const A=["DefaultVariant"];export{r as DefaultVariant,A as __namedExportsOrder,q as default}; diff --git a/assets/Dialog.stories-daHNBmNg.js b/assets/Dialog.stories-daHNBmNg.js deleted file mode 100644 index e467f70..0000000 --- a/assets/Dialog.stories-daHNBmNg.js +++ /dev/null @@ -1,19 +0,0 @@ -import{r as e,R as o}from"./index-OjgoNOWw.js";import{$ as b,a as x,b as E,c as $,d as h,e as w,f as _,g as y}from"./index-UGFCTDXo.js";import{c as l}from"./index-FlAvnLNT.js";import{B as g}from"./Button-1fD2P03D.js";import"./index-ttJ0zls6.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-39R-7JO1.js";import"./index-juKxXFC6.js";import"./index-lFYSAZig.js";import"./index-Qrw1f8GM.js";import"./index-pT7Q2Giz.js";import"./index-polp_dyw.js";const C=h,v=w,T=_,B=y,i=e.forwardRef(({className:t,...a},n)=>e.createElement(b,{ref:n,className:l("bg-background/80 fixed inset-0 z-50 bg-black opacity-20 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a}));i.displayName=b.displayName;const s=e.forwardRef(({className:t,children:a,...n},N)=>e.createElement(T,null,e.createElement(i,null),e.createElement(x,{ref:N,className:l("sm:rounded-lg fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] rounded-md bg-theme-surface-primary shadow-md duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full",t),...n},a)));s.displayName=x.displayName;const d=({className:t,children:a,...n})=>e.createElement("div",{className:l(" flex items-center justify-between border-b border-theme-border-moderate py-2 pl-5 pr-3",t),...n},a,e.createElement(y,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"},e.createElement("svg",{width:"24px",height:"24px",viewBox:"0 0 24 24",fill:"#6B7280",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"})),e.createElement("span",{className:"sr-only"},"Close")));d.displayName="DialogHeader";const c=({className:t,...a})=>e.createElement("div",{className:l("flex justify-end border-t border-theme-border-moderate px-5 py-3",t),...a});c.displayName="DialogFooter";const m=e.forwardRef(({className:t,...a},n)=>e.createElement(E,{ref:n,className:l("text-text-lg font-semibold",t),...a}));m.displayName=E.displayName;const p=e.forwardRef(({className:t,...a},n)=>e.createElement($,{ref:n,className:l("",t),...a}));p.displayName=$.displayName;s.__docgenInfo={description:"",methods:[]};i.__docgenInfo={description:"",methods:[]};d.__docgenInfo={description:"",methods:[],displayName:"DialogHeader"};c.__docgenInfo={description:"",methods:[],displayName:"DialogFooter"};m.__docgenInfo={description:"",methods:[]};p.__docgenInfo={description:"",methods:[]};const Z={title:"Elements/Dialog",component:C,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Default",render:()=>o.createElement(C,null,o.createElement(v,{asChild:!0},o.createElement(g,null,"Open Dialog")),o.createElement(s,null,o.createElement(d,null,o.createElement(m,null,"Dialog Title")),o.createElement(p,{align:"center"},"Dialog Description"),o.createElement(c,null,o.createElement(B,{asChild:!0},o.createElement(g,null,"Cancel")))))};var f,u,D;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{ - name: "Default", - render: () => - - - - - - Dialog Title - - Dialog Description - - - - - - - -}`,...(D=(u=r.parameters)==null?void 0:u.docs)==null?void 0:D.source}}};const q=["DefaultVariant"];export{r as DefaultVariant,q as __namedExportsOrder,Z as default}; diff --git a/assets/DocsRenderer-K4EAMTCU-NoqAJJC6.js b/assets/DocsRenderer-K4EAMTCU--exZE3nM.js similarity index 90% rename from assets/DocsRenderer-K4EAMTCU-NoqAJJC6.js rename to assets/DocsRenderer-K4EAMTCU--exZE3nM.js index 76919da..5cd0ccc 100644 --- a/assets/DocsRenderer-K4EAMTCU-NoqAJJC6.js +++ b/assets/DocsRenderer-K4EAMTCU--exZE3nM.js @@ -1,4 +1,4 @@ -import{_ as p}from"./iframe-tq1wxn00.js";import{R as e,r as c}from"./index-OjgoNOWw.js";import{r as l,u}from"./react-18-DyM-o0Ps.js";import{C as h,A as E,H as d,D as x}from"./index-OSMui59-.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";var _={code:h,a:E,...d},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},H=class{constructor(){this.render=async(t,r,o)=>{let n={..._,...r==null?void 0:r.components},s=x;return new Promise((m,a)=>{p(()=>import("./index-IhRI2_F9.js"),__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:i})=>l(e.createElement(D,{showException:a,key:Math.random()},e.createElement(i,{components:n},e.createElement(s,{context:t,docsParameter:r}))),o)).then(()=>m())})},this.unmount=t=>{u(t)}}};export{H as DocsRenderer,_ as defaultComponents}; +import{_ as p}from"./iframe-y0lbn9y8.js";import{R as e,r as c}from"./index-OjgoNOWw.js";import{r as l,u}from"./react-18-DyM-o0Ps.js";import{C as h,A as E,H as d,D as x}from"./index-9v6N7U6e.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";var _={code:h,a:E,...d},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},H=class{constructor(){this.render=async(t,r,o)=>{let n={..._,...r==null?void 0:r.components},s=x;return new Promise((m,a)=>{p(()=>import("./index-IhRI2_F9.js"),__vite__mapDeps([0,1,2]),import.meta.url).then(({MDXProvider:i})=>l(e.createElement(D,{showException:a,key:Math.random()},e.createElement(i,{components:n},e.createElement(s,{context:t,docsParameter:r}))),o)).then(()=>m())})},this.unmount=t=>{u(t)}}};export{H as DocsRenderer,_ as defaultComponents}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { __vite__mapDeps.viteFileDeps = ["./index-IhRI2_F9.js","./index-7dsiwP88.js","./index-OjgoNOWw.js"] diff --git a/assets/Dropdown.stories-0PhpV9eM.js b/assets/Dropdown.stories-0PhpV9eM.js new file mode 100644 index 0000000..4c590b5 --- /dev/null +++ b/assets/Dropdown.stories-0PhpV9eM.js @@ -0,0 +1,15 @@ +import{r as t,R as C}from"./index-OjgoNOWw.js";import{a as K,c as he,$ as ct,b as at}from"./index-jKYK_Gmc.js";import{$ as ve,_ as $,a as L,c as st,d as dt}from"./index-ttJ0zls6.js";import{$ as b,a as it}from"./index-D3KhmrnL.js";import{$ as ut}from"./index-kNhmewn5.js";import{$ as lt}from"./index-vNCMozV_.js";import{$ as ft}from"./index-f0vHx2GX.js";import{h as pt,a as $t,b as mt,$ as bt}from"./index-vwyHrCN8.js";import{$ as Ee,a as xt,b as gt,c as wt}from"./index-w1VBTUiB.js";import{$ as _t}from"./index-pT7Q2Giz.js";import{$ as q}from"./index-WvU1OYyU.js";import{$ as Me,a as ht,b as vt}from"./index-I6TYmOY2.js";import{$ as be}from"./index-juKxXFC6.js";import{c as D}from"./index-FlAvnLNT.js";import{B as Et}from"./Button-1fD2P03D.js";import"./index-mQqIOHEI.js";import"./index-DTfSmp9M.js";import"./index-polp_dyw.js";const te=["Enter"," "],Mt=["ArrowDown","PageUp","Home"],Ce=["ArrowUp","PageDown","End"],Ct=[...Mt,...Ce],Dt={ltr:[...te,"ArrowRight"],rtl:[...te,"ArrowLeft"]},Rt={ltr:["ArrowLeft"],rtl:["ArrowRight"]},Z="Menu",[F,yt,It]=ut(Z),[y,De]=ve(Z,[It,Ee,Me]),oe=Ee(),Re=Me(),[Pt,I]=y(Z),[St,G]=y(Z),Ot=e=>{const{__scopeMenu:o,open:n=!1,children:r,dir:c,onOpenChange:a,modal:d=!0}=e,u=oe(o),[p,m]=t.useState(null),l=t.useRef(!1),s=st(a),f=lt(c);return t.useEffect(()=>{const x=()=>{l.current=!0,document.addEventListener("pointerdown",g,{capture:!0,once:!0}),document.addEventListener("pointermove",g,{capture:!0,once:!0})},g=()=>l.current=!1;return document.addEventListener("keydown",x,{capture:!0}),()=>{document.removeEventListener("keydown",x,{capture:!0}),document.removeEventListener("pointerdown",g,{capture:!0}),document.removeEventListener("pointermove",g,{capture:!0})}},[]),t.createElement(gt,u,t.createElement(Pt,{scope:o,open:n,onOpenChange:s,content:p,onContentChange:m},t.createElement(St,{scope:o,onClose:t.useCallback(()=>s(!1),[s]),isUsingKeyboardRef:l,dir:f,modal:d},r)))},ye=t.forwardRef((e,o)=>{const{__scopeMenu:n,...r}=e,c=oe(n);return t.createElement(wt,$({},c,r,{ref:o}))}),Ie="MenuPortal",[Tt,Pe]=y(Ie,{forceMount:void 0}),Nt=e=>{const{__scopeMenu:o,forceMount:n,children:r,container:c}=e,a=I(Ie,o);return t.createElement(Tt,{scope:o,forceMount:n},t.createElement(q,{present:n||a.open},t.createElement(_t,{asChild:!0,container:c},r)))},E="MenuContent",[kt,re]=y(E),Ft=t.forwardRef((e,o)=>{const n=Pe(E,e.__scopeMenu),{forceMount:r=n.forceMount,...c}=e,a=I(E,e.__scopeMenu),d=G(E,e.__scopeMenu);return t.createElement(F.Provider,{scope:e.__scopeMenu},t.createElement(q,{present:r||a.open},t.createElement(F.Slot,{scope:e.__scopeMenu},d.modal?t.createElement(At,$({},c,{ref:o})):t.createElement(Kt,$({},c,{ref:o})))))}),At=t.forwardRef((e,o)=>{const n=I(E,e.__scopeMenu),r=t.useRef(null),c=K(o,r);return t.useEffect(()=>{const a=r.current;if(a)return pt(a)},[]),t.createElement(ce,$({},e,{ref:c,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:b(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)}))}),Kt=t.forwardRef((e,o)=>{const n=I(E,e.__scopeMenu);return t.createElement(ce,$({},e,{ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)}))}),ce=t.forwardRef((e,o)=>{const{__scopeMenu:n,loop:r=!1,trapFocus:c,onOpenAutoFocus:a,onCloseAutoFocus:d,disableOutsidePointerEvents:u,onEntryFocus:p,onEscapeKeyDown:m,onPointerDownOutside:l,onFocusOutside:s,onInteractOutside:f,onDismiss:x,disableOutsideScroll:g,...h}=e,P=I(E,n),T=G(E,n),U=oe(n),B=Re(n),ue=yt(n),[Qe,le]=t.useState(null),V=t.useRef(null),et=K(o,V,P.onContentChange),Y=t.useRef(0),z=t.useRef(""),tt=t.useRef(0),J=t.useRef(null),fe=t.useRef("right"),Q=t.useRef(0),nt=g?bt:t.Fragment,ot=g?{as:ct,allowPinchZoom:!0}:void 0,rt=i=>{var w,v;const R=z.current+i,N=ue().filter(M=>!M.disabled),ee=document.activeElement,pe=(w=N.find(M=>M.ref.current===ee))===null||w===void 0?void 0:w.textValue,X=N.map(M=>M.textValue),k=en(X,R,pe),$e=(v=N.find(M=>M.textValue===k))===null||v===void 0?void 0:v.ref.current;(function M(me){z.current=me,window.clearTimeout(Y.current),me!==""&&(Y.current=window.setTimeout(()=>M(""),1e3))})(R),$e&&setTimeout(()=>$e.focus())};t.useEffect(()=>()=>window.clearTimeout(Y.current),[]),$t();const S=t.useCallback(i=>{var w,v;return fe.current===((w=J.current)===null||w===void 0?void 0:w.side)&&nn(i,(v=J.current)===null||v===void 0?void 0:v.area)},[]);return t.createElement(kt,{scope:n,searchRef:z,onItemEnter:t.useCallback(i=>{S(i)&&i.preventDefault()},[S]),onItemLeave:t.useCallback(i=>{var w;S(i)||((w=V.current)===null||w===void 0||w.focus(),le(null))},[S]),onTriggerLeave:t.useCallback(i=>{S(i)&&i.preventDefault()},[S]),pointerGraceTimerRef:tt,onPointerGraceIntentChange:t.useCallback(i=>{J.current=i},[])},t.createElement(nt,ot,t.createElement(mt,{asChild:!0,trapped:c,onMountAutoFocus:b(a,i=>{var w;i.preventDefault(),(w=V.current)===null||w===void 0||w.focus()}),onUnmountAutoFocus:d},t.createElement(ft,{asChild:!0,disableOutsidePointerEvents:u,onEscapeKeyDown:m,onPointerDownOutside:l,onFocusOutside:s,onInteractOutside:f,onDismiss:x},t.createElement(ht,$({asChild:!0},B,{dir:T.dir,orientation:"vertical",loop:r,currentTabStopId:Qe,onCurrentTabStopIdChange:le,onEntryFocus:b(p,i=>{T.isUsingKeyboardRef.current||i.preventDefault()})}),t.createElement(xt,$({role:"menu","aria-orientation":"vertical","data-state":ke(P.open),"data-radix-menu-content":"",dir:T.dir},U,h,{ref:et,style:{outline:"none",...h.style},onKeyDown:b(h.onKeyDown,i=>{const v=i.target.closest("[data-radix-menu-content]")===i.currentTarget,R=i.ctrlKey||i.altKey||i.metaKey,N=i.key.length===1;v&&(i.key==="Tab"&&i.preventDefault(),!R&&N&&rt(i.key));const ee=V.current;if(i.target!==ee||!Ct.includes(i.key))return;i.preventDefault();const X=ue().filter(k=>!k.disabled).map(k=>k.ref.current);Ce.includes(i.key)&&X.reverse(),Jt(X)}),onBlur:b(e.onBlur,i=>{i.currentTarget.contains(i.target)||(window.clearTimeout(Y.current),z.current="")}),onPointerMove:b(e.onPointerMove,A(i=>{const w=i.target,v=Q.current!==i.clientX;if(i.currentTarget.contains(w)&&v){const R=i.clientX>Q.current?"right":"left";fe.current=R,Q.current=i.clientX}}))})))))))}),Lt=t.forwardRef((e,o)=>{const{__scopeMenu:n,...r}=e;return t.createElement(L.div,$({},r,{ref:o}))}),ne="MenuItem",xe="menu.itemSelect",ae=t.forwardRef((e,o)=>{const{disabled:n=!1,onSelect:r,...c}=e,a=t.useRef(null),d=G(ne,e.__scopeMenu),u=re(ne,e.__scopeMenu),p=K(o,a),m=t.useRef(!1),l=()=>{const s=a.current;if(!n&&s){const f=new CustomEvent(xe,{bubbles:!0,cancelable:!0});s.addEventListener(xe,x=>r==null?void 0:r(x),{once:!0}),dt(s,f),f.defaultPrevented?m.current=!1:d.onClose()}};return t.createElement(Se,$({},c,{ref:p,disabled:n,onClick:b(e.onClick,l),onPointerDown:s=>{var f;(f=e.onPointerDown)===null||f===void 0||f.call(e,s),m.current=!0},onPointerUp:b(e.onPointerUp,s=>{var f;m.current||(f=s.currentTarget)===null||f===void 0||f.click()}),onKeyDown:b(e.onKeyDown,s=>{const f=u.searchRef.current!=="";n||f&&s.key===" "||te.includes(s.key)&&(s.currentTarget.click(),s.preventDefault())})}))}),Se=t.forwardRef((e,o)=>{const{__scopeMenu:n,disabled:r=!1,textValue:c,...a}=e,d=re(ne,n),u=Re(n),p=t.useRef(null),m=K(o,p),[l,s]=t.useState(!1),[f,x]=t.useState("");return t.useEffect(()=>{const g=p.current;if(g){var h;x(((h=g.textContent)!==null&&h!==void 0?h:"").trim())}},[a.children]),t.createElement(F.ItemSlot,{scope:n,disabled:r,textValue:c??f},t.createElement(vt,$({asChild:!0},u,{focusable:!r}),t.createElement(L.div,$({role:"menuitem","data-highlighted":l?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0},a,{ref:m,onPointerMove:b(e.onPointerMove,A(g=>{r?d.onItemLeave(g):(d.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus())})),onPointerLeave:b(e.onPointerLeave,A(g=>d.onItemLeave(g))),onFocus:b(e.onFocus,()=>s(!0)),onBlur:b(e.onBlur,()=>s(!1))}))))}),Gt=t.forwardRef((e,o)=>{const{checked:n=!1,onCheckedChange:r,...c}=e;return t.createElement(Te,{scope:e.__scopeMenu,checked:n},t.createElement(ae,$({role:"menuitemcheckbox","aria-checked":H(n)?"mixed":n},c,{ref:o,"data-state":se(n),onSelect:b(c.onSelect,()=>r==null?void 0:r(H(n)?!0:!n),{checkForDefaultPrevented:!1})})))}),Ut="MenuRadioGroup",[eo,Bt]=y(Ut,{value:void 0,onValueChange:()=>{}}),Vt="MenuRadioItem",Yt=t.forwardRef((e,o)=>{const{value:n,...r}=e,c=Bt(Vt,e.__scopeMenu),a=n===c.value;return t.createElement(Te,{scope:e.__scopeMenu,checked:a},t.createElement(ae,$({role:"menuitemradio","aria-checked":a},r,{ref:o,"data-state":se(a),onSelect:b(r.onSelect,()=>{var d;return(d=c.onValueChange)===null||d===void 0?void 0:d.call(c,n)},{checkForDefaultPrevented:!1})})))}),Oe="MenuItemIndicator",[Te,zt]=y(Oe,{checked:!1}),Xt=t.forwardRef((e,o)=>{const{__scopeMenu:n,forceMount:r,...c}=e,a=zt(Oe,n);return t.createElement(q,{present:r||H(a.checked)||a.checked===!0},t.createElement(L.span,$({},c,{ref:o,"data-state":se(a.checked)})))}),jt=t.forwardRef((e,o)=>{const{__scopeMenu:n,...r}=e;return t.createElement(L.div,$({role:"separator","aria-orientation":"horizontal"},r,{ref:o}))}),Wt="MenuSub",[to,Ne]=y(Wt),j="MenuSubTrigger",Ht=t.forwardRef((e,o)=>{const n=I(j,e.__scopeMenu),r=G(j,e.__scopeMenu),c=Ne(j,e.__scopeMenu),a=re(j,e.__scopeMenu),d=t.useRef(null),{pointerGraceTimerRef:u,onPointerGraceIntentChange:p}=a,m={__scopeMenu:e.__scopeMenu},l=t.useCallback(()=>{d.current&&window.clearTimeout(d.current),d.current=null},[]);return t.useEffect(()=>l,[l]),t.useEffect(()=>{const s=u.current;return()=>{window.clearTimeout(s),p(null)}},[u,p]),t.createElement(ye,$({asChild:!0},m),t.createElement(Se,$({id:c.triggerId,"aria-haspopup":"menu","aria-expanded":n.open,"aria-controls":c.contentId,"data-state":ke(n.open)},e,{ref:he(o,c.onTriggerChange),onClick:s=>{var f;(f=e.onClick)===null||f===void 0||f.call(e,s),!(e.disabled||s.defaultPrevented)&&(s.currentTarget.focus(),n.open||n.onOpenChange(!0))},onPointerMove:b(e.onPointerMove,A(s=>{a.onItemEnter(s),!s.defaultPrevented&&!e.disabled&&!n.open&&!d.current&&(a.onPointerGraceIntentChange(null),d.current=window.setTimeout(()=>{n.onOpenChange(!0),l()},100))})),onPointerLeave:b(e.onPointerLeave,A(s=>{var f;l();const x=(f=n.content)===null||f===void 0?void 0:f.getBoundingClientRect();if(x){var g;const h=(g=n.content)===null||g===void 0?void 0:g.dataset.side,P=h==="right",T=P?-5:5,U=x[P?"left":"right"],B=x[P?"right":"left"];a.onPointerGraceIntentChange({area:[{x:s.clientX+T,y:s.clientY},{x:U,y:x.top},{x:B,y:x.top},{x:B,y:x.bottom},{x:U,y:x.bottom}],side:h}),window.clearTimeout(u.current),u.current=window.setTimeout(()=>a.onPointerGraceIntentChange(null),300)}else{if(a.onTriggerLeave(s),s.defaultPrevented)return;a.onPointerGraceIntentChange(null)}})),onKeyDown:b(e.onKeyDown,s=>{const f=a.searchRef.current!=="";if(!(e.disabled||f&&s.key===" ")&&Dt[r.dir].includes(s.key)){var x;n.onOpenChange(!0),(x=n.content)===null||x===void 0||x.focus(),s.preventDefault()}})})))}),qt="MenuSubContent",Zt=t.forwardRef((e,o)=>{const n=Pe(E,e.__scopeMenu),{forceMount:r=n.forceMount,...c}=e,a=I(E,e.__scopeMenu),d=G(E,e.__scopeMenu),u=Ne(qt,e.__scopeMenu),p=t.useRef(null),m=K(o,p);return t.createElement(F.Provider,{scope:e.__scopeMenu},t.createElement(q,{present:r||a.open},t.createElement(F.Slot,{scope:e.__scopeMenu},t.createElement(ce,$({id:u.contentId,"aria-labelledby":u.triggerId},c,{ref:m,align:"start",side:d.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:l=>{var s;d.isUsingKeyboardRef.current&&((s=p.current)===null||s===void 0||s.focus()),l.preventDefault()},onCloseAutoFocus:l=>l.preventDefault(),onFocusOutside:b(e.onFocusOutside,l=>{l.target!==u.trigger&&a.onOpenChange(!1)}),onEscapeKeyDown:b(e.onEscapeKeyDown,l=>{d.onClose(),l.preventDefault()}),onKeyDown:b(e.onKeyDown,l=>{const s=l.currentTarget.contains(l.target),f=Rt[d.dir].includes(l.key);if(s&&f){var x;a.onOpenChange(!1),(x=u.trigger)===null||x===void 0||x.focus(),l.preventDefault()}})})))))});function ke(e){return e?"open":"closed"}function H(e){return e==="indeterminate"}function se(e){return H(e)?"indeterminate":e?"checked":"unchecked"}function Jt(e){const o=document.activeElement;for(const n of e)if(n===o||(n.focus(),document.activeElement!==o))return}function Qt(e,o){return e.map((n,r)=>e[(o+r)%e.length])}function en(e,o,n){const c=o.length>1&&Array.from(o).every(m=>m===o[0])?o[0]:o,a=n?e.indexOf(n):-1;let d=Qt(e,Math.max(a,0));c.length===1&&(d=d.filter(m=>m!==n));const p=d.find(m=>m.toLowerCase().startsWith(c.toLowerCase()));return p!==n?p:void 0}function tn(e,o){const{x:n,y:r}=e;let c=!1;for(let a=0,d=o.length-1;ar!=l>r&&n<(m-u)*(r-p)/(l-p)+u&&(c=!c)}return c}function nn(e,o){if(!o)return!1;const n={x:e.clientX,y:e.clientY};return tn(n,o)}function A(e){return o=>o.pointerType==="mouse"?e(o):void 0}const on=Ot,rn=ye,cn=Nt,an=Ft,sn=Lt,dn=ae,un=Gt,ln=Yt,fn=Xt,pn=jt,$n=Ht,mn=Zt,Fe="DropdownMenu",[bn,no]=ve(Fe,[De]),_=De(),[xn,Ae]=bn(Fe),gn=e=>{const{__scopeDropdownMenu:o,children:n,dir:r,open:c,defaultOpen:a,onOpenChange:d,modal:u=!0}=e,p=_(o),m=t.useRef(null),[l=!1,s]=it({prop:c,defaultProp:a,onChange:d});return t.createElement(xn,{scope:o,triggerId:be(),triggerRef:m,contentId:be(),open:l,onOpenChange:s,onOpenToggle:t.useCallback(()=>s(f=>!f),[s]),modal:u},t.createElement(on,$({},p,{open:l,onOpenChange:s,dir:r,modal:u}),n))},wn="DropdownMenuTrigger",_n=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,disabled:r=!1,...c}=e,a=Ae(wn,n),d=_(n);return t.createElement(rn,$({asChild:!0},d),t.createElement(L.button,$({type:"button",id:a.triggerId,"aria-haspopup":"menu","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":r?"":void 0,disabled:r},c,{ref:he(o,a.triggerRef),onPointerDown:b(e.onPointerDown,u=>{!r&&u.button===0&&u.ctrlKey===!1&&(a.onOpenToggle(),a.open||u.preventDefault())}),onKeyDown:b(e.onKeyDown,u=>{r||(["Enter"," "].includes(u.key)&&a.onOpenToggle(),u.key==="ArrowDown"&&a.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(u.key)&&u.preventDefault())})})))}),hn=e=>{const{__scopeDropdownMenu:o,...n}=e,r=_(o);return t.createElement(cn,$({},r,n))},vn="DropdownMenuContent",En=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=Ae(vn,n),a=_(n),d=t.useRef(!1);return t.createElement(an,$({id:c.contentId,"aria-labelledby":c.triggerId},a,r,{ref:o,onCloseAutoFocus:b(e.onCloseAutoFocus,u=>{var p;d.current||(p=c.triggerRef.current)===null||p===void 0||p.focus(),d.current=!1,u.preventDefault()}),onInteractOutside:b(e.onInteractOutside,u=>{const p=u.detail.originalEvent,m=p.button===0&&p.ctrlKey===!0,l=p.button===2||m;(!c.modal||l)&&(d.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}}))}),Mn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(sn,$({},c,r,{ref:o}))}),Cn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(dn,$({},c,r,{ref:o}))}),Dn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(un,$({},c,r,{ref:o}))}),Rn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(ln,$({},c,r,{ref:o}))}),yn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(fn,$({},c,r,{ref:o}))}),In=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(pn,$({},c,r,{ref:o}))}),Pn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement($n,$({},c,r,{ref:o}))}),Sn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(mn,$({},c,r,{ref:o,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}}))}),On=gn,Tn=_n,Nn=hn,Ke=En,Le=Mn,Ge=Cn,Ue=Dn,Be=Rn,Ve=yn,Ye=In,ze=Pn,Xe=Sn,je=On,kn=Tn,We=t.forwardRef(({className:e,inset:o,children:n,...r},c)=>t.createElement(ze,{ref:c,className:D("py-1.5 focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 text-text-sm outline-none",o&&"pl-8",e),...r},n));We.displayName=ze.displayName;const He=t.forwardRef(({className:e,...o},n)=>t.createElement(Xe,{ref:n,className:D("z-50 min-w-[8rem] overflow-hidden rounded-md border border-theme-border-bold bg-theme-surface-primary p-1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o}));He.displayName=Xe.displayName;const de=t.forwardRef(({className:e,sideOffset:o=4,...n},r)=>t.createElement(Nn,null,t.createElement(Ke,{ref:r,sideOffset:o,className:D("z-50 min-w-[8rem] overflow-hidden rounded-md border border-theme-border-moderate bg-theme-surface-primary p-1","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})));de.displayName=Ke.displayName;const O=t.forwardRef(({className:e,inset:o,children:n,...r},c)=>{function a(d){return t.cloneElement(d,{className:D("h-3 w-3 mr-2 fill-neutral-400",d.props.className)})}return t.createElement(Ge,{ref:c,className:D("relative flex cursor-default select-none items-center rounded-[4px] pr-3 pl-2 py-2 text-text-sm outline-none transition-colors focus:bg-theme-surface-tertiary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o&&"pl-8",e),...r},r.icon&&a(r.icon),t.createElement(at,null,n))});O.displayName=Ge.displayName;const qe=t.forwardRef(({className:e,children:o,checked:n,...r},c)=>t.createElement(Ue,{ref:c,className:D("focus:text-accent-foreground focus:bg-theme-surface-teritary relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 text-text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...r},t.createElement("span",{className:"h-3.5 w-3.5 absolute left-2 flex items-center justify-center"},t.createElement(Ve,null)),o));qe.displayName=Ue.displayName;const Ze=t.forwardRef(({className:e,children:o,...n},r)=>t.createElement(Be,{ref:r,className:D("py-1.5 relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 text-text-sm outline-none transition-colors focus:bg-theme-surface-tertiary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n},t.createElement("span",{className:"h-3.5 w-3.5 absolute left-2 flex items-center justify-center"},t.createElement(Ve,null)),o));Ze.displayName=Be.displayName;const Je=t.forwardRef(({className:e,inset:o,...n},r)=>t.createElement(Le,{ref:r,className:D("py-1.5 px-2 text-text-sm font-semibold",o&&"pl-8",e),...n}));Je.displayName=Le.displayName;const ie=t.forwardRef(({className:e,...o},n)=>t.createElement(Ye,{ref:n,className:D("-mx-1 my-1 h-[1px] bg-theme-border-moderate",e),...o}));ie.displayName=Ye.displayName;de.__docgenInfo={description:"",methods:[],props:{sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};O.__docgenInfo={description:"",methods:[]};qe.__docgenInfo={description:"",methods:[]};Ze.__docgenInfo={description:"",methods:[]};Je.__docgenInfo={description:"",methods:[]};ie.__docgenInfo={description:"",methods:[]};He.__docgenInfo={description:"",methods:[]};We.__docgenInfo={description:"",methods:[]};const oo={title:"Elements/Dropdown",component:je,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},W={name:"Small",render:()=>C.createElement(je,null,C.createElement(kn,{asChild:!0},C.createElement(Et,null,"Open Dropdown")),C.createElement(de,{align:"end",sideOffset:7},C.createElement(O,null,"First Entry"),C.createElement(O,null,"Second Entry"),C.createElement(ie,null),C.createElement(O,null,"Third Entry"),C.createElement(O,null,"Fourth Entry")))};var ge,we,_e;W.parameters={...W.parameters,docs:{...(ge=W.parameters)==null?void 0:ge.docs,source:{originalSource:`{ + name: "Small", + render: () => + + + + + First Entry + Second Entry + + Third Entry + Fourth Entry + + +}`,...(_e=(we=W.parameters)==null?void 0:we.docs)==null?void 0:_e.source}}};const ro=["DefaultVariant"];export{W as DefaultVariant,ro as __namedExportsOrder,oo as default}; diff --git a/assets/Dropdown.stories-jQCXWRjo.js b/assets/Dropdown.stories-jQCXWRjo.js deleted file mode 100644 index ed7038c..0000000 --- a/assets/Dropdown.stories-jQCXWRjo.js +++ /dev/null @@ -1,15 +0,0 @@ -import{r as t,R as C}from"./index-OjgoNOWw.js";import{a as K,c as he,$ as ct,b as at}from"./index-jKYK_Gmc.js";import{$ as ve,_ as $,a as L,c as st,d as dt}from"./index-ttJ0zls6.js";import{$ as q,a as b,b as it}from"./index-39R-7JO1.js";import{$ as ut}from"./index-kNhmewn5.js";import{$ as Ee,a as lt,b as ft,c as pt}from"./index-7ijoOKG-.js";import{$ as $t}from"./index-lFYSAZig.js";import{h as mt,a as bt,b as xt,$ as gt}from"./index-Qrw1f8GM.js";import{$ as Me,a as wt,b as _t,c as ht}from"./index-39veLG-x.js";import{$ as vt}from"./index-pT7Q2Giz.js";import{$ as be}from"./index-juKxXFC6.js";import{c as D}from"./index-FlAvnLNT.js";import{B as Et}from"./Button-1fD2P03D.js";import"./index-mQqIOHEI.js";import"./index-DTfSmp9M.js";import"./index-polp_dyw.js";const te=["Enter"," "],Mt=["ArrowDown","PageUp","Home"],Ce=["ArrowUp","PageDown","End"],Ct=[...Mt,...Ce],Dt={ltr:[...te,"ArrowRight"],rtl:[...te,"ArrowLeft"]},Rt={ltr:["ArrowLeft"],rtl:["ArrowRight"]},Z="Menu",[F,yt,It]=ut(Z),[y,De]=ve(Z,[It,Me,Ee]),oe=Me(),Re=Ee(),[Pt,I]=y(Z),[St,G]=y(Z),Ot=e=>{const{__scopeMenu:o,open:n=!1,children:r,dir:c,onOpenChange:a,modal:d=!0}=e,u=oe(o),[p,m]=t.useState(null),l=t.useRef(!1),s=st(a),f=pt(c);return t.useEffect(()=>{const x=()=>{l.current=!0,document.addEventListener("pointerdown",g,{capture:!0,once:!0}),document.addEventListener("pointermove",g,{capture:!0,once:!0})},g=()=>l.current=!1;return document.addEventListener("keydown",x,{capture:!0}),()=>{document.removeEventListener("keydown",x,{capture:!0}),document.removeEventListener("pointerdown",g,{capture:!0}),document.removeEventListener("pointermove",g,{capture:!0})}},[]),t.createElement(_t,u,t.createElement(Pt,{scope:o,open:n,onOpenChange:s,content:p,onContentChange:m},t.createElement(St,{scope:o,onClose:t.useCallback(()=>s(!1),[s]),isUsingKeyboardRef:l,dir:f,modal:d},r)))},ye=t.forwardRef((e,o)=>{const{__scopeMenu:n,...r}=e,c=oe(n);return t.createElement(ht,$({},c,r,{ref:o}))}),Ie="MenuPortal",[Tt,Pe]=y(Ie,{forceMount:void 0}),Nt=e=>{const{__scopeMenu:o,forceMount:n,children:r,container:c}=e,a=I(Ie,o);return t.createElement(Tt,{scope:o,forceMount:n},t.createElement(q,{present:n||a.open},t.createElement(vt,{asChild:!0,container:c},r)))},E="MenuContent",[kt,re]=y(E),Ft=t.forwardRef((e,o)=>{const n=Pe(E,e.__scopeMenu),{forceMount:r=n.forceMount,...c}=e,a=I(E,e.__scopeMenu),d=G(E,e.__scopeMenu);return t.createElement(F.Provider,{scope:e.__scopeMenu},t.createElement(q,{present:r||a.open},t.createElement(F.Slot,{scope:e.__scopeMenu},d.modal?t.createElement(At,$({},c,{ref:o})):t.createElement(Kt,$({},c,{ref:o})))))}),At=t.forwardRef((e,o)=>{const n=I(E,e.__scopeMenu),r=t.useRef(null),c=K(o,r);return t.useEffect(()=>{const a=r.current;if(a)return mt(a)},[]),t.createElement(ce,$({},e,{ref:c,trapFocus:n.open,disableOutsidePointerEvents:n.open,disableOutsideScroll:!0,onFocusOutside:b(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>n.onOpenChange(!1)}))}),Kt=t.forwardRef((e,o)=>{const n=I(E,e.__scopeMenu);return t.createElement(ce,$({},e,{ref:o,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>n.onOpenChange(!1)}))}),ce=t.forwardRef((e,o)=>{const{__scopeMenu:n,loop:r=!1,trapFocus:c,onOpenAutoFocus:a,onCloseAutoFocus:d,disableOutsidePointerEvents:u,onEntryFocus:p,onEscapeKeyDown:m,onPointerDownOutside:l,onFocusOutside:s,onInteractOutside:f,onDismiss:x,disableOutsideScroll:g,...h}=e,P=I(E,n),T=G(E,n),U=oe(n),B=Re(n),ue=yt(n),[Qe,le]=t.useState(null),V=t.useRef(null),et=K(o,V,P.onContentChange),Y=t.useRef(0),z=t.useRef(""),tt=t.useRef(0),J=t.useRef(null),fe=t.useRef("right"),Q=t.useRef(0),nt=g?gt:t.Fragment,ot=g?{as:ct,allowPinchZoom:!0}:void 0,rt=i=>{var w,v;const R=z.current+i,N=ue().filter(M=>!M.disabled),ee=document.activeElement,pe=(w=N.find(M=>M.ref.current===ee))===null||w===void 0?void 0:w.textValue,X=N.map(M=>M.textValue),k=en(X,R,pe),$e=(v=N.find(M=>M.textValue===k))===null||v===void 0?void 0:v.ref.current;(function M(me){z.current=me,window.clearTimeout(Y.current),me!==""&&(Y.current=window.setTimeout(()=>M(""),1e3))})(R),$e&&setTimeout(()=>$e.focus())};t.useEffect(()=>()=>window.clearTimeout(Y.current),[]),bt();const S=t.useCallback(i=>{var w,v;return fe.current===((w=J.current)===null||w===void 0?void 0:w.side)&&nn(i,(v=J.current)===null||v===void 0?void 0:v.area)},[]);return t.createElement(kt,{scope:n,searchRef:z,onItemEnter:t.useCallback(i=>{S(i)&&i.preventDefault()},[S]),onItemLeave:t.useCallback(i=>{var w;S(i)||((w=V.current)===null||w===void 0||w.focus(),le(null))},[S]),onTriggerLeave:t.useCallback(i=>{S(i)&&i.preventDefault()},[S]),pointerGraceTimerRef:tt,onPointerGraceIntentChange:t.useCallback(i=>{J.current=i},[])},t.createElement(nt,ot,t.createElement(xt,{asChild:!0,trapped:c,onMountAutoFocus:b(a,i=>{var w;i.preventDefault(),(w=V.current)===null||w===void 0||w.focus()}),onUnmountAutoFocus:d},t.createElement($t,{asChild:!0,disableOutsidePointerEvents:u,onEscapeKeyDown:m,onPointerDownOutside:l,onFocusOutside:s,onInteractOutside:f,onDismiss:x},t.createElement(lt,$({asChild:!0},B,{dir:T.dir,orientation:"vertical",loop:r,currentTabStopId:Qe,onCurrentTabStopIdChange:le,onEntryFocus:b(p,i=>{T.isUsingKeyboardRef.current||i.preventDefault()})}),t.createElement(wt,$({role:"menu","aria-orientation":"vertical","data-state":ke(P.open),"data-radix-menu-content":"",dir:T.dir},U,h,{ref:et,style:{outline:"none",...h.style},onKeyDown:b(h.onKeyDown,i=>{const v=i.target.closest("[data-radix-menu-content]")===i.currentTarget,R=i.ctrlKey||i.altKey||i.metaKey,N=i.key.length===1;v&&(i.key==="Tab"&&i.preventDefault(),!R&&N&&rt(i.key));const ee=V.current;if(i.target!==ee||!Ct.includes(i.key))return;i.preventDefault();const X=ue().filter(k=>!k.disabled).map(k=>k.ref.current);Ce.includes(i.key)&&X.reverse(),Jt(X)}),onBlur:b(e.onBlur,i=>{i.currentTarget.contains(i.target)||(window.clearTimeout(Y.current),z.current="")}),onPointerMove:b(e.onPointerMove,A(i=>{const w=i.target,v=Q.current!==i.clientX;if(i.currentTarget.contains(w)&&v){const R=i.clientX>Q.current?"right":"left";fe.current=R,Q.current=i.clientX}}))})))))))}),Lt=t.forwardRef((e,o)=>{const{__scopeMenu:n,...r}=e;return t.createElement(L.div,$({},r,{ref:o}))}),ne="MenuItem",xe="menu.itemSelect",ae=t.forwardRef((e,o)=>{const{disabled:n=!1,onSelect:r,...c}=e,a=t.useRef(null),d=G(ne,e.__scopeMenu),u=re(ne,e.__scopeMenu),p=K(o,a),m=t.useRef(!1),l=()=>{const s=a.current;if(!n&&s){const f=new CustomEvent(xe,{bubbles:!0,cancelable:!0});s.addEventListener(xe,x=>r==null?void 0:r(x),{once:!0}),dt(s,f),f.defaultPrevented?m.current=!1:d.onClose()}};return t.createElement(Se,$({},c,{ref:p,disabled:n,onClick:b(e.onClick,l),onPointerDown:s=>{var f;(f=e.onPointerDown)===null||f===void 0||f.call(e,s),m.current=!0},onPointerUp:b(e.onPointerUp,s=>{var f;m.current||(f=s.currentTarget)===null||f===void 0||f.click()}),onKeyDown:b(e.onKeyDown,s=>{const f=u.searchRef.current!=="";n||f&&s.key===" "||te.includes(s.key)&&(s.currentTarget.click(),s.preventDefault())})}))}),Se=t.forwardRef((e,o)=>{const{__scopeMenu:n,disabled:r=!1,textValue:c,...a}=e,d=re(ne,n),u=Re(n),p=t.useRef(null),m=K(o,p),[l,s]=t.useState(!1),[f,x]=t.useState("");return t.useEffect(()=>{const g=p.current;if(g){var h;x(((h=g.textContent)!==null&&h!==void 0?h:"").trim())}},[a.children]),t.createElement(F.ItemSlot,{scope:n,disabled:r,textValue:c??f},t.createElement(ft,$({asChild:!0},u,{focusable:!r}),t.createElement(L.div,$({role:"menuitem","data-highlighted":l?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0},a,{ref:m,onPointerMove:b(e.onPointerMove,A(g=>{r?d.onItemLeave(g):(d.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus())})),onPointerLeave:b(e.onPointerLeave,A(g=>d.onItemLeave(g))),onFocus:b(e.onFocus,()=>s(!0)),onBlur:b(e.onBlur,()=>s(!1))}))))}),Gt=t.forwardRef((e,o)=>{const{checked:n=!1,onCheckedChange:r,...c}=e;return t.createElement(Te,{scope:e.__scopeMenu,checked:n},t.createElement(ae,$({role:"menuitemcheckbox","aria-checked":H(n)?"mixed":n},c,{ref:o,"data-state":se(n),onSelect:b(c.onSelect,()=>r==null?void 0:r(H(n)?!0:!n),{checkForDefaultPrevented:!1})})))}),Ut="MenuRadioGroup",[Jn,Bt]=y(Ut,{value:void 0,onValueChange:()=>{}}),Vt="MenuRadioItem",Yt=t.forwardRef((e,o)=>{const{value:n,...r}=e,c=Bt(Vt,e.__scopeMenu),a=n===c.value;return t.createElement(Te,{scope:e.__scopeMenu,checked:a},t.createElement(ae,$({role:"menuitemradio","aria-checked":a},r,{ref:o,"data-state":se(a),onSelect:b(r.onSelect,()=>{var d;return(d=c.onValueChange)===null||d===void 0?void 0:d.call(c,n)},{checkForDefaultPrevented:!1})})))}),Oe="MenuItemIndicator",[Te,zt]=y(Oe,{checked:!1}),Xt=t.forwardRef((e,o)=>{const{__scopeMenu:n,forceMount:r,...c}=e,a=zt(Oe,n);return t.createElement(q,{present:r||H(a.checked)||a.checked===!0},t.createElement(L.span,$({},c,{ref:o,"data-state":se(a.checked)})))}),jt=t.forwardRef((e,o)=>{const{__scopeMenu:n,...r}=e;return t.createElement(L.div,$({role:"separator","aria-orientation":"horizontal"},r,{ref:o}))}),Wt="MenuSub",[Qn,Ne]=y(Wt),j="MenuSubTrigger",Ht=t.forwardRef((e,o)=>{const n=I(j,e.__scopeMenu),r=G(j,e.__scopeMenu),c=Ne(j,e.__scopeMenu),a=re(j,e.__scopeMenu),d=t.useRef(null),{pointerGraceTimerRef:u,onPointerGraceIntentChange:p}=a,m={__scopeMenu:e.__scopeMenu},l=t.useCallback(()=>{d.current&&window.clearTimeout(d.current),d.current=null},[]);return t.useEffect(()=>l,[l]),t.useEffect(()=>{const s=u.current;return()=>{window.clearTimeout(s),p(null)}},[u,p]),t.createElement(ye,$({asChild:!0},m),t.createElement(Se,$({id:c.triggerId,"aria-haspopup":"menu","aria-expanded":n.open,"aria-controls":c.contentId,"data-state":ke(n.open)},e,{ref:he(o,c.onTriggerChange),onClick:s=>{var f;(f=e.onClick)===null||f===void 0||f.call(e,s),!(e.disabled||s.defaultPrevented)&&(s.currentTarget.focus(),n.open||n.onOpenChange(!0))},onPointerMove:b(e.onPointerMove,A(s=>{a.onItemEnter(s),!s.defaultPrevented&&!e.disabled&&!n.open&&!d.current&&(a.onPointerGraceIntentChange(null),d.current=window.setTimeout(()=>{n.onOpenChange(!0),l()},100))})),onPointerLeave:b(e.onPointerLeave,A(s=>{var f;l();const x=(f=n.content)===null||f===void 0?void 0:f.getBoundingClientRect();if(x){var g;const h=(g=n.content)===null||g===void 0?void 0:g.dataset.side,P=h==="right",T=P?-5:5,U=x[P?"left":"right"],B=x[P?"right":"left"];a.onPointerGraceIntentChange({area:[{x:s.clientX+T,y:s.clientY},{x:U,y:x.top},{x:B,y:x.top},{x:B,y:x.bottom},{x:U,y:x.bottom}],side:h}),window.clearTimeout(u.current),u.current=window.setTimeout(()=>a.onPointerGraceIntentChange(null),300)}else{if(a.onTriggerLeave(s),s.defaultPrevented)return;a.onPointerGraceIntentChange(null)}})),onKeyDown:b(e.onKeyDown,s=>{const f=a.searchRef.current!=="";if(!(e.disabled||f&&s.key===" ")&&Dt[r.dir].includes(s.key)){var x;n.onOpenChange(!0),(x=n.content)===null||x===void 0||x.focus(),s.preventDefault()}})})))}),qt="MenuSubContent",Zt=t.forwardRef((e,o)=>{const n=Pe(E,e.__scopeMenu),{forceMount:r=n.forceMount,...c}=e,a=I(E,e.__scopeMenu),d=G(E,e.__scopeMenu),u=Ne(qt,e.__scopeMenu),p=t.useRef(null),m=K(o,p);return t.createElement(F.Provider,{scope:e.__scopeMenu},t.createElement(q,{present:r||a.open},t.createElement(F.Slot,{scope:e.__scopeMenu},t.createElement(ce,$({id:u.contentId,"aria-labelledby":u.triggerId},c,{ref:m,align:"start",side:d.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:l=>{var s;d.isUsingKeyboardRef.current&&((s=p.current)===null||s===void 0||s.focus()),l.preventDefault()},onCloseAutoFocus:l=>l.preventDefault(),onFocusOutside:b(e.onFocusOutside,l=>{l.target!==u.trigger&&a.onOpenChange(!1)}),onEscapeKeyDown:b(e.onEscapeKeyDown,l=>{d.onClose(),l.preventDefault()}),onKeyDown:b(e.onKeyDown,l=>{const s=l.currentTarget.contains(l.target),f=Rt[d.dir].includes(l.key);if(s&&f){var x;a.onOpenChange(!1),(x=u.trigger)===null||x===void 0||x.focus(),l.preventDefault()}})})))))});function ke(e){return e?"open":"closed"}function H(e){return e==="indeterminate"}function se(e){return H(e)?"indeterminate":e?"checked":"unchecked"}function Jt(e){const o=document.activeElement;for(const n of e)if(n===o||(n.focus(),document.activeElement!==o))return}function Qt(e,o){return e.map((n,r)=>e[(o+r)%e.length])}function en(e,o,n){const c=o.length>1&&Array.from(o).every(m=>m===o[0])?o[0]:o,a=n?e.indexOf(n):-1;let d=Qt(e,Math.max(a,0));c.length===1&&(d=d.filter(m=>m!==n));const p=d.find(m=>m.toLowerCase().startsWith(c.toLowerCase()));return p!==n?p:void 0}function tn(e,o){const{x:n,y:r}=e;let c=!1;for(let a=0,d=o.length-1;ar!=l>r&&n<(m-u)*(r-p)/(l-p)+u&&(c=!c)}return c}function nn(e,o){if(!o)return!1;const n={x:e.clientX,y:e.clientY};return tn(n,o)}function A(e){return o=>o.pointerType==="mouse"?e(o):void 0}const on=Ot,rn=ye,cn=Nt,an=Ft,sn=Lt,dn=ae,un=Gt,ln=Yt,fn=Xt,pn=jt,$n=Ht,mn=Zt,Fe="DropdownMenu",[bn,eo]=ve(Fe,[De]),_=De(),[xn,Ae]=bn(Fe),gn=e=>{const{__scopeDropdownMenu:o,children:n,dir:r,open:c,defaultOpen:a,onOpenChange:d,modal:u=!0}=e,p=_(o),m=t.useRef(null),[l=!1,s]=it({prop:c,defaultProp:a,onChange:d});return t.createElement(xn,{scope:o,triggerId:be(),triggerRef:m,contentId:be(),open:l,onOpenChange:s,onOpenToggle:t.useCallback(()=>s(f=>!f),[s]),modal:u},t.createElement(on,$({},p,{open:l,onOpenChange:s,dir:r,modal:u}),n))},wn="DropdownMenuTrigger",_n=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,disabled:r=!1,...c}=e,a=Ae(wn,n),d=_(n);return t.createElement(rn,$({asChild:!0},d),t.createElement(L.button,$({type:"button",id:a.triggerId,"aria-haspopup":"menu","aria-expanded":a.open,"aria-controls":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":r?"":void 0,disabled:r},c,{ref:he(o,a.triggerRef),onPointerDown:b(e.onPointerDown,u=>{!r&&u.button===0&&u.ctrlKey===!1&&(a.onOpenToggle(),a.open||u.preventDefault())}),onKeyDown:b(e.onKeyDown,u=>{r||(["Enter"," "].includes(u.key)&&a.onOpenToggle(),u.key==="ArrowDown"&&a.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(u.key)&&u.preventDefault())})})))}),hn=e=>{const{__scopeDropdownMenu:o,...n}=e,r=_(o);return t.createElement(cn,$({},r,n))},vn="DropdownMenuContent",En=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=Ae(vn,n),a=_(n),d=t.useRef(!1);return t.createElement(an,$({id:c.contentId,"aria-labelledby":c.triggerId},a,r,{ref:o,onCloseAutoFocus:b(e.onCloseAutoFocus,u=>{var p;d.current||(p=c.triggerRef.current)===null||p===void 0||p.focus(),d.current=!1,u.preventDefault()}),onInteractOutside:b(e.onInteractOutside,u=>{const p=u.detail.originalEvent,m=p.button===0&&p.ctrlKey===!0,l=p.button===2||m;(!c.modal||l)&&(d.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}}))}),Mn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(sn,$({},c,r,{ref:o}))}),Cn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(dn,$({},c,r,{ref:o}))}),Dn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(un,$({},c,r,{ref:o}))}),Rn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(ln,$({},c,r,{ref:o}))}),yn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(fn,$({},c,r,{ref:o}))}),In=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(pn,$({},c,r,{ref:o}))}),Pn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement($n,$({},c,r,{ref:o}))}),Sn=t.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,c=_(n);return t.createElement(mn,$({},c,r,{ref:o,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}}))}),On=gn,Tn=_n,Nn=hn,Ke=En,Le=Mn,Ge=Cn,Ue=Dn,Be=Rn,Ve=yn,Ye=In,ze=Pn,Xe=Sn,je=On,kn=Tn,We=t.forwardRef(({className:e,inset:o,children:n,...r},c)=>t.createElement(ze,{ref:c,className:D("py-1.5 focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 text-text-sm outline-none",o&&"pl-8",e),...r},n));We.displayName=ze.displayName;const He=t.forwardRef(({className:e,...o},n)=>t.createElement(Xe,{ref:n,className:D("z-50 min-w-[8rem] overflow-hidden rounded-md border border-theme-border-bold bg-theme-surface-primary p-1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o}));He.displayName=Xe.displayName;const de=t.forwardRef(({className:e,sideOffset:o=4,...n},r)=>t.createElement(Nn,null,t.createElement(Ke,{ref:r,sideOffset:o,className:D("z-50 min-w-[8rem] overflow-hidden rounded-md border border-theme-border-moderate bg-theme-surface-primary p-1","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n})));de.displayName=Ke.displayName;const O=t.forwardRef(({className:e,inset:o,children:n,...r},c)=>{function a(d){return t.cloneElement(d,{className:D("h-3 w-3 mr-2 fill-neutral-400",d.props.className)})}return t.createElement(Ge,{ref:c,className:D("relative flex cursor-default select-none items-center rounded-[4px] pr-3 pl-2 py-2 text-text-sm outline-none transition-colors focus:bg-theme-surface-tertiary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o&&"pl-8",e),...r},r.icon&&a(r.icon),t.createElement(at,null,n))});O.displayName=Ge.displayName;const qe=t.forwardRef(({className:e,children:o,checked:n,...r},c)=>t.createElement(Ue,{ref:c,className:D("focus:text-accent-foreground focus:bg-theme-surface-teritary relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 text-text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...r},t.createElement("span",{className:"h-3.5 w-3.5 absolute left-2 flex items-center justify-center"},t.createElement(Ve,null)),o));qe.displayName=Ue.displayName;const Ze=t.forwardRef(({className:e,children:o,...n},r)=>t.createElement(Be,{ref:r,className:D("py-1.5 relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 text-text-sm outline-none transition-colors focus:bg-theme-surface-tertiary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n},t.createElement("span",{className:"h-3.5 w-3.5 absolute left-2 flex items-center justify-center"},t.createElement(Ve,null)),o));Ze.displayName=Be.displayName;const Je=t.forwardRef(({className:e,inset:o,...n},r)=>t.createElement(Le,{ref:r,className:D("py-1.5 px-2 text-text-sm font-semibold",o&&"pl-8",e),...n}));Je.displayName=Le.displayName;const ie=t.forwardRef(({className:e,...o},n)=>t.createElement(Ye,{ref:n,className:D("-mx-1 my-1 h-[1px] bg-theme-border-moderate",e),...o}));ie.displayName=Ye.displayName;de.__docgenInfo={description:"",methods:[],props:{sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};O.__docgenInfo={description:"",methods:[]};qe.__docgenInfo={description:"",methods:[]};Ze.__docgenInfo={description:"",methods:[]};Je.__docgenInfo={description:"",methods:[]};ie.__docgenInfo={description:"",methods:[]};He.__docgenInfo={description:"",methods:[]};We.__docgenInfo={description:"",methods:[]};const to={title:"Elements/Dropdown",component:je,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},W={name:"Small",render:()=>C.createElement(je,null,C.createElement(kn,{asChild:!0},C.createElement(Et,null,"Open Dropdown")),C.createElement(de,{align:"end",sideOffset:7},C.createElement(O,null,"First Entry"),C.createElement(O,null,"Second Entry"),C.createElement(ie,null),C.createElement(O,null,"Third Entry"),C.createElement(O,null,"Fourth Entry")))};var ge,we,_e;W.parameters={...W.parameters,docs:{...(ge=W.parameters)==null?void 0:ge.docs,source:{originalSource:`{ - name: "Small", - render: () => - - - - - First Entry - Second Entry - - Third Entry - Fourth Entry - - -}`,...(_e=(we=W.parameters)==null?void 0:we.docs)==null?void 0:_e.source}}};const no=["DefaultVariant"];export{W as DefaultVariant,no as __namedExportsOrder,to as default}; diff --git a/assets/Introduction-aLHBY-Zp.js b/assets/Introduction-ZpSBc1Tt.js similarity index 92% rename from assets/Introduction-aLHBY-Zp.js rename to assets/Introduction-ZpSBc1Tt.js index b66adad..2bfc22c 100644 --- a/assets/Introduction-aLHBY-Zp.js +++ b/assets/Introduction-ZpSBc1Tt.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DtaoT6pD.js";import{u as i}from"./index-7dsiwP88.js";import{M as s}from"./index-OSMui59-.js";import"./index-OjgoNOWw.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";function o(n){const e={a:"a",p:"p",...i(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Introduction"}),` +import{j as t}from"./jsx-runtime-DtaoT6pD.js";import{u as i}from"./index-7dsiwP88.js";import{M as s}from"./index-9v6N7U6e.js";import"./index-OjgoNOWw.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";function o(n){const e={a:"a",p:"p",...i(),...n.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Introduction"}),` `,t.jsxs("div",{align:"center",children:[t.jsx("img",{style:{marginBottom:"16px"},alt:"ZenML Logo",src:"https://user-images.githubusercontent.com/3348134/223112746-345126ff-a0e8-479f-8ac0-670d78f71712.png",alt:"Logo",width:"400"}),t.jsx("h1",{children:"ZenML Component Library"})]}),` `,t.jsxs(e.p,{children:["This is the Storybook of ",t.jsx(e.a,{href:"https://zenml.io",rel:"nofollow",children:"ZenML"})," that contains all relevant components that are used throughout the different applications. Besides the React Components itself the component library also provides certain additional functionalities, including some utility functions that are used throught the component library, as well as a Tailwind Plugin and a Tailwind Preset containing the base setup for the ZenML design system."]}),` `,t.jsxs(e.p,{children:["You can navigate different documentation, and the components itself in the left-side menu of this application. For feedback, please ",t.jsx(e.a,{href:"https://github.com/zenml-io/react-component-library",rel:"nofollow",children:"raise in issue in the Repo"}),", or shoot us a message over on our ",t.jsx(e.a,{href:"https://zenml.io/slack",rel:"nofollow",children:"Slack"})]})]})}function x(n={}){const{wrapper:e}={...i(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{x as default}; diff --git a/assets/Select.stories-m1kcZSwr.js b/assets/Select.stories-m1kcZSwr.js new file mode 100644 index 0000000..7875977 --- /dev/null +++ b/assets/Select.stories-m1kcZSwr.js @@ -0,0 +1,13 @@ +import{r as e,R as q}from"./index-OjgoNOWw.js";import{$ as qe,_ as T,a as L,b as ae,c as Ge}from"./index-ttJ0zls6.js";import{r as Re}from"./index-mQqIOHEI.js";import{$ as N,a as ye}from"./index-D3KhmrnL.js";import{$ as Ye}from"./index-kNhmewn5.js";import{a as K,$ as je}from"./index-jKYK_Gmc.js";import{$ as Ze}from"./index-vNCMozV_.js";import{$ as Xe}from"./index-f0vHx2GX.js";import{h as Je,a as Qe,$ as et,b as tt}from"./index-vwyHrCN8.js";import{$ as Ne}from"./index-juKxXFC6.js";import{$ as Oe,c as ot,b as nt,a as at}from"./index-w1VBTUiB.js";import{$ as rt}from"./index-pT7Q2Giz.js";import{$ as ct}from"./index-XmoB3Z09.js";import{a as st}from"./index-7R9aDw1t.js";import{c as X}from"./index-FlAvnLNT.js";import"./index-DTfSmp9M.js";function Ce(o,[n,t]){return Math.min(t,Math.max(n,o))}const lt=[" ","Enter","ArrowUp","ArrowDown"],it=[" ","Enter"],ie="Select",[de,xe,dt]=Ye(ie),[Q,co]=qe(ie,[dt,Oe]),be=Oe(),[ft,G]=Q(ie),[pt,ut]=Q(ie),mt=o=>{const{__scopeSelect:n,children:t,open:a,defaultOpen:s,onOpenChange:f,value:c,defaultValue:l,onValueChange:d,dir:p,name:$,autoComplete:y,disabled:E,required:C}=o,u=be(n),[g,b]=e.useState(null),[m,r]=e.useState(null),[h,ee]=e.useState(!1),O=Ze(p),[te=!1,P]=ye({prop:a,defaultProp:s,onChange:f}),[R,z]=ye({prop:c,defaultProp:l,onChange:d}),Y=e.useRef(null),U=g?!!g.closest("form"):!0,[k,B]=e.useState(new Set),W=Array.from(k).map(I=>I.props.value).join(";");return e.createElement(nt,u,e.createElement(ft,{required:C,scope:n,trigger:g,onTriggerChange:b,valueNode:m,onValueNodeChange:r,valueNodeHasChildren:h,onValueNodeHasChildrenChange:ee,contentId:Ne(),value:R,onValueChange:z,open:te,onOpenChange:P,dir:O,triggerPointerDownPosRef:Y,disabled:E},e.createElement(de.Provider,{scope:n},e.createElement(pt,{scope:o.__scopeSelect,onNativeOptionAdd:e.useCallback(I=>{B(V=>new Set(V).add(I))},[]),onNativeOptionRemove:e.useCallback(I=>{B(V=>{const A=new Set(V);return A.delete(I),A})},[])},t)),U?e.createElement(ke,{key:W,"aria-hidden":!0,required:C,tabIndex:-1,name:$,autoComplete:y,value:R,onChange:I=>z(I.target.value),disabled:E},R===void 0?e.createElement("option",{value:""}):null,Array.from(k)):null))},gt="SelectTrigger",ht=e.forwardRef((o,n)=>{const{__scopeSelect:t,disabled:a=!1,...s}=o,f=be(t),c=G(gt,t),l=c.disabled||a,d=K(n,c.onTriggerChange),p=xe(t),[$,y,E]=Ve(u=>{const g=p().filter(r=>!r.disabled),b=g.find(r=>r.value===c.value),m=Ae(g,u,b);m!==void 0&&c.onValueChange(m.value)}),C=()=>{l||(c.onOpenChange(!0),E())};return e.createElement(ot,T({asChild:!0},f),e.createElement(L.button,T({type:"button",role:"combobox","aria-controls":c.contentId,"aria-expanded":c.open,"aria-required":c.required,"aria-autocomplete":"none",dir:c.dir,"data-state":c.open?"open":"closed",disabled:l,"data-disabled":l?"":void 0,"data-placeholder":Me(c.value)?"":void 0},s,{ref:d,onClick:N(s.onClick,u=>{u.currentTarget.focus()}),onPointerDown:N(s.onPointerDown,u=>{const g=u.target;g.hasPointerCapture(u.pointerId)&&g.releasePointerCapture(u.pointerId),u.button===0&&u.ctrlKey===!1&&(C(),c.triggerPointerDownPosRef.current={x:Math.round(u.pageX),y:Math.round(u.pageY)},u.preventDefault())}),onKeyDown:N(s.onKeyDown,u=>{const g=$.current!=="";!(u.ctrlKey||u.altKey||u.metaKey)&&u.key.length===1&&y(u.key),!(g&&u.key===" ")&<.includes(u.key)&&(C(),u.preventDefault())})})))}),$t="SelectValue",vt=e.forwardRef((o,n)=>{const{__scopeSelect:t,className:a,style:s,children:f,placeholder:c="",...l}=o,d=G($t,t),{onValueNodeHasChildrenChange:p}=d,$=f!==void 0,y=K(n,d.onValueNodeChange);return ae(()=>{p($)},[p,$]),e.createElement(L.span,T({},l,{ref:y,style:{pointerEvents:"none"}}),Me(d.value)?e.createElement(e.Fragment,null,c):f)}),xt=e.forwardRef((o,n)=>{const{__scopeSelect:t,children:a,...s}=o;return e.createElement(L.span,T({"aria-hidden":!0},s,{ref:n}),a||"â–¼")}),bt=o=>e.createElement(rt,T({asChild:!0},o)),J="SelectContent",St=e.forwardRef((o,n)=>{const t=G(J,o.__scopeSelect),[a,s]=e.useState();if(ae(()=>{s(new DocumentFragment)},[]),!t.open){const f=a;return f?Re.createPortal(e.createElement(De,{scope:o.__scopeSelect},e.createElement(de.Slot,{scope:o.__scopeSelect},e.createElement("div",null,o.children))),f):null}return e.createElement(wt,T({},o,{ref:n}))}),H=10,[De,fe]=Q(J),wt=e.forwardRef((o,n)=>{const{__scopeSelect:t,position:a="item-aligned",onCloseAutoFocus:s,onEscapeKeyDown:f,onPointerDownOutside:c,side:l,sideOffset:d,align:p,alignOffset:$,arrowPadding:y,collisionBoundary:E,collisionPadding:C,sticky:u,hideWhenDetached:g,avoidCollisions:b,...m}=o,r=G(J,t),[h,ee]=e.useState(null),[O,te]=e.useState(null),P=K(n,i=>ee(i)),[R,z]=e.useState(null),[Y,U]=e.useState(null),k=xe(t),[B,W]=e.useState(!1),I=e.useRef(!1);e.useEffect(()=>{if(h)return Je(h)},[h]),Qe();const V=e.useCallback(i=>{const[S,..._]=k().map(x=>x.ref.current),[w]=_.slice(-1),v=document.activeElement;for(const x of i)if(x===v||(x==null||x.scrollIntoView({block:"nearest"}),x===S&&O&&(O.scrollTop=0),x===w&&O&&(O.scrollTop=O.scrollHeight),x==null||x.focus(),document.activeElement!==v))return},[k,O]),A=e.useCallback(()=>V([R,h]),[V,R,h]);e.useEffect(()=>{B&&A()},[B,A]);const{onOpenChange:j,triggerPointerDownPosRef:F}=r;e.useEffect(()=>{if(h){let i={x:0,y:0};const S=w=>{var v,x,D,M;i={x:Math.abs(Math.round(w.pageX)-((v=(x=F.current)===null||x===void 0?void 0:x.x)!==null&&v!==void 0?v:0)),y:Math.abs(Math.round(w.pageY)-((D=(M=F.current)===null||M===void 0?void 0:M.y)!==null&&D!==void 0?D:0))}},_=w=>{i.x<=10&&i.y<=10?w.preventDefault():h.contains(w.target)||j(!1),document.removeEventListener("pointermove",S),F.current=null};return F.current!==null&&(document.addEventListener("pointermove",S),document.addEventListener("pointerup",_,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",S),document.removeEventListener("pointerup",_,{capture:!0})}}},[h,j,F]),e.useEffect(()=>{const i=()=>j(!1);return window.addEventListener("blur",i),window.addEventListener("resize",i),()=>{window.removeEventListener("blur",i),window.removeEventListener("resize",i)}},[j]);const[pe,re]=Ve(i=>{const S=k().filter(v=>!v.disabled),_=S.find(v=>v.ref.current===document.activeElement),w=Ae(S,i,_);w&&setTimeout(()=>w.ref.current.focus())}),ue=e.useCallback((i,S,_)=>{const w=!I.current&&!_;(r.value!==void 0&&r.value===S||w)&&(z(i),w&&(I.current=!0))},[r.value]),me=e.useCallback(()=>h==null?void 0:h.focus(),[h]),Z=e.useCallback((i,S,_)=>{const w=!I.current&&!_;(r.value!==void 0&&r.value===S||w)&&U(i)},[r.value]),ce=a==="popper"?Ee:yt,oe=ce===Ee?{side:l,sideOffset:d,align:p,alignOffset:$,arrowPadding:y,collisionBoundary:E,collisionPadding:C,sticky:u,hideWhenDetached:g,avoidCollisions:b}:{};return e.createElement(De,{scope:t,content:h,viewport:O,onViewportChange:te,itemRefCallback:ue,selectedItem:R,onItemLeave:me,itemTextRefCallback:Z,focusSelectedItem:A,selectedItemText:Y,position:a,isPositioned:B,searchRef:pe},e.createElement(et,{as:je,allowPinchZoom:!0},e.createElement(tt,{asChild:!0,trapped:r.open,onMountAutoFocus:i=>{i.preventDefault()},onUnmountAutoFocus:N(s,i=>{var S;(S=r.trigger)===null||S===void 0||S.focus({preventScroll:!0}),i.preventDefault()})},e.createElement(Xe,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:f,onPointerDownOutside:c,onFocusOutside:i=>i.preventDefault(),onDismiss:()=>r.onOpenChange(!1)},e.createElement(ce,T({role:"listbox",id:r.contentId,"data-state":r.open?"open":"closed",dir:r.dir,onContextMenu:i=>i.preventDefault()},m,oe,{onPlaced:()=>W(!0),ref:P,style:{display:"flex",flexDirection:"column",outline:"none",...m.style},onKeyDown:N(m.onKeyDown,i=>{const S=i.ctrlKey||i.altKey||i.metaKey;if(i.key==="Tab"&&i.preventDefault(),!S&&i.key.length===1&&re(i.key),["ArrowUp","ArrowDown","Home","End"].includes(i.key)){let w=k().filter(v=>!v.disabled).map(v=>v.ref.current);if(["ArrowUp","End"].includes(i.key)&&(w=w.slice().reverse()),["ArrowUp","ArrowDown"].includes(i.key)){const v=i.target,x=w.indexOf(v);w=w.slice(x+1)}setTimeout(()=>V(w)),i.preventDefault()}})}))))))}),yt=e.forwardRef((o,n)=>{const{__scopeSelect:t,onPlaced:a,...s}=o,f=G(J,t),c=fe(J,t),[l,d]=e.useState(null),[p,$]=e.useState(null),y=K(n,P=>$(P)),E=xe(t),C=e.useRef(!1),u=e.useRef(!0),{viewport:g,selectedItem:b,selectedItemText:m,focusSelectedItem:r}=c,h=e.useCallback(()=>{if(f.trigger&&f.valueNode&&l&&p&&g&&b&&m){const P=f.trigger.getBoundingClientRect(),R=p.getBoundingClientRect(),z=f.valueNode.getBoundingClientRect(),Y=m.getBoundingClientRect();if(f.dir!=="rtl"){const v=Y.left-R.left,x=z.left-v,D=P.left-x,M=P.width+D,ge=Math.max(M,R.width),he=window.innerWidth-H,$e=Ce(x,[H,he-ge]);l.style.minWidth=M+"px",l.style.left=$e+"px"}else{const v=R.right-Y.right,x=window.innerWidth-z.right-v,D=window.innerWidth-P.right-x,M=P.width+D,ge=Math.max(M,R.width),he=window.innerWidth-H,$e=Ce(x,[H,he-ge]);l.style.minWidth=M+"px",l.style.right=$e+"px"}const U=E(),k=window.innerHeight-H*2,B=g.scrollHeight,W=window.getComputedStyle(p),I=parseInt(W.borderTopWidth,10),V=parseInt(W.paddingTop,10),A=parseInt(W.borderBottomWidth,10),j=parseInt(W.paddingBottom,10),F=I+V+B+j+A,pe=Math.min(b.offsetHeight*5,F),re=window.getComputedStyle(g),ue=parseInt(re.paddingTop,10),me=parseInt(re.paddingBottom,10),Z=P.top+P.height/2-H,ce=k-Z,oe=b.offsetHeight/2,i=b.offsetTop+oe,S=I+V+i,_=F-S;if(S<=Z){const v=b===U[U.length-1].ref.current;l.style.bottom="0px";const x=p.clientHeight-g.offsetTop-g.offsetHeight,D=Math.max(ce,oe+(v?me:0)+x+A),M=S+D;l.style.height=M+"px"}else{const v=b===U[0].ref.current;l.style.top="0px";const D=Math.max(Z,I+g.offsetTop+(v?ue:0)+oe)+_;l.style.height=D+"px",g.scrollTop=S-Z+g.offsetTop}l.style.margin=`${H}px 0`,l.style.minHeight=pe+"px",l.style.maxHeight=k+"px",a==null||a(),requestAnimationFrame(()=>C.current=!0)}},[E,f.trigger,f.valueNode,l,p,g,b,m,f.dir,a]);ae(()=>h(),[h]);const[ee,O]=e.useState();ae(()=>{p&&O(window.getComputedStyle(p).zIndex)},[p]);const te=e.useCallback(P=>{P&&u.current===!0&&(h(),r==null||r(),u.current=!1)},[h,r]);return e.createElement(Ct,{scope:t,contentWrapper:l,shouldExpandOnScrollRef:C,onScrollButtonChange:te},e.createElement("div",{ref:d,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:ee}},e.createElement(L.div,T({},s,{ref:y,style:{boxSizing:"border-box",maxHeight:"100%",...s.style}}))))}),Ee=e.forwardRef((o,n)=>{const{__scopeSelect:t,align:a="start",collisionPadding:s=H,...f}=o,c=be(t);return e.createElement(at,T({},c,f,{ref:n,align:a,collisionPadding:s,style:{boxSizing:"border-box",...f.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}}))}),[Ct,Et]=Q(J,{}),Ie="SelectViewport",It=e.forwardRef((o,n)=>{const{__scopeSelect:t,...a}=o,s=fe(Ie,t),f=Et(Ie,t),c=K(n,s.onViewportChange),l=e.useRef(0);return e.createElement(e.Fragment,null,e.createElement("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"}}),e.createElement(de.Slot,{scope:t},e.createElement(L.div,T({"data-radix-select-viewport":"",role:"presentation"},a,{ref:c,style:{position:"relative",flex:1,overflow:"auto",...a.style},onScroll:N(a.onScroll,d=>{const p=d.currentTarget,{contentWrapper:$,shouldExpandOnScrollRef:y}=f;if(y!=null&&y.current&&$){const E=Math.abs(l.current-p.scrollTop);if(E>0){const C=window.innerHeight-H*2,u=parseFloat($.style.minHeight),g=parseFloat($.style.height),b=Math.max(u,g);if(b0?h:0,$.style.justifyContent="flex-end")}}}l.current=p.scrollTop})}))))}),Tt="SelectGroup",[so,Pt]=Q(Tt),_t="SelectLabel",Rt=e.forwardRef((o,n)=>{const{__scopeSelect:t,...a}=o,s=Pt(_t,t);return e.createElement(L.div,T({id:s.id},a,{ref:n}))}),ve="SelectItem",[Nt,Ot]=Q(ve),Dt=e.forwardRef((o,n)=>{const{__scopeSelect:t,value:a,disabled:s=!1,textValue:f,...c}=o,l=G(ve,t),d=fe(ve,t),p=l.value===a,[$,y]=e.useState(f??""),[E,C]=e.useState(!1),u=K(n,m=>{var r;return(r=d.itemRefCallback)===null||r===void 0?void 0:r.call(d,m,a,s)}),g=Ne(),b=()=>{s||(l.onValueChange(a),l.onOpenChange(!1))};if(a==="")throw new Error("A must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return e.createElement(Nt,{scope:t,value:a,disabled:s,textId:g,isSelected:p,onItemTextChange:e.useCallback(m=>{y(r=>{var h;return r||((h=m==null?void 0:m.textContent)!==null&&h!==void 0?h:"").trim()})},[])},e.createElement(de.ItemSlot,{scope:t,value:a,disabled:s,textValue:$},e.createElement(L.div,T({role:"option","aria-labelledby":g,"data-highlighted":E?"":void 0,"aria-selected":p&&E,"data-state":p?"checked":"unchecked","aria-disabled":s||void 0,"data-disabled":s?"":void 0,tabIndex:s?void 0:-1},c,{ref:u,onFocus:N(c.onFocus,()=>C(!0)),onBlur:N(c.onBlur,()=>C(!1)),onPointerUp:N(c.onPointerUp,b),onPointerMove:N(c.onPointerMove,m=>{if(s){var r;(r=d.onItemLeave)===null||r===void 0||r.call(d)}else m.currentTarget.focus({preventScroll:!0})}),onPointerLeave:N(c.onPointerLeave,m=>{if(m.currentTarget===document.activeElement){var r;(r=d.onItemLeave)===null||r===void 0||r.call(d)}}),onKeyDown:N(c.onKeyDown,m=>{var r;((r=d.searchRef)===null||r===void 0?void 0:r.current)!==""&&m.key===" "||(it.includes(m.key)&&b(),m.key===" "&&m.preventDefault())})}))))}),se="SelectItemText",Mt=e.forwardRef((o,n)=>{const{__scopeSelect:t,className:a,style:s,...f}=o,c=G(se,t),l=fe(se,t),d=Ot(se,t),p=ut(se,t),[$,y]=e.useState(null),E=K(n,m=>y(m),d.onItemTextChange,m=>{var r;return(r=l.itemTextRefCallback)===null||r===void 0?void 0:r.call(l,m,d.value,d.disabled)}),C=$==null?void 0:$.textContent,u=e.useMemo(()=>e.createElement("option",{key:d.value,value:d.value,disabled:d.disabled},C),[d.disabled,d.value,C]),{onNativeOptionAdd:g,onNativeOptionRemove:b}=p;return ae(()=>(g(u),()=>b(u)),[g,b,u]),e.createElement(e.Fragment,null,e.createElement(L.span,T({id:d.textId},f,{ref:E})),d.isSelected&&c.valueNode&&!c.valueNodeHasChildren?Re.createPortal(f.children,c.valueNode):null)}),kt=e.forwardRef((o,n)=>{const{__scopeSelect:t,...a}=o;return e.createElement(L.div,T({"aria-hidden":!0},a,{ref:n}))});function Me(o){return o===""||o===void 0}const ke=e.forwardRef((o,n)=>{const{value:t,...a}=o,s=e.useRef(null),f=K(n,s),c=ct(t);return e.useEffect(()=>{const l=s.current,d=window.HTMLSelectElement.prototype,$=Object.getOwnPropertyDescriptor(d,"value").set;if(c!==t&&$){const y=new Event("change",{bubbles:!0});$.call(l,t),l.dispatchEvent(y)}},[c,t]),e.createElement(st,{asChild:!0},e.createElement("select",T({},a,{ref:f,defaultValue:t})))});ke.displayName="BubbleSelect";function Ve(o){const n=Ge(o),t=e.useRef(""),a=e.useRef(0),s=e.useCallback(c=>{const l=t.current+c;n(l),function d(p){t.current=p,window.clearTimeout(a.current),p!==""&&(a.current=window.setTimeout(()=>d(""),1e3))}(l)},[n]),f=e.useCallback(()=>{t.current="",window.clearTimeout(a.current)},[]);return e.useEffect(()=>()=>window.clearTimeout(a.current),[]),[t,s,f]}function Ae(o,n,t){const s=n.length>1&&Array.from(n).every(p=>p===n[0])?n[0]:n,f=t?o.indexOf(t):-1;let c=Vt(o,Math.max(f,0));s.length===1&&(c=c.filter(p=>p!==t));const d=c.find(p=>p.textValue.toLowerCase().startsWith(s.toLowerCase()));return d!==t?d:void 0}function Vt(o,n){return o.map((t,a)=>o[(n+a)%o.length])}const At=mt,He=ht,Ht=vt,Lt=xt,Bt=bt,Le=St,Wt=It,Be=Rt,We=Dt,Ft=Mt,Fe=kt,Ke=At,Kt=Ht,Se=e.forwardRef(({className:o,children:n,...t},a)=>e.createElement(He,{ref:a,className:X("ring-offset-background placeholder:text-secondary flex w-full items-center justify-between rounded-md bg-transparent px-2 py-1 text-text-sm focus:outline-none focus:ring-1 focus:ring-primary-500 disabled:cursor-not-allowed disabled:opacity-50",o),...t},n,e.createElement(Lt,{asChild:!0},e.createElement("svg",{className:"h-4 w-4 shrink-0",viewBox:"0 0 24 24",fill:"black",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z"})))));Se.displayName=He.displayName;const we=e.forwardRef(({className:o,children:n,position:t="popper",...a},s)=>e.createElement(Bt,null,e.createElement(Le,{ref:s,className:X("relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-theme-surface-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",t==="popper"&&"data-[side=left]:-translate-x-1 data-[side=top]:-translate-y-1 data-[side=bottom]:translate-y-1 data-[side=right]:translate-x-1",o),position:t,...a},e.createElement(Wt,{className:X("p-1",t==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")},n))));we.displayName=Le.displayName;const ze=e.forwardRef(({className:o,...n},t)=>e.createElement(Be,{ref:t,className:X("px-2 py-1 text-text-sm font-semibold",o),...n}));ze.displayName=Be.displayName;const ne=e.forwardRef(({className:o,children:n,description:t,...a},s)=>e.createElement(We,{ref:s,className:X("relative flex w-full cursor-default select-none items-center rounded-[4px] py-1 pl-2 pr-8 text-text-sm outline-none focus:bg-theme-surface-tertiary data-[disabled]:pointer-events-none data-[state=checked]:bg-primary-50 data-[disabled]:opacity-50",o),...a},e.createElement("div",null,e.createElement(Ft,null,n),e.createElement("p",{className:"text-theme-text-secondary"},t))));ne.displayName=We.displayName;const Ue=e.forwardRef(({className:o,...n},t)=>e.createElement(Fe,{ref:t,className:X("-mx-1 my-1 h-[1px] bg-primary-500",o),...n}));Ue.displayName=Fe.displayName;Se.__docgenInfo={description:"",methods:[]};we.__docgenInfo={description:"",methods:[],props:{position:{defaultValue:{value:'"popper"',computed:!1},required:!1}}};ze.__docgenInfo={description:"",methods:[]};ne.__docgenInfo={description:"",methods:[]};Ue.__docgenInfo={description:"",methods:[]};const lo={title:"Elements/Select",component:Ke,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},le={name:"Default",render:()=>q.createElement(Ke,null,q.createElement(Se,{className:"border border-theme-border-moderate bg-theme-surface-primary"},q.createElement(Kt,{placeholder:"Select your Provider"})),q.createElement(we,{className:""},q.createElement(ne,{value:"aws"},"Item 1"),q.createElement(ne,{value:"gcp"},"Item 2"),q.createElement(ne,{value:"azure"},"Item3")))};var Te,Pe,_e;le.parameters={...le.parameters,docs:{...(Te=le.parameters)==null?void 0:Te.docs,source:{originalSource:`{ + name: "Default", + render: () => +}`,...(_e=(Pe=le.parameters)==null?void 0:Pe.docs)==null?void 0:_e.source}}};const io=["DefaultVariant"];export{le as DefaultVariant,io as __namedExportsOrder,lo as default}; diff --git a/assets/Sheet.stories-Xmk6-ODI.js b/assets/Sheet.stories-Xmk6-ODI.js deleted file mode 100644 index cf5fda7..0000000 --- a/assets/Sheet.stories-Xmk6-ODI.js +++ /dev/null @@ -1,27 +0,0 @@ -import{R as e}from"./index-OjgoNOWw.js";import{$ as m,a as p,b as u,c as f,d as $,e as N,g as S,f as E}from"./index-UGFCTDXo.js";import{c as n}from"./index-FlAvnLNT.js";import{c as v}from"./index-polp_dyw.js";import{B as y}from"./Button-1fD2P03D.js";import"./index-ttJ0zls6.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-39R-7JO1.js";import"./index-juKxXFC6.js";import"./index-lFYSAZig.js";import"./index-Qrw1f8GM.js";import"./index-pT7Q2Giz.js";const h=$,k=N,_=S,D=E,s=e.forwardRef(({className:t,...a},o)=>e.createElement(m,{className:n("fixed inset-0 z-50 bg-black/10 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a,ref:o}));s.displayName=m.displayName;const C=v("fixed z-50 gap-4 bg-theme-surface-secondary shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b border-theme-border-moderate data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t border-theme-border-moderate data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-theme-border-moderate border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left lg:max-w-[1000px] max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-theme-border-moderate border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right lg:max-w-[1000px] max-w-sm"}},defaultVariants:{side:"right"}}),i=e.forwardRef(({side:t="right",className:a,children:o,...x},w)=>e.createElement(D,null,e.createElement(s,null),e.createElement(p,{ref:w,className:n(C({side:t}),a),...x},o)));i.displayName=p.displayName;const b=e.forwardRef(({className:t,...a},o)=>e.createElement(u,{ref:o,className:n("text-lg text-foreground font-semibold",t),...a}));b.displayName=u.displayName;const g=e.forwardRef(({className:t,...a},o)=>e.createElement(f,{ref:o,className:n("text-sm text-muted-foreground",t),...a}));g.displayName=f.displayName;i.__docgenInfo={description:"",methods:[],props:{side:{defaultValue:{value:'"right"',computed:!1},required:!1}}};g.__docgenInfo={description:"",methods:[]};s.__docgenInfo={description:"",methods:[]};b.__docgenInfo={description:"",methods:[]};const P={title:"UI/Sheet",component:h,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Default",render:()=>e.createElement(h,null,e.createElement(k,{asChild:!0},e.createElement(y,null,"Open")),e.createElement(i,{className:"w-[1000px] overflow-y-auto"},e.createElement("div",{className:"p-4"},e.createElement(_,null,e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-x",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"#000000",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M18 6l-12 12"}),e.createElement("path",{d:"M6 6l12 12"}))),e.createElement("h1",{className:"text-2xl font-bold"},"Sheet"),e.createElement("p",{className:"text-lg"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum, nisl non ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl. Donec auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl. Donec auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl."))))};var l,c,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{ - name: "Default", - render: () => - - - - -
- - - - - - - -

Sheet

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum, nisl non - ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl. Donec - auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget - nisl. Donec auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi - libero eget nisl. -

-
- - -}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const U=["DefaultVariant"];export{r as DefaultVariant,U as __namedExportsOrder,P as default}; diff --git a/assets/Sheet.stories-x70Yqr7k.js b/assets/Sheet.stories-x70Yqr7k.js new file mode 100644 index 0000000..cd4eb89 --- /dev/null +++ b/assets/Sheet.stories-x70Yqr7k.js @@ -0,0 +1,27 @@ +import{R as e}from"./index-OjgoNOWw.js";import{$ as m,a as p,b as u,c as f,d as $,e as N,g as S,f as E}from"./index-ExZ6hFA2.js";import{c as n}from"./index-FlAvnLNT.js";import{c as v}from"./index-polp_dyw.js";import{B as y}from"./Button-1fD2P03D.js";import"./index-ttJ0zls6.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-D3KhmrnL.js";import"./index-juKxXFC6.js";import"./index-f0vHx2GX.js";import"./index-vwyHrCN8.js";import"./index-pT7Q2Giz.js";import"./index-WvU1OYyU.js";const h=$,k=N,_=S,D=E,s=e.forwardRef(({className:t,...a},o)=>e.createElement(m,{className:n("fixed inset-0 z-50 bg-black/10 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a,ref:o}));s.displayName=m.displayName;const C=v("fixed z-50 gap-4 bg-theme-surface-secondary shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b border-theme-border-moderate data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t border-theme-border-moderate data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-theme-border-moderate border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left lg:max-w-[1000px] max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-theme-border-moderate border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right lg:max-w-[1000px] max-w-sm"}},defaultVariants:{side:"right"}}),i=e.forwardRef(({side:t="right",className:a,children:o,...x},w)=>e.createElement(D,null,e.createElement(s,null),e.createElement(p,{ref:w,className:n(C({side:t}),a),...x},o)));i.displayName=p.displayName;const b=e.forwardRef(({className:t,...a},o)=>e.createElement(u,{ref:o,className:n("text-lg text-foreground font-semibold",t),...a}));b.displayName=u.displayName;const g=e.forwardRef(({className:t,...a},o)=>e.createElement(f,{ref:o,className:n("text-sm text-muted-foreground",t),...a}));g.displayName=f.displayName;i.__docgenInfo={description:"",methods:[],props:{side:{defaultValue:{value:'"right"',computed:!1},required:!1}}};g.__docgenInfo={description:"",methods:[]};s.__docgenInfo={description:"",methods:[]};b.__docgenInfo={description:"",methods:[]};const U={title:"UI/Sheet",component:h,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},r={name:"Default",render:()=>e.createElement(h,null,e.createElement(k,{asChild:!0},e.createElement(y,null,"Open")),e.createElement(i,{className:"w-[1000px] overflow-y-auto"},e.createElement("div",{className:"p-4"},e.createElement(_,null,e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-x",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"#000000",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},e.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e.createElement("path",{d:"M18 6l-12 12"}),e.createElement("path",{d:"M6 6l12 12"}))),e.createElement("h1",{className:"text-2xl font-bold"},"Sheet"),e.createElement("p",{className:"text-lg"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum, nisl non ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl. Donec auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl. Donec auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl."))))};var l,c,d;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{ + name: "Default", + render: () => + + + + +
+ + + + + + + +

Sheet

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum, nisl non + ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget nisl. Donec + auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi libero eget + nisl. Donec auctor, elit nec ultricies ultricies, mi nisl ornare est, nec ullamcorper mi + libero eget nisl. +

+
+ + +}`,...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};const A=["DefaultVariant"];export{r as DefaultVariant,A as __namedExportsOrder,U as default}; diff --git a/assets/Tabs.stories-DRFZNt5Q.js b/assets/Tabs.stories-DRFZNt5Q.js deleted file mode 100644 index c26819f..0000000 --- a/assets/Tabs.stories-DRFZNt5Q.js +++ /dev/null @@ -1,26 +0,0 @@ -import{r as t,R as s}from"./index-OjgoNOWw.js";import{$ as S,_ as m,a as x}from"./index-ttJ0zls6.js";import{a as g,$ as G,b as L}from"./index-39R-7JO1.js";import{$ as y,a as k,b as K,c as B}from"./index-7ijoOKG-.js";import{$ as O}from"./index-juKxXFC6.js";import{c as h}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-kNhmewn5.js";const I="Tabs",[j,be]=S(I,[y]),R=y(),[q,E]=j(I),z=t.forwardRef((e,a)=>{const{__scopeTabs:n,value:o,onValueChange:b,defaultValue:i,orientation:r="horizontal",dir:l,activationMode:u="automatic",...p}=e,d=B(l),[c,f]=L({prop:o,onChange:b,defaultProp:i});return t.createElement(q,{scope:n,baseId:O(),value:c,onValueChange:f,orientation:r,dir:d,activationMode:u},t.createElement(x.div,m({dir:d,"data-orientation":r},p,{ref:a})))}),H="TabsList",J=t.forwardRef((e,a)=>{const{__scopeTabs:n,loop:o=!0,...b}=e,i=E(H,n),r=R(n);return t.createElement(k,m({asChild:!0},r,{orientation:i.orientation,dir:i.dir,loop:o}),t.createElement(x.div,m({role:"tablist","aria-orientation":i.orientation},b,{ref:a})))}),Q="TabsTrigger",U=t.forwardRef((e,a)=>{const{__scopeTabs:n,value:o,disabled:b=!1,...i}=e,r=E(Q,n),l=R(n),u=M(r.baseId,o),p=V(r.baseId,o),d=o===r.value;return t.createElement(K,m({asChild:!0},l,{focusable:!b,active:d}),t.createElement(x.button,m({type:"button",role:"tab","aria-selected":d,"aria-controls":p,"data-state":d?"active":"inactive","data-disabled":b?"":void 0,disabled:b,id:u},i,{ref:a,onMouseDown:g(e.onMouseDown,c=>{!b&&c.button===0&&c.ctrlKey===!1?r.onValueChange(o):c.preventDefault()}),onKeyDown:g(e.onKeyDown,c=>{[" ","Enter"].includes(c.key)&&r.onValueChange(o)}),onFocus:g(e.onFocus,()=>{const c=r.activationMode!=="manual";!d&&!b&&c&&r.onValueChange(o)})})))}),W="TabsContent",X=t.forwardRef((e,a)=>{const{__scopeTabs:n,value:o,forceMount:b,children:i,...r}=e,l=E(W,n),u=M(l.baseId,o),p=V(l.baseId,o),d=o===l.value,c=t.useRef(d);return t.useEffect(()=>{const f=requestAnimationFrame(()=>c.current=!1);return()=>cancelAnimationFrame(f)},[]),t.createElement(G,{present:b||d},({present:f})=>t.createElement(x.div,m({"data-state":d?"active":"inactive","data-orientation":l.orientation,role:"tabpanel","aria-labelledby":u,hidden:!f,id:p,tabIndex:0},r,{ref:a,style:{...e.style,animationDuration:c.current?"0s":void 0}}),f&&i))});function M(e,a){return`${e}-trigger-${a}`}function V(e,a){return`${e}-content-${a}`}const Y=z,A=J,D=U,F=X,P=Y,_=t.forwardRef(({className:e,...a},n)=>t.createElement(A,{ref:n,className:h("flex shrink-0 flex-wrap justify-start border-b text-text-sm",e),...a}));_.displayName=A.displayName;const $=t.forwardRef(({className:e,...a},n)=>t.createElement(D,{ref:n,className:h("group/trigger px-3 py-2 data-[state=active]:text-theme-text-brand data-[state=active]:shadow-inner data-[state=active]:shadow-primary-400 hover:data-[state=inactive]:shadow-inner hover:data-[state=inactive]:shadow-neutral-200",e),...a}));$.displayName=D.displayName;const T=t.forwardRef(({className:e,...a},n)=>t.createElement(F,{ref:n,className:h("mt-5 grow rounded-md border border-theme-border-moderate bg-white p-7 outline-none",e),...a}));T.displayName=F.displayName;_.__docgenInfo={description:"",methods:[]};$.__docgenInfo={description:"",methods:[]};T.__docgenInfo={description:"",methods:[]};const de={title:"Elements/Tabs",component:P,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},v={name:"Tabs",render:()=>s.createElement(P,{defaultValue:"tab1"},s.createElement(_,null,s.createElement($,{className:"text-text-md",value:"tab1"},s.createElement("span",null,"Tab 1")),s.createElement($,{className:"text-text-md",value:"tab2"},s.createElement("span",null,"Tab 2")),s.createElement($,{className:"text-text-md",value:"tab3"},s.createElement("span",null,"Tab 3"))),s.createElement(T,{className:"m-0 mt-5 border-0 bg-white p-0 h-[500px]",value:"tab1"},s.createElement("div",null,"Tab Content 1")),s.createElement(T,{className:"m-0 mt-5 border-0 bg-white p-0 h-[500px]",value:"tab2"},s.createElement("div",null,"Tab Content 2")),s.createElement(T,{className:"m-0 mt-5 border-0 bg-white p-0 h-[500px]",value:"tab3"},s.createElement("div",null,"Tab Content 3")))};var C,N,w;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:`{ - name: "Tabs", - render: () => - - - Tab 1 - - - Tab 2 - - - Tab 3 - - - - -
Tab Content 1
- - -
Tab Content 2
- - -
Tab Content 3
- - -}`,...(w=(N=v.parameters)==null?void 0:N.docs)==null?void 0:w.source}}};const ie=["DefaultVariant"];export{v as DefaultVariant,ie as __namedExportsOrder,de as default}; diff --git a/assets/Tabs.stories-NDXi5E8m.js b/assets/Tabs.stories-NDXi5E8m.js new file mode 100644 index 0000000..4dd52ca --- /dev/null +++ b/assets/Tabs.stories-NDXi5E8m.js @@ -0,0 +1,26 @@ +import{r as t,R as s}from"./index-OjgoNOWw.js";import{$ as S,_ as m,a as x}from"./index-ttJ0zls6.js";import{$ as g,a as G}from"./index-D3KhmrnL.js";import{$ as y,a as L,b as k}from"./index-I6TYmOY2.js";import{$ as K}from"./index-WvU1OYyU.js";import{$ as B}from"./index-vNCMozV_.js";import{$ as O}from"./index-juKxXFC6.js";import{c as h}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-kNhmewn5.js";const I="Tabs",[j,ie]=S(I,[y]),R=y(),[q,E]=j(I),z=t.forwardRef((e,a)=>{const{__scopeTabs:n,value:o,onValueChange:b,defaultValue:i,orientation:r="horizontal",dir:l,activationMode:u="automatic",...p}=e,d=B(l),[c,f]=G({prop:o,onChange:b,defaultProp:i});return t.createElement(q,{scope:n,baseId:O(),value:c,onValueChange:f,orientation:r,dir:d,activationMode:u},t.createElement(x.div,m({dir:d,"data-orientation":r},p,{ref:a})))}),H="TabsList",J=t.forwardRef((e,a)=>{const{__scopeTabs:n,loop:o=!0,...b}=e,i=E(H,n),r=R(n);return t.createElement(L,m({asChild:!0},r,{orientation:i.orientation,dir:i.dir,loop:o}),t.createElement(x.div,m({role:"tablist","aria-orientation":i.orientation},b,{ref:a})))}),Q="TabsTrigger",U=t.forwardRef((e,a)=>{const{__scopeTabs:n,value:o,disabled:b=!1,...i}=e,r=E(Q,n),l=R(n),u=M(r.baseId,o),p=V(r.baseId,o),d=o===r.value;return t.createElement(k,m({asChild:!0},l,{focusable:!b,active:d}),t.createElement(x.button,m({type:"button",role:"tab","aria-selected":d,"aria-controls":p,"data-state":d?"active":"inactive","data-disabled":b?"":void 0,disabled:b,id:u},i,{ref:a,onMouseDown:g(e.onMouseDown,c=>{!b&&c.button===0&&c.ctrlKey===!1?r.onValueChange(o):c.preventDefault()}),onKeyDown:g(e.onKeyDown,c=>{[" ","Enter"].includes(c.key)&&r.onValueChange(o)}),onFocus:g(e.onFocus,()=>{const c=r.activationMode!=="manual";!d&&!b&&c&&r.onValueChange(o)})})))}),W="TabsContent",X=t.forwardRef((e,a)=>{const{__scopeTabs:n,value:o,forceMount:b,children:i,...r}=e,l=E(W,n),u=M(l.baseId,o),p=V(l.baseId,o),d=o===l.value,c=t.useRef(d);return t.useEffect(()=>{const f=requestAnimationFrame(()=>c.current=!1);return()=>cancelAnimationFrame(f)},[]),t.createElement(K,{present:b||d},({present:f})=>t.createElement(x.div,m({"data-state":d?"active":"inactive","data-orientation":l.orientation,role:"tabpanel","aria-labelledby":u,hidden:!f,id:p,tabIndex:0},r,{ref:a,style:{...e.style,animationDuration:c.current?"0s":void 0}}),f&&i))});function M(e,a){return`${e}-trigger-${a}`}function V(e,a){return`${e}-content-${a}`}const Y=z,A=J,D=U,F=X,P=Y,_=t.forwardRef(({className:e,...a},n)=>t.createElement(A,{ref:n,className:h("flex shrink-0 flex-wrap justify-start border-b text-text-sm",e),...a}));_.displayName=A.displayName;const $=t.forwardRef(({className:e,...a},n)=>t.createElement(D,{ref:n,className:h("group/trigger px-3 py-2 data-[state=active]:text-theme-text-brand data-[state=active]:shadow-inner data-[state=active]:shadow-primary-400 hover:data-[state=inactive]:shadow-inner hover:data-[state=inactive]:shadow-neutral-200",e),...a}));$.displayName=D.displayName;const T=t.forwardRef(({className:e,...a},n)=>t.createElement(F,{ref:n,className:h("mt-5 grow rounded-md border border-theme-border-moderate bg-white p-7 outline-none",e),...a}));T.displayName=F.displayName;_.__docgenInfo={description:"",methods:[]};$.__docgenInfo={description:"",methods:[]};T.__docgenInfo={description:"",methods:[]};const le={title:"Elements/Tabs",component:P,argTypes:{},parameters:{layout:"centered"},tags:["autodocs"]},v={name:"Tabs",render:()=>s.createElement(P,{defaultValue:"tab1"},s.createElement(_,null,s.createElement($,{className:"text-text-md",value:"tab1"},s.createElement("span",null,"Tab 1")),s.createElement($,{className:"text-text-md",value:"tab2"},s.createElement("span",null,"Tab 2")),s.createElement($,{className:"text-text-md",value:"tab3"},s.createElement("span",null,"Tab 3"))),s.createElement(T,{className:"m-0 mt-5 border-0 bg-white p-0 h-[500px]",value:"tab1"},s.createElement("div",null,"Tab Content 1")),s.createElement(T,{className:"m-0 mt-5 border-0 bg-white p-0 h-[500px]",value:"tab2"},s.createElement("div",null,"Tab Content 2")),s.createElement(T,{className:"m-0 mt-5 border-0 bg-white p-0 h-[500px]",value:"tab3"},s.createElement("div",null,"Tab Content 3")))};var C,N,w;v.parameters={...v.parameters,docs:{...(C=v.parameters)==null?void 0:C.docs,source:{originalSource:`{ + name: "Tabs", + render: () => + + + Tab 1 + + + Tab 2 + + + Tab 3 + + + + +
Tab Content 1
+ + +
Tab Content 2
+ + +
Tab Content 3
+ + +}`,...(w=(N=v.parameters)==null?void 0:N.docs)==null?void 0:w.source}}};const fe=["DefaultVariant"];export{v as DefaultVariant,fe as __namedExportsOrder,le as default}; diff --git a/assets/Tailwind-M0d56_Ak.js b/assets/Tailwind-xGTGxesT.js similarity index 92% rename from assets/Tailwind-M0d56_Ak.js rename to assets/Tailwind-xGTGxesT.js index 1e9c012..b154cdb 100644 --- a/assets/Tailwind-M0d56_Ak.js +++ b/assets/Tailwind-xGTGxesT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DtaoT6pD.js";import{u as s}from"./index-7dsiwP88.js";import{M as r}from"./index-OSMui59-.js";import"./index-OjgoNOWw.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";function o(n){const t={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Docs/Tailwind"}),` +import{j as e}from"./jsx-runtime-DtaoT6pD.js";import{u as s}from"./index-7dsiwP88.js";import{M as r}from"./index-9v6N7U6e.js";import"./index-OjgoNOWw.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";function o(n){const t={code:"code",h1:"h1",p:"p",pre:"pre",strong:"strong",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Docs/Tailwind"}),` `,e.jsx(t.h1,{id:"tailwind",children:"Tailwind"}),` `,e.jsxs(t.p,{children:["The component library is designed to use Tailwind as the css framework. Therefore it exposes a ",e.jsx(t.strong,{children:"Tailwind Plugin"})," & ",e.jsx(t.strong,{children:"a Tailwind Preset"})," containing all relevant base styles for the ZenML design system."]}),` `,e.jsxs(t.p,{children:["The styles aren't bundled into a dedicated stylesheet that can be imported from the lib itself. Therefore you need to extend the ",e.jsx(t.code,{children:"content"})," prop of your ",e.jsx(t.code,{children:"tailwind.config.js"})," like so:"]}),` diff --git a/assets/Toast.stories-7ZPf1IOi.js b/assets/Toast.stories-7ZPf1IOi.js deleted file mode 100644 index 890f073..0000000 --- a/assets/Toast.stories-7ZPf1IOi.js +++ /dev/null @@ -1,28 +0,0 @@ -import{r as o,R as $}from"./index-OjgoNOWw.js";import{$ as Me,a as D,_,c as j,b as ke,d as Ve}from"./index-ttJ0zls6.js";import{r as Ke}from"./index-mQqIOHEI.js";import{b as Ue,$ as We,a as h}from"./index-39R-7JO1.js";import{a as we}from"./index-jKYK_Gmc.js";import{$ as He}from"./index-kNhmewn5.js";import{a as Be,b as Xe}from"./index-lFYSAZig.js";import{$ as Ye}from"./index-pT7Q2Giz.js";import{a as Te}from"./index-7R9aDw1t.js";import{c as je}from"./index-polp_dyw.js";import{c as O}from"./index-FlAvnLNT.js";import{B as qe}from"./Button-1fD2P03D.js";const $e="ToastProvider",[ne,ze,Qe]=He("Toast"),[Ee,Mt]=Me("Toast",[Qe]),[Ze,q]=Ee($e),ve=e=>{const{__scopeToast:t,label:s="Notification",duration:n=5e3,swipeDirection:a="right",swipeThreshold:d=50,children:p}=e,[f,m]=o.useState(null),[c,y]=o.useState(0),v=o.useRef(!1),L=o.useRef(!1);return o.createElement(ne.Provider,{scope:t},o.createElement(Ze,{scope:t,label:s,duration:n,swipeDirection:a,swipeThreshold:d,toastCount:c,viewport:f,onViewportChange:m,onToastAdd:o.useCallback(()=>y(R=>R+1),[]),onToastRemove:o.useCallback(()=>y(R=>R-1),[]),isFocusedToastEscapeKeyDownRef:v,isClosePausedRef:L},p))};ve.propTypes={label(e){if(e.label&&typeof e.label=="string"&&!e.label.trim()){const t=`Invalid prop \`label\` supplied to \`${$e}\`. Expected non-empty \`string\`.`;return new Error(t)}return null}};const Ge="ToastViewport",Je=["F8"],oe="toast.viewportPause",se="toast.viewportResume",et=o.forwardRef((e,t)=>{const{__scopeToast:s,hotkey:n=Je,label:a="Notifications ({hotkey})",...d}=e,p=q(Ge,s),f=ze(s),m=o.useRef(null),c=o.useRef(null),y=o.useRef(null),v=o.useRef(null),L=we(t,v,p.onViewportChange),R=n.join("+").replace(/Key/g,"").replace(/Digit/g,""),P=p.toastCount>0;o.useEffect(()=>{const i=x=>{var u;n.every(w=>x[w]||x.code===w)&&((u=v.current)===null||u===void 0||u.focus())};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[n]),o.useEffect(()=>{const i=m.current,x=v.current;if(P&&i&&x){const u=()=>{if(!p.isClosePausedRef.current){const E=new CustomEvent(oe);x.dispatchEvent(E),p.isClosePausedRef.current=!0}},b=()=>{if(p.isClosePausedRef.current){const E=new CustomEvent(se);x.dispatchEvent(E),p.isClosePausedRef.current=!1}},w=E=>{!i.contains(E.relatedTarget)&&b()},T=()=>{i.contains(document.activeElement)||b()};return i.addEventListener("focusin",u),i.addEventListener("focusout",w),i.addEventListener("pointermove",u),i.addEventListener("pointerleave",T),window.addEventListener("blur",u),window.addEventListener("focus",b),()=>{i.removeEventListener("focusin",u),i.removeEventListener("focusout",w),i.removeEventListener("pointermove",u),i.removeEventListener("pointerleave",T),window.removeEventListener("blur",u),window.removeEventListener("focus",b)}}},[P,p.isClosePausedRef]);const l=o.useCallback(({tabbingDirection:i})=>{const u=f().map(b=>{const w=b.ref.current,T=[w,...wt(w)];return i==="forwards"?T:T.reverse()});return(i==="forwards"?u.reverse():u).flat()},[f]);return o.useEffect(()=>{const i=v.current;if(i){const x=u=>{const b=u.altKey||u.ctrlKey||u.metaKey;if(u.key==="Tab"&&!b){const F=document.activeElement,N=u.shiftKey;if(u.target===i&&N){var T;(T=c.current)===null||T===void 0||T.focus();return}const A=l({tabbingDirection:N?"backwards":"forwards"}),K=A.findIndex(r=>r===F);if(J(A.slice(K+1)))u.preventDefault();else{var E,C;N?(E=c.current)===null||E===void 0||E.focus():(C=y.current)===null||C===void 0||C.focus()}}};return i.addEventListener("keydown",x),()=>i.removeEventListener("keydown",x)}},[f,l]),o.createElement(Be,{ref:m,role:"region","aria-label":a.replace("{hotkey}",R),tabIndex:-1,style:{pointerEvents:P?void 0:"none"}},P&&o.createElement(le,{ref:c,onFocusFromOutsideViewport:()=>{const i=l({tabbingDirection:"forwards"});J(i)}}),o.createElement(ne.Slot,{scope:s},o.createElement(D.ol,_({tabIndex:-1},d,{ref:L}))),P&&o.createElement(le,{ref:y,onFocusFromOutsideViewport:()=>{const i=l({tabbingDirection:"backwards"});J(i)}}))}),tt="ToastFocusProxy",le=o.forwardRef((e,t)=>{const{__scopeToast:s,onFocusFromOutsideViewport:n,...a}=e,d=q(tt,s);return o.createElement(Te,_({"aria-hidden":!0,tabIndex:0},a,{ref:t,style:{position:"fixed"},onFocus:p=>{var f;const m=p.relatedTarget;!((f=d.viewport)!==null&&f!==void 0&&f.contains(m))&&n()}}))}),z="Toast",ot="toast.swipeStart",st="toast.swipeMove",nt="toast.swipeCancel",rt="toast.swipeEnd",at=o.forwardRef((e,t)=>{const{forceMount:s,open:n,defaultOpen:a,onOpenChange:d,...p}=e,[f=!0,m]=Ue({prop:n,defaultProp:a,onChange:d});return o.createElement(We,{present:s||f},o.createElement(xe,_({open:f},p,{ref:t,onClose:()=>m(!1),onPause:j(e.onPause),onResume:j(e.onResume),onSwipeStart:h(e.onSwipeStart,c=>{c.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:h(e.onSwipeMove,c=>{const{x:y,y:v}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","move"),c.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${y}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${v}px`)}),onSwipeCancel:h(e.onSwipeCancel,c=>{c.currentTarget.setAttribute("data-swipe","cancel"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:h(e.onSwipeEnd,c=>{const{x:y,y:v}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","end"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${y}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${v}px`),m(!1)})})))}),[ct,it]=Ee(z,{onClose(){}}),xe=o.forwardRef((e,t)=>{const{__scopeToast:s,type:n="foreground",duration:a,open:d,onClose:p,onEscapeKeyDown:f,onPause:m,onResume:c,onSwipeStart:y,onSwipeMove:v,onSwipeCancel:L,onSwipeEnd:R,...P}=e,l=q(z,s),[i,x]=o.useState(null),u=we(t,r=>x(r)),b=o.useRef(null),w=o.useRef(null),T=a||l.duration,E=o.useRef(0),C=o.useRef(T),F=o.useRef(0),{onToastAdd:N,onToastRemove:Z}=l,I=j(()=>{var r;(i==null?void 0:i.contains(document.activeElement))&&((r=l.viewport)===null||r===void 0||r.focus()),p()}),A=o.useCallback(r=>{!r||r===1/0||(window.clearTimeout(F.current),E.current=new Date().getTime(),F.current=window.setTimeout(I,r))},[I]);o.useEffect(()=>{const r=l.viewport;if(r){const g=()=>{A(C.current),c==null||c()},S=()=>{const M=new Date().getTime()-E.current;C.current=C.current-M,window.clearTimeout(F.current),m==null||m()};return r.addEventListener(oe,S),r.addEventListener(se,g),()=>{r.removeEventListener(oe,S),r.removeEventListener(se,g)}}},[l.viewport,T,m,c,A]),o.useEffect(()=>{d&&!l.isClosePausedRef.current&&A(T)},[d,T,l.isClosePausedRef,A]),o.useEffect(()=>(N(),()=>Z()),[N,Z]);const K=o.useMemo(()=>i?_e(i):null,[i]);return l.viewport?o.createElement(o.Fragment,null,K&&o.createElement(dt,{__scopeToast:s,role:"status","aria-live":n==="foreground"?"assertive":"polite","aria-atomic":!0},K),o.createElement(ct,{scope:s,onClose:I},Ke.createPortal(o.createElement(ne.ItemSlot,{scope:s},o.createElement(Xe,{asChild:!0,onEscapeKeyDown:h(f,()=>{l.isFocusedToastEscapeKeyDownRef.current||I(),l.isFocusedToastEscapeKeyDownRef.current=!1})},o.createElement(D.li,_({role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":d?"open":"closed","data-swipe-direction":l.swipeDirection},P,{ref:u,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:h(e.onKeyDown,r=>{r.key==="Escape"&&(f==null||f(r.nativeEvent),r.nativeEvent.defaultPrevented||(l.isFocusedToastEscapeKeyDownRef.current=!0,I()))}),onPointerDown:h(e.onPointerDown,r=>{r.button===0&&(b.current={x:r.clientX,y:r.clientY})}),onPointerMove:h(e.onPointerMove,r=>{if(!b.current)return;const g=r.clientX-b.current.x,S=r.clientY-b.current.y,M=!!w.current,k=["left","right"].includes(l.swipeDirection),U=["left","up"].includes(l.swipeDirection)?Math.min:Math.max,Le=k?U(0,g):0,Fe=k?0:U(0,S),G=r.pointerType==="touch"?10:2,W={x:Le,y:Fe},de={originalEvent:r,delta:W};M?(w.current=W,H(st,v,de,{discrete:!1})):ue(W,l.swipeDirection,G)?(w.current=W,H(ot,y,de,{discrete:!1}),r.target.setPointerCapture(r.pointerId)):(Math.abs(g)>G||Math.abs(S)>G)&&(b.current=null)}),onPointerUp:h(e.onPointerUp,r=>{const g=w.current,S=r.target;if(S.hasPointerCapture(r.pointerId)&&S.releasePointerCapture(r.pointerId),w.current=null,b.current=null,g){const M=r.currentTarget,k={originalEvent:r,delta:g};ue(g,l.swipeDirection,l.swipeThreshold)?H(rt,R,k,{discrete:!0}):H(nt,L,k,{discrete:!0}),M.addEventListener("click",U=>U.preventDefault(),{once:!0})}})})))),l.viewport))):null});xe.propTypes={type(e){if(e.type&&!["foreground","background"].includes(e.type)){const t=`Invalid prop \`type\` supplied to \`${z}\`. Expected \`foreground | background\`.`;return new Error(t)}return null}};const dt=e=>{const{__scopeToast:t,children:s,...n}=e,a=q(z,t),[d,p]=o.useState(!1),[f,m]=o.useState(!1);return mt(()=>p(!0)),o.useEffect(()=>{const c=window.setTimeout(()=>m(!0),1e3);return()=>window.clearTimeout(c)},[]),f?null:o.createElement(Ye,{asChild:!0},o.createElement(Te,n,d&&o.createElement(o.Fragment,null,a.label," ",s)))},lt=o.forwardRef((e,t)=>{const{__scopeToast:s,...n}=e;return o.createElement(D.div,_({},n,{ref:t}))}),ut=o.forwardRef((e,t)=>{const{__scopeToast:s,...n}=e;return o.createElement(D.div,_({},n,{ref:t}))}),pt="ToastAction",ye=o.forwardRef((e,t)=>{const{altText:s,...n}=e;return s?o.createElement(he,{altText:s,asChild:!0},o.createElement(ge,_({},n,{ref:t}))):null});ye.propTypes={altText(e){return e.altText?null:new Error(`Missing prop \`altText\` expected on \`${pt}\``)}};const ft="ToastClose",ge=o.forwardRef((e,t)=>{const{__scopeToast:s,...n}=e,a=it(ft,s);return o.createElement(he,{asChild:!0},o.createElement(D.button,_({type:"button"},n,{ref:t,onClick:h(e.onClick,a.onClose)})))}),he=o.forwardRef((e,t)=>{const{__scopeToast:s,altText:n,...a}=e;return o.createElement(D.div,_({"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0},a,{ref:t}))});function _e(e){const t=[];return Array.from(e.childNodes).forEach(n=>{if(n.nodeType===n.TEXT_NODE&&n.textContent&&t.push(n.textContent),bt(n)){const a=n.ariaHidden||n.hidden||n.style.display==="none",d=n.dataset.radixToastAnnounceExclude==="";if(!a)if(d){const p=n.dataset.radixToastAnnounceAlt;p&&t.push(p)}else t.push(..._e(n))}}),t}function H(e,t,s,{discrete:n}){const a=s.originalEvent.currentTarget,d=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:s});t&&a.addEventListener(e,t,{once:!0}),n?Ve(a,d):a.dispatchEvent(d)}const ue=(e,t,s=0)=>{const n=Math.abs(e.x),a=Math.abs(e.y),d=n>a;return t==="left"||t==="right"?d&&n>s:!d&&a>s};function mt(e=()=>{}){const t=j(e);ke(()=>{let s=0,n=0;return s=window.requestAnimationFrame(()=>n=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(s),window.cancelAnimationFrame(n)}},[t])}function bt(e){return e.nodeType===e.ELEMENT_NODE}function wt(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const a=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||a?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function J(e){const t=document.activeElement;return e.some(s=>s===t?!0:(s.focus(),document.activeElement!==t))}const Tt=ve,Ce=et,Se=at,Re=lt,Pe=ut,Ae=ye,Ne=ge,$t=Tt,re=o.forwardRef(({className:e,...t},s)=>o.createElement(Ce,{ref:s,className:O("fixed top-0 z-[9999] flex max-h-screen w-full flex-col-reverse gap-1 p-4 sm:right-0 sm:top-7 sm:flex-col md:max-w-[480px]",e),...t}));re.displayName=Ce.displayName;const Et=je("group pointer-events-auto pl-4 pr-6 py-3 relative flex w-full items-center justify-between overflow-hidden border transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{rounded:{true:"rounded-md",false:""},status:{default:"",error:"",success:"",warning:""},emphasis:{subtle:"border",bold:""}},compoundVariants:[{emphasis:"bold",status:"default",className:"white-close bg-theme-surface-strong text-theme-text-negative"},{emphasis:"subtle",status:"default",class:"bg-primary-25 border-primary-400 text-theme-text-primary"},{emphasis:"bold",status:"error",className:"white-close bg-error-600 text-theme-text-negative"},{emphasis:"subtle",status:"error",className:"bg-error-50 border-error-300 text-error-900"},{emphasis:"bold",status:"success",className:"white-close bg-success-700 text-theme-text-negative"},{emphasis:"subtle",status:"success",className:"bg-success-50 border-success-300 text-success-900"},{emphasis:"bold",status:"warning",className:"bg-warning-400"},{emphasis:"subtle",status:"warning",className:"bg-warning-50 border-warning-300 text-warning-900"}],defaultVariants:{status:"default"}}),Q=o.forwardRef(({className:e,status:t,rounded:s,emphasis:n,...a},d)=>o.createElement(Se,{ref:d,className:O(Et({status:t,rounded:s,emphasis:n}),e),...a}));Q.displayName=Se.displayName;const Ie=o.forwardRef(({className:e,...t},s)=>o.createElement(Ae,{ref:s,className:O("text-sm ring-offset-background hover:bg-secondary focus:ring-ring inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",e),...t}));Ie.displayName=Ae.displayName;const ae=o.forwardRef(({className:e,...t},s)=>o.createElement(Ne,{ref:s,className:O("absolute right-2 top-2 rounded-md p-0.5 group-[.white-close]:text-theme-text-negative",e),"toast-close":"",...t},o.createElement("svg",{className:"h-4 w-4 group-[.white-close]:fill-white",viewBox:"0 0 24 24",fill:"black",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"}))));ae.displayName=Ne.displayName;const ce=o.forwardRef(({className:e,...t},s)=>o.createElement(Re,{ref:s,className:O("text-sm font-semibold",e),...t}));ce.displayName=Re.displayName;const ie=o.forwardRef(({className:e,...t},s)=>o.createElement(Pe,{ref:s,className:O("text-sm opacity-90",e),...t}));ie.displayName=Pe.displayName;Q.__docgenInfo={description:"",methods:[]};Ie.__docgenInfo={description:"",methods:[]};ae.__docgenInfo={description:"",methods:[]};ie.__docgenInfo={description:"",methods:[]};ce.__docgenInfo={description:"",methods:[]};re.__docgenInfo={description:"",methods:[]};const vt=2,xt=1e6;let ee=0;function yt(){return ee=(ee+1)%Number.MAX_VALUE,ee.toString()}const te=new Map,pe=e=>{if(te.has(e))return;const t=setTimeout(()=>{te.delete(e),V({type:"REMOVE_TOAST",toastId:e})},xt);te.set(e,t)},gt=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,vt)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(s=>s.id===t.toast.id?{...s,...t.toast}:s)};case"DISMISS_TOAST":{const{toastId:s}=t;return s?pe(s):e.toasts.forEach(n=>{pe(n.id)}),{...e,toasts:e.toasts.map(n=>n.id===s||s===void 0?{...n,open:!1}:n)}}case"REMOVE_TOAST":return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(s=>s.id!==t.toastId)}}},X=[];let Y={toasts:[]};function V(e){Y=gt(Y,e),X.forEach(t=>{t(Y)})}function De({...e}){const t=yt(),s=a=>V({type:"UPDATE_TOAST",toast:{...a,id:t}}),n=()=>V({type:"DISMISS_TOAST",toastId:t});return V({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:a=>{a||n()}}}),{id:t,dismiss:n,update:s}}function ht(){const[e,t]=o.useState(Y);return o.useEffect(()=>(X.push(t),()=>{const s=X.indexOf(t);s>-1&&X.splice(s,1)}),[e]),{...e,toast:De,dismiss:s=>V({type:"DISMISS_TOAST",toastId:s})}}function Oe(){const{toasts:e}=ht();return $.createElement($t,null,e.map(function({id:t,title:s,description:n,action:a,icon:d,...p}){return $.createElement(Q,{key:t,...p},$.createElement("div",{className:"flex flex-col gap-3"},$.createElement("div",{className:"flex gap-2"},d&&d,s&&$.createElement(ce,null,s),n&&$.createElement(ie,null,n)),a&&$.createElement("div",{className:"ml-auto"},a)),$.createElement(ae,null))}),$.createElement(re,null))}Oe.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const kt={title:"Elements/Toast",component:Q,argTypes:{emphasis:{description:"Emphasis of the toast",control:"select",defaultValue:"subtle",options:["subtle","bold"]},status:{description:"Status of the toast",control:"select",defaultValue:"default",options:["default","error","success","warning"]},rounded:{control:"boolean",defaultValue:!0}},parameters:{layout:"centered"},decorators:[e=>$.createElement("div",{className:"min-w-[800px] flex items-center justify-center min-h-[1000px]"},$.createElement(e,null))],tags:["autodocs"]},B={name:"Toast",argTypes:{emphasis:"subtle",status:"error",rounded:"true"},render:({emphasis:e,status:t,rounded:s})=>$.createElement("div",null,$.createElement(qe,{onClick:()=>{De({status:t,emphasis:e,description:"This is a toast message",rounded:s})}},"Add Toast"),$.createElement(Oe,null))};var fe,me,be;B.parameters={...B.parameters,docs:{...(fe=B.parameters)==null?void 0:fe.docs,source:{originalSource:`{ - name: "Toast", - argTypes: { - // @ts-expect-error for some reason a wrong type is picked up there - emphasis: "subtle", - // @ts-expect-error for some reason a wrong type is picked up there - status: "error", - // @ts-expect-error for some reason a wrong type is picked up there - rounded: "true" - }, - render: ({ - emphasis, - status, - rounded - }) =>
- - -
-}`,...(be=(me=B.parameters)==null?void 0:me.docs)==null?void 0:be.source}}};const Vt=["DefaultVariant"];export{B as DefaultVariant,Vt as __namedExportsOrder,kt as default}; diff --git a/assets/Toast.stories-u7bH6UdV.js b/assets/Toast.stories-u7bH6UdV.js new file mode 100644 index 0000000..ec6d424 --- /dev/null +++ b/assets/Toast.stories-u7bH6UdV.js @@ -0,0 +1,28 @@ +import{r as o,R as $}from"./index-OjgoNOWw.js";import{$ as Me,a as D,_,c as j,b as ke,d as Ve}from"./index-ttJ0zls6.js";import{r as Ke}from"./index-mQqIOHEI.js";import{a as Ue,$ as h}from"./index-D3KhmrnL.js";import{a as we}from"./index-jKYK_Gmc.js";import{$ as We}from"./index-kNhmewn5.js";import{a as He,b as Be}from"./index-f0vHx2GX.js";import{$ as Xe}from"./index-pT7Q2Giz.js";import{$ as Ye}from"./index-WvU1OYyU.js";import{a as Te}from"./index-7R9aDw1t.js";import{c as je}from"./index-polp_dyw.js";import{c as O}from"./index-FlAvnLNT.js";import{B as qe}from"./Button-1fD2P03D.js";const $e="ToastProvider",[ne,ze,Qe]=We("Toast"),[Ee,kt]=Me("Toast",[Qe]),[Ze,q]=Ee($e),ve=e=>{const{__scopeToast:t,label:s="Notification",duration:n=5e3,swipeDirection:a="right",swipeThreshold:d=50,children:p}=e,[f,m]=o.useState(null),[c,y]=o.useState(0),v=o.useRef(!1),L=o.useRef(!1);return o.createElement(ne.Provider,{scope:t},o.createElement(Ze,{scope:t,label:s,duration:n,swipeDirection:a,swipeThreshold:d,toastCount:c,viewport:f,onViewportChange:m,onToastAdd:o.useCallback(()=>y(R=>R+1),[]),onToastRemove:o.useCallback(()=>y(R=>R-1),[]),isFocusedToastEscapeKeyDownRef:v,isClosePausedRef:L},p))};ve.propTypes={label(e){if(e.label&&typeof e.label=="string"&&!e.label.trim()){const t=`Invalid prop \`label\` supplied to \`${$e}\`. Expected non-empty \`string\`.`;return new Error(t)}return null}};const Ge="ToastViewport",Je=["F8"],oe="toast.viewportPause",se="toast.viewportResume",et=o.forwardRef((e,t)=>{const{__scopeToast:s,hotkey:n=Je,label:a="Notifications ({hotkey})",...d}=e,p=q(Ge,s),f=ze(s),m=o.useRef(null),c=o.useRef(null),y=o.useRef(null),v=o.useRef(null),L=we(t,v,p.onViewportChange),R=n.join("+").replace(/Key/g,"").replace(/Digit/g,""),P=p.toastCount>0;o.useEffect(()=>{const i=x=>{var u;n.every(w=>x[w]||x.code===w)&&((u=v.current)===null||u===void 0||u.focus())};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[n]),o.useEffect(()=>{const i=m.current,x=v.current;if(P&&i&&x){const u=()=>{if(!p.isClosePausedRef.current){const E=new CustomEvent(oe);x.dispatchEvent(E),p.isClosePausedRef.current=!0}},b=()=>{if(p.isClosePausedRef.current){const E=new CustomEvent(se);x.dispatchEvent(E),p.isClosePausedRef.current=!1}},w=E=>{!i.contains(E.relatedTarget)&&b()},T=()=>{i.contains(document.activeElement)||b()};return i.addEventListener("focusin",u),i.addEventListener("focusout",w),i.addEventListener("pointermove",u),i.addEventListener("pointerleave",T),window.addEventListener("blur",u),window.addEventListener("focus",b),()=>{i.removeEventListener("focusin",u),i.removeEventListener("focusout",w),i.removeEventListener("pointermove",u),i.removeEventListener("pointerleave",T),window.removeEventListener("blur",u),window.removeEventListener("focus",b)}}},[P,p.isClosePausedRef]);const l=o.useCallback(({tabbingDirection:i})=>{const u=f().map(b=>{const w=b.ref.current,T=[w,...wt(w)];return i==="forwards"?T:T.reverse()});return(i==="forwards"?u.reverse():u).flat()},[f]);return o.useEffect(()=>{const i=v.current;if(i){const x=u=>{const b=u.altKey||u.ctrlKey||u.metaKey;if(u.key==="Tab"&&!b){const F=document.activeElement,N=u.shiftKey;if(u.target===i&&N){var T;(T=c.current)===null||T===void 0||T.focus();return}const A=l({tabbingDirection:N?"backwards":"forwards"}),K=A.findIndex(r=>r===F);if(J(A.slice(K+1)))u.preventDefault();else{var E,C;N?(E=c.current)===null||E===void 0||E.focus():(C=y.current)===null||C===void 0||C.focus()}}};return i.addEventListener("keydown",x),()=>i.removeEventListener("keydown",x)}},[f,l]),o.createElement(He,{ref:m,role:"region","aria-label":a.replace("{hotkey}",R),tabIndex:-1,style:{pointerEvents:P?void 0:"none"}},P&&o.createElement(le,{ref:c,onFocusFromOutsideViewport:()=>{const i=l({tabbingDirection:"forwards"});J(i)}}),o.createElement(ne.Slot,{scope:s},o.createElement(D.ol,_({tabIndex:-1},d,{ref:L}))),P&&o.createElement(le,{ref:y,onFocusFromOutsideViewport:()=>{const i=l({tabbingDirection:"backwards"});J(i)}}))}),tt="ToastFocusProxy",le=o.forwardRef((e,t)=>{const{__scopeToast:s,onFocusFromOutsideViewport:n,...a}=e,d=q(tt,s);return o.createElement(Te,_({"aria-hidden":!0,tabIndex:0},a,{ref:t,style:{position:"fixed"},onFocus:p=>{var f;const m=p.relatedTarget;!((f=d.viewport)!==null&&f!==void 0&&f.contains(m))&&n()}}))}),z="Toast",ot="toast.swipeStart",st="toast.swipeMove",nt="toast.swipeCancel",rt="toast.swipeEnd",at=o.forwardRef((e,t)=>{const{forceMount:s,open:n,defaultOpen:a,onOpenChange:d,...p}=e,[f=!0,m]=Ue({prop:n,defaultProp:a,onChange:d});return o.createElement(Ye,{present:s||f},o.createElement(xe,_({open:f},p,{ref:t,onClose:()=>m(!1),onPause:j(e.onPause),onResume:j(e.onResume),onSwipeStart:h(e.onSwipeStart,c=>{c.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:h(e.onSwipeMove,c=>{const{x:y,y:v}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","move"),c.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${y}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${v}px`)}),onSwipeCancel:h(e.onSwipeCancel,c=>{c.currentTarget.setAttribute("data-swipe","cancel"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:h(e.onSwipeEnd,c=>{const{x:y,y:v}=c.detail.delta;c.currentTarget.setAttribute("data-swipe","end"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),c.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${y}px`),c.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${v}px`),m(!1)})})))}),[ct,it]=Ee(z,{onClose(){}}),xe=o.forwardRef((e,t)=>{const{__scopeToast:s,type:n="foreground",duration:a,open:d,onClose:p,onEscapeKeyDown:f,onPause:m,onResume:c,onSwipeStart:y,onSwipeMove:v,onSwipeCancel:L,onSwipeEnd:R,...P}=e,l=q(z,s),[i,x]=o.useState(null),u=we(t,r=>x(r)),b=o.useRef(null),w=o.useRef(null),T=a||l.duration,E=o.useRef(0),C=o.useRef(T),F=o.useRef(0),{onToastAdd:N,onToastRemove:Z}=l,I=j(()=>{var r;(i==null?void 0:i.contains(document.activeElement))&&((r=l.viewport)===null||r===void 0||r.focus()),p()}),A=o.useCallback(r=>{!r||r===1/0||(window.clearTimeout(F.current),E.current=new Date().getTime(),F.current=window.setTimeout(I,r))},[I]);o.useEffect(()=>{const r=l.viewport;if(r){const g=()=>{A(C.current),c==null||c()},S=()=>{const M=new Date().getTime()-E.current;C.current=C.current-M,window.clearTimeout(F.current),m==null||m()};return r.addEventListener(oe,S),r.addEventListener(se,g),()=>{r.removeEventListener(oe,S),r.removeEventListener(se,g)}}},[l.viewport,T,m,c,A]),o.useEffect(()=>{d&&!l.isClosePausedRef.current&&A(T)},[d,T,l.isClosePausedRef,A]),o.useEffect(()=>(N(),()=>Z()),[N,Z]);const K=o.useMemo(()=>i?_e(i):null,[i]);return l.viewport?o.createElement(o.Fragment,null,K&&o.createElement(dt,{__scopeToast:s,role:"status","aria-live":n==="foreground"?"assertive":"polite","aria-atomic":!0},K),o.createElement(ct,{scope:s,onClose:I},Ke.createPortal(o.createElement(ne.ItemSlot,{scope:s},o.createElement(Be,{asChild:!0,onEscapeKeyDown:h(f,()=>{l.isFocusedToastEscapeKeyDownRef.current||I(),l.isFocusedToastEscapeKeyDownRef.current=!1})},o.createElement(D.li,_({role:"status","aria-live":"off","aria-atomic":!0,tabIndex:0,"data-state":d?"open":"closed","data-swipe-direction":l.swipeDirection},P,{ref:u,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:h(e.onKeyDown,r=>{r.key==="Escape"&&(f==null||f(r.nativeEvent),r.nativeEvent.defaultPrevented||(l.isFocusedToastEscapeKeyDownRef.current=!0,I()))}),onPointerDown:h(e.onPointerDown,r=>{r.button===0&&(b.current={x:r.clientX,y:r.clientY})}),onPointerMove:h(e.onPointerMove,r=>{if(!b.current)return;const g=r.clientX-b.current.x,S=r.clientY-b.current.y,M=!!w.current,k=["left","right"].includes(l.swipeDirection),U=["left","up"].includes(l.swipeDirection)?Math.min:Math.max,Le=k?U(0,g):0,Fe=k?0:U(0,S),G=r.pointerType==="touch"?10:2,W={x:Le,y:Fe},de={originalEvent:r,delta:W};M?(w.current=W,H(st,v,de,{discrete:!1})):ue(W,l.swipeDirection,G)?(w.current=W,H(ot,y,de,{discrete:!1}),r.target.setPointerCapture(r.pointerId)):(Math.abs(g)>G||Math.abs(S)>G)&&(b.current=null)}),onPointerUp:h(e.onPointerUp,r=>{const g=w.current,S=r.target;if(S.hasPointerCapture(r.pointerId)&&S.releasePointerCapture(r.pointerId),w.current=null,b.current=null,g){const M=r.currentTarget,k={originalEvent:r,delta:g};ue(g,l.swipeDirection,l.swipeThreshold)?H(rt,R,k,{discrete:!0}):H(nt,L,k,{discrete:!0}),M.addEventListener("click",U=>U.preventDefault(),{once:!0})}})})))),l.viewport))):null});xe.propTypes={type(e){if(e.type&&!["foreground","background"].includes(e.type)){const t=`Invalid prop \`type\` supplied to \`${z}\`. Expected \`foreground | background\`.`;return new Error(t)}return null}};const dt=e=>{const{__scopeToast:t,children:s,...n}=e,a=q(z,t),[d,p]=o.useState(!1),[f,m]=o.useState(!1);return mt(()=>p(!0)),o.useEffect(()=>{const c=window.setTimeout(()=>m(!0),1e3);return()=>window.clearTimeout(c)},[]),f?null:o.createElement(Xe,{asChild:!0},o.createElement(Te,n,d&&o.createElement(o.Fragment,null,a.label," ",s)))},lt=o.forwardRef((e,t)=>{const{__scopeToast:s,...n}=e;return o.createElement(D.div,_({},n,{ref:t}))}),ut=o.forwardRef((e,t)=>{const{__scopeToast:s,...n}=e;return o.createElement(D.div,_({},n,{ref:t}))}),pt="ToastAction",ye=o.forwardRef((e,t)=>{const{altText:s,...n}=e;return s?o.createElement(he,{altText:s,asChild:!0},o.createElement(ge,_({},n,{ref:t}))):null});ye.propTypes={altText(e){return e.altText?null:new Error(`Missing prop \`altText\` expected on \`${pt}\``)}};const ft="ToastClose",ge=o.forwardRef((e,t)=>{const{__scopeToast:s,...n}=e,a=it(ft,s);return o.createElement(he,{asChild:!0},o.createElement(D.button,_({type:"button"},n,{ref:t,onClick:h(e.onClick,a.onClose)})))}),he=o.forwardRef((e,t)=>{const{__scopeToast:s,altText:n,...a}=e;return o.createElement(D.div,_({"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0},a,{ref:t}))});function _e(e){const t=[];return Array.from(e.childNodes).forEach(n=>{if(n.nodeType===n.TEXT_NODE&&n.textContent&&t.push(n.textContent),bt(n)){const a=n.ariaHidden||n.hidden||n.style.display==="none",d=n.dataset.radixToastAnnounceExclude==="";if(!a)if(d){const p=n.dataset.radixToastAnnounceAlt;p&&t.push(p)}else t.push(..._e(n))}}),t}function H(e,t,s,{discrete:n}){const a=s.originalEvent.currentTarget,d=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:s});t&&a.addEventListener(e,t,{once:!0}),n?Ve(a,d):a.dispatchEvent(d)}const ue=(e,t,s=0)=>{const n=Math.abs(e.x),a=Math.abs(e.y),d=n>a;return t==="left"||t==="right"?d&&n>s:!d&&a>s};function mt(e=()=>{}){const t=j(e);ke(()=>{let s=0,n=0;return s=window.requestAnimationFrame(()=>n=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(s),window.cancelAnimationFrame(n)}},[t])}function bt(e){return e.nodeType===e.ELEMENT_NODE}function wt(e){const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{const a=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||a?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t}function J(e){const t=document.activeElement;return e.some(s=>s===t?!0:(s.focus(),document.activeElement!==t))}const Tt=ve,Ce=et,Se=at,Re=lt,Pe=ut,Ae=ye,Ne=ge,$t=Tt,re=o.forwardRef(({className:e,...t},s)=>o.createElement(Ce,{ref:s,className:O("fixed top-0 z-[9999] flex max-h-screen w-full flex-col-reverse gap-1 p-4 sm:right-0 sm:top-7 sm:flex-col md:max-w-[480px]",e),...t}));re.displayName=Ce.displayName;const Et=je("group pointer-events-auto pl-4 pr-6 py-3 relative flex w-full items-center justify-between overflow-hidden border transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{rounded:{true:"rounded-md",false:""},status:{default:"",error:"",success:"",warning:""},emphasis:{subtle:"border",bold:""}},compoundVariants:[{emphasis:"bold",status:"default",className:"white-close bg-theme-surface-strong text-theme-text-negative"},{emphasis:"subtle",status:"default",class:"bg-primary-25 border-primary-400 text-theme-text-primary"},{emphasis:"bold",status:"error",className:"white-close bg-error-600 text-theme-text-negative"},{emphasis:"subtle",status:"error",className:"bg-error-50 border-error-300 text-error-900"},{emphasis:"bold",status:"success",className:"white-close bg-success-700 text-theme-text-negative"},{emphasis:"subtle",status:"success",className:"bg-success-50 border-success-300 text-success-900"},{emphasis:"bold",status:"warning",className:"bg-warning-400"},{emphasis:"subtle",status:"warning",className:"bg-warning-50 border-warning-300 text-warning-900"}],defaultVariants:{status:"default"}}),Q=o.forwardRef(({className:e,status:t,rounded:s,emphasis:n,...a},d)=>o.createElement(Se,{ref:d,className:O(Et({status:t,rounded:s,emphasis:n}),e),...a}));Q.displayName=Se.displayName;const Ie=o.forwardRef(({className:e,...t},s)=>o.createElement(Ae,{ref:s,className:O("text-sm ring-offset-background hover:bg-secondary focus:ring-ring inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",e),...t}));Ie.displayName=Ae.displayName;const ae=o.forwardRef(({className:e,...t},s)=>o.createElement(Ne,{ref:s,className:O("absolute right-2 top-2 rounded-md p-0.5 group-[.white-close]:text-theme-text-negative",e),"toast-close":"",...t},o.createElement("svg",{className:"h-4 w-4 group-[.white-close]:fill-white",viewBox:"0 0 24 24",fill:"black",xmlns:"http://www.w3.org/2000/svg"},o.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"}))));ae.displayName=Ne.displayName;const ce=o.forwardRef(({className:e,...t},s)=>o.createElement(Re,{ref:s,className:O("text-sm font-semibold",e),...t}));ce.displayName=Re.displayName;const ie=o.forwardRef(({className:e,...t},s)=>o.createElement(Pe,{ref:s,className:O("text-sm opacity-90",e),...t}));ie.displayName=Pe.displayName;Q.__docgenInfo={description:"",methods:[]};Ie.__docgenInfo={description:"",methods:[]};ae.__docgenInfo={description:"",methods:[]};ie.__docgenInfo={description:"",methods:[]};ce.__docgenInfo={description:"",methods:[]};re.__docgenInfo={description:"",methods:[]};const vt=2,xt=1e6;let ee=0;function yt(){return ee=(ee+1)%Number.MAX_VALUE,ee.toString()}const te=new Map,pe=e=>{if(te.has(e))return;const t=setTimeout(()=>{te.delete(e),V({type:"REMOVE_TOAST",toastId:e})},xt);te.set(e,t)},gt=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,vt)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(s=>s.id===t.toast.id?{...s,...t.toast}:s)};case"DISMISS_TOAST":{const{toastId:s}=t;return s?pe(s):e.toasts.forEach(n=>{pe(n.id)}),{...e,toasts:e.toasts.map(n=>n.id===s||s===void 0?{...n,open:!1}:n)}}case"REMOVE_TOAST":return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(s=>s.id!==t.toastId)}}},X=[];let Y={toasts:[]};function V(e){Y=gt(Y,e),X.forEach(t=>{t(Y)})}function De({...e}){const t=yt(),s=a=>V({type:"UPDATE_TOAST",toast:{...a,id:t}}),n=()=>V({type:"DISMISS_TOAST",toastId:t});return V({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:a=>{a||n()}}}),{id:t,dismiss:n,update:s}}function ht(){const[e,t]=o.useState(Y);return o.useEffect(()=>(X.push(t),()=>{const s=X.indexOf(t);s>-1&&X.splice(s,1)}),[e]),{...e,toast:De,dismiss:s=>V({type:"DISMISS_TOAST",toastId:s})}}function Oe(){const{toasts:e}=ht();return $.createElement($t,null,e.map(function({id:t,title:s,description:n,action:a,icon:d,...p}){return $.createElement(Q,{key:t,...p},$.createElement("div",{className:"flex flex-col gap-3"},$.createElement("div",{className:"flex gap-2"},d&&d,s&&$.createElement(ce,null,s),n&&$.createElement(ie,null,n)),a&&$.createElement("div",{className:"ml-auto"},a)),$.createElement(ae,null))}),$.createElement(re,null))}Oe.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const Vt={title:"Elements/Toast",component:Q,argTypes:{emphasis:{description:"Emphasis of the toast",control:"select",defaultValue:"subtle",options:["subtle","bold"]},status:{description:"Status of the toast",control:"select",defaultValue:"default",options:["default","error","success","warning"]},rounded:{control:"boolean",defaultValue:!0}},parameters:{layout:"centered"},decorators:[e=>$.createElement("div",{className:"min-w-[800px] flex items-center justify-center min-h-[1000px]"},$.createElement(e,null))],tags:["autodocs"]},B={name:"Toast",argTypes:{emphasis:"subtle",status:"error",rounded:"true"},render:({emphasis:e,status:t,rounded:s})=>$.createElement("div",null,$.createElement(qe,{onClick:()=>{De({status:t,emphasis:e,description:"This is a toast message",rounded:s})}},"Add Toast"),$.createElement(Oe,null))};var fe,me,be;B.parameters={...B.parameters,docs:{...(fe=B.parameters)==null?void 0:fe.docs,source:{originalSource:`{ + name: "Toast", + argTypes: { + // @ts-expect-error for some reason a wrong type is picked up there + emphasis: "subtle", + // @ts-expect-error for some reason a wrong type is picked up there + status: "error", + // @ts-expect-error for some reason a wrong type is picked up there + rounded: "true" + }, + render: ({ + emphasis, + status, + rounded + }) =>
+ + +
+}`,...(be=(me=B.parameters)==null?void 0:me.docs)==null?void 0:be.source}}};const Kt=["DefaultVariant"];export{B as DefaultVariant,Kt as __namedExportsOrder,Vt as default}; diff --git a/assets/Tooltip.stories-ImZGxSc8.js b/assets/Tooltip.stories-ImZGxSc8.js new file mode 100644 index 0000000..85d5e83 --- /dev/null +++ b/assets/Tooltip.stories-ImZGxSc8.js @@ -0,0 +1,9 @@ +import{r as o,R as g}from"./index-OjgoNOWw.js";import{$ as U,_ as y,a as Y}from"./index-ttJ0zls6.js";import{a as z,$ as T}from"./index-D3KhmrnL.js";import{a as V,b as X}from"./index-jKYK_Gmc.js";import{$ as J}from"./index-f0vHx2GX.js";import{$ as Q}from"./index-juKxXFC6.js";import{$ as j,a as W,b as Z,c as ee}from"./index-w1VBTUiB.js";import{$ as te}from"./index-WvU1OYyU.js";import{$ as oe}from"./index-7R9aDw1t.js";import{c as ne}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";import"./index-DTfSmp9M.js";const[_,Ge]=U("Tooltip",[j]),k=j(),re="TooltipProvider",ae=700,R="tooltip.open",[ce,L]=_(re),se=e=>{const{__scopeTooltip:n,delayDuration:t=ae,skipDelayDuration:r=300,disableHoverableContent:a=!1,children:l}=e,[s,u]=o.useState(!0),c=o.useRef(!1),d=o.useRef(0);return o.useEffect(()=>{const i=d.current;return()=>window.clearTimeout(i)},[]),o.createElement(ce,{scope:n,isOpenDelayed:s,delayDuration:t,onOpen:o.useCallback(()=>{window.clearTimeout(d.current),u(!1)},[]),onClose:o.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>u(!0),r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:o.useCallback(i=>{c.current=i},[]),disableHoverableContent:a},l)},I="Tooltip",[ie,O]=_(I),le=e=>{const{__scopeTooltip:n,children:t,open:r,defaultOpen:a=!1,onOpenChange:l,disableHoverableContent:s,delayDuration:u}=e,c=L(I,e.__scopeTooltip),d=k(n),[i,f]=o.useState(null),m=Q(),p=o.useRef(0),$=s??c.disableHoverableContent,b=u??c.delayDuration,v=o.useRef(!1),[h=!1,x]=z({prop:r,defaultProp:a,onChange:M=>{M?(c.onOpen(),document.dispatchEvent(new CustomEvent(R))):c.onClose(),l==null||l(M)}}),E=o.useMemo(()=>h?v.current?"delayed-open":"instant-open":"closed",[h]),C=o.useCallback(()=>{window.clearTimeout(p.current),v.current=!1,x(!0)},[x]),w=o.useCallback(()=>{window.clearTimeout(p.current),x(!1)},[x]),H=o.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{v.current=!0,x(!0)},b)},[b,x]);return o.useEffect(()=>()=>window.clearTimeout(p.current),[]),o.createElement(Z,d,o.createElement(ie,{scope:n,contentId:m,open:h,stateAttribute:E,trigger:i,onTriggerChange:f,onTriggerEnter:o.useCallback(()=>{c.isOpenDelayed?H():C()},[c.isOpenDelayed,H,C]),onTriggerLeave:o.useCallback(()=>{$?w():window.clearTimeout(p.current)},[w,$]),onOpen:C,onClose:w,disableHoverableContent:$},t))},N="TooltipTrigger",ue=o.forwardRef((e,n)=>{const{__scopeTooltip:t,...r}=e,a=O(N,t),l=L(N,t),s=k(t),u=o.useRef(null),c=V(n,u,a.onTriggerChange),d=o.useRef(!1),i=o.useRef(!1),f=o.useCallback(()=>d.current=!1,[]);return o.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),o.createElement(ee,y({asChild:!0},s),o.createElement(Y.button,y({"aria-describedby":a.open?a.contentId:void 0,"data-state":a.stateAttribute},r,{ref:c,onPointerMove:T(e.onPointerMove,m=>{m.pointerType!=="touch"&&!i.current&&!l.isPointerInTransitRef.current&&(a.onTriggerEnter(),i.current=!0)}),onPointerLeave:T(e.onPointerLeave,()=>{a.onTriggerLeave(),i.current=!1}),onPointerDown:T(e.onPointerDown,()=>{d.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:T(e.onFocus,()=>{d.current||a.onOpen()}),onBlur:T(e.onBlur,a.onClose),onClick:T(e.onClick,a.onClose)})))}),de="TooltipPortal",[Fe,fe]=_(de,{forceMount:void 0}),P="TooltipContent",pe=o.forwardRef((e,n)=>{const t=fe(P,e.__scopeTooltip),{forceMount:r=t.forceMount,side:a="top",...l}=e,s=O(P,e.__scopeTooltip);return o.createElement(te,{present:r||s.open},s.disableHoverableContent?o.createElement(B,y({side:a},l,{ref:n})):o.createElement($e,y({side:a},l,{ref:n})))}),$e=o.forwardRef((e,n)=>{const t=O(P,e.__scopeTooltip),r=L(P,e.__scopeTooltip),a=o.useRef(null),l=V(n,a),[s,u]=o.useState(null),{trigger:c,onClose:d}=t,i=a.current,{onPointerInTransitChange:f}=r,m=o.useCallback(()=>{u(null),f(!1)},[f]),p=o.useCallback(($,b)=>{const v=$.currentTarget,h={x:$.clientX,y:$.clientY},x=ve(h,v.getBoundingClientRect()),E=be(h,x),C=xe(b.getBoundingClientRect()),w=Te([...E,...C]);u(w),f(!0)},[f]);return o.useEffect(()=>()=>m(),[m]),o.useEffect(()=>{if(c&&i){const $=v=>p(v,i),b=v=>p(v,c);return c.addEventListener("pointerleave",$),i.addEventListener("pointerleave",b),()=>{c.removeEventListener("pointerleave",$),i.removeEventListener("pointerleave",b)}}},[c,i,p,m]),o.useEffect(()=>{if(s){const $=b=>{const v=b.target,h={x:b.clientX,y:b.clientY},x=(c==null?void 0:c.contains(v))||(i==null?void 0:i.contains(v)),E=!he(h,s);x?m():E&&(m(),d())};return document.addEventListener("pointermove",$),()=>document.removeEventListener("pointermove",$)}},[c,i,s,d,m]),o.createElement(B,y({},e,{ref:l}))}),[me,Ve]=_(I,{isInside:!1}),B=o.forwardRef((e,n)=>{const{__scopeTooltip:t,children:r,"aria-label":a,onEscapeKeyDown:l,onPointerDownOutside:s,...u}=e,c=O(P,t),d=k(t),{onClose:i}=c;return o.useEffect(()=>(document.addEventListener(R,i),()=>document.removeEventListener(R,i)),[i]),o.useEffect(()=>{if(c.trigger){const f=m=>{const p=m.target;p!=null&&p.contains(c.trigger)&&i()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[c.trigger,i]),o.createElement(J,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:s,onFocusOutside:f=>f.preventDefault(),onDismiss:i},o.createElement(W,y({"data-state":c.stateAttribute},d,u,{ref:n,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"}}),o.createElement(X,null,r),o.createElement(me,{scope:t,isInside:!0},o.createElement(oe,{id:c.contentId,role:"tooltip"},a||r))))});function ve(e,n){const t=Math.abs(n.top-e.y),r=Math.abs(n.bottom-e.y),a=Math.abs(n.right-e.x),l=Math.abs(n.left-e.x);switch(Math.min(t,r,a,l)){case l:return"left";case a:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function be(e,n,t=5){const r=[];switch(n){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function xe(e){const{top:n,right:t,bottom:r,left:a}=e;return[{x:a,y:n},{x:t,y:n},{x:t,y:r},{x:a,y:r}]}function he(e,n){const{x:t,y:r}=e;let a=!1;for(let l=0,s=n.length-1;lr!=i>r&&t<(d-u)*(r-c)/(i-c)+u&&(a=!a)}return a}function Te(e){const n=e.slice();return n.sort((t,r)=>t.xr.x?1:t.yr.y?1:0),ge(n)}function ge(e){if(e.length<=1)return e.slice();const n=[];for(let r=0;r=2;){const l=n[n.length-1],s=n[n.length-2];if((l.x-s.x)*(a.y-s.y)>=(l.y-s.y)*(a.x-s.x))n.pop();else break}n.push(a)}n.pop();const t=[];for(let r=e.length-1;r>=0;r--){const a=e[r];for(;t.length>=2;){const l=t[t.length-1],s=t[t.length-2];if((l.x-s.x)*(a.y-s.y)>=(l.y-s.y)*(a.x-s.x))t.pop();else break}t.push(a)}return t.pop(),n.length===1&&t.length===1&&n[0].x===t[0].x&&n[0].y===t[0].y?n:n.concat(t)}const ye=se,Ee=le,Ce=ue,q=pe,we=ye,K=Ee,Pe=Ce,A=o.forwardRef(({className:e,sideOffset:n=4,...t},r)=>o.createElement(q,{ref:r,sideOffset:n,className:ne("rounded-md bg-theme-text-primary px-3 py-2 text-text-xs text-theme-text-negative shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));A.displayName=q.displayName;A.__docgenInfo={description:"",methods:[],props:{sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};const je={title:"Elements/Tooltip",component:K,parameters:{layout:"centered"},decorators:[e=>g.createElement("div",{className:"w-[400px] flex items-center justify-center h-[200px]"},g.createElement(e,null))],tags:["autodocs"]},D={name:"Default",render:()=>g.createElement(we,null,g.createElement(K,{delayDuration:200},g.createElement(Pe,null,"Hover me!"),g.createElement(A,null,"I am a tooltip")))};var S,G,F;D.parameters={...D.parameters,docs:{...(S=D.parameters)==null?void 0:S.docs,source:{originalSource:`{ + name: "Default", + render: () => + + Hover me! + I am a tooltip + + +}`,...(F=(G=D.parameters)==null?void 0:G.docs)==null?void 0:F.source}}};const Be=["DefaultVariant"];export{D as DefaultVariant,Be as __namedExportsOrder,je as default}; diff --git a/assets/Tooltip.stories-LPqiL2ht.js b/assets/Tooltip.stories-LPqiL2ht.js deleted file mode 100644 index 3a6d615..0000000 --- a/assets/Tooltip.stories-LPqiL2ht.js +++ /dev/null @@ -1,9 +0,0 @@ -import{r as o,R as g}from"./index-OjgoNOWw.js";import{$ as U,_ as y,a as Y}from"./index-ttJ0zls6.js";import{$ as z,b as X,a as T}from"./index-39R-7JO1.js";import{a as V,b as J}from"./index-jKYK_Gmc.js";import{$ as Q}from"./index-lFYSAZig.js";import{$ as W}from"./index-juKxXFC6.js";import{$ as j,a as Z,b as ee,c as te}from"./index-39veLG-x.js";import{$ as oe}from"./index-7R9aDw1t.js";import{c as ne}from"./index-FlAvnLNT.js";import"./index-mQqIOHEI.js";import"./index-DTfSmp9M.js";const[_,Se]=U("Tooltip",[j]),k=j(),re="TooltipProvider",ae=700,R="tooltip.open",[ce,L]=_(re),se=e=>{const{__scopeTooltip:n,delayDuration:t=ae,skipDelayDuration:r=300,disableHoverableContent:a=!1,children:l}=e,[s,u]=o.useState(!0),c=o.useRef(!1),d=o.useRef(0);return o.useEffect(()=>{const i=d.current;return()=>window.clearTimeout(i)},[]),o.createElement(ce,{scope:n,isOpenDelayed:s,delayDuration:t,onOpen:o.useCallback(()=>{window.clearTimeout(d.current),u(!1)},[]),onClose:o.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>u(!0),r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:o.useCallback(i=>{c.current=i},[]),disableHoverableContent:a},l)},I="Tooltip",[ie,O]=_(I),le=e=>{const{__scopeTooltip:n,children:t,open:r,defaultOpen:a=!1,onOpenChange:l,disableHoverableContent:s,delayDuration:u}=e,c=L(I,e.__scopeTooltip),d=k(n),[i,f]=o.useState(null),m=W(),p=o.useRef(0),$=s??c.disableHoverableContent,b=u??c.delayDuration,v=o.useRef(!1),[h=!1,x]=X({prop:r,defaultProp:a,onChange:M=>{M?(c.onOpen(),document.dispatchEvent(new CustomEvent(R))):c.onClose(),l==null||l(M)}}),E=o.useMemo(()=>h?v.current?"delayed-open":"instant-open":"closed",[h]),C=o.useCallback(()=>{window.clearTimeout(p.current),v.current=!1,x(!0)},[x]),w=o.useCallback(()=>{window.clearTimeout(p.current),x(!1)},[x]),H=o.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{v.current=!0,x(!0)},b)},[b,x]);return o.useEffect(()=>()=>window.clearTimeout(p.current),[]),o.createElement(ee,d,o.createElement(ie,{scope:n,contentId:m,open:h,stateAttribute:E,trigger:i,onTriggerChange:f,onTriggerEnter:o.useCallback(()=>{c.isOpenDelayed?H():C()},[c.isOpenDelayed,H,C]),onTriggerLeave:o.useCallback(()=>{$?w():window.clearTimeout(p.current)},[w,$]),onOpen:C,onClose:w,disableHoverableContent:$},t))},N="TooltipTrigger",ue=o.forwardRef((e,n)=>{const{__scopeTooltip:t,...r}=e,a=O(N,t),l=L(N,t),s=k(t),u=o.useRef(null),c=V(n,u,a.onTriggerChange),d=o.useRef(!1),i=o.useRef(!1),f=o.useCallback(()=>d.current=!1,[]);return o.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),o.createElement(te,y({asChild:!0},s),o.createElement(Y.button,y({"aria-describedby":a.open?a.contentId:void 0,"data-state":a.stateAttribute},r,{ref:c,onPointerMove:T(e.onPointerMove,m=>{m.pointerType!=="touch"&&!i.current&&!l.isPointerInTransitRef.current&&(a.onTriggerEnter(),i.current=!0)}),onPointerLeave:T(e.onPointerLeave,()=>{a.onTriggerLeave(),i.current=!1}),onPointerDown:T(e.onPointerDown,()=>{d.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:T(e.onFocus,()=>{d.current||a.onOpen()}),onBlur:T(e.onBlur,a.onClose),onClick:T(e.onClick,a.onClose)})))}),de="TooltipPortal",[Ge,fe]=_(de,{forceMount:void 0}),P="TooltipContent",pe=o.forwardRef((e,n)=>{const t=fe(P,e.__scopeTooltip),{forceMount:r=t.forceMount,side:a="top",...l}=e,s=O(P,e.__scopeTooltip);return o.createElement(z,{present:r||s.open},s.disableHoverableContent?o.createElement(B,y({side:a},l,{ref:n})):o.createElement($e,y({side:a},l,{ref:n})))}),$e=o.forwardRef((e,n)=>{const t=O(P,e.__scopeTooltip),r=L(P,e.__scopeTooltip),a=o.useRef(null),l=V(n,a),[s,u]=o.useState(null),{trigger:c,onClose:d}=t,i=a.current,{onPointerInTransitChange:f}=r,m=o.useCallback(()=>{u(null),f(!1)},[f]),p=o.useCallback(($,b)=>{const v=$.currentTarget,h={x:$.clientX,y:$.clientY},x=ve(h,v.getBoundingClientRect()),E=be(h,x),C=xe(b.getBoundingClientRect()),w=Te([...E,...C]);u(w),f(!0)},[f]);return o.useEffect(()=>()=>m(),[m]),o.useEffect(()=>{if(c&&i){const $=v=>p(v,i),b=v=>p(v,c);return c.addEventListener("pointerleave",$),i.addEventListener("pointerleave",b),()=>{c.removeEventListener("pointerleave",$),i.removeEventListener("pointerleave",b)}}},[c,i,p,m]),o.useEffect(()=>{if(s){const $=b=>{const v=b.target,h={x:b.clientX,y:b.clientY},x=(c==null?void 0:c.contains(v))||(i==null?void 0:i.contains(v)),E=!he(h,s);x?m():E&&(m(),d())};return document.addEventListener("pointermove",$),()=>document.removeEventListener("pointermove",$)}},[c,i,s,d,m]),o.createElement(B,y({},e,{ref:l}))}),[me,Fe]=_(I,{isInside:!1}),B=o.forwardRef((e,n)=>{const{__scopeTooltip:t,children:r,"aria-label":a,onEscapeKeyDown:l,onPointerDownOutside:s,...u}=e,c=O(P,t),d=k(t),{onClose:i}=c;return o.useEffect(()=>(document.addEventListener(R,i),()=>document.removeEventListener(R,i)),[i]),o.useEffect(()=>{if(c.trigger){const f=m=>{const p=m.target;p!=null&&p.contains(c.trigger)&&i()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[c.trigger,i]),o.createElement(Q,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:s,onFocusOutside:f=>f.preventDefault(),onDismiss:i},o.createElement(Z,y({"data-state":c.stateAttribute},d,u,{ref:n,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"}}),o.createElement(J,null,r),o.createElement(me,{scope:t,isInside:!0},o.createElement(oe,{id:c.contentId,role:"tooltip"},a||r))))});function ve(e,n){const t=Math.abs(n.top-e.y),r=Math.abs(n.bottom-e.y),a=Math.abs(n.right-e.x),l=Math.abs(n.left-e.x);switch(Math.min(t,r,a,l)){case l:return"left";case a:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function be(e,n,t=5){const r=[];switch(n){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function xe(e){const{top:n,right:t,bottom:r,left:a}=e;return[{x:a,y:n},{x:t,y:n},{x:t,y:r},{x:a,y:r}]}function he(e,n){const{x:t,y:r}=e;let a=!1;for(let l=0,s=n.length-1;lr!=i>r&&t<(d-u)*(r-c)/(i-c)+u&&(a=!a)}return a}function Te(e){const n=e.slice();return n.sort((t,r)=>t.xr.x?1:t.yr.y?1:0),ge(n)}function ge(e){if(e.length<=1)return e.slice();const n=[];for(let r=0;r=2;){const l=n[n.length-1],s=n[n.length-2];if((l.x-s.x)*(a.y-s.y)>=(l.y-s.y)*(a.x-s.x))n.pop();else break}n.push(a)}n.pop();const t=[];for(let r=e.length-1;r>=0;r--){const a=e[r];for(;t.length>=2;){const l=t[t.length-1],s=t[t.length-2];if((l.x-s.x)*(a.y-s.y)>=(l.y-s.y)*(a.x-s.x))t.pop();else break}t.push(a)}return t.pop(),n.length===1&&t.length===1&&n[0].x===t[0].x&&n[0].y===t[0].y?n:n.concat(t)}const ye=se,Ee=le,Ce=ue,q=pe,we=ye,K=Ee,Pe=Ce,A=o.forwardRef(({className:e,sideOffset:n=4,...t},r)=>o.createElement(q,{ref:r,sideOffset:n,className:ne("rounded-md bg-theme-text-primary px-3 py-2 text-text-xs text-theme-text-negative shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));A.displayName=q.displayName;A.__docgenInfo={description:"",methods:[],props:{sideOffset:{defaultValue:{value:"4",computed:!1},required:!1}}};const Ve={title:"Elements/Tooltip",component:K,parameters:{layout:"centered"},decorators:[e=>g.createElement("div",{className:"w-[400px] flex items-center justify-center h-[200px]"},g.createElement(e,null))],tags:["autodocs"]},D={name:"Default",render:()=>g.createElement(we,null,g.createElement(K,{delayDuration:200},g.createElement(Pe,null,"Hover me!"),g.createElement(A,null,"I am a tooltip")))};var S,G,F;D.parameters={...D.parameters,docs:{...(S=D.parameters)==null?void 0:S.docs,source:{originalSource:`{ - name: "Default", - render: () => - - Hover me! - I am a tooltip - - -}`,...(F=(G=D.parameters)==null?void 0:G.docs)==null?void 0:F.source}}};const je=["DefaultVariant"];export{D as DefaultVariant,je as __namedExportsOrder,Ve as default}; diff --git a/assets/Utilitiets-B1JI_cOO.js b/assets/Utilitiets-LY0eUxGy.js similarity index 90% rename from assets/Utilitiets-B1JI_cOO.js rename to assets/Utilitiets-LY0eUxGy.js index aa00f59..42b1de8 100644 --- a/assets/Utilitiets-B1JI_cOO.js +++ b/assets/Utilitiets-LY0eUxGy.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DtaoT6pD.js";import{u as n}from"./index-7dsiwP88.js";import{M as s}from"./index-OSMui59-.js";import"./index-OjgoNOWw.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";function o(i){const e={br:"br",code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Docs/Utilities"}),` +import{j as t}from"./jsx-runtime-DtaoT6pD.js";import{u as n}from"./index-7dsiwP88.js";import{M as s}from"./index-9v6N7U6e.js";import"./index-OjgoNOWw.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";function o(i){const e={br:"br",code:"code",h1:"h1",h2:"h2",p:"p",...n(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Docs/Utilities"}),` `,t.jsx(e.h1,{id:"utilities",children:"Utilities"}),` `,t.jsxs(e.p,{children:["The component library exposes a set of helpful utlitiy functions, that can be imported from ",t.jsx(e.code,{children:"@zenml-io/react-component-library/utilities"}),".",t.jsx(e.br,{}),` `,`The exposed utilities are decorated with JSDoc to improve the DX, and to make it as easy as possible to get diff --git a/assets/WithTooltip-Y7J54OF7-iM_ScIc7.js b/assets/WithTooltip-Y7J54OF7-4TIJ4KV9.js similarity index 63% rename from assets/WithTooltip-Y7J54OF7-iM_ScIc7.js rename to assets/WithTooltip-Y7J54OF7-4TIJ4KV9.js index 21d5099..5146e4c 100644 --- a/assets/WithTooltip-Y7J54OF7-iM_ScIc7.js +++ b/assets/WithTooltip-Y7J54OF7-4TIJ4KV9.js @@ -1 +1 @@ -import{W as h,W as l,b as s}from"./index-OSMui59-.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-OjgoNOWw.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";export{h as WithToolTipState,l as WithTooltip,s as WithTooltipPure}; +import{W as h,W as l,b as s}from"./index-9v6N7U6e.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-OjgoNOWw.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";export{h as WithToolTipState,l as WithTooltip,s as WithTooltipPure}; diff --git a/assets/formatter-B5HCVTEV-d8AeSYk6.js b/assets/formatter-B5HCVTEV-1Ewrhkog.js similarity index 99% rename from assets/formatter-B5HCVTEV-d8AeSYk6.js rename to assets/formatter-B5HCVTEV-1Ewrhkog.js index f7c22d9..2bc279d 100644 --- a/assets/formatter-B5HCVTEV-d8AeSYk6.js +++ b/assets/formatter-B5HCVTEV-1Ewrhkog.js @@ -1,4 +1,4 @@ -var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>(Zi(e,typeof t!="symbol"?t+"":t,r),r);import{m as ea}from"./index-OSMui59-.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-OjgoNOWw.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),r?r.call(e):t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),n?n.call(e,r):t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', +var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>(Zi(e,typeof t!="symbol"?t+"":t,r),r);import{m as ea}from"./index-9v6N7U6e.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-OjgoNOWw.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),r?r.call(e):t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),n?n.call(e,r):t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', Expected it to be 'string' or 'object'.`;if(Ir(e))throw new Error("doc is valid.");let r=Object.prototype.toString.call(e);if(r!=="[object Object]")return`Unexpected doc '${r}'.`;let n=aa([...Du].map(u=>`'${u}'`));return`Unexpected doc.type '${e.type}'. Expected it to be ${n}.`}var oa=class extends Error{constructor(t){super(sa(t));_e(this,"name","InvalidDocError");this.doc=t}},fu=oa,la=()=>{},ca=la;function we(e){return{type:Bt,contents:e}}function mu(e,t){return{type:xt,contents:t,n:e}}function q(e,t={}){return ca(t.expandedStates),{type:Ye,id:t.id,contents:e,break:!!t.shouldBreak,expandedStates:t.expandedStates}}function pa(e){return mu(Number.NEGATIVE_INFINITY,e)}function ha(e){return mu({type:"root"},e)}function gu(e){return{type:Tt,parts:e}}function bt(e,t="",r={}){return{type:Lt,breakContents:e,flatContents:t,groupId:r.groupId}}function da(e,t){return{type:Nt,contents:e,groupId:t.groupId,negate:t.negate}}var Ze={type:qt},Da={type:be,hard:!0},fa={type:be,hard:!0,literal:!0},L={type:be},I={type:be,soft:!0},A=[Da,Ze],ma=[fa,Ze];function et(e,t){let r=[];for(let n=0;n{if(!(e&&t==null))return Array.isArray(t)||typeof t=="string"?t[r<0?t.length+r:r]:t.at(r)},Pt=ga;function Or(e,t){if(typeof e=="string")return t(e);let r=new Map;return n(e);function n(i){if(r.has(i))return r.get(i);let a=u(i);return r.set(i,a),a}function u(i){switch(Ir(i)){case xr:return t(i.map(n));case Tt:return t({...i,parts:i.parts.map(n)});case Lt:return t({...i,breakContents:n(i.breakContents),flatContents:n(i.flatContents)});case Ye:{let{expandedStates:a,contents:s}=i;return a?(a=a.map(n),s=a[0]):s=n(s),t({...i,contents:s,expandedStates:a})}case xt:case Bt:case Nt:case Pr:case Nr:return t({...i,contents:n(i.contents)});case Br:case Tr:case Lr:case qr:case be:case qt:return t(i);default:throw new fu(i)}}}function Ca(e){switch(Ir(e)){case Tt:if(e.parts.every(t=>t===""))return"";break;case Ye:if(!e.contents&&!e.id&&!e.break&&!e.expandedStates)return"";if(e.contents.type===Ye&&e.contents.id===e.id&&e.contents.break===e.break&&e.contents.expandedStates===e.expandedStates)return e.contents;break;case xt:case Bt:case Nt:case Nr:if(!e.contents)return"";break;case Lt:if(!e.flatContents&&!e.breakContents)return"";break;case xr:{let t=[];for(let r of e){if(!r)continue;let[n,...u]=Array.isArray(r)?r:[r];typeof n=="string"&&typeof Pt(!1,t,-1)=="string"?t[t.length-1]+=n:t.push(n),t.push(...u)}return t.length===0?"":t.length===1?t[0]:t}case Br:case Tr:case Lr:case qr:case be:case Pr:case qt:break;default:throw new fu(e)}return e}function Fa(e){return Or(e,t=>Ca(t))}function G(e,t=ma){return Or(e,r=>typeof r=="string"?et(t,r.split(` `)):r)}var va=class extends Error{constructor(t,r,n="type"){super(`Unexpected ${r} node ${n}: ${JSON.stringify(t[n])}.`);_e(this,"name","UnexpectedNodeError");this.node=t}},ya=va,lt="'",cn='"';function Ea(e,t){let r=t===!0||t===lt?lt:cn,n=r===lt?cn:lt,u=0,i=0;for(let a of e)a===r?u++:a===n&&i++;return u>i?n:r}var ba=Ea;function wa(e){if(typeof e!="string")throw new TypeError("Expected a string");return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var U,Sa=class{constructor(e){ra(this,U,void 0),na(this,U,new Set(e))}getLeadingWhitespaceCount(e){let t=se(this,U),r=0;for(let n=0;n=0&&t.has(e.charAt(n));n--)r++;return r}getLeadingWhitespace(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(0,t)}getTrailingWhitespace(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(e.length-t)}hasLeadingWhitespace(e){return se(this,U).has(e.charAt(0))}hasTrailingWhitespace(e){return se(this,U).has(Pt(!1,e,-1))}trimStart(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(t)}trimEnd(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(0,e.length-t)}trim(e){return this.trimEnd(this.trimStart(e))}split(e,t=!1){let r=`[${wa([...se(this,U)].join(""))}]+`,n=new RegExp(t?`(${r})`:r);return e.split(n)}hasWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>t.has(r))}hasNonWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>!t.has(r))}isWhitespaceOnly(e){let t=se(this,U);return Array.prototype.every.call(e,r=>t.has(r))}};U=new WeakMap;var Aa=Sa,ka=[" ",` diff --git a/assets/iframe-tq1wxn00.js b/assets/iframe-tq1wxn00.js deleted file mode 100644 index 9bfd6a9..0000000 --- a/assets/iframe-tq1wxn00.js +++ /dev/null @@ -1,7 +0,0 @@ -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))m(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&m(o)}).observe(document,{childList:!0,subtree:!0});function n(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function m(r){if(r.ep)return;r.ep=!0;const e=n(r);fetch(r.href,e)}})();const d="modulepreload",O=function(s,i){return new URL(s,i).href},l={},t=function(i,n,m){let r=Promise.resolve();if(n&&n.length>0){const e=document.getElementsByTagName("link");r=Promise.all(n.map(o=>{if(o=O(o,m),o in l)return;l[o]=!0;const c=o.endsWith(".css"),E=c?'[rel="stylesheet"]':"";if(!!m)for(let a=e.length-1;a>=0;a--){const p=e[a];if(p.href===o&&(!c||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${o}"]${E}`))return;const _=document.createElement("link");if(_.rel=c?"stylesheet":d,c||(_.as="script",_.crossOrigin=""),_.href=o,document.head.appendChild(_),c)return new Promise((a,p)=>{_.addEventListener("load",a),_.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${o}`)))})}))}return r.then(()=>i()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=T({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const P={"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-25NpbKlw.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-dF44Ho6K.js"),__vite__mapDeps([7,5,1,6]),import.meta.url),"./src/components/Box/Box.stories.tsx":async()=>t(()=>import("./Box.stories-HmrN6GKa.js"),__vite__mapDeps([8,5,1,6]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-PVl4JgP6.js"),__vite__mapDeps([9,10,4,1,5,6]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-L8SsXvBe.js"),__vite__mapDeps([11,1,2,3,4,12,13,6]),import.meta.url),"./src/components/Collapsible/Collapsible.stories.tsx":async()=>t(()=>import("./Collapsible.stories-c3Q7cawP.js"),__vite__mapDeps([14,1,2,3,4,12,15,5,6]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-daHNBmNg.js"),__vite__mapDeps([16,1,17,2,3,4,12,15,18,19,20,6,10,5]),import.meta.url),"./src/components/Dropdown/Dropdown.stories.tsx":async()=>t(()=>import("./Dropdown.stories-jQCXWRjo.js"),__vite__mapDeps([21,1,4,2,3,12,22,23,15,18,19,24,13,20,6,10,5]),import.meta.url),"./src/components/Input/Input.stories.tsx":async()=>t(()=>import("./Input.stories-zC4aX495.js"),__vite__mapDeps([25,5,1,6]),import.meta.url),"./src/components/Progress/ProgressItems.stories.tsx":async()=>t(()=>import("./ProgressItems.stories-Hm0CHZCS.js"),__vite__mapDeps([26,1,6,5]),import.meta.url),"./src/components/Sheet/Sheet.stories.tsx":async()=>t(()=>import("./Sheet.stories-Xmk6-ODI.js"),__vite__mapDeps([27,1,17,2,3,4,12,15,18,19,20,6,5,10]),import.meta.url),"./src/components/Sidebar/Sidebar.stories.tsx":async()=>t(()=>import("./Sidebar.stories-K5yI6Y3l.js"),__vite__mapDeps([28,1,29,4,6,10,5]),import.meta.url),"./src/components/Sidebar/SidebarHeader.stories.tsx":async()=>t(()=>import("./SidebarHeader.stories-qAgrSVNE.js"),__vite__mapDeps([30,1,29,4,6]),import.meta.url),"./src/components/Sidebar/SidebarItem.stories.tsx":async()=>t(()=>import("./SidebarItem.stories-FU62mnSL.js"),__vite__mapDeps([31,1,29,4,6]),import.meta.url),"./src/components/Skeleton/Skeleton.stories.tsx":async()=>t(()=>import("./Skeleton.stories-BFN_clI0.js"),__vite__mapDeps([32,6,1]),import.meta.url),"./src/components/Spinner/Spinner.stories.tsx":async()=>t(()=>import("./Spinner.stories-wjT_t-dg.js"),__vite__mapDeps([33,1,6]),import.meta.url),"./src/components/Table/DataTable.stories.tsx":async()=>t(()=>import("./DataTable.stories-30AEvakz.js"),__vite__mapDeps([34,1,35,6]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-rCtOmZB8.js"),__vite__mapDeps([36,1,35,6]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-DRFZNt5Q.js"),__vite__mapDeps([37,1,2,3,4,12,23,22,15,6]),import.meta.url),"./src/components/Tag/Tag.stories.tsx":async()=>t(()=>import("./Tag.stories-8ekUS2WW.js"),__vite__mapDeps([38,5,1,6]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-7ZPf1IOi.js"),__vite__mapDeps([39,1,2,3,4,12,22,18,20,40,5,6,10]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-LPqiL2ht.js"),__vite__mapDeps([41,1,2,3,4,12,18,15,24,13,40,6]),import.meta.url),"./src/docs/Introduction.mdx":async()=>t(()=>import("./Introduction-aLHBY-Zp.js"),__vite__mapDeps([42,43,1,44,45,3,4,46,47,48]),import.meta.url),"./src/docs/Tailwind.mdx":async()=>t(()=>import("./Tailwind-M0d56_Ak.js"),__vite__mapDeps([49,43,1,44,45,3,4,46,47,48]),import.meta.url),"./src/docs/Utilitiets.mdx":async()=>t(()=>import("./Utilitiets-B1JI_cOO.js"),__vite__mapDeps([50,43,1,44,45,3,4,46,47,48]),import.meta.url)};async function v(s){return P[s]()}const{composeConfigs:L,PreviewWeb:I,ClientApi:V}=__STORYBOOK_MODULE_PREVIEW_API__,A=async()=>{const s=await Promise.all([t(()=>import("./entry-preview-ulNEgYIM.js"),__vite__mapDeps([51,1,52,3]),import.meta.url),t(()=>import("./entry-preview-docs-ctPH9mRJ.js"),__vite__mapDeps([53,47,1,48]),import.meta.url),t(()=>import("./preview-yRq1Lj6j.js"),__vite__mapDeps([54,46]),import.meta.url),t(()=>import("./preview-FucG_riN.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-1q4RDNOi.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-6iG64ELu.js"),__vite__mapDeps([55,48]),import.meta.url),t(()=>import("./preview-zZA4w0lH.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-MdQXpms2.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-u8M_OEO2.js"),__vite__mapDeps([56,48]),import.meta.url),t(()=>import("./preview-bEa2SesL.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-e7UF-SUK.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-bicOdALM.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-09YRlkos.js"),__vite__mapDeps([57,1,58]),import.meta.url)]);return L(s)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(v,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; -function __vite__mapDeps(indexes) { - if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["./Avatar.stories-25NpbKlw.js","./index-OjgoNOWw.js","./index-ttJ0zls6.js","./index-mQqIOHEI.js","./index-jKYK_Gmc.js","./index-polp_dyw.js","./index-FlAvnLNT.js","./Badge.stories-dF44Ho6K.js","./Box.stories-HmrN6GKa.js","./Button.stories-PVl4JgP6.js","./Button-1fD2P03D.js","./Checkbox.stories-L8SsXvBe.js","./index-39R-7JO1.js","./index-DTfSmp9M.js","./Collapsible.stories-c3Q7cawP.js","./index-juKxXFC6.js","./Dialog.stories-daHNBmNg.js","./index-UGFCTDXo.js","./index-lFYSAZig.js","./index-Qrw1f8GM.js","./index-pT7Q2Giz.js","./Dropdown.stories-jQCXWRjo.js","./index-kNhmewn5.js","./index-7ijoOKG-.js","./index-39veLG-x.js","./Input.stories-zC4aX495.js","./ProgressItems.stories-Hm0CHZCS.js","./Sheet.stories-Xmk6-ODI.js","./Sidebar.stories-K5yI6Y3l.js","./icons-Bb07RcR7.js","./SidebarHeader.stories-qAgrSVNE.js","./SidebarItem.stories-FU62mnSL.js","./Skeleton.stories-BFN_clI0.js","./Spinner.stories-wjT_t-dg.js","./DataTable.stories-30AEvakz.js","./DataTable-oeEbKf89.js","./Table.stories-rCtOmZB8.js","./Tabs.stories-DRFZNt5Q.js","./Tag.stories-8ekUS2WW.js","./Toast.stories-7ZPf1IOi.js","./index-7R9aDw1t.js","./Tooltip.stories-LPqiL2ht.js","./Introduction-aLHBY-Zp.js","./jsx-runtime-DtaoT6pD.js","./index-7dsiwP88.js","./index-OSMui59-.js","./index-ZKB_KljB.js","./index-XkRcYS9h.js","./index-PPLHz8o0.js","./Tailwind-M0d56_Ak.js","./Utilitiets-B1JI_cOO.js","./entry-preview-ulNEgYIM.js","./react-18-DyM-o0Ps.js","./entry-preview-docs-ctPH9mRJ.js","./preview-yRq1Lj6j.js","./preview-6iG64ELu.js","./preview-u8M_OEO2.js","./preview-09YRlkos.js","./preview-mR8ZBxzB.css"] - } - return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) -} \ No newline at end of file diff --git a/assets/iframe-y0lbn9y8.js b/assets/iframe-y0lbn9y8.js new file mode 100644 index 0000000..170e022 --- /dev/null +++ b/assets/iframe-y0lbn9y8.js @@ -0,0 +1,7 @@ +import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))m(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const o of r.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&m(o)}).observe(document,{childList:!0,subtree:!0});function n(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function m(e){if(e.ep)return;e.ep=!0;const r=n(e);fetch(e.href,r)}})();const d="modulepreload",O=function(s,_){return new URL(s,_).href},l={},t=function(_,n,m){let e=Promise.resolve();if(n&&n.length>0){const r=document.getElementsByTagName("link");e=Promise.all(n.map(o=>{if(o=O(o,m),o in l)return;l[o]=!0;const c=o.endsWith(".css"),E=c?'[rel="stylesheet"]':"";if(!!m)for(let a=r.length-1;a>=0;a--){const p=r[a];if(p.href===o&&(!c||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${o}"]${E}`))return;const i=document.createElement("link");if(i.rel=c?"stylesheet":d,c||(i.as="script",i.crossOrigin=""),i.href=o,document.head.appendChild(i),c)return new Promise((a,p)=>{i.addEventListener("load",a),i.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${o}`)))})}))}return e.then(()=>_()).catch(r=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=r,window.dispatchEvent(o),!o.defaultPrevented)throw r})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,u=T({page:"preview"});R.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const P={"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-25NpbKlw.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-dF44Ho6K.js"),__vite__mapDeps([7,5,1,6]),import.meta.url),"./src/components/Box/Box.stories.tsx":async()=>t(()=>import("./Box.stories-HmrN6GKa.js"),__vite__mapDeps([8,5,1,6]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-PVl4JgP6.js"),__vite__mapDeps([9,10,4,1,5,6]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-TUfUexhz.js"),__vite__mapDeps([11,1,2,3,4,12,13,14,15,6]),import.meta.url),"./src/components/Collapsible/Collapsible.stories.tsx":async()=>t(()=>import("./Collapsible.stories-r0S9uBNc.js"),__vite__mapDeps([16,1,2,3,4,12,15,17,5,6]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-MlghvG_8.js"),__vite__mapDeps([18,1,19,2,3,4,12,17,20,21,22,15,6,10,5]),import.meta.url),"./src/components/Dropdown/Dropdown.stories.tsx":async()=>t(()=>import("./Dropdown.stories-0PhpV9eM.js"),__vite__mapDeps([23,1,4,2,3,12,24,25,20,21,26,14,22,15,27,17,6,10,5]),import.meta.url),"./src/components/Input/Input.stories.tsx":async()=>t(()=>import("./Input.stories-zC4aX495.js"),__vite__mapDeps([28,5,1,6]),import.meta.url),"./src/components/Progress/ProgressItems.stories.tsx":async()=>t(()=>import("./ProgressItems.stories-Hm0CHZCS.js"),__vite__mapDeps([29,1,6,5]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-m1kcZSwr.js"),__vite__mapDeps([30,1,2,3,4,12,24,25,20,21,17,26,14,22,13,31,6]),import.meta.url),"./src/components/Sheet/Sheet.stories.tsx":async()=>t(()=>import("./Sheet.stories-x70Yqr7k.js"),__vite__mapDeps([32,1,19,2,3,4,12,17,20,21,22,15,6,5,10]),import.meta.url),"./src/components/Sidebar/Sidebar.stories.tsx":async()=>t(()=>import("./Sidebar.stories-K5yI6Y3l.js"),__vite__mapDeps([33,1,34,4,6,10,5]),import.meta.url),"./src/components/Sidebar/SidebarHeader.stories.tsx":async()=>t(()=>import("./SidebarHeader.stories-qAgrSVNE.js"),__vite__mapDeps([35,1,34,4,6]),import.meta.url),"./src/components/Sidebar/SidebarItem.stories.tsx":async()=>t(()=>import("./SidebarItem.stories-FU62mnSL.js"),__vite__mapDeps([36,1,34,4,6]),import.meta.url),"./src/components/Skeleton/Skeleton.stories.tsx":async()=>t(()=>import("./Skeleton.stories-BFN_clI0.js"),__vite__mapDeps([37,6,1]),import.meta.url),"./src/components/Spinner/Spinner.stories.tsx":async()=>t(()=>import("./Spinner.stories-wjT_t-dg.js"),__vite__mapDeps([38,1,6]),import.meta.url),"./src/components/Table/DataTable.stories.tsx":async()=>t(()=>import("./DataTable.stories-30AEvakz.js"),__vite__mapDeps([39,1,40,6]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-rCtOmZB8.js"),__vite__mapDeps([41,1,40,6]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-NDXi5E8m.js"),__vite__mapDeps([42,1,2,3,4,12,27,24,17,25,15,6]),import.meta.url),"./src/components/Tag/Tag.stories.tsx":async()=>t(()=>import("./Tag.stories-8ekUS2WW.js"),__vite__mapDeps([43,5,1,6]),import.meta.url),"./src/components/Toast/Toast.stories.tsx":async()=>t(()=>import("./Toast.stories-u7bH6UdV.js"),__vite__mapDeps([44,1,2,3,4,12,24,20,22,15,31,5,6,10]),import.meta.url),"./src/components/Tooltip/Tooltip.stories.tsx":async()=>t(()=>import("./Tooltip.stories-ImZGxSc8.js"),__vite__mapDeps([45,1,2,3,4,12,20,17,26,14,15,31,6]),import.meta.url),"./src/docs/Introduction.mdx":async()=>t(()=>import("./Introduction-ZpSBc1Tt.js"),__vite__mapDeps([46,47,1,48,49,3,4,50,51,52]),import.meta.url),"./src/docs/Tailwind.mdx":async()=>t(()=>import("./Tailwind-xGTGxesT.js"),__vite__mapDeps([53,47,1,48,49,3,4,50,51,52]),import.meta.url),"./src/docs/Utilitiets.mdx":async()=>t(()=>import("./Utilitiets-LY0eUxGy.js"),__vite__mapDeps([54,47,1,48,49,3,4,50,51,52]),import.meta.url)};async function v(s){return P[s]()}const{composeConfigs:L,PreviewWeb:I,ClientApi:V}=__STORYBOOK_MODULE_PREVIEW_API__,A=async()=>{const s=await Promise.all([t(()=>import("./entry-preview-ulNEgYIM.js"),__vite__mapDeps([55,1,56,3]),import.meta.url),t(()=>import("./entry-preview-docs-ctPH9mRJ.js"),__vite__mapDeps([57,51,1,52]),import.meta.url),t(()=>import("./preview-yRq1Lj6j.js"),__vite__mapDeps([58,50]),import.meta.url),t(()=>import("./preview-DEV10Z5K.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-1q4RDNOi.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-6iG64ELu.js"),__vite__mapDeps([59,52]),import.meta.url),t(()=>import("./preview-zZA4w0lH.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-MdQXpms2.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-u8M_OEO2.js"),__vite__mapDeps([60,52]),import.meta.url),t(()=>import("./preview-bEa2SesL.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-e7UF-SUK.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-bicOdALM.js"),__vite__mapDeps([]),import.meta.url),t(()=>import("./preview-_omw1JnR.js"),__vite__mapDeps([61,1,62]),import.meta.url)]);return L(s)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new I(v,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; +function __vite__mapDeps(indexes) { + if (!__vite__mapDeps.viteFileDeps) { + __vite__mapDeps.viteFileDeps = ["./Avatar.stories-25NpbKlw.js","./index-OjgoNOWw.js","./index-ttJ0zls6.js","./index-mQqIOHEI.js","./index-jKYK_Gmc.js","./index-polp_dyw.js","./index-FlAvnLNT.js","./Badge.stories-dF44Ho6K.js","./Box.stories-HmrN6GKa.js","./Button.stories-PVl4JgP6.js","./Button-1fD2P03D.js","./Checkbox.stories-TUfUexhz.js","./index-D3KhmrnL.js","./index-XmoB3Z09.js","./index-DTfSmp9M.js","./index-WvU1OYyU.js","./Collapsible.stories-r0S9uBNc.js","./index-juKxXFC6.js","./Dialog.stories-MlghvG_8.js","./index-ExZ6hFA2.js","./index-f0vHx2GX.js","./index-vwyHrCN8.js","./index-pT7Q2Giz.js","./Dropdown.stories-0PhpV9eM.js","./index-kNhmewn5.js","./index-vNCMozV_.js","./index-w1VBTUiB.js","./index-I6TYmOY2.js","./Input.stories-zC4aX495.js","./ProgressItems.stories-Hm0CHZCS.js","./Select.stories-m1kcZSwr.js","./index-7R9aDw1t.js","./Sheet.stories-x70Yqr7k.js","./Sidebar.stories-K5yI6Y3l.js","./icons-Bb07RcR7.js","./SidebarHeader.stories-qAgrSVNE.js","./SidebarItem.stories-FU62mnSL.js","./Skeleton.stories-BFN_clI0.js","./Spinner.stories-wjT_t-dg.js","./DataTable.stories-30AEvakz.js","./DataTable-oeEbKf89.js","./Table.stories-rCtOmZB8.js","./Tabs.stories-NDXi5E8m.js","./Tag.stories-8ekUS2WW.js","./Toast.stories-u7bH6UdV.js","./Tooltip.stories-ImZGxSc8.js","./Introduction-ZpSBc1Tt.js","./jsx-runtime-DtaoT6pD.js","./index-7dsiwP88.js","./index-9v6N7U6e.js","./index-ZKB_KljB.js","./index-XkRcYS9h.js","./index-PPLHz8o0.js","./Tailwind-xGTGxesT.js","./Utilitiets-LY0eUxGy.js","./entry-preview-ulNEgYIM.js","./react-18-DyM-o0Ps.js","./entry-preview-docs-ctPH9mRJ.js","./preview-yRq1Lj6j.js","./preview-6iG64ELu.js","./preview-u8M_OEO2.js","./preview-_omw1JnR.js","./preview-Nsa0fPHb.css"] + } + return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) +} \ No newline at end of file diff --git a/assets/index-39R-7JO1.js b/assets/index-39R-7JO1.js deleted file mode 100644 index d8a9e3b..0000000 --- a/assets/index-39R-7JO1.js +++ /dev/null @@ -1 +0,0 @@ -import{r as s}from"./index-OjgoNOWw.js";import{c as v,b as p}from"./index-ttJ0zls6.js";import{r as A}from"./index-mQqIOHEI.js";import{a as h}from"./index-jKYK_Gmc.js";function g(e,n,{checkForDefaultPrevented:c=!0}={}){return function(o){if(e==null||e(o),c===!1||!o.defaultPrevented)return n==null?void 0:n(o)}}function I({prop:e,defaultProp:n,onChange:c=()=>{}}){const[t,o]=b({defaultProp:n,onChange:c}),a=e!==void 0,m=a?e:t,f=v(c),i=s.useCallback(r=>{if(a){const u=typeof r=="function"?r(e):r;u!==e&&f(u)}else o(r)},[a,e,o,f]);return[m,i]}function b({defaultProp:e,onChange:n}){const c=s.useState(e),[t]=c,o=s.useRef(t),a=v(n);return s.useEffect(()=>{o.current!==t&&(a(t),o.current=t)},[t,o,a]),c}function P(e,n){return s.useReducer((c,t)=>{const o=n[c][t];return o??c},e)}const M=e=>{const{present:n,children:c}=e,t=O(n),o=typeof c=="function"?c({present:t.isPresent}):s.Children.only(c),a=h(t.ref,o.ref);return typeof c=="function"||t.isPresent?s.cloneElement(o,{ref:a}):null};M.displayName="Presence";function O(e){const[n,c]=s.useState(),t=s.useRef({}),o=s.useRef(e),a=s.useRef("none"),m=e?"mounted":"unmounted",[f,i]=P(m,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return s.useEffect(()=>{const r=N(t.current);a.current=f==="mounted"?r:"none"},[f]),p(()=>{const r=t.current,d=o.current;if(d!==e){const $=a.current,l=N(r);e?i("MOUNT"):l==="none"||(r==null?void 0:r.display)==="none"?i("UNMOUNT"):i(d&&$!==l?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,i]),p(()=>{if(n){const r=u=>{const l=N(t.current).includes(u.animationName);u.target===n&&l&&A.flushSync(()=>i("ANIMATION_END"))},d=u=>{u.target===n&&(a.current=N(t.current))};return n.addEventListener("animationstart",d),n.addEventListener("animationcancel",r),n.addEventListener("animationend",r),()=>{n.removeEventListener("animationstart",d),n.removeEventListener("animationcancel",r),n.removeEventListener("animationend",r)}}else i("ANIMATION_END")},[n,i]),{isPresent:["mounted","unmountSuspended"].includes(f),ref:s.useCallback(r=>{r&&(t.current=getComputedStyle(r)),c(r)},[])}}function N(e){return(e==null?void 0:e.animationName)||"none"}export{M as $,g as a,I as b}; diff --git a/assets/index-7ijoOKG-.js b/assets/index-7ijoOKG-.js deleted file mode 100644 index 098efca..0000000 --- a/assets/index-7ijoOKG-.js +++ /dev/null @@ -1 +0,0 @@ -import{$ as k,_ as S,c as K,a as h}from"./index-ttJ0zls6.js";import{r as t}from"./index-OjgoNOWw.js";import{b as B,a as $}from"./index-39R-7JO1.js";import{$ as Y}from"./index-kNhmewn5.js";import{a as V}from"./index-jKYK_Gmc.js";import{$ as z}from"./index-juKxXFC6.js";const H=t.createContext(void 0);function j(e){const o=t.useContext(H);return e||o||"ltr"}const C="rovingFocusGroup.onEntryFocus",q={bubbles:!1,cancelable:!0},_="RovingFocusGroup",[w,P,J]=Y(_),[Q,le]=k(_,[J]),[W,X]=Q(_),Z=t.forwardRef((e,o)=>t.createElement(w.Provider,{scope:e.__scopeRovingFocusGroup},t.createElement(w.Slot,{scope:e.__scopeRovingFocusGroup},t.createElement(ee,S({},e,{ref:o}))))),ee=t.forwardRef((e,o)=>{const{__scopeRovingFocusGroup:c,orientation:r,loop:v=!1,dir:I,currentTabStopId:F,defaultCurrentTabStopId:g,onCurrentTabStopIdChange:i,onEntryFocus:a,...E}=e,l=t.useRef(null),p=V(o,l),m=j(I),[f=null,u]=B({prop:F,defaultProp:g,onChange:i}),[x,s]=t.useState(!1),d=K(a),y=P(c),R=t.useRef(!1),[O,A]=t.useState(0);return t.useEffect(()=>{const n=l.current;if(n)return n.addEventListener(C,d),()=>n.removeEventListener(C,d)},[d]),t.createElement(W,{scope:c,orientation:r,dir:m,loop:v,currentTabStopId:f,onItemFocus:t.useCallback(n=>u(n),[u]),onItemShiftTab:t.useCallback(()=>s(!0),[]),onFocusableItemAdd:t.useCallback(()=>A(n=>n+1),[]),onFocusableItemRemove:t.useCallback(()=>A(n=>n-1),[])},t.createElement(h.div,S({tabIndex:x||O===0?-1:0,"data-orientation":r},E,{ref:p,style:{outline:"none",...e.style},onMouseDown:$(e.onMouseDown,()=>{R.current=!0}),onFocus:$(e.onFocus,n=>{const N=!R.current;if(n.target===n.currentTarget&&N&&!x){const D=new CustomEvent(C,q);if(n.currentTarget.dispatchEvent(D),!D.defaultPrevented){const T=y().filter(b=>b.focusable),M=T.find(b=>b.active),L=T.find(b=>b.id===f),U=[M,L,...T].filter(Boolean).map(b=>b.ref.current);G(U)}}R.current=!1}),onBlur:$(e.onBlur,()=>s(!1))})))}),te="RovingFocusGroupItem",oe=t.forwardRef((e,o)=>{const{__scopeRovingFocusGroup:c,focusable:r=!0,active:v=!1,tabStopId:I,...F}=e,g=z(),i=I||g,a=X(te,c),E=a.currentTabStopId===i,l=P(c),{onFocusableItemAdd:p,onFocusableItemRemove:m}=a;return t.useEffect(()=>{if(r)return p(),()=>m()},[r,p,m]),t.createElement(w.ItemSlot,{scope:c,id:i,focusable:r,active:v},t.createElement(h.span,S({tabIndex:E?0:-1,"data-orientation":a.orientation},F,{ref:o,onMouseDown:$(e.onMouseDown,f=>{r?a.onItemFocus(i):f.preventDefault()}),onFocus:$(e.onFocus,()=>a.onItemFocus(i)),onKeyDown:$(e.onKeyDown,f=>{if(f.key==="Tab"&&f.shiftKey){a.onItemShiftTab();return}if(f.target!==f.currentTarget)return;const u=ce(f,a.orientation,a.dir);if(u!==void 0){f.preventDefault();let s=l().filter(d=>d.focusable).map(d=>d.ref.current);if(u==="last")s.reverse();else if(u==="prev"||u==="next"){u==="prev"&&s.reverse();const d=s.indexOf(f.currentTarget);s=a.loop?fe(s,d+1):s.slice(d+1)}setTimeout(()=>G(s))}})})))}),re={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function ne(e,o){return o!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function ce(e,o,c){const r=ne(e.key,c);if(!(o==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(o==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return re[r]}function G(e){const o=document.activeElement;for(const c of e)if(c===o||(c.focus(),document.activeElement!==o))return}function fe(e,o){return e.map((c,r)=>e[(o+r)%e.length])}const pe=Z,me=oe;export{le as $,pe as a,me as b,j as c}; diff --git a/assets/index-OSMui59-.js b/assets/index-9v6N7U6e.js similarity index 99% rename from assets/index-OSMui59-.js rename to assets/index-9v6N7U6e.js index 201178b..da16279 100644 --- a/assets/index-OSMui59-.js +++ b/assets/index-9v6N7U6e.js @@ -1,4 +1,4 @@ -import{_ as zt}from"./iframe-tq1wxn00.js";import{r as o,a as Al,g as Sn,R as u,c as Jn}from"./index-OjgoNOWw.js";import{r as v0,R as X1}from"./index-mQqIOHEI.js";import{$ as b0,_ as Cn}from"./index-jKYK_Gmc.js";import{L as y0,O as Z1}from"./index-ZKB_KljB.js";import{q as w0,r as J1,s as x0,t as Q1,i as Rn,v as ed,w as td,x as rd,c as E0,y as S0,z as nd,A as C0,B as ad,C as od,D as ld,E as id,F as sd,G as cd,H as R0,I as dd,J as ud,K as I0,_ as pd,L as fd,M as hd,N as co,d as A0,O as _0,P as k0,Q as gd,R as md,U as vd,e as bd,S as _l,k as Qn}from"./index-XkRcYS9h.js";import{d as yd}from"./index-PPLHz8o0.js";var Be=e=>`control-${e.replace(/\s+/g,"-")}`,In=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:wd}=__STORYBOOK_MODULE_GLOBAL__,{logger:xd}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var Ed=Object.create,O0=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,T0=Object.getOwnPropertyNames,Cd=Object.getPrototypeOf,Rd=Object.prototype.hasOwnProperty,uo=(e,t)=>function(){return t||(0,e[T0(e)[0]])((t={exports:{}}).exports,t),t.exports},Id=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of T0(t))!Rd.call(e,a)&&a!==r&&O0(e,a,{get:()=>t[a],enumerable:!(n=Sd(t,a))||n.enumerable});return e},M0=(e,t,r)=>(r=e!=null?Ed(Cd(e)):{},Id(t||!e||!e.__esModule?O0(r,"default",{value:e,enumerable:!0}):r,e));function gt(){return gt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function tn(e,t,r){return Od()?tn=Reflect.construct.bind():tn=function(n,a,l){var i=[null];i.push.apply(i,a);var c=Function.bind.apply(n,i),s=new c;return l&&xr(s,l.prototype),s},tn.apply(null,arguments)}function Ma(e){var t=typeof Map=="function"?new Map:void 0;return Ma=function(r){if(r===null||!kd(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return tn(r,arguments,Ta(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),xr(n,r)},Ma(e)}var Td={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). +import{_ as zt}from"./iframe-y0lbn9y8.js";import{r as o,a as Al,g as Sn,R as u,c as Jn}from"./index-OjgoNOWw.js";import{r as v0,R as X1}from"./index-mQqIOHEI.js";import{$ as b0,_ as Cn}from"./index-jKYK_Gmc.js";import{L as y0,O as Z1}from"./index-ZKB_KljB.js";import{q as w0,r as J1,s as x0,t as Q1,i as Rn,v as ed,w as td,x as rd,c as E0,y as S0,z as nd,A as C0,B as ad,C as od,D as ld,E as id,F as sd,G as cd,H as R0,I as dd,J as ud,K as I0,_ as pd,L as fd,M as hd,N as co,d as A0,O as _0,P as k0,Q as gd,R as md,U as vd,e as bd,S as _l,k as Qn}from"./index-XkRcYS9h.js";import{d as yd}from"./index-PPLHz8o0.js";var Be=e=>`control-${e.replace(/\s+/g,"-")}`,In=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:wd}=__STORYBOOK_MODULE_GLOBAL__,{logger:xd}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var Ed=Object.create,O0=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,T0=Object.getOwnPropertyNames,Cd=Object.getPrototypeOf,Rd=Object.prototype.hasOwnProperty,uo=(e,t)=>function(){return t||(0,e[T0(e)[0]])((t={exports:{}}).exports,t),t.exports},Id=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of T0(t))!Rd.call(e,a)&&a!==r&&O0(e,a,{get:()=>t[a],enumerable:!(n=Sd(t,a))||n.enumerable});return e},M0=(e,t,r)=>(r=e!=null?Ed(Cd(e)):{},Id(t||!e||!e.__esModule?O0(r,"default",{value:e,enumerable:!0}):r,e));function gt(){return gt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function tn(e,t,r){return Od()?tn=Reflect.construct.bind():tn=function(n,a,l){var i=[null];i.push.apply(i,a);var c=Function.bind.apply(n,i),s=new c;return l&&xr(s,l.prototype),s},tn.apply(null,arguments)}function Ma(e){var t=typeof Map=="function"?new Map:void 0;return Ma=function(r){if(r===null||!kd(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return tn(r,arguments,Ta(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),xr(n,r)},Ma(e)}var Td={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }). @@ -364,9 +364,9 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function Uv(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,g=c+p,m=s+p,f=d+p;return n(g,m,f)}var mi={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function qv(e){if(typeof e!="string")return e;var t=e.toLowerCase();return mi[t]?"#"+mi[t]:e}var Gv=/^#[a-fA-F0-9]{6}$/,Yv=/^#[a-fA-F0-9]{8}$/,Kv=/^#[a-fA-F0-9]{3}$/,Xv=/^#[a-fA-F0-9]{4}$/,pa=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,Zv=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Jv=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Qv=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Uo(e){if(typeof e!="string")throw new Ze(3);var t=qv(e);if(t.match(Gv))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(Yv)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(Kv))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(Xv)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=pa.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=Zv.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=Jv.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Tr(c,s,d)+")",g=pa.exec(p);if(!g)throw new Ze(4,t,p);return{red:parseInt(""+g[1],10),green:parseInt(""+g[2],10),blue:parseInt(""+g[3],10)}}var m=Qv.exec(t.substring(0,50));if(m){var f=parseInt(""+m[1],10),v=parseInt(""+m[2],10)/100,h=parseInt(""+m[3],10)/100,w="rgb("+Tr(f,v,h)+")",b=pa.exec(w);if(!b)throw new Ze(4,t,w);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new Ze(5)}function e3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?yn(e,t,r):"rgba("+Tr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?yn(e.hue,e.saturation,e.lightness):"rgba("+Tr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ze(2)}function Ya(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Ga("#"+Ct(e)+Ct(t)+Ct(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Ga("#"+Ct(e.red)+Ct(e.green)+Ct(e.blue));throw new Ze(6)}function Wo(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Uo(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?Ya(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Ya(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ze(7)}var o3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},l3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},i3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},s3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function nc(e){if(typeof e!="object")throw new Ze(8);if(l3(e))return Wo(e);if(o3(e))return Ya(e);if(s3(e))return a3(e);if(i3(e))return n3(e);throw new Ze(8)}function ac(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):ac(e,t,n)}}function qo(e){return ac(e,e.length,[])}function Go(e,t,r){return Math.max(e,Math.min(t,r))}function c3(e,t){if(t==="transparent")return t;var r=rc(t);return nc(G({},r,{lightness:Go(0,1,r.lightness-parseFloat(e))}))}var d3=qo(c3),Gt=d3;function u3(e,t){if(t==="transparent")return t;var r=rc(t);return nc(G({},r,{lightness:Go(0,1,r.lightness+parseFloat(e))}))}var p3=qo(u3),bi=p3;function f3(e,t){if(t==="transparent")return t;var r=Uo(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Go(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return Wo(a)}var h3=qo(f3),lt=h3,lr=({theme:e})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),ct=({theme:e})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?lt(.1,e.color.defaultText):lt(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),jt={margin:"16px 0"},g3=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},oc=A(g3)(re,({theme:e})=>({fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}})),lc=A.blockquote(re,jt,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),m3=e=>typeof e=="string",v3=/[\n\r]/g,b3=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),ct),y3=A(Mo)(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Yo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(m3).some(l=>l.match(v3))?u.createElement(y3,{bordered:!0,copyable:!0,language:(n==null?void 0:n[1])??"text",format:!1,...r},t):u.createElement(b3,{...r,className:e},a)},ic=A.div(re),sc=A.dl(re,jt,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}}),cc=A.h1(re,lr,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Ko=A.h2(re,lr,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),Xo=A.h3(re,lr,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),dc=A.h4(re,lr,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),uc=A.h5(re,lr,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),pc=A.h6(re,lr,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),fc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),hc=A.img({maxWidth:"100%"}),gc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":ct({theme:e})})),w3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},mc=A.ol(re,jt,w3,{listStyle:"decimal"}),vc=A.p(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":ct({theme:e})})),bc=A.pre(re,jt,({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}})),yc=A.span(re,({theme:e})=>({"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}})),wc=A.table(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}})),xc=A.title(ct),x3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},Ec=A.ul(re,jt,x3,{listStyle:"disc"}),Zo=A.div(re),Sc={h1:e=>u.createElement(cc,{...te(e,"h1")}),h2:e=>u.createElement(Ko,{...te(e,"h2")}),h3:e=>u.createElement(Xo,{...te(e,"h3")}),h4:e=>u.createElement(dc,{...te(e,"h4")}),h5:e=>u.createElement(uc,{...te(e,"h5")}),h6:e=>u.createElement(pc,{...te(e,"h6")}),pre:e=>u.createElement(bc,{...te(e,"pre")}),a:e=>u.createElement(oc,{...te(e,"a")}),hr:e=>u.createElement(fc,{...te(e,"hr")}),dl:e=>u.createElement(sc,{...te(e,"dl")}),blockquote:e=>u.createElement(lc,{...te(e,"blockquote")}),table:e=>u.createElement(wc,{...te(e,"table")}),img:e=>u.createElement(hc,{...te(e,"img")}),div:e=>u.createElement(ic,{...te(e,"div")}),span:e=>u.createElement(yc,{...te(e,"span")}),li:e=>u.createElement(gc,{...te(e,"li")}),ul:e=>u.createElement(Ec,{...te(e,"ul")}),ol:e=>u.createElement(mc,{...te(e,"ol")}),p:e=>u.createElement(vc,{...te(e,"p")}),code:e=>u.createElement(Yo,{...te(e,"code")}),tt:e=>u.createElement(xc,{...te(e,"tt")}),resetwrapper:e=>u.createElement(Zo,{...te(e,"resetwrapper")})},E3=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.positiveText)}`:"none"};default:return{}}}),S3=({...e})=>u.createElement(E3,{...e}),C3=0,R3=e=>e.button===C3&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,I3=(e,t)=>{R3(e)&&(e.preventDefault(),t(e))},A3=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),_3=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Gt(.07,e.color.secondary),"svg path:not([fill])":{fill:Gt(.07,e.color.secondary)}},"&:active":{color:Gt(.1,e.color.secondary),"svg path:not([fill])":{fill:Gt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Mt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(_3,{...c,onClick:r&&e?s=>I3(s,r):r,className:l},u.createElement(A3,{withArrow:n,containsIcon:a},t,n&&u.createElement(Do,null))),k3=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Lt=[],rr=null,O3=o.lazy(async()=>{let{SyntaxHighlighter:e}=await zt(()=>import("./syntaxhighlighter-JOJW2KGS-AE7hGsK9.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return Lt.length>0&&(Lt.forEach(t=>{e.registerLanguage(...t)}),Lt=[]),rr===null&&(rr=e),{default:t=>u.createElement(e,{...t})}}),T3=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([zt(()=>import("./syntaxhighlighter-JOJW2KGS-AE7hGsK9.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),zt(()=>import("./formatter-B5HCVTEV-d8AeSYk6.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return Lt.length>0&&(Lt.forEach(r=>{e.registerLanguage(...r)}),Lt=[]),rr===null&&(rr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),Fn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(T3,{...e}):u.createElement(O3,{...e}));Fn.registerLanguage=(...e)=>{if(rr!==null){rr.registerLanguage(...e);return}Lt.push(e)};var M3=e=>typeof e=="number"?e:Number(e),L3=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Fa}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Fa}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),$3=({col:e,row:t,outer:r,children:n,...a})=>{let l=M3(typeof r=="number"||!r?r:e||t);return u.createElement(L3,{col:e,row:t,outer:l,...a},n)},z3=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),B3=A.div(),P3=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),Cc=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(P3,{...t},u.createElement(z3,null,r),n&&u.createElement(B3,null,n))};function H3(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function yi(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function Rc(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=H3(o.useCallback(function(g){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(m){var f=m[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",h=yi(f,v,"inlineSize"),w=yi(f,v,"blockSize"),b=h?n(h):void 0,E=w?n(w):void 0;if(d.current.width!==b||d.current.height!==E){var y={width:b,height:E};d.current.width=b,d.current.height=E,r.current?r.current(y):s.current||c(y)}})}),a.current.instance.observe(g,{box:e.box}),function(){a.current&&a.current.instance.unobserve(g)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var F3=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function j3({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Rc({ref:r,onResize:l}),u.createElement(F3,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var N3=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Ic={Element:j3,IFrame:N3},{document:D3}=Pv,V3=A.strong(({theme:e})=>({color:e.color.orange})),U3=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),wi=A.em(({theme:e})=>({color:e.textMutedColor})),W3=/(Error): (.*)\n/,q3=/at (?:(.*) )?\(?(.+)\)?/,G3=/([^@]+)?(?:\/<)?@(.+)?/,Y3=/([^@]+)?@(.+)?/,Ac=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`};function Uv(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,g=c+p,m=s+p,f=d+p;return n(g,m,f)}var mi={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function qv(e){if(typeof e!="string")return e;var t=e.toLowerCase();return mi[t]?"#"+mi[t]:e}var Gv=/^#[a-fA-F0-9]{6}$/,Yv=/^#[a-fA-F0-9]{8}$/,Kv=/^#[a-fA-F0-9]{3}$/,Xv=/^#[a-fA-F0-9]{4}$/,pa=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,Zv=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,Jv=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,Qv=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Uo(e){if(typeof e!="string")throw new Ze(3);var t=qv(e);if(t.match(Gv))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(Yv)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(Kv))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(Xv)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=pa.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=Zv.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=Jv.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Tr(c,s,d)+")",g=pa.exec(p);if(!g)throw new Ze(4,t,p);return{red:parseInt(""+g[1],10),green:parseInt(""+g[2],10),blue:parseInt(""+g[3],10)}}var m=Qv.exec(t.substring(0,50));if(m){var f=parseInt(""+m[1],10),v=parseInt(""+m[2],10)/100,h=parseInt(""+m[3],10)/100,w="rgb("+Tr(f,v,h)+")",b=pa.exec(w);if(!b)throw new Ze(4,t,w);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new Ze(5)}function e3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?yn(e,t,r):"rgba("+Tr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?yn(e.hue,e.saturation,e.lightness):"rgba("+Tr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ze(2)}function Ya(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Ga("#"+Ct(e)+Ct(t)+Ct(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Ga("#"+Ct(e.red)+Ct(e.green)+Ct(e.blue));throw new Ze(6)}function Wo(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Uo(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?Ya(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Ya(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ze(7)}var o3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},l3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},i3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},s3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function nc(e){if(typeof e!="object")throw new Ze(8);if(l3(e))return Wo(e);if(o3(e))return Ya(e);if(s3(e))return a3(e);if(i3(e))return n3(e);throw new Ze(8)}function ac(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):ac(e,t,n)}}function qo(e){return ac(e,e.length,[])}function Go(e,t,r){return Math.max(e,Math.min(t,r))}function c3(e,t){if(t==="transparent")return t;var r=rc(t);return nc(G({},r,{lightness:Go(0,1,r.lightness-parseFloat(e))}))}var d3=qo(c3),Gt=d3;function u3(e,t){if(t==="transparent")return t;var r=rc(t);return nc(G({},r,{lightness:Go(0,1,r.lightness+parseFloat(e))}))}var p3=qo(u3),bi=p3;function f3(e,t){if(t==="transparent")return t;var r=Uo(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Go(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return Wo(a)}var h3=qo(f3),lt=h3,lr=({theme:e})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),ct=({theme:e})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?lt(.1,e.color.defaultText):lt(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),jt={margin:"16px 0"},g3=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},oc=A(g3)(re,({theme:e})=>({fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}})),lc=A.blockquote(re,jt,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),m3=e=>typeof e=="string",v3=/[\n\r]/g,b3=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),ct),y3=A(Mo)(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Yo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(m3).some(l=>l.match(v3))?u.createElement(y3,{bordered:!0,copyable:!0,language:(n==null?void 0:n[1])??"text",format:!1,...r},t):u.createElement(b3,{...r,className:e},a)},ic=A.div(re),sc=A.dl(re,jt,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}}),cc=A.h1(re,lr,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Ko=A.h2(re,lr,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),Xo=A.h3(re,lr,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),dc=A.h4(re,lr,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),uc=A.h5(re,lr,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),pc=A.h6(re,lr,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),fc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),hc=A.img({maxWidth:"100%"}),gc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":ct({theme:e})})),w3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},mc=A.ol(re,jt,w3,{listStyle:"decimal"}),vc=A.p(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":ct({theme:e})})),bc=A.pre(re,jt,({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}})),yc=A.span(re,({theme:e})=>({"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}})),wc=A.table(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}})),xc=A.title(ct),x3={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},Ec=A.ul(re,jt,x3,{listStyle:"disc"}),Zo=A.div(re),Sc={h1:e=>u.createElement(cc,{...te(e,"h1")}),h2:e=>u.createElement(Ko,{...te(e,"h2")}),h3:e=>u.createElement(Xo,{...te(e,"h3")}),h4:e=>u.createElement(dc,{...te(e,"h4")}),h5:e=>u.createElement(uc,{...te(e,"h5")}),h6:e=>u.createElement(pc,{...te(e,"h6")}),pre:e=>u.createElement(bc,{...te(e,"pre")}),a:e=>u.createElement(oc,{...te(e,"a")}),hr:e=>u.createElement(fc,{...te(e,"hr")}),dl:e=>u.createElement(sc,{...te(e,"dl")}),blockquote:e=>u.createElement(lc,{...te(e,"blockquote")}),table:e=>u.createElement(wc,{...te(e,"table")}),img:e=>u.createElement(hc,{...te(e,"img")}),div:e=>u.createElement(ic,{...te(e,"div")}),span:e=>u.createElement(yc,{...te(e,"span")}),li:e=>u.createElement(gc,{...te(e,"li")}),ul:e=>u.createElement(Ec,{...te(e,"ul")}),ol:e=>u.createElement(mc,{...te(e,"ol")}),p:e=>u.createElement(vc,{...te(e,"p")}),code:e=>u.createElement(Yo,{...te(e,"code")}),tt:e=>u.createElement(xc,{...te(e,"tt")}),resetwrapper:e=>u.createElement(Zo,{...te(e,"resetwrapper")})},E3=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${lt(.9,e.color.positiveText)}`:"none"};default:return{}}}),S3=({...e})=>u.createElement(E3,{...e}),C3=0,R3=e=>e.button===C3&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,I3=(e,t)=>{R3(e)&&(e.preventDefault(),t(e))},A3=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),_3=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Gt(.07,e.color.secondary),"svg path:not([fill])":{fill:Gt(.07,e.color.secondary)}},"&:active":{color:Gt(.1,e.color.secondary),"svg path:not([fill])":{fill:Gt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Mt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(_3,{...c,onClick:r&&e?s=>I3(s,r):r,className:l},u.createElement(A3,{withArrow:n,containsIcon:a},t,n&&u.createElement(Do,null))),k3=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Lt=[],rr=null,O3=o.lazy(async()=>{let{SyntaxHighlighter:e}=await zt(()=>import("./syntaxhighlighter-JOJW2KGS-uWRm-nnh.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return Lt.length>0&&(Lt.forEach(t=>{e.registerLanguage(...t)}),Lt=[]),rr===null&&(rr=e),{default:t=>u.createElement(e,{...t})}}),T3=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([zt(()=>import("./syntaxhighlighter-JOJW2KGS-uWRm-nnh.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),zt(()=>import("./formatter-B5HCVTEV-1Ewrhkog.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return Lt.length>0&&(Lt.forEach(r=>{e.registerLanguage(...r)}),Lt=[]),rr===null&&(rr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),Fn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(T3,{...e}):u.createElement(O3,{...e}));Fn.registerLanguage=(...e)=>{if(rr!==null){rr.registerLanguage(...e);return}Lt.push(e)};var M3=e=>typeof e=="number"?e:Number(e),L3=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Fa}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Fa}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),$3=({col:e,row:t,outer:r,children:n,...a})=>{let l=M3(typeof r=="number"||!r?r:e||t);return u.createElement(L3,{col:e,row:t,outer:l,...a},n)},z3=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),B3=A.div(),P3=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),Cc=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(P3,{...t},u.createElement(z3,null,r),n&&u.createElement(B3,null,n))};function H3(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function yi(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function Rc(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=H3(o.useCallback(function(g){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(m){var f=m[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",h=yi(f,v,"inlineSize"),w=yi(f,v,"blockSize"),b=h?n(h):void 0,E=w?n(w):void 0;if(d.current.width!==b||d.current.height!==E){var y={width:b,height:E};d.current.width=b,d.current.height=E,r.current?r.current(y):s.current||c(y)}})}),a.current.instance.observe(g,{box:e.box}),function(){a.current&&a.current.instance.unobserve(g)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var F3=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function j3({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Rc({ref:r,onResize:l}),u.createElement(F3,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var N3=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Ic={Element:j3,IFrame:N3},{document:D3}=Pv,V3=A.strong(({theme:e})=>({color:e.color.orange})),U3=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),wi=A.em(({theme:e})=>({color:e.textMutedColor})),W3=/(Error): (.*)\n/,q3=/at (?:(.*) )?\(?(.+)\)?/,G3=/([^@]+)?(?:\/<)?@(.+)?/,Y3=/([^@]+)?@(.+)?/,Ac=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let r=t.match(W3);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(q3)||c.match(G3)||c.match(Y3);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(D3.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(V3,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(U3,null,c.name)," (",u.createElement(wi,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(wi,null,c.location),u.createElement("br",null))))},bt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=b0);let g=n,m=r,[f,v]=o.useState(!1),h=w=>{c&&c(w),t!=="none"&&v(!0)};if(o.useEffect(()=>{let w=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(w)},[f]),s.primary&&(g="solid",m="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(g="outline",m="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let w=u.Children.toArray(s.children).filter(b=>typeof b=="string"&&b!=="");tc(`Use of deprecated props in the button ${w.length>0?`"${w.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(K3,{as:p,ref:d,variant:g,size:m,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:h,...s})});bt.displayName="Button";var K3=A("button",{shouldForwardProp:e=>fo(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?lt(.86,e.color.secondary):e.base==="light"?Gt(.02,s):bi(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Gt(.02,s):bi(.03,s)})()},"&:focus":{boxShadow:`${Wo(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),$t=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(bt,{padding:e,variant:t,ref:n,...r}));$t.displayName="IconButton";var X3=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Z3=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),_c=({label:e,children:t,...r})=>u.createElement(X3,{...r},e?u.createElement(Z3,null,u.createElement("span",null,e)):null,t);_c.defaultProps={label:void 0};var J3=o.useLayoutEffect,Q3=J3,e7=function(e){var t=o.useRef(e);return Q3(function(){t.current=e}),t},xi=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},t7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&xi(r.current,null),r.current=t,t&&xi(t,n)},[t])},r7=t7,Ei={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},n7=function(e){Object.keys(Ei).forEach(function(t){e.style.setProperty(t,Ei[t],"important")})},Si=n7,be=null,Ci=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function a7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),be||(be=document.createElement("textarea"),be.setAttribute("tabindex","-1"),be.setAttribute("aria-hidden","true"),Si(be)),be.parentNode===null&&document.body.appendChild(be);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(m){var f=m;be.style[f]=i[f]}),Si(be),be.value=t;var s=Ci(be,e);be.value=t,s=Ci(be,e),be.value="x";var d=be.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var g=d*n;return c==="border-box"&&(g=g+a+l),s=Math.min(g,s),[s,d]}var Ri=function(){},o7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},l7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],i7=!!document.documentElement.currentStyle,s7=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=o7(l7,t),n=r.boxSizing;if(n==="")return null;i7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},c7=s7;function kc(e,t,r){var n=e7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var d7=function(e){kc(window,"resize",e)},u7=function(e){kc(document.fonts,"loadingdone",e)},p7=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],f7=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?Ri:l,c=e.onHeightChange,s=c===void 0?Ri:c,d=Eo(e,p7),p=d.value!==void 0,g=o.useRef(null),m=r7(g,t),f=o.useRef(0),v=o.useRef(),h=function(){var b=g.current,E=r&&v.current?v.current:c7(b);if(E){v.current=E;var y=a7(E,b.value||b.placeholder||"x",a,n),x=y[0],S=y[1];f.current!==x&&(f.current=x,b.style.setProperty("height",x+"px","important"),s(x,{rowHeight:S}))}},w=function(b){p||h(),i(b)};return o.useLayoutEffect(h),d7(h),u7(h),o.createElement("textarea",G({},d,{onChange:w,ref:m}))},h7=o.forwardRef(f7),g7={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Jo=({theme:e})=>({...g7,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Qo=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Oc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},el=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},m7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(Jo,Qo,Oc,el,{minHeight:32}),{displayName:"Input"}),v7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(Jo,Qo,el,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),b7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(h7,{...n,ref:a})}))(Jo,Qo,Oc,el,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Pt=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:_c,Input:m7,Select:v7,Textarea:b7,Button:bt}),y7=o.lazy(()=>zt(()=>import("./WithTooltip-Y7J54OF7-iM_ScIc7.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltip}))),w7=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(y7,{...e})),x7=o.lazy(()=>zt(()=>import("./WithTooltip-Y7J54OF7-iM_ScIc7.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Tc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(x7,{...e})),E7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),S7=A.span(),C7=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),R7=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),I7=A.div({padding:15,width:280,boxSizing:"border-box"}),Mc=({title:e,desc:t,links:r})=>u.createElement(I7,null,u.createElement(R7,null,e&&u.createElement(E7,null,e),t&&u.createElement(S7,null,t)),r&&u.createElement(C7,null,r.map(({title:n,...a})=>u.createElement(Mt,{...a,key:n},n))));Mc.defaultProps={title:null,desc:null,links:null};var A7=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),_7=({note:e,...t})=>u.createElement(A7,{...t},e),k7=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:lt(.7,t.color.defaultText)}:{}),O7=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),T7=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),M7=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),L7=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),$7=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),z7=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Lc=({loading:e,title:t,center:r,right:n,icon:a,active:l,disabled:i,isIndented:c,href:s,onClick:d,LinkWrapper:p,...g})=>{let m=z7(d,s,p),f={active:l,disabled:i};return u.createElement($7,{...f,...g,...m},a&&u.createElement(L7,{...f},a),t||r?u.createElement(T7,{isIndented:!a&&c},t&&u.createElement(k7,{...f,loading:e},t),r&&u.createElement(M7,{...f},r)):null,n&&u.createElement(O7,{...f},n))};Lc.defaultProps={loading:!1,title:u.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var tl=Lc,B7=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),P7=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(g=>{r(g,l)},[r]),p=!!r;return u.createElement(tl,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},rl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.icon);return u.createElement(B7,null,e.map(({isGatsby:n,...a})=>u.createElement(P7,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};rl.defaultProps={LinkWrapper:tl.defaultProps.LinkWrapper};var H7=e=>typeof e.props.href=="string",F7=e=>typeof e.props.href!="string";function j7({children:e,...t},r){let n={props:t,ref:r};if(H7(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(F7(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var $c=o.forwardRef(j7);$c.displayName="ButtonOrLink";var Nr=A($c,{shouldForwardProp:fo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});Nr.displayName="TabButton";var N7=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),D7=A.div(()=>({marginTop:6,padding:7,height:28})),V7=()=>u.createElement(D7,null,u.createElement(N7,null)),Ka=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Ka.displayName="Side";var U7=({children:e,className:t,scrollable:r})=>r?u.createElement(To,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),nl=A(U7)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});nl.displayName="Bar";var W7=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),jn=({children:e,backgroundColor:t,...r})=>{let[n,a]=o.Children.toArray(e);return u.createElement(nl,{...r},u.createElement(W7,{bgColor:t},u.createElement(Ka,{scrollable:r.scrollable,left:!0},n),a?u.createElement(Ka,{right:!0},a):null))};jn.displayName="FlexBar";var zc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ii=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(zc,{active:i,role:"tabpanel"},l)}}),q7=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),G7=A(Nr)(({active:e,theme:t,preActive:r})=>` +${t}`);let r=t.match(W3);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(q3)||c.match(G3)||c.match(Y3);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(D3.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(V3,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(U3,null,c.name)," (",u.createElement(wi,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(wi,null,c.location),u.createElement("br",null))))},bt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=b0);let g=n,m=r,[f,v]=o.useState(!1),h=w=>{c&&c(w),t!=="none"&&v(!0)};if(o.useEffect(()=>{let w=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(w)},[f]),s.primary&&(g="solid",m="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(g="outline",m="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let w=u.Children.toArray(s.children).filter(b=>typeof b=="string"&&b!=="");tc(`Use of deprecated props in the button ${w.length>0?`"${w.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(K3,{as:p,ref:d,variant:g,size:m,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:h,...s})});bt.displayName="Button";var K3=A("button",{shouldForwardProp:e=>fo(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?lt(.86,e.color.secondary):e.base==="light"?Gt(.02,s):bi(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Gt(.02,s):bi(.03,s)})()},"&:focus":{boxShadow:`${Wo(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),$t=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(bt,{padding:e,variant:t,ref:n,...r}));$t.displayName="IconButton";var X3=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Z3=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),_c=({label:e,children:t,...r})=>u.createElement(X3,{...r},e?u.createElement(Z3,null,u.createElement("span",null,e)):null,t);_c.defaultProps={label:void 0};var J3=o.useLayoutEffect,Q3=J3,e7=function(e){var t=o.useRef(e);return Q3(function(){t.current=e}),t},xi=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},t7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&xi(r.current,null),r.current=t,t&&xi(t,n)},[t])},r7=t7,Ei={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},n7=function(e){Object.keys(Ei).forEach(function(t){e.style.setProperty(t,Ei[t],"important")})},Si=n7,be=null,Ci=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function a7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),be||(be=document.createElement("textarea"),be.setAttribute("tabindex","-1"),be.setAttribute("aria-hidden","true"),Si(be)),be.parentNode===null&&document.body.appendChild(be);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(m){var f=m;be.style[f]=i[f]}),Si(be),be.value=t;var s=Ci(be,e);be.value=t,s=Ci(be,e),be.value="x";var d=be.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var g=d*n;return c==="border-box"&&(g=g+a+l),s=Math.min(g,s),[s,d]}var Ri=function(){},o7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},l7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],i7=!!document.documentElement.currentStyle,s7=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=o7(l7,t),n=r.boxSizing;if(n==="")return null;i7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},c7=s7;function kc(e,t,r){var n=e7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var d7=function(e){kc(window,"resize",e)},u7=function(e){kc(document.fonts,"loadingdone",e)},p7=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],f7=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?Ri:l,c=e.onHeightChange,s=c===void 0?Ri:c,d=Eo(e,p7),p=d.value!==void 0,g=o.useRef(null),m=r7(g,t),f=o.useRef(0),v=o.useRef(),h=function(){var b=g.current,E=r&&v.current?v.current:c7(b);if(E){v.current=E;var y=a7(E,b.value||b.placeholder||"x",a,n),x=y[0],S=y[1];f.current!==x&&(f.current=x,b.style.setProperty("height",x+"px","important"),s(x,{rowHeight:S}))}},w=function(b){p||h(),i(b)};return o.useLayoutEffect(h),d7(h),u7(h),o.createElement("textarea",G({},d,{onChange:w,ref:m}))},h7=o.forwardRef(f7),g7={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Jo=({theme:e})=>({...g7,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Qo=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Oc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},el=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},m7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(Jo,Qo,Oc,el,{minHeight:32}),{displayName:"Input"}),v7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(Jo,Qo,el,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),b7=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(h7,{...n,ref:a})}))(Jo,Qo,Oc,el,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Pt=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:_c,Input:m7,Select:v7,Textarea:b7,Button:bt}),y7=o.lazy(()=>zt(()=>import("./WithTooltip-Y7J54OF7-4TIJ4KV9.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltip}))),w7=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(y7,{...e})),x7=o.lazy(()=>zt(()=>import("./WithTooltip-Y7J54OF7-4TIJ4KV9.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Tc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(x7,{...e})),E7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),S7=A.span(),C7=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),R7=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),I7=A.div({padding:15,width:280,boxSizing:"border-box"}),Mc=({title:e,desc:t,links:r})=>u.createElement(I7,null,u.createElement(R7,null,e&&u.createElement(E7,null,e),t&&u.createElement(S7,null,t)),r&&u.createElement(C7,null,r.map(({title:n,...a})=>u.createElement(Mt,{...a,key:n},n))));Mc.defaultProps={title:null,desc:null,links:null};var A7=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),_7=({note:e,...t})=>u.createElement(A7,{...t},e),k7=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:lt(.7,t.color.defaultText)}:{}),O7=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),T7=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),M7=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),L7=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),$7=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),z7=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Lc=({loading:e,title:t,center:r,right:n,icon:a,active:l,disabled:i,isIndented:c,href:s,onClick:d,LinkWrapper:p,...g})=>{let m=z7(d,s,p),f={active:l,disabled:i};return u.createElement($7,{...f,...g,...m},a&&u.createElement(L7,{...f},a),t||r?u.createElement(T7,{isIndented:!a&&c},t&&u.createElement(k7,{...f,loading:e},t),r&&u.createElement(M7,{...f},r)):null,n&&u.createElement(O7,{...f},n))};Lc.defaultProps={loading:!1,title:u.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var tl=Lc,B7=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),P7=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(g=>{r(g,l)},[r]),p=!!r;return u.createElement(tl,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},rl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.icon);return u.createElement(B7,null,e.map(({isGatsby:n,...a})=>u.createElement(P7,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};rl.defaultProps={LinkWrapper:tl.defaultProps.LinkWrapper};var H7=e=>typeof e.props.href=="string",F7=e=>typeof e.props.href!="string";function j7({children:e,...t},r){let n={props:t,ref:r};if(H7(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(F7(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var $c=o.forwardRef(j7);$c.displayName="ButtonOrLink";var Nr=A($c,{shouldForwardProp:fo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});Nr.displayName="TabButton";var N7=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),D7=A.div(()=>({marginTop:6,padding:7,height:28})),V7=()=>u.createElement(D7,null,u.createElement(N7,null)),Ka=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Ka.displayName="Side";var U7=({children:e,className:t,scrollable:r})=>r?u.createElement(To,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),nl=A(U7)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});nl.displayName="Bar";var W7=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),jn=({children:e,backgroundColor:t,...r})=>{let[n,a]=o.Children.toArray(e);return u.createElement(nl,{...r},u.createElement(W7,{bgColor:t},u.createElement(Ka,{scrollable:r.scrollable,left:!0},n),a?u.createElement(Ka,{right:!0},a):null))};jn.displayName="FlexBar";var zc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ii=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(zc,{active:i,role:"tabpanel"},l)}}),q7=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),G7=A(Nr)(({active:e,theme:t,preActive:r})=>` color: ${r||e?t.color.secondary:t.color.mediumdark}; &:hover { color: ${t.color.secondary}; @@ -454,7 +454,7 @@ ${t}`);let r=t.match(W3);if(!r)return u.createElement(o.Fragment,null,t);let[,n, ${We(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${It(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${It(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${ot(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),N1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),yR=A(N1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),wR=A.div({display:"flex",alignItems:"center",width:"100%"});function xR(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var ER=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c})=>{let s=g=>{r(LC(g.target.value))},d=t!==void 0,p=o.useMemo(()=>xR(l),[l]);return u.createElement(wR,null,u.createElement(N1,null,n),u.createElement(bR,{id:Be(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(yR,{numberOFDecimalsPlaces:p,max:a},d?t.toFixed(p):"--"," / ",a))},SR=A.label({display:"flex"}),CR=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),RR=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=g=>{r(g.target.value)},[c,s]=o.useState(!1),d=o.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return u.createElement(bt,{variant:"outline",size:"medium",id:In(e),onClick:d},"Set string");let p=typeof t=="string";return u.createElement(SR,null,u.createElement(Pt.Textarea,{id:Be(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),l&&u.createElement(CR,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},IR=A(Pt.Input)({padding:10});function AR(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var _R=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=o.useRef(null);function l(i){if(!i.target.files)return;let c=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(c),AR(n)}return o.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),u.createElement(IR,{ref:a,id:Be(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},kR=o.lazy(()=>zt(()=>import("./Color-RQJUDNI5-SJVItw_8.js"),__vite__mapDeps([10,2,6,1,3,4,5,7]),import.meta.url)),OR=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(kR,{...e})),TR={array:h0,object:h0,boolean:RC,color:OR,date:TC,number:$C,check:Wt,"inline-check":Wt,radio:Wt,"inline-radio":Wt,select:Wt,"multi-select":Wt,range:ER,text:RR,file:_R},g0=()=>u.createElement(u.Fragment,null,"-"),MR=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var h;let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),g=o.useCallback(()=>c(!1),[]),m=o.useCallback(()=>c(!0),[]);if(!l||l.disabled){let w=(l==null?void 0:l.disabled)!==!0&&((h=e==null?void 0:e.type)==null?void 0:h.name)!=="function";return n&&w?u.createElement(Mt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(g0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:g,onFocus:m},v=TR[l.type]||g0;return u.createElement(v,{...f,...l,controlType:l.type})},LR=A.span({fontWeight:"bold"}),$R=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),zR=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ct({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),BR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),PR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),HR=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),FR=e=>e&&{summary:typeof e=="string"?e:e.name},Qr=e=>{var h;let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},g=p.type||FR(n.type),m=p.defaultValue||n.defaultValue,f=(h=n.type)==null?void 0:h.required,v=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(HR,{expandable:i},u.createElement(LR,null,s),f?u.createElement($R,{title:"Required"},"*"):null),l?null:u.createElement("td",null,v&&u.createElement(zR,null,u.createElement(d1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(PR,{hasDescription:v},u.createElement(_a,{value:g,initialExpandedArgs:c})),u.createElement(pC,{tags:p.jsDocTags})):u.createElement(BR,{hasDescription:v},u.createElement(_a,{value:g,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(_a,{value:m,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(MR,{...e,isHovered:t})):null)},jR=A(Js)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),NR=A(Do)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),DR=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),VR=A.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),UR=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),WR=A.td(()=>({position:"relative"})),qR=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${It(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),m0=A.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Oa=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?UR:VR,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(qR,{title:p},u.createElement(c,{colSpan:1},u.createElement(m0,{onClick:g=>i(!l),tabIndex:0},p),u.createElement(DR,null,l?u.createElement(jR,null):u.createElement(NR,null),t)),u.createElement(WR,{colSpan:a-1},u.createElement(m0,{onClick:g=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},en=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),he=[2,4,2,2],GR=()=>u.createElement(u.Fragment,null,u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),YR=A.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),KR=A.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),XR=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),ZR=A.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),JR=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),QR=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),eI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(YR,{inAddonPanel:e},u.createElement(KR,null,u.createElement(XR,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),u.createElement(ZR,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),u.createElement(JR,null,e&&u.createElement(u.Fragment,null,u.createElement(Mt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Gs,null)," Watch 5m video"),u.createElement(QR,null),u.createElement(Mt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(No,null)," Read docs")),!e&&u.createElement(Mt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(Xs,null)," Learn how to set that up")))},tI=A.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),rI=A($t)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),nI=A.span({display:"flex",justifyContent:"space-between"}),aI={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},oI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=(i==null?void 0:i.table)||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=aI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},lI=(e,t,r)=>{try{return Z1(e,t,r)}catch(n){return zS.warn(n.message),!1}},lo=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:E}=e;return u.createElement(R1,null,E," ",u.createElement(Mt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(No,null)," Read the docs"))}if(c)return u.createElement(GR,null);let{rows:s,args:d,globals:p}="rows"in e&&e,g=oI(Ny(s,E=>{var y;return!((y=E==null?void 0:E.table)!=null&&y.disable)&&lI(E,d||{},p||{})}),i),m=g.ungrouped.length===0,f=Object.entries(g.sections).length===0,v=Object.entries(g.ungroupedSubsections).length===0;if(m&&f&&v)return u.createElement(eI,{inAddonPanel:a});let h=1;t&&(h+=1),n||(h+=2);let w=Object.keys(g.sections).length>0,b={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(Zo,null,u.createElement(tI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(nI,null,"Control"," ",!c&&r&&u.createElement(rI,{onClick:()=>r(),title:"Reset controls"},u.createElement(ec,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},g.ungrouped.map(E=>u.createElement(Qr,{key:E.key,row:E,arg:d&&d[E.key],...b})),Object.entries(g.ungroupedSubsections).map(([E,y])=>u.createElement(Oa,{key:E,label:E,level:"subsection",colSpan:h},y.map(x=>u.createElement(Qr,{key:x.key,row:x,arg:d&&d[x.key],expandable:w,...b})))),Object.entries(g.sections).map(([E,y])=>u.createElement(Oa,{key:E,label:E,level:"section",colSpan:h},y.ungrouped.map(x=>u.createElement(Qr,{key:x.key,row:x,arg:d&&d[x.key],...b})),Object.entries(y.subsections).map(([x,S])=>u.createElement(Oa,{key:x,label:x,level:"subsection",colSpan:h},S.map(C=>u.createElement(Qr,{key:C.key,row:C,arg:d&&d[C.key],expandable:w,...b})))))))))},iI=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(lo,{...r[0][1],...t}):u.createElement(ol,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(lo,{key:`prop_table_${l}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(re,({theme:e})=>({...Yn(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Yn(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Yn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var sI=e=>`anchor--${e}`,D1=({storyId:e,children:t})=>u.createElement("div",{id:sI(e),className:"sb-anchor"},t);_e&&_e.__DOCS_CONTEXT__===void 0&&(_e.__DOCS_CONTEXT__=o.createContext(null),_e.__DOCS_CONTEXT__.displayName="DocsContext");var Re=_e?_e.__DOCS_CONTEXT__:o.createContext(null),Dr=(e,t)=>o.useContext(Re).resolveOf(e,t),cI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),dI=e=>{if(e)return typeof e=="string"?e.includes("-")?cI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function uI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function V1(e){return kS(e,{allowFunction:!1})}var U1=o.createContext({sources:{}}),W1="--unknown--",pI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:g}=typeof l=="string"?{id:l,source:i,format:c}:l,m=d?V1(d):W1;n(f=>({...f,[s]:{...f[s],[m]:{code:p,format:g}}}))};return t.on(_l,a),()=>t.off(_l,a)},[]),u.createElement(U1.Provider,{value:{sources:r}},e)},fI=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[V1(t)])||(a==null?void 0:a[W1])||{code:""}},hI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||Qn.AUTO;if(l.code!==void 0)return l.code;let c=i===Qn.DYNAMIC||i===Qn.AUTO&&e&&a?e:l.originalSource||"";return((d=n??l.transform)==null?void 0:d(c,t))||c},gI=(e,t,r)=>{var f,v,h,w;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let l=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),g=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=fI(n.id,g,r);return c=m.format??((w=(h=n.parameters.docs)==null?void 0:h.source)==null?void 0:w.format)??!1,{code:hI({snippet:m.code,storyContext:{...p,args:g},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function mI(e,t){let r=vI([e],t);return r&&r[0]}function vI(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var bI=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},yI=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},wI=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext(Re),r=bI(e,t),n=mI(r,t);if(!n)return u.createElement(A1,null);let a=yI(e,n,t);return a?u.createElement(aC,{...a}):null},xI=e=>{var m,f,v,h,w,b,E,y,x,S;let t=o.useContext(Re),r=o.useContext(U1),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:l}=Dr(n||"story",["story"]),i=gI({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??((f=(m=l.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((h=(v=l.parameters.docs)==null?void 0:v.canvas)==null?void 0:h.withToolbar)??!1,d=e.additionalActions??((b=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:b.additionalActions),p=e.sourceState??((y=(E=l.parameters.docs)==null?void 0:E.canvas)==null?void 0:y.sourceState)??"hidden",g=e.className??((S=(x=l.parameters.docs)==null?void 0:x.canvas)==null?void 0:S.className);return u.createElement(_1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:g,layout:c},u.createElement(wI,{of:n||l.moduleExport,meta:e.meta,...e.story}))},EI=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(a0,l),()=>t.channel.off(a0,l)},[t.channel]),[n]},SI=(e,t)=>{let r=CI(e,t);if(!r)throw new Error("No result when story was defined");return r},CI=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(o0,s),()=>t.channel.off(o0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(BS,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(PS,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function RI(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var II=e=>{var x;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=o.useContext(Re),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=((x=a.docs)==null?void 0:x.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,g=e.sort??s.sort,[m,f,v]=SI(n,r),[h]=EI(n,r),w=n0(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(w).length>0||Object.keys(m).length>0?u.createElement(lo,{rows:w,sort:g,args:m,globals:h,updateArgs:f,resetArgs:v}):null;let b=dI(i),E=Object.fromEntries(Object.entries(c).map(([S,C])=>[S,{rows:n0(RI(C,a),d,p),sort:g}])),y={[b]:{rows:w,sort:g},...E};return u.createElement(iI,{tabs:y,sort:g,args:m,globals:h,updateArgs:f,resetArgs:v})},{document:q1}=_e,AI=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Yo,null,t);let n=e&&e.split("-");return u.createElement(vl,{language:n&&n[1]||"text",format:!1,code:t,...r})};function xl(e,t){e.channel.emit(HS,t)}var io=Hc.a,_I=({hash:e,children:t})=>{let r=o.useContext(Re);return u.createElement(io,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);q1.getElementById(a)&&xl(r,e)}},t)},kI=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext(Re);if(t){if(t.startsWith("#"))return u.createElement(_I,{hash:t},n);if(r!=="_blank"&&!t.startsWith("https://"))return u.createElement(io,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),xl(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)}return u.createElement(io,{...e})},G1=["h1","h2","h3","h4","h5","h6"],OI=G1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),TI=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),MI=({as:e,id:t,children:r,...n})=>{let a=o.useContext(Re),l=OI[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(TI,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{q1.getElementById(t)&&xl(a,i)}},u.createElement(Zs,null)),r)},El=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(MI,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},LI=G1.reduce((e,t)=>({...e,[t]:r=>u.createElement(El,{as:t,...r})}),{}),$I=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(yd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${It(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${ot(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),N1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),yR=A(N1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),wR=A.div({display:"flex",alignItems:"center",width:"100%"});function xR(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var ER=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c})=>{let s=g=>{r(LC(g.target.value))},d=t!==void 0,p=o.useMemo(()=>xR(l),[l]);return u.createElement(wR,null,u.createElement(N1,null,n),u.createElement(bR,{id:Be(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(yR,{numberOFDecimalsPlaces:p,max:a},d?t.toFixed(p):"--"," / ",a))},SR=A.label({display:"flex"}),CR=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),RR=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=g=>{r(g.target.value)},[c,s]=o.useState(!1),d=o.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return u.createElement(bt,{variant:"outline",size:"medium",id:In(e),onClick:d},"Set string");let p=typeof t=="string";return u.createElement(SR,null,u.createElement(Pt.Textarea,{id:Be(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),l&&u.createElement(CR,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},IR=A(Pt.Input)({padding:10});function AR(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var _R=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=o.useRef(null);function l(i){if(!i.target.files)return;let c=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(c),AR(n)}return o.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),u.createElement(IR,{ref:a,id:Be(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},kR=o.lazy(()=>zt(()=>import("./Color-RQJUDNI5-oBxXYtcq.js"),__vite__mapDeps([10,2,6,1,3,4,5,7]),import.meta.url)),OR=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(kR,{...e})),TR={array:h0,object:h0,boolean:RC,color:OR,date:TC,number:$C,check:Wt,"inline-check":Wt,radio:Wt,"inline-radio":Wt,select:Wt,"multi-select":Wt,range:ER,text:RR,file:_R},g0=()=>u.createElement(u.Fragment,null,"-"),MR=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var h;let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),g=o.useCallback(()=>c(!1),[]),m=o.useCallback(()=>c(!0),[]);if(!l||l.disabled){let w=(l==null?void 0:l.disabled)!==!0&&((h=e==null?void 0:e.type)==null?void 0:h.name)!=="function";return n&&w?u.createElement(Mt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(g0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:g,onFocus:m},v=TR[l.type]||g0;return u.createElement(v,{...f,...l,controlType:l.type})},LR=A.span({fontWeight:"bold"}),$R=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),zR=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ct({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),BR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),PR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),HR=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),FR=e=>e&&{summary:typeof e=="string"?e:e.name},Qr=e=>{var h;let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},g=p.type||FR(n.type),m=p.defaultValue||n.defaultValue,f=(h=n.type)==null?void 0:h.required,v=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(HR,{expandable:i},u.createElement(LR,null,s),f?u.createElement($R,{title:"Required"},"*"):null),l?null:u.createElement("td",null,v&&u.createElement(zR,null,u.createElement(d1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(PR,{hasDescription:v},u.createElement(_a,{value:g,initialExpandedArgs:c})),u.createElement(pC,{tags:p.jsDocTags})):u.createElement(BR,{hasDescription:v},u.createElement(_a,{value:g,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(_a,{value:m,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(MR,{...e,isHovered:t})):null)},jR=A(Js)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),NR=A(Do)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),DR=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),VR=A.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),UR=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),WR=A.td(()=>({position:"relative"})),qR=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${It(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),m0=A.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Oa=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?UR:VR,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(qR,{title:p},u.createElement(c,{colSpan:1},u.createElement(m0,{onClick:g=>i(!l),tabIndex:0},p),u.createElement(DR,null,l?u.createElement(jR,null):u.createElement(NR,null),t)),u.createElement(WR,{colSpan:a-1},u.createElement(m0,{onClick:g=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},en=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),he=[2,4,2,2],GR=()=>u.createElement(u.Fragment,null,u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(en,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),YR=A.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),KR=A.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),XR=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),ZR=A.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),JR=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),QR=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),eI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(YR,{inAddonPanel:e},u.createElement(KR,null,u.createElement(XR,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),u.createElement(ZR,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.")),u.createElement(JR,null,e&&u.createElement(u.Fragment,null,u.createElement(Mt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Gs,null)," Watch 5m video"),u.createElement(QR,null),u.createElement(Mt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(No,null)," Read docs")),!e&&u.createElement(Mt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(Xs,null)," Learn how to set that up")))},tI=A.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),rI=A($t)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),nI=A.span({display:"flex",justifyContent:"space-between"}),aI={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},oI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=(i==null?void 0:i.table)||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=aI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},lI=(e,t,r)=>{try{return Z1(e,t,r)}catch(n){return zS.warn(n.message),!1}},lo=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:E}=e;return u.createElement(R1,null,E," ",u.createElement(Mt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(No,null)," Read the docs"))}if(c)return u.createElement(GR,null);let{rows:s,args:d,globals:p}="rows"in e&&e,g=oI(Ny(s,E=>{var y;return!((y=E==null?void 0:E.table)!=null&&y.disable)&&lI(E,d||{},p||{})}),i),m=g.ungrouped.length===0,f=Object.entries(g.sections).length===0,v=Object.entries(g.ungroupedSubsections).length===0;if(m&&f&&v)return u.createElement(eI,{inAddonPanel:a});let h=1;t&&(h+=1),n||(h+=2);let w=Object.keys(g.sections).length>0,b={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(Zo,null,u.createElement(tI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(nI,null,"Control"," ",!c&&r&&u.createElement(rI,{onClick:()=>r(),title:"Reset controls"},u.createElement(ec,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},g.ungrouped.map(E=>u.createElement(Qr,{key:E.key,row:E,arg:d&&d[E.key],...b})),Object.entries(g.ungroupedSubsections).map(([E,y])=>u.createElement(Oa,{key:E,label:E,level:"subsection",colSpan:h},y.map(x=>u.createElement(Qr,{key:x.key,row:x,arg:d&&d[x.key],expandable:w,...b})))),Object.entries(g.sections).map(([E,y])=>u.createElement(Oa,{key:E,label:E,level:"section",colSpan:h},y.ungrouped.map(x=>u.createElement(Qr,{key:x.key,row:x,arg:d&&d[x.key],...b})),Object.entries(y.subsections).map(([x,S])=>u.createElement(Oa,{key:x,label:x,level:"subsection",colSpan:h},S.map(C=>u.createElement(Qr,{key:C.key,row:C,arg:d&&d[C.key],expandable:w,...b})))))))))},iI=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(lo,{...r[0][1],...t}):u.createElement(ol,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(lo,{key:`prop_table_${l}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(re,({theme:e})=>({...Yn(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Yn(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Yn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var sI=e=>`anchor--${e}`,D1=({storyId:e,children:t})=>u.createElement("div",{id:sI(e),className:"sb-anchor"},t);_e&&_e.__DOCS_CONTEXT__===void 0&&(_e.__DOCS_CONTEXT__=o.createContext(null),_e.__DOCS_CONTEXT__.displayName="DocsContext");var Re=_e?_e.__DOCS_CONTEXT__:o.createContext(null),Dr=(e,t)=>o.useContext(Re).resolveOf(e,t),cI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),dI=e=>{if(e)return typeof e=="string"?e.includes("-")?cI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function uI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function V1(e){return kS(e,{allowFunction:!1})}var U1=o.createContext({sources:{}}),W1="--unknown--",pI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:g}=typeof l=="string"?{id:l,source:i,format:c}:l,m=d?V1(d):W1;n(f=>({...f,[s]:{...f[s],[m]:{code:p,format:g}}}))};return t.on(_l,a),()=>t.off(_l,a)},[]),u.createElement(U1.Provider,{value:{sources:r}},e)},fI=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[V1(t)])||(a==null?void 0:a[W1])||{code:""}},hI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||Qn.AUTO;if(l.code!==void 0)return l.code;let c=i===Qn.DYNAMIC||i===Qn.AUTO&&e&&a?e:l.originalSource||"";return((d=n??l.transform)==null?void 0:d(c,t))||c},gI=(e,t,r)=>{var f,v,h,w;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let l=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),g=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=fI(n.id,g,r);return c=m.format??((w=(h=n.parameters.docs)==null?void 0:h.source)==null?void 0:w.format)??!1,{code:hI({snippet:m.code,storyContext:{...p,args:g},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function mI(e,t){let r=vI([e],t);return r&&r[0]}function vI(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var bI=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},yI=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},wI=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext(Re),r=bI(e,t),n=mI(r,t);if(!n)return u.createElement(A1,null);let a=yI(e,n,t);return a?u.createElement(aC,{...a}):null},xI=e=>{var m,f,v,h,w,b,E,y,x,S;let t=o.useContext(Re),r=o.useContext(U1),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:l}=Dr(n||"story",["story"]),i=gI({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??((f=(m=l.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((h=(v=l.parameters.docs)==null?void 0:v.canvas)==null?void 0:h.withToolbar)??!1,d=e.additionalActions??((b=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:b.additionalActions),p=e.sourceState??((y=(E=l.parameters.docs)==null?void 0:E.canvas)==null?void 0:y.sourceState)??"hidden",g=e.className??((S=(x=l.parameters.docs)==null?void 0:x.canvas)==null?void 0:S.className);return u.createElement(_1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:g,layout:c},u.createElement(wI,{of:n||l.moduleExport,meta:e.meta,...e.story}))},EI=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(a0,l),()=>t.channel.off(a0,l)},[t.channel]),[n]},SI=(e,t)=>{let r=CI(e,t);if(!r)throw new Error("No result when story was defined");return r},CI=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(o0,s),()=>t.channel.off(o0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(BS,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(PS,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function RI(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var II=e=>{var x;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=o.useContext(Re),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=((x=a.docs)==null?void 0:x.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,g=e.sort??s.sort,[m,f,v]=SI(n,r),[h]=EI(n,r),w=n0(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(w).length>0||Object.keys(m).length>0?u.createElement(lo,{rows:w,sort:g,args:m,globals:h,updateArgs:f,resetArgs:v}):null;let b=dI(i),E=Object.fromEntries(Object.entries(c).map(([S,C])=>[S,{rows:n0(RI(C,a),d,p),sort:g}])),y={[b]:{rows:w,sort:g},...E};return u.createElement(iI,{tabs:y,sort:g,args:m,globals:h,updateArgs:f,resetArgs:v})},{document:q1}=_e,AI=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Yo,null,t);let n=e&&e.split("-");return u.createElement(vl,{language:n&&n[1]||"text",format:!1,code:t,...r})};function xl(e,t){e.channel.emit(HS,t)}var io=Hc.a,_I=({hash:e,children:t})=>{let r=o.useContext(Re);return u.createElement(io,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);q1.getElementById(a)&&xl(r,e)}},t)},kI=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext(Re);if(t){if(t.startsWith("#"))return u.createElement(_I,{hash:t},n);if(r!=="_blank"&&!t.startsWith("https://"))return u.createElement(io,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),xl(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)}return u.createElement(io,{...e})},G1=["h1","h2","h3","h4","h5","h6"],OI=G1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),TI=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),MI=({as:e,id:t,children:r,...n})=>{let a=o.useContext(Re),l=OI[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(TI,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{q1.getElementById(t)&&xl(a,i)}},u.createElement(Zs,null)),r)},El=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(MI,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},LI=G1.reduce((e,t)=>({...e,[t]:r=>u.createElement(El,{as:t,...r})}),{}),$I=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(yd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' This is often caused by not wrapping the child in a template string. This is invalid: @@ -473,7 +473,7 @@ ${t}`);let r=t.match(W3);if(!r)return u.createElement(o.Fragment,null,t);let[,n, `);return u.createElement(d1,{...e,options:{forceBlock:!0,overrides:{code:AI,a:kI,...LI,...(t=e==null?void 0:e.options)==null?void 0:t.overrides},...e==null?void 0:e.options}})},zI=(e=>(e.INFO="info",e.NOTES="notes",e.DOCGEN="docgen",e.AUTO="auto",e))(zI||{}),BI=e=>{var t,r,n,a,l,i,c,s;switch(e.type){case"story":return((r=(t=e.story.parameters.docs)==null?void 0:t.description)==null?void 0:r.story)||null;case"meta":{let{parameters:d,component:p}=e.preparedMeta;return((a=(n=d.docs)==null?void 0:n.description)==null?void 0:a.component)||((i=(l=d.docs)==null?void 0:l.extractComponentDescription)==null?void 0:i.call(l,p,{component:p,parameters:d}))||null}case"component":{let{component:d,projectAnnotations:{parameters:p}}=e;return((s=(c=p.docs)==null?void 0:c.extractComponentDescription)==null?void 0:s.call(c,d,{component:d,parameters:p}))||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${e.type}`)}},so=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=Dr(t||"meta"),n=BI(r);return n?u.createElement($I,null,n):null},PI=A.div(({theme:e})=>({width:"10rem","@media (max-width: 768px)":{display:"none"}})),HI=A.div(({theme:e})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${e.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${e.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .toc-list-item.is-active-li::before":{opacity:1},"& .toc-list-item > a":{color:e.color.defaultText,textDecoration:"none"},"& .toc-list-item.is-active-li > a":{fontWeight:600,color:e.color.secondary,textDecoration:"none"}})),FI=A.p(({theme:e})=>({fontWeight:600,fontSize:"0.875em",color:e.textColor,textTransform:"uppercase",marginBottom:10})),jI=({title:e})=>e===null?null:typeof e=="string"?u.createElement(FI,null,e):e,NI=({title:e,disable:t,headingSelector:r,contentsSelector:n,ignoreSelector:a,unsafeTocbotOptions:l})=>(o.useEffect(()=>{let i={tocSelector:".toc-wrapper",contentSelector:n??".sbdocs-content",headingSelector:r??"h3",ignoreSelector:a??".docs-story *, .skip-toc",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...l},c=setTimeout(()=>r0.init(i),100);return()=>{clearTimeout(c),r0.destroy()}},[t]),u.createElement(u.Fragment,null,u.createElement(PI,null,t?null:u.createElement(HI,null,u.createElement(jI,{title:e||null}),u.createElement("div",{className:"toc-wrapper"}))))),{document:DI,window:VI}=_e,UI=({context:e,theme:t,children:r})=>{var a,l,i,c,s;let n;try{n=(l=(a=e.resolveOf("meta",["meta"]).preparedMeta.parameters)==null?void 0:a.docs)==null?void 0:l.toc}catch{n=(s=(c=(i=e==null?void 0:e.projectAnnotations)==null?void 0:i.parameters)==null?void 0:c.docs)==null?void 0:s.toc}return o.useEffect(()=>{let d;try{if(d=new URL(VI.parent.location.toString()),d.hash){let p=DI.getElementById(d.hash.substring(1));p&&setTimeout(()=>{uI(p)},200)}}catch{}}),u.createElement(Re.Provider,{value:e},u.createElement(pI,{channel:e.channel},u.createElement(J0,{theme:Up(t)},u.createElement(GS,{toc:n?u.createElement(NI,{className:"sbdocs sbdocs-toc--custom",...n}):null},r))))},WI=/\s*\/\s*/,qI=e=>{let t=e.trim().split(WI);return t&&t[t.length-1]||e},GI=({children:e})=>{let t=o.useContext(Re),r=e||qI(t.storyById().title);return r?u.createElement(VS,{className:"sbdocs-title sb-unstyled"},r):null},YI=({children:e})=>{var n;let t=o.useContext(Re),r=e||((n=t.storyById().parameters)==null?void 0:n.componentSubtitle);return r?u.createElement(US,{className:"sbdocs-subtitle sb-unstyled"},r):null},KI=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return u.createElement(Xo,null,e);let r=globalThis.encodeURIComponent(e.toLowerCase());return u.createElement(El,{as:"h3",id:r},e)},Y1=({of:e,expanded:t=!0,withToolbar:r=!1,__forceInitialArgs:n=!1,__primary:a=!1})=>{var c,s;let{story:l}=Dr(e||"story",["story"]),i=((s=(c=l.parameters.docs)==null?void 0:c.canvas)==null?void 0:s.withToolbar)??r;return u.createElement(D1,{storyId:l.id},t&&u.createElement(u.Fragment,null,u.createElement(KI,null,l.name),u.createElement(so,{of:e})),u.createElement(xI,{of:e,withToolbar:i,story:{__forceInitialArgs:n,__primary:a},source:{__forceInitialArgs:n}}))},XI=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{csfFile:r}=Dr(t||"meta",["meta"]),n=o.useContext(Re).componentStoriesFromCSFFile(r)[0];return n?u.createElement(Y1,{of:n.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},ZI=({children:e,disableAnchor:t,...r})=>{if(t||typeof e!="string")return u.createElement(Ko,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return u.createElement(El,{as:"h2",id:n,...r},e)},JI=A(ZI)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,fontWeight:e.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:e.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),QI=({title:e="Stories",includePrimary:t=!0})=>{var c;let{componentStories:r,projectAnnotations:n,getStoryContext:a}=o.useContext(Re),l=r(),{stories:{filter:i}={filter:void 0}}=((c=n.parameters)==null?void 0:c.docs)||{};return i&&(l=l.filter(s=>i(s,a(s)))),t||(l=l.slice(1)),!l||l.length===0?null:u.createElement(u.Fragment,null,u.createElement(JI,null,e),l.map(s=>s&&u.createElement(Y1,{key:s.id,of:s.moduleExport,expanded:!0,__forceInitialArgs:!0})))},eA=()=>{let e=Dr("meta",["meta"]),{stories:t}=e.csfFile,r=Object.keys(t).length===1;return u.createElement(u.Fragment,null,u.createElement(GI,null),u.createElement(YI,null),u.createElement(so,{of:"meta"}),r?u.createElement(so,{of:"story"}):null,u.createElement(XI,null),u.createElement(II,null),r?null:u.createElement(QI,null))};function fA({context:e,docsParameter:t}){let r=t.container||UI,n=t.page||eA;return u.createElement(r,{context:e,theme:t.theme},u.createElement(n,null))}var hA=({of:e})=>{let t=o.useContext(Re);e&&t.referenceMeta(e,!0);try{let r=t.storyById();return u.createElement(D1,{storyId:r.id})}catch{return null}};export{kI as A,AI as C,fA as D,Pt as F,LI as H,hA as M,Mo as S,_7 as T,zg as W,lh as a,js as b,As as c,w7 as d,Rm as e,Be as g,Ht as m,A as n,cA as s}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-JOJW2KGS-AE7hGsK9.js","./iframe-tq1wxn00.js","./index-OjgoNOWw.js","./index-mQqIOHEI.js","./index-jKYK_Gmc.js","./index-ZKB_KljB.js","./index-XkRcYS9h.js","./index-PPLHz8o0.js","./formatter-B5HCVTEV-d8AeSYk6.js","./WithTooltip-Y7J54OF7-iM_ScIc7.js","./Color-RQJUDNI5-SJVItw_8.js"] + __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-JOJW2KGS-uWRm-nnh.js","./iframe-y0lbn9y8.js","./index-OjgoNOWw.js","./index-mQqIOHEI.js","./index-jKYK_Gmc.js","./index-ZKB_KljB.js","./index-XkRcYS9h.js","./index-PPLHz8o0.js","./formatter-B5HCVTEV-1Ewrhkog.js","./WithTooltip-Y7J54OF7-4TIJ4KV9.js","./Color-RQJUDNI5-oBxXYtcq.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } \ No newline at end of file diff --git a/assets/index-D3KhmrnL.js b/assets/index-D3KhmrnL.js new file mode 100644 index 0000000..c5a6a3f --- /dev/null +++ b/assets/index-D3KhmrnL.js @@ -0,0 +1 @@ +import{r as s}from"./index-OjgoNOWw.js";import{c as l}from"./index-ttJ0zls6.js";function P(e,o,{checkForDefaultPrevented:n=!0}={}){return function(t){if(e==null||e(t),n===!1||!t.defaultPrevented)return o==null?void 0:o(t)}}function C({prop:e,defaultProp:o,onChange:n=()=>{}}){const[c,t]=i({defaultProp:o,onChange:n}),f=e!==void 0,d=f?e:c,u=l(n),$=s.useCallback(r=>{if(f){const a=typeof r=="function"?r(e):r;a!==e&&u(a)}else t(r)},[f,e,t,u]);return[d,$]}function i({defaultProp:e,onChange:o}){const n=s.useState(e),[c]=n,t=s.useRef(c),f=l(o);return s.useEffect(()=>{t.current!==c&&(f(c),t.current=c)},[c,t,f]),n}export{P as $,C as a}; diff --git a/assets/index-ExZ6hFA2.js b/assets/index-ExZ6hFA2.js new file mode 100644 index 0000000..cd26c3a --- /dev/null +++ b/assets/index-ExZ6hFA2.js @@ -0,0 +1 @@ +import{$ as A,_ as l,a as p}from"./index-ttJ0zls6.js";import{r as t}from"./index-OjgoNOWw.js";import{$,a as I}from"./index-D3KhmrnL.js";import{$ as M,a as D}from"./index-jKYK_Gmc.js";import{$ as _}from"./index-juKxXFC6.js";import{$ as F}from"./index-f0vHx2GX.js";import{$ as w,h as T,a as y,b as N}from"./index-vwyHrCN8.js";import{$ as k}from"./index-pT7Q2Giz.js";import{$ as x}from"./index-WvU1OYyU.js";const v="Dialog",[R,le]=A(v),[L,i]=R(v),S=e=>{const{__scopeDialog:a,children:n,open:r,defaultOpen:c,onOpenChange:o,modal:s=!0}=e,d=t.useRef(null),f=t.useRef(null),[b=!1,g]=I({prop:r,defaultProp:c,onChange:o});return t.createElement(L,{scope:a,triggerRef:d,contentRef:f,contentId:_(),titleId:_(),descriptionId:_(),open:b,onOpenChange:g,onOpenToggle:t.useCallback(()=>g(h=>!h),[g]),modal:s},n)},G="DialogTrigger",K=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(G,n),o=D(a,c.triggerRef);return t.createElement(p.button,l({type:"button","aria-haspopup":"dialog","aria-expanded":c.open,"aria-controls":c.contentId,"data-state":E(c.open)},r,{ref:o,onClick:$(e.onClick,c.onOpenToggle)}))}),C="DialogPortal",[U,O]=R(C,{forceMount:void 0}),V=e=>{const{__scopeDialog:a,forceMount:n,children:r,container:c}=e,o=i(C,a);return t.createElement(U,{scope:a,forceMount:n},t.Children.map(r,s=>t.createElement(x,{present:n||o.open},t.createElement(k,{asChild:!0,container:c},s))))},m="DialogOverlay",Y=t.forwardRef((e,a)=>{const n=O(m,e.__scopeDialog),{forceMount:r=n.forceMount,...c}=e,o=i(m,e.__scopeDialog);return o.modal?t.createElement(x,{present:r||o.open},t.createElement(Z,l({},c,{ref:a}))):null}),Z=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(m,n);return t.createElement(w,{as:M,allowPinchZoom:!0,shards:[c.contentRef]},t.createElement(p.div,l({"data-state":E(c.open)},r,{ref:a,style:{pointerEvents:"auto",...r.style}})))}),u="DialogContent",j=t.forwardRef((e,a)=>{const n=O(u,e.__scopeDialog),{forceMount:r=n.forceMount,...c}=e,o=i(u,e.__scopeDialog);return t.createElement(x,{present:r||o.open},o.modal?t.createElement(q,l({},c,{ref:a})):t.createElement(z,l({},c,{ref:a})))}),q=t.forwardRef((e,a)=>{const n=i(u,e.__scopeDialog),r=t.useRef(null),c=D(a,n.contentRef,r);return t.useEffect(()=>{const o=r.current;if(o)return T(o)},[]),t.createElement(P,l({},e,{ref:c,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:$(e.onCloseAutoFocus,o=>{var s;o.preventDefault(),(s=n.triggerRef.current)===null||s===void 0||s.focus()}),onPointerDownOutside:$(e.onPointerDownOutside,o=>{const s=o.detail.originalEvent,d=s.button===0&&s.ctrlKey===!0;(s.button===2||d)&&o.preventDefault()}),onFocusOutside:$(e.onFocusOutside,o=>o.preventDefault())}))}),z=t.forwardRef((e,a)=>{const n=i(u,e.__scopeDialog),r=t.useRef(!1),c=t.useRef(!1);return t.createElement(P,l({},e,{ref:a,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var s;if((s=e.onCloseAutoFocus)===null||s===void 0||s.call(e,o),!o.defaultPrevented){var d;r.current||(d=n.triggerRef.current)===null||d===void 0||d.focus(),o.preventDefault()}r.current=!1,c.current=!1},onInteractOutside:o=>{var s,d;(s=e.onInteractOutside)===null||s===void 0||s.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(c.current=!0));const f=o.target;((d=n.triggerRef.current)===null||d===void 0?void 0:d.contains(f))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&c.current&&o.preventDefault()}}))}),P=t.forwardRef((e,a)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:c,onCloseAutoFocus:o,...s}=e,d=i(u,n),f=t.useRef(null),b=D(a,f);return y(),t.createElement(t.Fragment,null,t.createElement(N,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:c,onUnmountAutoFocus:o},t.createElement(F,l({role:"dialog",id:d.contentId,"aria-describedby":d.descriptionId,"aria-labelledby":d.titleId,"data-state":E(d.open)},s,{ref:b,onDismiss:()=>d.onOpenChange(!1)}))),!1)}),B="DialogTitle",H=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(B,n);return t.createElement(p.h2,l({id:c.titleId},r,{ref:a}))}),J="DialogDescription",Q=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(J,n);return t.createElement(p.p,l({id:c.descriptionId},r,{ref:a}))}),W="DialogClose",X=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(W,n);return t.createElement(p.button,l({type:"button"},r,{ref:a,onClick:$(e.onClick,()=>c.onOpenChange(!1))}))});function E(e){return e?"open":"closed"}const ie=S,fe=K,$e=V,ue=Y,pe=j,be=H,ge=Q,_e=X;export{ue as $,pe as a,be as b,ge as c,ie as d,fe as e,$e as f,_e as g}; diff --git a/assets/index-I6TYmOY2.js b/assets/index-I6TYmOY2.js new file mode 100644 index 0000000..a7d272c --- /dev/null +++ b/assets/index-I6TYmOY2.js @@ -0,0 +1 @@ +import{$ as k,_ as S,c as K,a as D}from"./index-ttJ0zls6.js";import{r as t}from"./index-OjgoNOWw.js";import{a as B,$}from"./index-D3KhmrnL.js";import{$ as Y}from"./index-kNhmewn5.js";import{a as V}from"./index-jKYK_Gmc.js";import{$ as z}from"./index-juKxXFC6.js";import{$ as H}from"./index-vNCMozV_.js";const x="rovingFocusGroup.onEntryFocus",j={bubbles:!1,cancelable:!0},_="RovingFocusGroup",[C,P,q]=Y(_),[J,le]=k(_,[q]),[Q,W]=J(_),X=t.forwardRef((e,o)=>t.createElement(C.Provider,{scope:e.__scopeRovingFocusGroup},t.createElement(C.Slot,{scope:e.__scopeRovingFocusGroup},t.createElement(Z,S({},e,{ref:o}))))),Z=t.forwardRef((e,o)=>{const{__scopeRovingFocusGroup:c,orientation:r,loop:v=!1,dir:I,currentTabStopId:F,defaultCurrentTabStopId:g,onCurrentTabStopIdChange:i,onEntryFocus:a,...E}=e,l=t.useRef(null),p=V(o,l),m=H(I),[f=null,u]=B({prop:F,defaultProp:g,onChange:i}),[R,s]=t.useState(!1),d=K(a),y=P(c),T=t.useRef(!1),[O,A]=t.useState(0);return t.useEffect(()=>{const n=l.current;if(n)return n.addEventListener(x,d),()=>n.removeEventListener(x,d)},[d]),t.createElement(Q,{scope:c,orientation:r,dir:m,loop:v,currentTabStopId:f,onItemFocus:t.useCallback(n=>u(n),[u]),onItemShiftTab:t.useCallback(()=>s(!0),[]),onFocusableItemAdd:t.useCallback(()=>A(n=>n+1),[]),onFocusableItemRemove:t.useCallback(()=>A(n=>n-1),[])},t.createElement(D.div,S({tabIndex:R||O===0?-1:0,"data-orientation":r},E,{ref:p,style:{outline:"none",...e.style},onMouseDown:$(e.onMouseDown,()=>{T.current=!0}),onFocus:$(e.onFocus,n=>{const N=!T.current;if(n.target===n.currentTarget&&N&&!R){const h=new CustomEvent(x,j);if(n.currentTarget.dispatchEvent(h),!h.defaultPrevented){const w=y().filter(b=>b.focusable),M=w.find(b=>b.active),L=w.find(b=>b.id===f),U=[M,L,...w].filter(Boolean).map(b=>b.ref.current);G(U)}}T.current=!1}),onBlur:$(e.onBlur,()=>s(!1))})))}),ee="RovingFocusGroupItem",te=t.forwardRef((e,o)=>{const{__scopeRovingFocusGroup:c,focusable:r=!0,active:v=!1,tabStopId:I,...F}=e,g=z(),i=I||g,a=W(ee,c),E=a.currentTabStopId===i,l=P(c),{onFocusableItemAdd:p,onFocusableItemRemove:m}=a;return t.useEffect(()=>{if(r)return p(),()=>m()},[r,p,m]),t.createElement(C.ItemSlot,{scope:c,id:i,focusable:r,active:v},t.createElement(D.span,S({tabIndex:E?0:-1,"data-orientation":a.orientation},F,{ref:o,onMouseDown:$(e.onMouseDown,f=>{r?a.onItemFocus(i):f.preventDefault()}),onFocus:$(e.onFocus,()=>a.onItemFocus(i)),onKeyDown:$(e.onKeyDown,f=>{if(f.key==="Tab"&&f.shiftKey){a.onItemShiftTab();return}if(f.target!==f.currentTarget)return;const u=ne(f,a.orientation,a.dir);if(u!==void 0){f.preventDefault();let s=l().filter(d=>d.focusable).map(d=>d.ref.current);if(u==="last")s.reverse();else if(u==="prev"||u==="next"){u==="prev"&&s.reverse();const d=s.indexOf(f.currentTarget);s=a.loop?ce(s,d+1):s.slice(d+1)}setTimeout(()=>G(s))}})})))}),oe={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function re(e,o){return o!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function ne(e,o,c){const r=re(e.key,c);if(!(o==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(o==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return oe[r]}function G(e){const o=document.activeElement;for(const c of e)if(c===o||(c.focus(),document.activeElement!==o))return}function ce(e,o){return e.map((c,r)=>e[(o+r)%e.length])}const pe=X,me=te;export{le as $,pe as a,me as b}; diff --git a/assets/index-UGFCTDXo.js b/assets/index-UGFCTDXo.js deleted file mode 100644 index cdcc4fa..0000000 --- a/assets/index-UGFCTDXo.js +++ /dev/null @@ -1 +0,0 @@ -import{$ as A,_ as l,a as p}from"./index-ttJ0zls6.js";import{r as t}from"./index-OjgoNOWw.js";import{$ as D,a as $,b as I}from"./index-39R-7JO1.js";import{$ as M,a as x}from"./index-jKYK_Gmc.js";import{$ as _}from"./index-juKxXFC6.js";import{$ as F}from"./index-lFYSAZig.js";import{$ as w,h as y,a as T,b as N}from"./index-Qrw1f8GM.js";import{$ as k}from"./index-pT7Q2Giz.js";const v="Dialog",[R,de]=A(v),[L,i]=R(v),S=e=>{const{__scopeDialog:a,children:n,open:r,defaultOpen:c,onOpenChange:o,modal:s=!0}=e,d=t.useRef(null),f=t.useRef(null),[b=!1,g]=I({prop:r,defaultProp:c,onChange:o});return t.createElement(L,{scope:a,triggerRef:d,contentRef:f,contentId:_(),titleId:_(),descriptionId:_(),open:b,onOpenChange:g,onOpenToggle:t.useCallback(()=>g(h=>!h),[g]),modal:s},n)},G="DialogTrigger",K=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(G,n),o=x(a,c.triggerRef);return t.createElement(p.button,l({type:"button","aria-haspopup":"dialog","aria-expanded":c.open,"aria-controls":c.contentId,"data-state":E(c.open)},r,{ref:o,onClick:$(e.onClick,c.onOpenToggle)}))}),C="DialogPortal",[U,O]=R(C,{forceMount:void 0}),V=e=>{const{__scopeDialog:a,forceMount:n,children:r,container:c}=e,o=i(C,a);return t.createElement(U,{scope:a,forceMount:n},t.Children.map(r,s=>t.createElement(D,{present:n||o.open},t.createElement(k,{asChild:!0,container:c},s))))},m="DialogOverlay",Y=t.forwardRef((e,a)=>{const n=O(m,e.__scopeDialog),{forceMount:r=n.forceMount,...c}=e,o=i(m,e.__scopeDialog);return o.modal?t.createElement(D,{present:r||o.open},t.createElement(Z,l({},c,{ref:a}))):null}),Z=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(m,n);return t.createElement(w,{as:M,allowPinchZoom:!0,shards:[c.contentRef]},t.createElement(p.div,l({"data-state":E(c.open)},r,{ref:a,style:{pointerEvents:"auto",...r.style}})))}),u="DialogContent",j=t.forwardRef((e,a)=>{const n=O(u,e.__scopeDialog),{forceMount:r=n.forceMount,...c}=e,o=i(u,e.__scopeDialog);return t.createElement(D,{present:r||o.open},o.modal?t.createElement(q,l({},c,{ref:a})):t.createElement(z,l({},c,{ref:a})))}),q=t.forwardRef((e,a)=>{const n=i(u,e.__scopeDialog),r=t.useRef(null),c=x(a,n.contentRef,r);return t.useEffect(()=>{const o=r.current;if(o)return y(o)},[]),t.createElement(P,l({},e,{ref:c,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:$(e.onCloseAutoFocus,o=>{var s;o.preventDefault(),(s=n.triggerRef.current)===null||s===void 0||s.focus()}),onPointerDownOutside:$(e.onPointerDownOutside,o=>{const s=o.detail.originalEvent,d=s.button===0&&s.ctrlKey===!0;(s.button===2||d)&&o.preventDefault()}),onFocusOutside:$(e.onFocusOutside,o=>o.preventDefault())}))}),z=t.forwardRef((e,a)=>{const n=i(u,e.__scopeDialog),r=t.useRef(!1),c=t.useRef(!1);return t.createElement(P,l({},e,{ref:a,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var s;if((s=e.onCloseAutoFocus)===null||s===void 0||s.call(e,o),!o.defaultPrevented){var d;r.current||(d=n.triggerRef.current)===null||d===void 0||d.focus(),o.preventDefault()}r.current=!1,c.current=!1},onInteractOutside:o=>{var s,d;(s=e.onInteractOutside)===null||s===void 0||s.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(c.current=!0));const f=o.target;((d=n.triggerRef.current)===null||d===void 0?void 0:d.contains(f))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&c.current&&o.preventDefault()}}))}),P=t.forwardRef((e,a)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:c,onCloseAutoFocus:o,...s}=e,d=i(u,n),f=t.useRef(null),b=x(a,f);return T(),t.createElement(t.Fragment,null,t.createElement(N,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:c,onUnmountAutoFocus:o},t.createElement(F,l({role:"dialog",id:d.contentId,"aria-describedby":d.descriptionId,"aria-labelledby":d.titleId,"data-state":E(d.open)},s,{ref:b,onDismiss:()=>d.onOpenChange(!1)}))),!1)}),B="DialogTitle",H=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(B,n);return t.createElement(p.h2,l({id:c.titleId},r,{ref:a}))}),J="DialogDescription",Q=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(J,n);return t.createElement(p.p,l({id:c.descriptionId},r,{ref:a}))}),W="DialogClose",X=t.forwardRef((e,a)=>{const{__scopeDialog:n,...r}=e,c=i(W,n);return t.createElement(p.button,l({type:"button"},r,{ref:a,onClick:$(e.onClick,()=>c.onOpenChange(!1))}))});function E(e){return e?"open":"closed"}const le=S,ie=K,fe=V,$e=Y,ue=j,pe=H,be=Q,ge=X;export{$e as $,ue as a,pe as b,be as c,le as d,ie as e,fe as f,ge as g}; diff --git a/assets/index-WvU1OYyU.js b/assets/index-WvU1OYyU.js new file mode 100644 index 0000000..26a579b --- /dev/null +++ b/assets/index-WvU1OYyU.js @@ -0,0 +1 @@ +import{r as a}from"./index-OjgoNOWw.js";import{r as $}from"./index-mQqIOHEI.js";import{a as v}from"./index-jKYK_Gmc.js";import{b as p}from"./index-ttJ0zls6.js";function E(n,t){return a.useReducer((o,r)=>{const i=t[o][r];return i??o},n)}const M=n=>{const{present:t,children:o}=n,r=O(t),i=typeof o=="function"?o({present:r.isPresent}):a.Children.only(o),c=v(r.ref,i.ref);return typeof o=="function"||r.isPresent?a.cloneElement(i,{ref:c}):null};M.displayName="Presence";function O(n){const[t,o]=a.useState(),r=a.useRef({}),i=a.useRef(n),c=a.useRef("none"),l=n?"mounted":"unmounted",[N,s]=E(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return a.useEffect(()=>{const e=f(r.current);c.current=N==="mounted"?e:"none"},[N]),p(()=>{const e=r.current,u=i.current;if(u!==n){const A=c.current,d=f(e);n?s("MOUNT"):d==="none"||(e==null?void 0:e.display)==="none"?s("UNMOUNT"):s(u&&A!==d?"ANIMATION_OUT":"UNMOUNT"),i.current=n}},[n,s]),p(()=>{if(t){const e=m=>{const d=f(r.current).includes(m.animationName);m.target===t&&d&&$.flushSync(()=>s("ANIMATION_END"))},u=m=>{m.target===t&&(c.current=f(r.current))};return t.addEventListener("animationstart",u),t.addEventListener("animationcancel",e),t.addEventListener("animationend",e),()=>{t.removeEventListener("animationstart",u),t.removeEventListener("animationcancel",e),t.removeEventListener("animationend",e)}}else s("ANIMATION_END")},[t,s]),{isPresent:["mounted","unmountSuspended"].includes(N),ref:a.useCallback(e=>{e&&(r.current=getComputedStyle(e)),o(e)},[])}}function f(n){return(n==null?void 0:n.animationName)||"none"}export{M as $}; diff --git a/assets/index-XmoB3Z09.js b/assets/index-XmoB3Z09.js new file mode 100644 index 0000000..5b04ff5 --- /dev/null +++ b/assets/index-XmoB3Z09.js @@ -0,0 +1 @@ +import{r as t}from"./index-OjgoNOWw.js";function c(r){const e=t.useRef({value:r,previous:r});return t.useMemo(()=>(e.current.value!==r&&(e.current.previous=e.current.value,e.current.value=r),e.current.previous),[r])}export{c as $}; diff --git a/assets/index-lFYSAZig.js b/assets/index-f0vHx2GX.js similarity index 96% rename from assets/index-lFYSAZig.js rename to assets/index-f0vHx2GX.js index 75f7486..3cbfca4 100644 --- a/assets/index-lFYSAZig.js +++ b/assets/index-f0vHx2GX.js @@ -1 +1 @@ -import{c as y,a as T,_ as C,d as z}from"./index-ttJ0zls6.js";import{r as n}from"./index-OjgoNOWw.js";import{a as h}from"./index-39R-7JO1.js";import{a as L}from"./index-jKYK_Gmc.js";function A(i,e=globalThis==null?void 0:globalThis.document){const s=y(i);n.useEffect(()=>{const o=t=>{t.key==="Escape"&&s(t)};return e.addEventListener("keydown",o),()=>e.removeEventListener("keydown",o)},[s,e])}const p="dismissableLayer.update",K="dismissableLayer.pointerDownOutside",N="dismissableLayer.focusOutside";let w;const R=n.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),H=n.forwardRef((i,e)=>{var s;const{disableOutsidePointerEvents:o=!1,onEscapeKeyDown:t,onPointerDownOutside:a,onFocusOutside:b,onInteractOutside:u,onDismiss:l,...v}=i,c=n.useContext(R),[d,I]=n.useState(null),f=(s=d==null?void 0:d.ownerDocument)!==null&&s!==void 0?s:globalThis==null?void 0:globalThis.document,[,W]=n.useState({}),B=L(e,r=>I(r)),O=Array.from(c.layers),[k]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),S=O.indexOf(k),m=d?O.indexOf(d):-1,_=c.layersWithOutsidePointerEventsDisabled.size>0,D=m>=S,U=j(r=>{const E=r.target,g=[...c.branches].some($=>$.contains(E));!D||g||(a==null||a(r),u==null||u(r),r.defaultPrevented||l==null||l())},f),P=q(r=>{const E=r.target;[...c.branches].some($=>$.contains(E))||(b==null||b(r),u==null||u(r),r.defaultPrevented||l==null||l())},f);return A(r=>{m===c.layers.size-1&&(t==null||t(r),!r.defaultPrevented&&l&&(r.preventDefault(),l()))},f),n.useEffect(()=>{if(d)return o&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(w=f.body.style.pointerEvents,f.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(d)),c.layers.add(d),x(),()=>{o&&c.layersWithOutsidePointerEventsDisabled.size===1&&(f.body.style.pointerEvents=w)}},[d,f,o,c]),n.useEffect(()=>()=>{d&&(c.layers.delete(d),c.layersWithOutsidePointerEventsDisabled.delete(d),x())},[d,c]),n.useEffect(()=>{const r=()=>W({});return document.addEventListener(p,r),()=>document.removeEventListener(p,r)},[]),n.createElement(T.div,C({},v,{ref:B,style:{pointerEvents:_?D?"auto":"none":void 0,...i.style},onFocusCapture:h(i.onFocusCapture,P.onFocusCapture),onBlurCapture:h(i.onBlurCapture,P.onBlurCapture),onPointerDownCapture:h(i.onPointerDownCapture,U.onPointerDownCapture)}))}),X=n.forwardRef((i,e)=>{const s=n.useContext(R),o=n.useRef(null),t=L(e,o);return n.useEffect(()=>{const a=o.current;if(a)return s.branches.add(a),()=>{s.branches.delete(a)}},[s.branches]),n.createElement(T.div,C({},i,{ref:t}))});function j(i,e=globalThis==null?void 0:globalThis.document){const s=y(i),o=n.useRef(!1),t=n.useRef(()=>{});return n.useEffect(()=>{const a=u=>{if(u.target&&!o.current){let v=function(){F(K,s,l,{discrete:!0})};const l={originalEvent:u};u.pointerType==="touch"?(e.removeEventListener("click",t.current),t.current=v,e.addEventListener("click",t.current,{once:!0})):v()}else e.removeEventListener("click",t.current);o.current=!1},b=window.setTimeout(()=>{e.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(b),e.removeEventListener("pointerdown",a),e.removeEventListener("click",t.current)}},[e,s]),{onPointerDownCapture:()=>o.current=!0}}function q(i,e=globalThis==null?void 0:globalThis.document){const s=y(i),o=n.useRef(!1);return n.useEffect(()=>{const t=a=>{a.target&&!o.current&&F(N,s,{originalEvent:a},{discrete:!1})};return e.addEventListener("focusin",t),()=>e.removeEventListener("focusin",t)},[e,s]),{onFocusCapture:()=>o.current=!0,onBlurCapture:()=>o.current=!1}}function x(){const i=new CustomEvent(p);document.dispatchEvent(i)}function F(i,e,s,{discrete:o}){const t=s.originalEvent.target,a=new CustomEvent(i,{bubbles:!1,cancelable:!0,detail:s});e&&t.addEventListener(i,e,{once:!0}),o?z(t,a):t.dispatchEvent(a)}const V=H,Y=X;export{H as $,Y as a,V as b}; +import{c as y,a as T,_ as C,d as z}from"./index-ttJ0zls6.js";import{r as n}from"./index-OjgoNOWw.js";import{$ as h}from"./index-D3KhmrnL.js";import{a as L}from"./index-jKYK_Gmc.js";function A(i,e=globalThis==null?void 0:globalThis.document){const s=y(i);n.useEffect(()=>{const o=t=>{t.key==="Escape"&&s(t)};return e.addEventListener("keydown",o),()=>e.removeEventListener("keydown",o)},[s,e])}const p="dismissableLayer.update",K="dismissableLayer.pointerDownOutside",N="dismissableLayer.focusOutside";let w;const R=n.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),H=n.forwardRef((i,e)=>{var s;const{disableOutsidePointerEvents:o=!1,onEscapeKeyDown:t,onPointerDownOutside:a,onFocusOutside:b,onInteractOutside:u,onDismiss:l,...v}=i,c=n.useContext(R),[d,I]=n.useState(null),f=(s=d==null?void 0:d.ownerDocument)!==null&&s!==void 0?s:globalThis==null?void 0:globalThis.document,[,W]=n.useState({}),B=L(e,r=>I(r)),O=Array.from(c.layers),[k]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),S=O.indexOf(k),m=d?O.indexOf(d):-1,_=c.layersWithOutsidePointerEventsDisabled.size>0,D=m>=S,U=j(r=>{const E=r.target,g=[...c.branches].some($=>$.contains(E));!D||g||(a==null||a(r),u==null||u(r),r.defaultPrevented||l==null||l())},f),P=q(r=>{const E=r.target;[...c.branches].some($=>$.contains(E))||(b==null||b(r),u==null||u(r),r.defaultPrevented||l==null||l())},f);return A(r=>{m===c.layers.size-1&&(t==null||t(r),!r.defaultPrevented&&l&&(r.preventDefault(),l()))},f),n.useEffect(()=>{if(d)return o&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(w=f.body.style.pointerEvents,f.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(d)),c.layers.add(d),x(),()=>{o&&c.layersWithOutsidePointerEventsDisabled.size===1&&(f.body.style.pointerEvents=w)}},[d,f,o,c]),n.useEffect(()=>()=>{d&&(c.layers.delete(d),c.layersWithOutsidePointerEventsDisabled.delete(d),x())},[d,c]),n.useEffect(()=>{const r=()=>W({});return document.addEventListener(p,r),()=>document.removeEventListener(p,r)},[]),n.createElement(T.div,C({},v,{ref:B,style:{pointerEvents:_?D?"auto":"none":void 0,...i.style},onFocusCapture:h(i.onFocusCapture,P.onFocusCapture),onBlurCapture:h(i.onBlurCapture,P.onBlurCapture),onPointerDownCapture:h(i.onPointerDownCapture,U.onPointerDownCapture)}))}),X=n.forwardRef((i,e)=>{const s=n.useContext(R),o=n.useRef(null),t=L(e,o);return n.useEffect(()=>{const a=o.current;if(a)return s.branches.add(a),()=>{s.branches.delete(a)}},[s.branches]),n.createElement(T.div,C({},i,{ref:t}))});function j(i,e=globalThis==null?void 0:globalThis.document){const s=y(i),o=n.useRef(!1),t=n.useRef(()=>{});return n.useEffect(()=>{const a=u=>{if(u.target&&!o.current){let v=function(){F(K,s,l,{discrete:!0})};const l={originalEvent:u};u.pointerType==="touch"?(e.removeEventListener("click",t.current),t.current=v,e.addEventListener("click",t.current,{once:!0})):v()}else e.removeEventListener("click",t.current);o.current=!1},b=window.setTimeout(()=>{e.addEventListener("pointerdown",a)},0);return()=>{window.clearTimeout(b),e.removeEventListener("pointerdown",a),e.removeEventListener("click",t.current)}},[e,s]),{onPointerDownCapture:()=>o.current=!0}}function q(i,e=globalThis==null?void 0:globalThis.document){const s=y(i),o=n.useRef(!1);return n.useEffect(()=>{const t=a=>{a.target&&!o.current&&F(N,s,{originalEvent:a},{discrete:!1})};return e.addEventListener("focusin",t),()=>e.removeEventListener("focusin",t)},[e,s]),{onFocusCapture:()=>o.current=!0,onBlurCapture:()=>o.current=!1}}function x(){const i=new CustomEvent(p);document.dispatchEvent(i)}function F(i,e,s,{discrete:o}){const t=s.originalEvent.target,a=new CustomEvent(i,{bubbles:!1,cancelable:!0,detail:s});e&&t.addEventListener(i,e,{once:!0}),o?z(t,a):t.dispatchEvent(a)}const V=H,Y=X;export{H as $,Y as a,V as b}; diff --git a/assets/index-vNCMozV_.js b/assets/index-vNCMozV_.js new file mode 100644 index 0000000..c072b08 --- /dev/null +++ b/assets/index-vNCMozV_.js @@ -0,0 +1 @@ +import{r as t}from"./index-OjgoNOWw.js";const o=t.createContext(void 0);function a(e){const r=t.useContext(o);return e||r||"ltr"}export{a as $}; diff --git a/assets/index-Qrw1f8GM.js b/assets/index-vwyHrCN8.js similarity index 96% rename from assets/index-Qrw1f8GM.js rename to assets/index-vwyHrCN8.js index 8d2e54a..81f6c34 100644 --- a/assets/index-Qrw1f8GM.js +++ b/assets/index-vwyHrCN8.js @@ -1,4 +1,4 @@ -import{c as G,a as pe,_ as ge}from"./index-ttJ0zls6.js";import{r as u}from"./index-OjgoNOWw.js";import{a as be}from"./index-jKYK_Gmc.js";const _="focusScope.autoFocusOnMount",D="focusScope.autoFocusOnUnmount",z={bubbles:!1,cancelable:!0},dt=u.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:c,onUnmountAutoFocus:i,...l}=e,[o,S]=u.useState(null),b=G(c),g=G(i),f=u.useRef(null),v=be(t,a=>S(a)),h=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(r){let a=function(m){if(h.paused||!o)return;const p=m.target;o.contains(p)?f.current=p:$(f.current,{select:!0})},s=function(m){if(h.paused||!o)return;const p=m.relatedTarget;p!==null&&(o.contains(p)||$(f.current,{select:!0}))},d=function(m){if(document.activeElement===document.body)for(const y of m)y.removedNodes.length>0&&$(o)};document.addEventListener("focusin",a),document.addEventListener("focusout",s);const E=new MutationObserver(d);return o&&E.observe(o,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",a),document.removeEventListener("focusout",s),E.disconnect()}}},[r,o,h.paused]),u.useEffect(()=>{if(o){q.add(h);const a=document.activeElement;if(!o.contains(a)){const d=new CustomEvent(_,z);o.addEventListener(_,b),o.dispatchEvent(d),d.defaultPrevented||(ye($e(ce(o)),{select:!0}),document.activeElement===a&&$(o))}return()=>{o.removeEventListener(_,b),setTimeout(()=>{const d=new CustomEvent(D,z);o.addEventListener(D,g),o.dispatchEvent(d),d.defaultPrevented||$(a??document.body,{select:!0}),o.removeEventListener(D,g),q.remove(h)},0)}}},[o,b,g,h]);const w=u.useCallback(a=>{if(!n&&!r||h.paused)return;const s=a.key==="Tab"&&!a.altKey&&!a.ctrlKey&&!a.metaKey,d=document.activeElement;if(s&&d){const E=a.currentTarget,[m,p]=Ee(E);m&&p?!a.shiftKey&&d===p?(a.preventDefault(),n&&$(m,{select:!0})):a.shiftKey&&d===m&&(a.preventDefault(),n&&$(p,{select:!0})):d===E&&a.preventDefault()}},[n,r,h.paused]);return u.createElement(pe.div,ge({tabIndex:-1},l,{ref:v,onKeyDown:w}))});function ye(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if($(r,{select:t}),document.activeElement!==n)return}function Ee(e){const t=ce(e),n=Z(t,e),r=Z(t.reverse(),e);return[n,r]}function ce(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const c=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||c?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Z(e,t){for(const n of e)if(!Se(n,{upTo:t}))return n}function Se(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function we(e){return e instanceof HTMLInputElement&&"select"in e}function $(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&we(e)&&t&&e.select()}}const q=Ce();function Ce(){let e=[];return{add(t){const n=e[0];t!==n&&(n==null||n.pause()),e=Q(e,t),e.unshift(t)},remove(t){var n;e=Q(e,t),(n=e[0])===null||n===void 0||n.resume()}}}function Q(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function $e(e){return e.filter(t=>t.tagName!=="A")}let U=0;function vt(){u.useEffect(()=>{var e,t;const n=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(e=n[0])!==null&&e!==void 0?e:J()),document.body.insertAdjacentElement("beforeend",(t=n[1])!==null&&t!==void 0?t:J()),U++,()=>{U===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(r=>r.remove()),U--}},[])}function J(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}var C=function(){return C=Object.assign||function(t){for(var n,r=1,c=arguments.length;r"u")return Ue;var t=je(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Ke=se(),R="data-scroll-locked",Ve=function(e,t,n,r){var c=e.left,i=e.top,l=e.right,o=e.gap;return n===void 0&&(n="margin"),` +import{c as G,a as pe,_ as ge}from"./index-ttJ0zls6.js";import{r as u}from"./index-OjgoNOWw.js";import{a as be}from"./index-jKYK_Gmc.js";const _="focusScope.autoFocusOnMount",D="focusScope.autoFocusOnUnmount",z={bubbles:!1,cancelable:!0},dt=u.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:c,onUnmountAutoFocus:i,...l}=e,[o,S]=u.useState(null),b=G(c),g=G(i),f=u.useRef(null),v=be(t,a=>S(a)),h=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(r){let a=function(m){if(h.paused||!o)return;const p=m.target;o.contains(p)?f.current=p:$(f.current,{select:!0})},s=function(m){if(h.paused||!o)return;const p=m.relatedTarget;p!==null&&(o.contains(p)||$(f.current,{select:!0}))},d=function(m){if(document.activeElement===document.body)for(const y of m)y.removedNodes.length>0&&$(o)};document.addEventListener("focusin",a),document.addEventListener("focusout",s);const E=new MutationObserver(d);return o&&E.observe(o,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",a),document.removeEventListener("focusout",s),E.disconnect()}}},[r,o,h.paused]),u.useEffect(()=>{if(o){q.add(h);const a=document.activeElement;if(!o.contains(a)){const d=new CustomEvent(_,z);o.addEventListener(_,b),o.dispatchEvent(d),d.defaultPrevented||(ye($e(ce(o)),{select:!0}),document.activeElement===a&&$(o))}return()=>{o.removeEventListener(_,b),setTimeout(()=>{const d=new CustomEvent(D,z);o.addEventListener(D,g),o.dispatchEvent(d),d.defaultPrevented||$(a??document.body,{select:!0}),o.removeEventListener(D,g),q.remove(h)},0)}}},[o,b,g,h]);const w=u.useCallback(a=>{if(!n&&!r||h.paused)return;const s=a.key==="Tab"&&!a.altKey&&!a.ctrlKey&&!a.metaKey,d=document.activeElement;if(s&&d){const E=a.currentTarget,[m,p]=Ee(E);m&&p?!a.shiftKey&&d===p?(a.preventDefault(),n&&$(m,{select:!0})):a.shiftKey&&d===m&&(a.preventDefault(),n&&$(p,{select:!0})):d===E&&a.preventDefault()}},[n,r,h.paused]);return u.createElement(pe.div,ge({tabIndex:-1},l,{ref:v,onKeyDown:w}))});function ye(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if($(r,{select:t}),document.activeElement!==n)return}function Ee(e){const t=ce(e),n=Z(t,e),r=Z(t.reverse(),e);return[n,r]}function ce(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const c=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||c?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Z(e,t){for(const n of e)if(!Se(n,{upTo:t}))return n}function Se(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function we(e){return e instanceof HTMLInputElement&&"select"in e}function $(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&we(e)&&t&&e.select()}}const q=Ce();function Ce(){let e=[];return{add(t){const n=e[0];t!==n&&(n==null||n.pause()),e=Q(e,t),e.unshift(t)},remove(t){var n;e=Q(e,t),(n=e[0])===null||n===void 0||n.resume()}}}function Q(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function $e(e){return e.filter(t=>t.tagName!=="A")}let U=0;function vt(){u.useEffect(()=>{var e,t;const n=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(e=n[0])!==null&&e!==void 0?e:J()),document.body.insertAdjacentElement("beforeend",(t=n[1])!==null&&t!==void 0?t:J()),U++,()=>{U===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(r=>r.remove()),U--}},[])}function J(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}var C=function(){return C=Object.assign||function(t){for(var n,r=1,c=arguments.length;r"u")return Ue;var t=je(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Ke=se(),R="data-scroll-locked",Ve=function(e,t,n,r){var c=e.left,i=e.top,l=e.right,o=e.gap;return n===void 0&&(n="margin"),` .`.concat(Ae,` { overflow: hidden `).concat(r,`; padding-right: `).concat(o,"px ").concat(r,`; @@ -16,7 +16,7 @@ import{c as G,a as pe,_ as ge}from"./index-ttJ0zls6.js";import{r as u}from"./ind `),n==="padding"&&"padding-right: ".concat(o,"px ").concat(r,";")].filter(Boolean).join(""),` } - .`).concat(I,` { + .`).concat(M,` { right: `).concat(o,"px ").concat(r,`; } @@ -24,7 +24,7 @@ import{c as G,a as pe,_ as ge}from"./index-ttJ0zls6.js";import{r as u}from"./ind margin-right: `).concat(o,"px ").concat(r,`; } - .`).concat(I," .").concat(I,` { + .`).concat(M," .").concat(M,` { right: 0 `).concat(r,`; } @@ -38,4 +38,4 @@ import{c as G,a as pe,_ as ge}from"./index-ttJ0zls6.js";import{r as u}from"./ind `)},ne=function(){var e=parseInt(document.body.getAttribute(R)||"0",10);return isFinite(e)?e:0},Xe=function(){u.useEffect(function(){return document.body.setAttribute(R,(ne()+1).toString()),function(){var e=ne()-1;e<=0?document.body.removeAttribute(R):document.body.setAttribute(R,e.toString())}},[])},Ye=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,c=r===void 0?"margin":r;Xe();var i=u.useMemo(function(){return He(c)},[c]);return u.createElement(Ke,{styles:Ve(i,!t,c,n?"":"!important")})},X=!1;if(typeof window<"u")try{var N=Object.defineProperty({},"passive",{get:function(){return X=!0,!0}});window.addEventListener("test",N,N),window.removeEventListener("test",N,N)}catch{X=!1}var k=X?{passive:!1}:!1,Ge=function(e){return e.tagName==="TEXTAREA"},fe=function(e,t){var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!Ge(e)&&n[t]==="visible")},ze=function(e){return fe(e,"overflowY")},Ze=function(e){return fe(e,"overflowX")},re=function(e,t){var n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var r=de(e,n);if(r){var c=ve(e,n),i=c[1],l=c[2];if(i>l)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},qe=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},Qe=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},de=function(e,t){return e==="v"?ze(t):Ze(t)},ve=function(e,t){return e==="v"?qe(t):Qe(t)},Je=function(e,t){return e==="h"&&t==="rtl"?-1:1},et=function(e,t,n,r,c){var i=Je(e,window.getComputedStyle(t).direction),l=i*r,o=n.target,S=t.contains(o),b=!1,g=l>0,f=0,v=0;do{var h=ve(e,o),w=h[0],a=h[1],s=h[2],d=a-s-i*w;(w||d)&&de(e,o)&&(f+=d,v+=w),o=o.parentNode}while(!S&&o!==document.body||S&&(t.contains(o)||t===o));return(g&&(c&&f===0||!c&&l>f)||!g&&(c&&v===0||!c&&-l>v))&&(b=!0),b},F=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},ae=function(e){return[e.deltaX,e.deltaY]},oe=function(e){return e&&"current"in e?e.current:e},tt=function(e,t){return e[0]===t[0]&&e[1]===t[1]},nt=function(e){return` .block-interactivity-`.concat(e,` {pointer-events: none;} .allow-interactivity-`).concat(e,` {pointer-events: all;} -`)},rt=0,A=[];function at(e){var t=u.useRef([]),n=u.useRef([0,0]),r=u.useRef(),c=u.useState(rt++)[0],i=u.useState(function(){return se()})[0],l=u.useRef(e);u.useEffect(function(){l.current=e},[e]),u.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(c));var a=ke([e.lockRef.current],(e.shards||[]).map(oe),!0).filter(Boolean);return a.forEach(function(s){return s.classList.add("allow-interactivity-".concat(c))}),function(){document.body.classList.remove("block-interactivity-".concat(c)),a.forEach(function(s){return s.classList.remove("allow-interactivity-".concat(c))})}}},[e.inert,e.lockRef.current,e.shards]);var o=u.useCallback(function(a,s){if("touches"in a&&a.touches.length===2)return!l.current.allowPinchZoom;var d=F(a),E=n.current,m="deltaX"in a?a.deltaX:E[0]-d[0],p="deltaY"in a?a.deltaY:E[1]-d[1],y,B=a.target,x=Math.abs(m)>Math.abs(p)?"h":"v";if("touches"in a&&x==="h"&&B.type==="range")return!1;var L=re(x,B);if(!L)return!0;if(L?y=x:(y=x==="v"?"h":"v",L=re(x,B)),!L)return!1;if(!r.current&&"changedTouches"in a&&(m||p)&&(r.current=y),!y)return!0;var Y=r.current||y;return et(Y,s,a,Y==="h"?m:p,!0)},[]),S=u.useCallback(function(a){var s=a;if(!(!A.length||A[A.length-1]!==i)){var d="deltaY"in s?ae(s):F(s),E=t.current.filter(function(y){return y.name===s.type&&y.target===s.target&&tt(y.delta,d)})[0];if(E&&E.should){s.cancelable&&s.preventDefault();return}if(!E){var m=(l.current.shards||[]).map(oe).filter(Boolean).filter(function(y){return y.contains(s.target)}),p=m.length>0?o(s,m[0]):!l.current.noIsolation;p&&s.cancelable&&s.preventDefault()}}},[]),b=u.useCallback(function(a,s,d,E){var m={name:a,delta:s,target:d,should:E};t.current.push(m),setTimeout(function(){t.current=t.current.filter(function(p){return p!==m})},1)},[]),g=u.useCallback(function(a){n.current=F(a),r.current=void 0},[]),f=u.useCallback(function(a){b(a.type,ae(a),a.target,o(a,e.lockRef.current))},[]),v=u.useCallback(function(a){b(a.type,F(a),a.target,o(a,e.lockRef.current))},[]);u.useEffect(function(){return A.push(i),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:v}),document.addEventListener("wheel",S,k),document.addEventListener("touchmove",S,k),document.addEventListener("touchstart",g,k),function(){A=A.filter(function(a){return a!==i}),document.removeEventListener("wheel",S,k),document.removeEventListener("touchmove",S,k),document.removeEventListener("touchstart",g,k)}},[]);var h=e.removeScrollBar,w=e.inert;return u.createElement(u.Fragment,null,w?u.createElement(i,{styles:nt(c)}):null,h?u.createElement(Ye,{gapMode:"margin"}):null)}const ot=Me(le,at);var he=u.forwardRef(function(e,t){return u.createElement(W,C({},e,{ref:t,sideCar:ot}))});he.classNames=W.classNames;const ht=he;var ct=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},T=new WeakMap,P=new WeakMap,M={},V=0,me=function(e){return e&&(e.host||me(e.parentNode))},ut=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=me(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},it=function(e,t,n,r){var c=ut(t,Array.isArray(e)?e:[e]);M[n]||(M[n]=new WeakMap);var i=M[n],l=[],o=new Set,S=new Set(c),b=function(f){!f||o.has(f)||(o.add(f),b(f.parentNode))};c.forEach(b);var g=function(f){!f||S.has(f)||Array.prototype.forEach.call(f.children,function(v){if(o.has(v))g(v);else try{var h=v.getAttribute(r),w=h!==null&&h!=="false",a=(T.get(v)||0)+1,s=(i.get(v)||0)+1;T.set(v,a),i.set(v,s),l.push(v),a===1&&w&&P.set(v,!0),s===1&&v.setAttribute(n,"true"),w||v.setAttribute(r,"true")}catch(d){console.error("aria-hidden: cannot operate on ",v,d)}})};return g(t),o.clear(),V++,function(){l.forEach(function(f){var v=T.get(f)-1,h=i.get(f)-1;T.set(f,v),i.set(f,h),v||(P.has(f)||f.removeAttribute(r),P.delete(f)),h||f.removeAttribute(n)}),V--,V||(T=new WeakMap,T=new WeakMap,P=new WeakMap,M={})}},mt=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),c=t||ct(e);return c?(r.push.apply(r,Array.from(c.querySelectorAll("[aria-live]"))),it(r,c,n,"aria-hidden")):function(){return null}};export{ht as $,vt as a,dt as b,mt as h}; +`)},rt=0,A=[];function at(e){var t=u.useRef([]),n=u.useRef([0,0]),r=u.useRef(),c=u.useState(rt++)[0],i=u.useState(function(){return se()})[0],l=u.useRef(e);u.useEffect(function(){l.current=e},[e]),u.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(c));var a=ke([e.lockRef.current],(e.shards||[]).map(oe),!0).filter(Boolean);return a.forEach(function(s){return s.classList.add("allow-interactivity-".concat(c))}),function(){document.body.classList.remove("block-interactivity-".concat(c)),a.forEach(function(s){return s.classList.remove("allow-interactivity-".concat(c))})}}},[e.inert,e.lockRef.current,e.shards]);var o=u.useCallback(function(a,s){if("touches"in a&&a.touches.length===2)return!l.current.allowPinchZoom;var d=F(a),E=n.current,m="deltaX"in a?a.deltaX:E[0]-d[0],p="deltaY"in a?a.deltaY:E[1]-d[1],y,B=a.target,x=Math.abs(m)>Math.abs(p)?"h":"v";if("touches"in a&&x==="h"&&B.type==="range")return!1;var L=re(x,B);if(!L)return!0;if(L?y=x:(y=x==="v"?"h":"v",L=re(x,B)),!L)return!1;if(!r.current&&"changedTouches"in a&&(m||p)&&(r.current=y),!y)return!0;var Y=r.current||y;return et(Y,s,a,Y==="h"?m:p,!0)},[]),S=u.useCallback(function(a){var s=a;if(!(!A.length||A[A.length-1]!==i)){var d="deltaY"in s?ae(s):F(s),E=t.current.filter(function(y){return y.name===s.type&&y.target===s.target&&tt(y.delta,d)})[0];if(E&&E.should){s.cancelable&&s.preventDefault();return}if(!E){var m=(l.current.shards||[]).map(oe).filter(Boolean).filter(function(y){return y.contains(s.target)}),p=m.length>0?o(s,m[0]):!l.current.noIsolation;p&&s.cancelable&&s.preventDefault()}}},[]),b=u.useCallback(function(a,s,d,E){var m={name:a,delta:s,target:d,should:E};t.current.push(m),setTimeout(function(){t.current=t.current.filter(function(p){return p!==m})},1)},[]),g=u.useCallback(function(a){n.current=F(a),r.current=void 0},[]),f=u.useCallback(function(a){b(a.type,ae(a),a.target,o(a,e.lockRef.current))},[]),v=u.useCallback(function(a){b(a.type,F(a),a.target,o(a,e.lockRef.current))},[]);u.useEffect(function(){return A.push(i),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:v}),document.addEventListener("wheel",S,k),document.addEventListener("touchmove",S,k),document.addEventListener("touchstart",g,k),function(){A=A.filter(function(a){return a!==i}),document.removeEventListener("wheel",S,k),document.removeEventListener("touchmove",S,k),document.removeEventListener("touchstart",g,k)}},[]);var h=e.removeScrollBar,w=e.inert;return u.createElement(u.Fragment,null,w?u.createElement(i,{styles:nt(c)}):null,h?u.createElement(Ye,{gapMode:"margin"}):null)}const ot=Ie(le,at);var he=u.forwardRef(function(e,t){return u.createElement(W,C({},e,{ref:t,sideCar:ot}))});he.classNames=W.classNames;const ht=he;var ct=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},T=new WeakMap,P=new WeakMap,I={},V=0,me=function(e){return e&&(e.host||me(e.parentNode))},ut=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=me(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},it=function(e,t,n,r){var c=ut(t,Array.isArray(e)?e:[e]);I[n]||(I[n]=new WeakMap);var i=I[n],l=[],o=new Set,S=new Set(c),b=function(f){!f||o.has(f)||(o.add(f),b(f.parentNode))};c.forEach(b);var g=function(f){!f||S.has(f)||Array.prototype.forEach.call(f.children,function(v){if(o.has(v))g(v);else try{var h=v.getAttribute(r),w=h!==null&&h!=="false",a=(T.get(v)||0)+1,s=(i.get(v)||0)+1;T.set(v,a),i.set(v,s),l.push(v),a===1&&w&&P.set(v,!0),s===1&&v.setAttribute(n,"true"),w||v.setAttribute(r,"true")}catch(d){console.error("aria-hidden: cannot operate on ",v,d)}})};return g(t),o.clear(),V++,function(){l.forEach(function(f){var v=T.get(f)-1,h=i.get(f)-1;T.set(f,v),i.set(f,h),v||(P.has(f)||f.removeAttribute(r),P.delete(f)),h||f.removeAttribute(n)}),V--,V||(T=new WeakMap,T=new WeakMap,P=new WeakMap,I={})}},mt=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),c=t||ct(e);return c?(r.push.apply(r,Array.from(c.querySelectorAll("[aria-live]"))),it(r,c,n,"aria-hidden")):function(){return null}};export{ht as $,vt as a,dt as b,mt as h}; diff --git a/assets/index-39veLG-x.js b/assets/index-w1VBTUiB.js similarity index 99% rename from assets/index-39veLG-x.js rename to assets/index-w1VBTUiB.js index 5a079e4..525b207 100644 --- a/assets/index-39veLG-x.js +++ b/assets/index-w1VBTUiB.js @@ -1 +1 @@ -import{$ as pe,c as ge,b as Pt,a as Ht,_ as Wt}from"./index-ttJ0zls6.js";import{r as A}from"./index-OjgoNOWw.js";import{r as he}from"./index-mQqIOHEI.js";import{a as Nt}from"./index-jKYK_Gmc.js";import{$ as we}from"./index-DTfSmp9M.js";const xe=["top","right","bottom","left"],Y=Math.min,T=Math.max,ft=Math.round,lt=Math.floor,X=t=>({x:t,y:t}),ye={left:"right",right:"left",bottom:"top",top:"bottom"},ve={start:"end",end:"start"};function ht(t,e,n){return T(t,Y(e,n))}function B(t,e){return typeof t=="function"?t(e):t}function z(t){return t.split("-")[0]}function J(t){return t.split("-")[1]}function xt(t){return t==="x"?"y":"x"}function yt(t){return t==="y"?"height":"width"}function Q(t){return["top","bottom"].includes(z(t))?"y":"x"}function vt(t){return xt(Q(t))}function be(t,e,n){n===void 0&&(n=!1);const o=J(t),i=vt(t),r=yt(i);let s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=dt(s)),[s,dt(s)]}function $e(t){const e=dt(t);return[wt(t),e,wt(e)]}function wt(t){return t.replace(/start|end/g,e=>ve[e])}function Ae(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:s;default:return[]}}function Re(t,e,n,o){const i=J(t);let r=Ae(z(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(wt)))),r}function dt(t){return t.replace(/left|right|bottom|top/g,e=>ye[e])}function Oe(t){return{top:0,right:0,bottom:0,left:0,...t}}function Bt(t){return typeof t!="number"?Oe(t):{top:t,right:t,bottom:t,left:t}}function ut(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Et(t,e,n){let{reference:o,floating:i}=t;const r=Q(e),s=vt(e),l=yt(s),c=z(e),a=r==="y",u=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,p=o[l]/2-i[l]/2;let f;switch(c){case"top":f={x:u,y:o.y-i.height};break;case"bottom":f={x:u,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:d};break;case"left":f={x:o.x-i.width,y:d};break;default:f={x:o.x,y:o.y}}switch(J(e)){case"start":f[s]-=p*(n&&a?-1:1);break;case"end":f[s]+=p*(n&&a?-1:1);break}return f}const Ce=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,l=r.filter(Boolean),c=await(s.isRTL==null?void 0:s.isRTL(e));let a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=Et(a,o,c),p=o,f={},m=0;for(let g=0;g({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:r,platform:s,elements:l,middlewareData:c}=e,{element:a,padding:u=0}=B(t,e)||{};if(a==null)return{};const d=Bt(u),p={x:n,y:o},f=vt(i),m=yt(f),g=await s.getDimensions(a),w=f==="y",h=w?"top":"left",y=w?"bottom":"right",x=w?"clientHeight":"clientWidth",v=r.reference[m]+r.reference[f]-p[f]-r.floating[m],b=p[f]-r.reference[f],$=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a));let O=$?$[x]:0;(!O||!await(s.isElement==null?void 0:s.isElement($)))&&(O=l.floating[x]||r.floating[m]);const S=v/2-b/2,L=O/2-g[m]/2-1,k=Y(d[h],L),F=Y(d[y],L),P=k,H=O-g[m]-F,C=O/2-g[m]/2+S,E=ht(P,C,H),D=!c.arrow&&J(i)!=null&&C!==E&&r.reference[m]/2-(CP<=0)){var L,k;const P=(((L=r.flip)==null?void 0:L.index)||0)+1,H=b[P];if(H)return{data:{index:P,overflows:S},reset:{placement:H}};let C=(k=S.filter(E=>E.overflows[0]<=0).sort((E,D)=>E.overflows[1]-D.overflows[1])[0])==null?void 0:k.placement;if(!C)switch(f){case"bestFit":{var F;const E=(F=S.map(D=>[D.placement,D.overflows.filter(R=>R>0).reduce((R,j)=>R+j,0)]).sort((D,R)=>D[1]-R[1])[0])==null?void 0:F[0];E&&(C=E);break}case"initialPlacement":C=l;break}if(i!==C)return{reset:{placement:C}}}return{}}}};function St(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Dt(t){return xe.some(e=>t[e]>=0)}const Se=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){const{rects:n}=e,{strategy:o="referenceHidden",...i}=B(t,e);switch(o){case"referenceHidden":{const r=await et(e,{...i,elementContext:"reference"}),s=St(r,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Dt(s)}}}case"escaped":{const r=await et(e,{...i,altBoundary:!0}),s=St(r,n.floating);return{data:{escapedOffsets:s,escaped:Dt(s)}}}default:return{}}}}};async function De(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=z(n),l=J(n),c=Q(n)==="y",a=["left","top"].includes(s)?-1:1,u=r&&c?-1:1,d=B(e,t);let{mainAxis:p,crossAxis:f,alignmentAxis:m}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return l&&typeof m=="number"&&(f=l==="end"?m*-1:m),c?{x:f*u,y:p*a}:{x:p*a,y:f*u}}const Le=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:s,middlewareData:l}=e,c=await De(e,t);return s===((n=l.offset)==null?void 0:n.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+c.x,y:r+c.y,data:{...c,placement:s}}}}},Te=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:l={fn:w=>{let{x:h,y}=w;return{x:h,y}}},...c}=B(t,e),a={x:n,y:o},u=await et(e,c),d=Q(z(i)),p=xt(d);let f=a[p],m=a[d];if(r){const w=p==="y"?"top":"left",h=p==="y"?"bottom":"right",y=f+u[w],x=f-u[h];f=ht(y,f,x)}if(s){const w=d==="y"?"top":"left",h=d==="y"?"bottom":"right",y=m+u[w],x=m-u[h];m=ht(y,m,x)}const g=l.fn({...e,[p]:f,[d]:m});return{...g,data:{x:g.x-n,y:g.y-o}}}}},_e=function(t){return t===void 0&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:i,rects:r,middlewareData:s}=e,{offset:l=0,mainAxis:c=!0,crossAxis:a=!0}=B(t,e),u={x:n,y:o},d=Q(i),p=xt(d);let f=u[p],m=u[d];const g=B(l,e),w=typeof g=="number"?{mainAxis:g,crossAxis:0}:{mainAxis:0,crossAxis:0,...g};if(c){const x=p==="y"?"height":"width",v=r.reference[p]-r.floating[x]+w.mainAxis,b=r.reference[p]+r.reference[x]-w.mainAxis;fb&&(f=b)}if(a){var h,y;const x=p==="y"?"width":"height",v=["top","left"].includes(z(i)),b=r.reference[d]-r.floating[x]+(v&&((h=s.offset)==null?void 0:h[d])||0)+(v?0:w.crossAxis),$=r.reference[d]+r.reference[x]+(v?0:((y=s.offset)==null?void 0:y[d])||0)-(v?w.crossAxis:0);m$&&(m=$)}return{[p]:f,[d]:m}}}},Me=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:o,platform:i,elements:r}=e,{apply:s=()=>{},...l}=B(t,e),c=await et(e,l),a=z(n),u=J(n),d=Q(n)==="y",{width:p,height:f}=o.floating;let m,g;a==="top"||a==="bottom"?(m=a,g=u===(await(i.isRTL==null?void 0:i.isRTL(r.floating))?"start":"end")?"left":"right"):(g=a,m=u==="end"?"top":"bottom");const w=f-c[m],h=p-c[g],y=!e.middlewareData.shift;let x=w,v=h;if(d){const $=p-c.left-c.right;v=u||y?Y(h,$):$}else{const $=f-c.top-c.bottom;x=u||y?Y(w,$):$}if(y&&!u){const $=T(c.left,0),O=T(c.right,0),S=T(c.top,0),L=T(c.bottom,0);d?v=p-2*($!==0||O!==0?$+O:T(c.left,c.right)):x=f-2*(S!==0||L!==0?S+L:T(c.top,c.bottom))}await s({...e,availableWidth:v,availableHeight:x});const b=await i.getDimensions(r.floating);return p!==b.width||f!==b.height?{reset:{rects:!0}}:{}}}};function q(t){return zt(t)?(t.nodeName||"").toLowerCase():"#document"}function _(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function I(t){var e;return(e=(zt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function zt(t){return t instanceof Node||t instanceof _(t).Node}function V(t){return t instanceof Element||t instanceof _(t).Element}function W(t){return t instanceof HTMLElement||t instanceof _(t).HTMLElement}function Lt(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof _(t).ShadowRoot}function ot(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=M(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function ke(t){return["table","td","th"].includes(q(t))}function bt(t){const e=$t(),n=M(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function Fe(t){let e=G(t);for(;W(e)&&!pt(e);){if(bt(e))return e;e=G(e)}return null}function $t(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function pt(t){return["html","body","#document"].includes(q(t))}function M(t){return _(t).getComputedStyle(t)}function gt(t){return V(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function G(t){if(q(t)==="html")return t;const e=t.assignedSlot||t.parentNode||Lt(t)&&t.host||I(t);return Lt(e)?e.host:e}function Vt(t){const e=G(t);return pt(e)?t.ownerDocument?t.ownerDocument.body:t.body:W(e)&&ot(e)?e:Vt(e)}function nt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=Vt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=_(i);return r?e.concat(s,s.visualViewport||[],ot(i)?i:[],s.frameElement&&n?nt(s.frameElement):[]):e.concat(i,nt(i,[],n))}function It(t){const e=M(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=W(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,l=ft(n)!==r||ft(o)!==s;return l&&(n=r,o=s),{width:n,height:o,$:l}}function At(t){return V(t)?t:t.contextElement}function K(t){const e=At(t);if(!W(e))return X(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=It(e);let s=(r?ft(n.width):n.width)/o,l=(r?ft(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}const He=X(0);function jt(t){const e=_(t);return!$t()||!e.visualViewport?He:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function We(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==_(t)?!1:e}function U(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=At(t);let s=X(1);e&&(o?V(o)&&(s=K(o)):s=K(t));const l=We(r,n,o)?jt(r):X(0);let c=(i.left+l.x)/s.x,a=(i.top+l.y)/s.y,u=i.width/s.x,d=i.height/s.y;if(r){const p=_(r),f=o&&V(o)?_(o):o;let m=p,g=m.frameElement;for(;g&&o&&f!==m;){const w=K(g),h=g.getBoundingClientRect(),y=M(g),x=h.left+(g.clientLeft+parseFloat(y.paddingLeft))*w.x,v=h.top+(g.clientTop+parseFloat(y.paddingTop))*w.y;c*=w.x,a*=w.y,u*=w.x,d*=w.y,c+=x,a+=v,m=_(g),g=m.frameElement}}return ut({width:u,height:d,x:c,y:a})}const Ne=[":popover-open",":modal"];function Yt(t){return Ne.some(e=>{try{return t.matches(e)}catch{return!1}})}function Be(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const r=i==="fixed",s=I(o),l=e?Yt(e.floating):!1;if(o===s||l&&r)return n;let c={scrollLeft:0,scrollTop:0},a=X(1);const u=X(0),d=W(o);if((d||!d&&!r)&&((q(o)!=="body"||ot(s))&&(c=gt(o)),W(o))){const p=U(o);a=K(o),u.x=p.x+o.clientLeft,u.y=p.y+o.clientTop}return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+u.x,y:n.y*a.y-c.scrollTop*a.y+u.y}}function ze(t){return Array.from(t.getClientRects())}function Xt(t){return U(I(t)).left+gt(t).scrollLeft}function Ve(t){const e=I(t),n=gt(t),o=t.ownerDocument.body,i=T(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=T(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+Xt(t);const l=-n.scrollTop;return M(o).direction==="rtl"&&(s+=T(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:l}}function Ie(t,e){const n=_(t),o=I(t),i=n.visualViewport;let r=o.clientWidth,s=o.clientHeight,l=0,c=0;if(i){r=i.width,s=i.height;const a=$t();(!a||a&&e==="fixed")&&(l=i.offsetLeft,c=i.offsetTop)}return{width:r,height:s,x:l,y:c}}function je(t,e){const n=U(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=W(t)?K(t):X(1),s=t.clientWidth*r.x,l=t.clientHeight*r.y,c=i*r.x,a=o*r.y;return{width:s,height:l,x:c,y:a}}function Tt(t,e,n){let o;if(e==="viewport")o=Ie(t,n);else if(e==="document")o=Ve(I(t));else if(V(e))o=je(e,n);else{const i=jt(t);o={...e,x:e.x-i.x,y:e.y-i.y}}return ut(o)}function qt(t,e){const n=G(t);return n===e||!V(n)||pt(n)?!1:M(n).position==="fixed"||qt(n,e)}function Ye(t,e){const n=e.get(t);if(n)return n;let o=nt(t,[],!1).filter(l=>V(l)&&q(l)!=="body"),i=null;const r=M(t).position==="fixed";let s=r?G(t):t;for(;V(s)&&!pt(s);){const l=M(s),c=bt(s);!c&&l.position==="fixed"&&(i=null),(r?!c&&!i:!c&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||ot(s)&&!c&&qt(t,s))?o=o.filter(u=>u!==s):i=l,s=G(s)}return e.set(t,o),o}function Xe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const s=[...n==="clippingAncestors"?Ye(e,this._c):[].concat(n),o],l=s[0],c=s.reduce((a,u)=>{const d=Tt(e,u,i);return a.top=T(d.top,a.top),a.right=Y(d.right,a.right),a.bottom=Y(d.bottom,a.bottom),a.left=T(d.left,a.left),a},Tt(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function qe(t){const{width:e,height:n}=It(t);return{width:e,height:n}}function Ue(t,e,n){const o=W(e),i=I(e),r=n==="fixed",s=U(t,!0,r,e);let l={scrollLeft:0,scrollTop:0};const c=X(0);if(o||!o&&!r)if((q(e)!=="body"||ot(i))&&(l=gt(e)),o){const d=U(e,!0,r,e);c.x=d.x+e.clientLeft,c.y=d.y+e.clientTop}else i&&(c.x=Xt(i));const a=s.left+l.scrollLeft-c.x,u=s.top+l.scrollTop-c.y;return{x:a,y:u,width:s.width,height:s.height}}function _t(t,e){return!W(t)||M(t).position==="fixed"?null:e?e(t):t.offsetParent}function Ut(t,e){const n=_(t);if(!W(t)||Yt(t))return n;let o=_t(t,e);for(;o&&ke(o)&&M(o).position==="static";)o=_t(o,e);return o&&(q(o)==="html"||q(o)==="body"&&M(o).position==="static"&&!bt(o))?n:o||Fe(t)||n}const Ze=async function(t){const e=this.getOffsetParent||Ut,n=this.getDimensions;return{reference:Ue(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await n(t.floating)}}};function Ke(t){return M(t).direction==="rtl"}const Ge={convertOffsetParentRelativeRectToViewportRelativeRect:Be,getDocumentElement:I,getClippingRect:Xe,getOffsetParent:Ut,getElementRects:Ze,getClientRects:ze,getDimensions:qe,getScale:K,isElement:V,isRTL:Ke};function Je(t,e){let n=null,o;const i=I(t);function r(){var l;clearTimeout(o),(l=n)==null||l.disconnect(),n=null}function s(l,c){l===void 0&&(l=!1),c===void 0&&(c=1),r();const{left:a,top:u,width:d,height:p}=t.getBoundingClientRect();if(l||e(),!d||!p)return;const f=lt(u),m=lt(i.clientWidth-(a+d)),g=lt(i.clientHeight-(u+p)),w=lt(a),y={rootMargin:-f+"px "+-m+"px "+-g+"px "+-w+"px",threshold:T(0,Y(1,c))||1};let x=!0;function v(b){const $=b[0].intersectionRatio;if($!==c){if(!x)return s();$?s(!1,$):o=setTimeout(()=>{s(!1,1e-7)},100)}x=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function Qe(t,e,n,o){o===void 0&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=o,a=At(t),u=i||r?[...a?nt(a):[],...nt(e)]:[];u.forEach(h=>{i&&h.addEventListener("scroll",n,{passive:!0}),r&&h.addEventListener("resize",n)});const d=a&&l?Je(a,n):null;let p=-1,f=null;s&&(f=new ResizeObserver(h=>{let[y]=h;y&&y.target===a&&f&&(f.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var x;(x=f)==null||x.observe(e)})),n()}),a&&!c&&f.observe(a),f.observe(e));let m,g=c?U(t):null;c&&w();function w(){const h=U(t);g&&(h.x!==g.x||h.y!==g.y||h.width!==g.width||h.height!==g.height)&&n(),g=h,m=requestAnimationFrame(w)}return n(),()=>{var h;u.forEach(y=>{i&&y.removeEventListener("scroll",n),r&&y.removeEventListener("resize",n)}),d==null||d(),(h=f)==null||h.disconnect(),f=null,c&&cancelAnimationFrame(m)}}const tn=Te,en=Ee,nn=Me,on=Se,Mt=Pe,rn=_e,sn=(t,e,n)=>{const o=new Map,i={platform:Ge,...n},r={...i.platform,_c:o};return Ce(t,e,{...i,platform:r})},cn=t=>{function e(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:t,fn(n){const{element:o,padding:i}=typeof t=="function"?t(n):t;return o&&e(o)?o.current!=null?Mt({element:o.current,padding:i}).fn(n):{}:o?Mt({element:o,padding:i}).fn(n):{}}}};var at=typeof document<"u"?A.useLayoutEffect:A.useEffect;function mt(t,e){if(t===e)return!0;if(typeof t!=typeof e)return!1;if(typeof t=="function"&&t.toString()===e.toString())return!0;let n,o,i;if(t&&e&&typeof t=="object"){if(Array.isArray(t)){if(n=t.length,n!==e.length)return!1;for(o=n;o--!==0;)if(!mt(t[o],e[o]))return!1;return!0}if(i=Object.keys(t),n=i.length,n!==Object.keys(e).length)return!1;for(o=n;o--!==0;)if(!{}.hasOwnProperty.call(e,i[o]))return!1;for(o=n;o--!==0;){const r=i[o];if(!(r==="_owner"&&t.$$typeof)&&!mt(t[r],e[r]))return!1}return!0}return t!==t&&e!==e}function Zt(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function kt(t,e){const n=Zt(t);return Math.round(e*n)/n}function Ft(t){const e=A.useRef(t);return at(()=>{e.current=t}),e}function ln(t){t===void 0&&(t={});const{placement:e="bottom",strategy:n="absolute",middleware:o=[],platform:i,elements:{reference:r,floating:s}={},transform:l=!0,whileElementsMounted:c,open:a}=t,[u,d]=A.useState({x:0,y:0,strategy:n,placement:e,middlewareData:{},isPositioned:!1}),[p,f]=A.useState(o);mt(p,o)||f(o);const[m,g]=A.useState(null),[w,h]=A.useState(null),y=A.useCallback(R=>{R!==$.current&&($.current=R,g(R))},[]),x=A.useCallback(R=>{R!==O.current&&(O.current=R,h(R))},[]),v=r||m,b=s||w,$=A.useRef(null),O=A.useRef(null),S=A.useRef(u),L=c!=null,k=Ft(c),F=Ft(i),P=A.useCallback(()=>{if(!$.current||!O.current)return;const R={placement:e,strategy:n,middleware:p};F.current&&(R.platform=F.current),sn($.current,O.current,R).then(j=>{const N={...j,isPositioned:!0};H.current&&!mt(S.current,N)&&(S.current=N,he.flushSync(()=>{d(N)}))})},[p,e,n,F]);at(()=>{a===!1&&S.current.isPositioned&&(S.current.isPositioned=!1,d(R=>({...R,isPositioned:!1})))},[a]);const H=A.useRef(!1);at(()=>(H.current=!0,()=>{H.current=!1}),[]),at(()=>{if(v&&($.current=v),b&&(O.current=b),v&&b){if(k.current)return k.current(v,b,P);P()}},[v,b,P,k,L]);const C=A.useMemo(()=>({reference:$,floating:O,setReference:y,setFloating:x}),[y,x]),E=A.useMemo(()=>({reference:v,floating:b}),[v,b]),D=A.useMemo(()=>{const R={position:n,left:0,top:0};if(!E.floating)return R;const j=kt(E.floating,u.x),N=kt(E.floating,u.y);return l?{...R,transform:"translate("+j+"px, "+N+"px)",...Zt(E.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:j,top:N}},[n,l,E.floating,u.x,u.y]);return A.useMemo(()=>({...u,update:P,refs:C,elements:E,floatingStyles:D}),[u,P,C,E,D])}const Kt="Popper",[Gt,$n]=pe(Kt),[an,Jt]=Gt(Kt),fn=t=>{const{__scopePopper:e,children:n}=t,[o,i]=A.useState(null);return A.createElement(an,{scope:e,anchor:o,onAnchorChange:i},n)},dn="PopperAnchor",un=A.forwardRef((t,e)=>{const{__scopePopper:n,virtualRef:o,...i}=t,r=Jt(dn,n),s=A.useRef(null),l=Nt(e,s);return A.useEffect(()=>{r.onAnchorChange((o==null?void 0:o.current)||s.current)}),o?null:A.createElement(Ht.div,Wt({},i,{ref:l}))}),Qt="PopperContent",[mn,An]=Gt(Qt),pn=A.forwardRef((t,e)=>{var n,o,i,r,s,l,c,a;const{__scopePopper:u,side:d="bottom",sideOffset:p=0,align:f="center",alignOffset:m=0,arrowPadding:g=0,avoidCollisions:w=!0,collisionBoundary:h=[],collisionPadding:y=0,sticky:x="partial",hideWhenDetached:v=!1,updatePositionStrategy:b="optimized",onPlaced:$,...O}=t,S=Jt(Qt,u),[L,k]=A.useState(null),F=Nt(e,tt=>k(tt)),[P,H]=A.useState(null),C=we(P),E=(n=C==null?void 0:C.width)!==null&&n!==void 0?n:0,D=(o=C==null?void 0:C.height)!==null&&o!==void 0?o:0,R=d+(f!=="center"?"-"+f:""),j=typeof y=="number"?y:{top:0,right:0,bottom:0,left:0,...y},N=Array.isArray(h)?h:[h],ee=N.length>0,it={padding:j,boundary:N.filter(gn),altBoundary:ee},{refs:ne,floatingStyles:Rt,placement:oe,isPositioned:rt,middlewareData:Z}=ln({strategy:"fixed",placement:R,whileElementsMounted:(...tt)=>Qe(...tt,{animationFrame:b==="always"}),elements:{reference:S.anchor},middleware:[Le({mainAxis:p+D,alignmentAxis:m}),w&&tn({mainAxis:!0,crossAxis:!1,limiter:x==="partial"?rn():void 0,...it}),w&&en({...it}),nn({...it,apply:({elements:tt,rects:Ct,availableWidth:fe,availableHeight:de})=>{const{width:ue,height:me}=Ct.reference,ct=tt.floating.style;ct.setProperty("--radix-popper-available-width",`${fe}px`),ct.setProperty("--radix-popper-available-height",`${de}px`),ct.setProperty("--radix-popper-anchor-width",`${ue}px`),ct.setProperty("--radix-popper-anchor-height",`${me}px`)}}),P&&cn({element:P,padding:g}),hn({arrowWidth:E,arrowHeight:D}),v&&on({strategy:"referenceHidden",...it})]}),[Ot,ie]=te(oe),st=ge($);Pt(()=>{rt&&(st==null||st())},[rt,st]);const re=(i=Z.arrow)===null||i===void 0?void 0:i.x,se=(r=Z.arrow)===null||r===void 0?void 0:r.y,ce=((s=Z.arrow)===null||s===void 0?void 0:s.centerOffset)!==0,[le,ae]=A.useState();return Pt(()=>{L&&ae(window.getComputedStyle(L).zIndex)},[L]),A.createElement("div",{ref:ne.setFloating,"data-radix-popper-content-wrapper":"",style:{...Rt,transform:rt?Rt.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:le,"--radix-popper-transform-origin":[(l=Z.transformOrigin)===null||l===void 0?void 0:l.x,(c=Z.transformOrigin)===null||c===void 0?void 0:c.y].join(" ")},dir:t.dir},A.createElement(mn,{scope:u,placedSide:Ot,onArrowChange:H,arrowX:re,arrowY:se,shouldHideArrow:ce},A.createElement(Ht.div,Wt({"data-side":Ot,"data-align":ie},O,{ref:F,style:{...O.style,animation:rt?void 0:"none",opacity:(a=Z.hide)!==null&&a!==void 0&&a.referenceHidden?0:void 0}}))))});function gn(t){return t!==null}const hn=t=>({name:"transformOrigin",options:t,fn(e){var n,o,i,r,s;const{placement:l,rects:c,middlewareData:a}=e,d=((n=a.arrow)===null||n===void 0?void 0:n.centerOffset)!==0,p=d?0:t.arrowWidth,f=d?0:t.arrowHeight,[m,g]=te(l),w={start:"0%",center:"50%",end:"100%"}[g],h=((o=(i=a.arrow)===null||i===void 0?void 0:i.x)!==null&&o!==void 0?o:0)+p/2,y=((r=(s=a.arrow)===null||s===void 0?void 0:s.y)!==null&&r!==void 0?r:0)+f/2;let x="",v="";return m==="bottom"?(x=d?w:`${h}px`,v=`${-f}px`):m==="top"?(x=d?w:`${h}px`,v=`${c.floating.height+f}px`):m==="right"?(x=`${-f}px`,v=d?w:`${y}px`):m==="left"&&(x=`${c.floating.width+f}px`,v=d?w:`${y}px`),{data:{x,y:v}}}});function te(t){const[e,n="center"]=t.split("-");return[e,n]}const Rn=fn,On=un,Cn=pn;export{$n as $,Cn as a,Rn as b,On as c}; +import{$ as pe,a as Ht,_ as Wt,c as ge,b as Pt}from"./index-ttJ0zls6.js";import{r as A}from"./index-OjgoNOWw.js";import{r as he}from"./index-mQqIOHEI.js";import{a as Nt}from"./index-jKYK_Gmc.js";import{$ as we}from"./index-DTfSmp9M.js";const xe=["top","right","bottom","left"],Y=Math.min,T=Math.max,ft=Math.round,lt=Math.floor,X=t=>({x:t,y:t}),ye={left:"right",right:"left",bottom:"top",top:"bottom"},ve={start:"end",end:"start"};function ht(t,e,n){return T(t,Y(e,n))}function B(t,e){return typeof t=="function"?t(e):t}function z(t){return t.split("-")[0]}function J(t){return t.split("-")[1]}function xt(t){return t==="x"?"y":"x"}function yt(t){return t==="y"?"height":"width"}function Q(t){return["top","bottom"].includes(z(t))?"y":"x"}function vt(t){return xt(Q(t))}function be(t,e,n){n===void 0&&(n=!1);const o=J(t),i=vt(t),r=yt(i);let s=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=dt(s)),[s,dt(s)]}function $e(t){const e=dt(t);return[wt(t),e,wt(e)]}function wt(t){return t.replace(/start|end/g,e=>ve[e])}function Ae(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:s;default:return[]}}function Re(t,e,n,o){const i=J(t);let r=Ae(z(t),n==="start",o);return i&&(r=r.map(s=>s+"-"+i),e&&(r=r.concat(r.map(wt)))),r}function dt(t){return t.replace(/left|right|bottom|top/g,e=>ye[e])}function Oe(t){return{top:0,right:0,bottom:0,left:0,...t}}function Bt(t){return typeof t!="number"?Oe(t):{top:t,right:t,bottom:t,left:t}}function ut(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Et(t,e,n){let{reference:o,floating:i}=t;const r=Q(e),s=vt(e),l=yt(s),c=z(e),a=r==="y",u=o.x+o.width/2-i.width/2,d=o.y+o.height/2-i.height/2,p=o[l]/2-i[l]/2;let f;switch(c){case"top":f={x:u,y:o.y-i.height};break;case"bottom":f={x:u,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:d};break;case"left":f={x:o.x-i.width,y:d};break;default:f={x:o.x,y:o.y}}switch(J(e)){case"start":f[s]-=p*(n&&a?-1:1);break;case"end":f[s]+=p*(n&&a?-1:1);break}return f}const Ce=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:s}=n,l=r.filter(Boolean),c=await(s.isRTL==null?void 0:s.isRTL(e));let a=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:d}=Et(a,o,c),p=o,f={},m=0;for(let g=0;g({name:"arrow",options:t,async fn(e){const{x:n,y:o,placement:i,rects:r,platform:s,elements:l,middlewareData:c}=e,{element:a,padding:u=0}=B(t,e)||{};if(a==null)return{};const d=Bt(u),p={x:n,y:o},f=vt(i),m=yt(f),g=await s.getDimensions(a),w=f==="y",h=w?"top":"left",y=w?"bottom":"right",x=w?"clientHeight":"clientWidth",v=r.reference[m]+r.reference[f]-p[f]-r.floating[m],b=p[f]-r.reference[f],$=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a));let O=$?$[x]:0;(!O||!await(s.isElement==null?void 0:s.isElement($)))&&(O=l.floating[x]||r.floating[m]);const S=v/2-b/2,L=O/2-g[m]/2-1,k=Y(d[h],L),F=Y(d[y],L),P=k,H=O-g[m]-F,C=O/2-g[m]/2+S,E=ht(P,C,H),D=!c.arrow&&J(i)!=null&&C!==E&&r.reference[m]/2-(CP<=0)){var L,k;const P=(((L=r.flip)==null?void 0:L.index)||0)+1,H=b[P];if(H)return{data:{index:P,overflows:S},reset:{placement:H}};let C=(k=S.filter(E=>E.overflows[0]<=0).sort((E,D)=>E.overflows[1]-D.overflows[1])[0])==null?void 0:k.placement;if(!C)switch(f){case"bestFit":{var F;const E=(F=S.map(D=>[D.placement,D.overflows.filter(R=>R>0).reduce((R,j)=>R+j,0)]).sort((D,R)=>D[1]-R[1])[0])==null?void 0:F[0];E&&(C=E);break}case"initialPlacement":C=l;break}if(i!==C)return{reset:{placement:C}}}return{}}}};function St(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Dt(t){return xe.some(e=>t[e]>=0)}const Se=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){const{rects:n}=e,{strategy:o="referenceHidden",...i}=B(t,e);switch(o){case"referenceHidden":{const r=await et(e,{...i,elementContext:"reference"}),s=St(r,n.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:Dt(s)}}}case"escaped":{const r=await et(e,{...i,altBoundary:!0}),s=St(r,n.floating);return{data:{escapedOffsets:s,escaped:Dt(s)}}}default:return{}}}}};async function De(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),s=z(n),l=J(n),c=Q(n)==="y",a=["left","top"].includes(s)?-1:1,u=r&&c?-1:1,d=B(e,t);let{mainAxis:p,crossAxis:f,alignmentAxis:m}=typeof d=="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};return l&&typeof m=="number"&&(f=l==="end"?m*-1:m),c?{x:f*u,y:p*a}:{x:p*a,y:f*u}}const Le=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:s,middlewareData:l}=e,c=await De(e,t);return s===((n=l.offset)==null?void 0:n.placement)&&(o=l.arrow)!=null&&o.alignmentOffset?{}:{x:i+c.x,y:r+c.y,data:{...c,placement:s}}}}},Te=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:l={fn:w=>{let{x:h,y}=w;return{x:h,y}}},...c}=B(t,e),a={x:n,y:o},u=await et(e,c),d=Q(z(i)),p=xt(d);let f=a[p],m=a[d];if(r){const w=p==="y"?"top":"left",h=p==="y"?"bottom":"right",y=f+u[w],x=f-u[h];f=ht(y,f,x)}if(s){const w=d==="y"?"top":"left",h=d==="y"?"bottom":"right",y=m+u[w],x=m-u[h];m=ht(y,m,x)}const g=l.fn({...e,[p]:f,[d]:m});return{...g,data:{x:g.x-n,y:g.y-o}}}}},_e=function(t){return t===void 0&&(t={}),{options:t,fn(e){const{x:n,y:o,placement:i,rects:r,middlewareData:s}=e,{offset:l=0,mainAxis:c=!0,crossAxis:a=!0}=B(t,e),u={x:n,y:o},d=Q(i),p=xt(d);let f=u[p],m=u[d];const g=B(l,e),w=typeof g=="number"?{mainAxis:g,crossAxis:0}:{mainAxis:0,crossAxis:0,...g};if(c){const x=p==="y"?"height":"width",v=r.reference[p]-r.floating[x]+w.mainAxis,b=r.reference[p]+r.reference[x]-w.mainAxis;fb&&(f=b)}if(a){var h,y;const x=p==="y"?"width":"height",v=["top","left"].includes(z(i)),b=r.reference[d]-r.floating[x]+(v&&((h=s.offset)==null?void 0:h[d])||0)+(v?0:w.crossAxis),$=r.reference[d]+r.reference[x]+(v?0:((y=s.offset)==null?void 0:y[d])||0)-(v?w.crossAxis:0);m$&&(m=$)}return{[p]:f,[d]:m}}}},Me=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:o,platform:i,elements:r}=e,{apply:s=()=>{},...l}=B(t,e),c=await et(e,l),a=z(n),u=J(n),d=Q(n)==="y",{width:p,height:f}=o.floating;let m,g;a==="top"||a==="bottom"?(m=a,g=u===(await(i.isRTL==null?void 0:i.isRTL(r.floating))?"start":"end")?"left":"right"):(g=a,m=u==="end"?"top":"bottom");const w=f-c[m],h=p-c[g],y=!e.middlewareData.shift;let x=w,v=h;if(d){const $=p-c.left-c.right;v=u||y?Y(h,$):$}else{const $=f-c.top-c.bottom;x=u||y?Y(w,$):$}if(y&&!u){const $=T(c.left,0),O=T(c.right,0),S=T(c.top,0),L=T(c.bottom,0);d?v=p-2*($!==0||O!==0?$+O:T(c.left,c.right)):x=f-2*(S!==0||L!==0?S+L:T(c.top,c.bottom))}await s({...e,availableWidth:v,availableHeight:x});const b=await i.getDimensions(r.floating);return p!==b.width||f!==b.height?{reset:{rects:!0}}:{}}}};function q(t){return zt(t)?(t.nodeName||"").toLowerCase():"#document"}function _(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function I(t){var e;return(e=(zt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function zt(t){return t instanceof Node||t instanceof _(t).Node}function V(t){return t instanceof Element||t instanceof _(t).Element}function W(t){return t instanceof HTMLElement||t instanceof _(t).HTMLElement}function Lt(t){return typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof _(t).ShadowRoot}function ot(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=M(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function ke(t){return["table","td","th"].includes(q(t))}function bt(t){const e=$t(),n=M(t);return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||["transform","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function Fe(t){let e=G(t);for(;W(e)&&!pt(e);){if(bt(e))return e;e=G(e)}return null}function $t(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function pt(t){return["html","body","#document"].includes(q(t))}function M(t){return _(t).getComputedStyle(t)}function gt(t){return V(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function G(t){if(q(t)==="html")return t;const e=t.assignedSlot||t.parentNode||Lt(t)&&t.host||I(t);return Lt(e)?e.host:e}function Vt(t){const e=G(t);return pt(e)?t.ownerDocument?t.ownerDocument.body:t.body:W(e)&&ot(e)?e:Vt(e)}function nt(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=Vt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),s=_(i);return r?e.concat(s,s.visualViewport||[],ot(i)?i:[],s.frameElement&&n?nt(s.frameElement):[]):e.concat(i,nt(i,[],n))}function It(t){const e=M(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=W(t),r=i?t.offsetWidth:n,s=i?t.offsetHeight:o,l=ft(n)!==r||ft(o)!==s;return l&&(n=r,o=s),{width:n,height:o,$:l}}function At(t){return V(t)?t:t.contextElement}function K(t){const e=At(t);if(!W(e))return X(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=It(e);let s=(r?ft(n.width):n.width)/o,l=(r?ft(n.height):n.height)/i;return(!s||!Number.isFinite(s))&&(s=1),(!l||!Number.isFinite(l))&&(l=1),{x:s,y:l}}const He=X(0);function jt(t){const e=_(t);return!$t()||!e.visualViewport?He:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function We(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==_(t)?!1:e}function U(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=At(t);let s=X(1);e&&(o?V(o)&&(s=K(o)):s=K(t));const l=We(r,n,o)?jt(r):X(0);let c=(i.left+l.x)/s.x,a=(i.top+l.y)/s.y,u=i.width/s.x,d=i.height/s.y;if(r){const p=_(r),f=o&&V(o)?_(o):o;let m=p,g=m.frameElement;for(;g&&o&&f!==m;){const w=K(g),h=g.getBoundingClientRect(),y=M(g),x=h.left+(g.clientLeft+parseFloat(y.paddingLeft))*w.x,v=h.top+(g.clientTop+parseFloat(y.paddingTop))*w.y;c*=w.x,a*=w.y,u*=w.x,d*=w.y,c+=x,a+=v,m=_(g),g=m.frameElement}}return ut({width:u,height:d,x:c,y:a})}const Ne=[":popover-open",":modal"];function Yt(t){return Ne.some(e=>{try{return t.matches(e)}catch{return!1}})}function Be(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const r=i==="fixed",s=I(o),l=e?Yt(e.floating):!1;if(o===s||l&&r)return n;let c={scrollLeft:0,scrollTop:0},a=X(1);const u=X(0),d=W(o);if((d||!d&&!r)&&((q(o)!=="body"||ot(s))&&(c=gt(o)),W(o))){const p=U(o);a=K(o),u.x=p.x+o.clientLeft,u.y=p.y+o.clientTop}return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+u.x,y:n.y*a.y-c.scrollTop*a.y+u.y}}function ze(t){return Array.from(t.getClientRects())}function Xt(t){return U(I(t)).left+gt(t).scrollLeft}function Ve(t){const e=I(t),n=gt(t),o=t.ownerDocument.body,i=T(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=T(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let s=-n.scrollLeft+Xt(t);const l=-n.scrollTop;return M(o).direction==="rtl"&&(s+=T(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:s,y:l}}function Ie(t,e){const n=_(t),o=I(t),i=n.visualViewport;let r=o.clientWidth,s=o.clientHeight,l=0,c=0;if(i){r=i.width,s=i.height;const a=$t();(!a||a&&e==="fixed")&&(l=i.offsetLeft,c=i.offsetTop)}return{width:r,height:s,x:l,y:c}}function je(t,e){const n=U(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=W(t)?K(t):X(1),s=t.clientWidth*r.x,l=t.clientHeight*r.y,c=i*r.x,a=o*r.y;return{width:s,height:l,x:c,y:a}}function Tt(t,e,n){let o;if(e==="viewport")o=Ie(t,n);else if(e==="document")o=Ve(I(t));else if(V(e))o=je(e,n);else{const i=jt(t);o={...e,x:e.x-i.x,y:e.y-i.y}}return ut(o)}function qt(t,e){const n=G(t);return n===e||!V(n)||pt(n)?!1:M(n).position==="fixed"||qt(n,e)}function Ye(t,e){const n=e.get(t);if(n)return n;let o=nt(t,[],!1).filter(l=>V(l)&&q(l)!=="body"),i=null;const r=M(t).position==="fixed";let s=r?G(t):t;for(;V(s)&&!pt(s);){const l=M(s),c=bt(s);!c&&l.position==="fixed"&&(i=null),(r?!c&&!i:!c&&l.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||ot(s)&&!c&&qt(t,s))?o=o.filter(u=>u!==s):i=l,s=G(s)}return e.set(t,o),o}function Xe(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const s=[...n==="clippingAncestors"?Ye(e,this._c):[].concat(n),o],l=s[0],c=s.reduce((a,u)=>{const d=Tt(e,u,i);return a.top=T(d.top,a.top),a.right=Y(d.right,a.right),a.bottom=Y(d.bottom,a.bottom),a.left=T(d.left,a.left),a},Tt(e,l,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function qe(t){const{width:e,height:n}=It(t);return{width:e,height:n}}function Ue(t,e,n){const o=W(e),i=I(e),r=n==="fixed",s=U(t,!0,r,e);let l={scrollLeft:0,scrollTop:0};const c=X(0);if(o||!o&&!r)if((q(e)!=="body"||ot(i))&&(l=gt(e)),o){const d=U(e,!0,r,e);c.x=d.x+e.clientLeft,c.y=d.y+e.clientTop}else i&&(c.x=Xt(i));const a=s.left+l.scrollLeft-c.x,u=s.top+l.scrollTop-c.y;return{x:a,y:u,width:s.width,height:s.height}}function _t(t,e){return!W(t)||M(t).position==="fixed"?null:e?e(t):t.offsetParent}function Ut(t,e){const n=_(t);if(!W(t)||Yt(t))return n;let o=_t(t,e);for(;o&&ke(o)&&M(o).position==="static";)o=_t(o,e);return o&&(q(o)==="html"||q(o)==="body"&&M(o).position==="static"&&!bt(o))?n:o||Fe(t)||n}const Ze=async function(t){const e=this.getOffsetParent||Ut,n=this.getDimensions;return{reference:Ue(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await n(t.floating)}}};function Ke(t){return M(t).direction==="rtl"}const Ge={convertOffsetParentRelativeRectToViewportRelativeRect:Be,getDocumentElement:I,getClippingRect:Xe,getOffsetParent:Ut,getElementRects:Ze,getClientRects:ze,getDimensions:qe,getScale:K,isElement:V,isRTL:Ke};function Je(t,e){let n=null,o;const i=I(t);function r(){var l;clearTimeout(o),(l=n)==null||l.disconnect(),n=null}function s(l,c){l===void 0&&(l=!1),c===void 0&&(c=1),r();const{left:a,top:u,width:d,height:p}=t.getBoundingClientRect();if(l||e(),!d||!p)return;const f=lt(u),m=lt(i.clientWidth-(a+d)),g=lt(i.clientHeight-(u+p)),w=lt(a),y={rootMargin:-f+"px "+-m+"px "+-g+"px "+-w+"px",threshold:T(0,Y(1,c))||1};let x=!0;function v(b){const $=b[0].intersectionRatio;if($!==c){if(!x)return s();$?s(!1,$):o=setTimeout(()=>{s(!1,1e-7)},100)}x=!1}try{n=new IntersectionObserver(v,{...y,root:i.ownerDocument})}catch{n=new IntersectionObserver(v,y)}n.observe(t)}return s(!0),r}function Qe(t,e,n,o){o===void 0&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:l=typeof IntersectionObserver=="function",animationFrame:c=!1}=o,a=At(t),u=i||r?[...a?nt(a):[],...nt(e)]:[];u.forEach(h=>{i&&h.addEventListener("scroll",n,{passive:!0}),r&&h.addEventListener("resize",n)});const d=a&&l?Je(a,n):null;let p=-1,f=null;s&&(f=new ResizeObserver(h=>{let[y]=h;y&&y.target===a&&f&&(f.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var x;(x=f)==null||x.observe(e)})),n()}),a&&!c&&f.observe(a),f.observe(e));let m,g=c?U(t):null;c&&w();function w(){const h=U(t);g&&(h.x!==g.x||h.y!==g.y||h.width!==g.width||h.height!==g.height)&&n(),g=h,m=requestAnimationFrame(w)}return n(),()=>{var h;u.forEach(y=>{i&&y.removeEventListener("scroll",n),r&&y.removeEventListener("resize",n)}),d==null||d(),(h=f)==null||h.disconnect(),f=null,c&&cancelAnimationFrame(m)}}const tn=Te,en=Ee,nn=Me,on=Se,Mt=Pe,rn=_e,sn=(t,e,n)=>{const o=new Map,i={platform:Ge,...n},r={...i.platform,_c:o};return Ce(t,e,{...i,platform:r})},cn=t=>{function e(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:t,fn(n){const{element:o,padding:i}=typeof t=="function"?t(n):t;return o&&e(o)?o.current!=null?Mt({element:o.current,padding:i}).fn(n):{}:o?Mt({element:o,padding:i}).fn(n):{}}}};var at=typeof document<"u"?A.useLayoutEffect:A.useEffect;function mt(t,e){if(t===e)return!0;if(typeof t!=typeof e)return!1;if(typeof t=="function"&&t.toString()===e.toString())return!0;let n,o,i;if(t&&e&&typeof t=="object"){if(Array.isArray(t)){if(n=t.length,n!==e.length)return!1;for(o=n;o--!==0;)if(!mt(t[o],e[o]))return!1;return!0}if(i=Object.keys(t),n=i.length,n!==Object.keys(e).length)return!1;for(o=n;o--!==0;)if(!{}.hasOwnProperty.call(e,i[o]))return!1;for(o=n;o--!==0;){const r=i[o];if(!(r==="_owner"&&t.$$typeof)&&!mt(t[r],e[r]))return!1}return!0}return t!==t&&e!==e}function Zt(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function kt(t,e){const n=Zt(t);return Math.round(e*n)/n}function Ft(t){const e=A.useRef(t);return at(()=>{e.current=t}),e}function ln(t){t===void 0&&(t={});const{placement:e="bottom",strategy:n="absolute",middleware:o=[],platform:i,elements:{reference:r,floating:s}={},transform:l=!0,whileElementsMounted:c,open:a}=t,[u,d]=A.useState({x:0,y:0,strategy:n,placement:e,middlewareData:{},isPositioned:!1}),[p,f]=A.useState(o);mt(p,o)||f(o);const[m,g]=A.useState(null),[w,h]=A.useState(null),y=A.useCallback(R=>{R!==$.current&&($.current=R,g(R))},[]),x=A.useCallback(R=>{R!==O.current&&(O.current=R,h(R))},[]),v=r||m,b=s||w,$=A.useRef(null),O=A.useRef(null),S=A.useRef(u),L=c!=null,k=Ft(c),F=Ft(i),P=A.useCallback(()=>{if(!$.current||!O.current)return;const R={placement:e,strategy:n,middleware:p};F.current&&(R.platform=F.current),sn($.current,O.current,R).then(j=>{const N={...j,isPositioned:!0};H.current&&!mt(S.current,N)&&(S.current=N,he.flushSync(()=>{d(N)}))})},[p,e,n,F]);at(()=>{a===!1&&S.current.isPositioned&&(S.current.isPositioned=!1,d(R=>({...R,isPositioned:!1})))},[a]);const H=A.useRef(!1);at(()=>(H.current=!0,()=>{H.current=!1}),[]),at(()=>{if(v&&($.current=v),b&&(O.current=b),v&&b){if(k.current)return k.current(v,b,P);P()}},[v,b,P,k,L]);const C=A.useMemo(()=>({reference:$,floating:O,setReference:y,setFloating:x}),[y,x]),E=A.useMemo(()=>({reference:v,floating:b}),[v,b]),D=A.useMemo(()=>{const R={position:n,left:0,top:0};if(!E.floating)return R;const j=kt(E.floating,u.x),N=kt(E.floating,u.y);return l?{...R,transform:"translate("+j+"px, "+N+"px)",...Zt(E.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:j,top:N}},[n,l,E.floating,u.x,u.y]);return A.useMemo(()=>({...u,update:P,refs:C,elements:E,floatingStyles:D}),[u,P,C,E,D])}const Kt="Popper",[Gt,$n]=pe(Kt),[an,Jt]=Gt(Kt),fn=t=>{const{__scopePopper:e,children:n}=t,[o,i]=A.useState(null);return A.createElement(an,{scope:e,anchor:o,onAnchorChange:i},n)},dn="PopperAnchor",un=A.forwardRef((t,e)=>{const{__scopePopper:n,virtualRef:o,...i}=t,r=Jt(dn,n),s=A.useRef(null),l=Nt(e,s);return A.useEffect(()=>{r.onAnchorChange((o==null?void 0:o.current)||s.current)}),o?null:A.createElement(Ht.div,Wt({},i,{ref:l}))}),Qt="PopperContent",[mn,An]=Gt(Qt),pn=A.forwardRef((t,e)=>{var n,o,i,r,s,l,c,a;const{__scopePopper:u,side:d="bottom",sideOffset:p=0,align:f="center",alignOffset:m=0,arrowPadding:g=0,avoidCollisions:w=!0,collisionBoundary:h=[],collisionPadding:y=0,sticky:x="partial",hideWhenDetached:v=!1,updatePositionStrategy:b="optimized",onPlaced:$,...O}=t,S=Jt(Qt,u),[L,k]=A.useState(null),F=Nt(e,tt=>k(tt)),[P,H]=A.useState(null),C=we(P),E=(n=C==null?void 0:C.width)!==null&&n!==void 0?n:0,D=(o=C==null?void 0:C.height)!==null&&o!==void 0?o:0,R=d+(f!=="center"?"-"+f:""),j=typeof y=="number"?y:{top:0,right:0,bottom:0,left:0,...y},N=Array.isArray(h)?h:[h],ee=N.length>0,it={padding:j,boundary:N.filter(gn),altBoundary:ee},{refs:ne,floatingStyles:Rt,placement:oe,isPositioned:rt,middlewareData:Z}=ln({strategy:"fixed",placement:R,whileElementsMounted:(...tt)=>Qe(...tt,{animationFrame:b==="always"}),elements:{reference:S.anchor},middleware:[Le({mainAxis:p+D,alignmentAxis:m}),w&&tn({mainAxis:!0,crossAxis:!1,limiter:x==="partial"?rn():void 0,...it}),w&&en({...it}),nn({...it,apply:({elements:tt,rects:Ct,availableWidth:fe,availableHeight:de})=>{const{width:ue,height:me}=Ct.reference,ct=tt.floating.style;ct.setProperty("--radix-popper-available-width",`${fe}px`),ct.setProperty("--radix-popper-available-height",`${de}px`),ct.setProperty("--radix-popper-anchor-width",`${ue}px`),ct.setProperty("--radix-popper-anchor-height",`${me}px`)}}),P&&cn({element:P,padding:g}),hn({arrowWidth:E,arrowHeight:D}),v&&on({strategy:"referenceHidden",...it})]}),[Ot,ie]=te(oe),st=ge($);Pt(()=>{rt&&(st==null||st())},[rt,st]);const re=(i=Z.arrow)===null||i===void 0?void 0:i.x,se=(r=Z.arrow)===null||r===void 0?void 0:r.y,ce=((s=Z.arrow)===null||s===void 0?void 0:s.centerOffset)!==0,[le,ae]=A.useState();return Pt(()=>{L&&ae(window.getComputedStyle(L).zIndex)},[L]),A.createElement("div",{ref:ne.setFloating,"data-radix-popper-content-wrapper":"",style:{...Rt,transform:rt?Rt.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:le,"--radix-popper-transform-origin":[(l=Z.transformOrigin)===null||l===void 0?void 0:l.x,(c=Z.transformOrigin)===null||c===void 0?void 0:c.y].join(" ")},dir:t.dir},A.createElement(mn,{scope:u,placedSide:Ot,onArrowChange:H,arrowX:re,arrowY:se,shouldHideArrow:ce},A.createElement(Ht.div,Wt({"data-side":Ot,"data-align":ie},O,{ref:F,style:{...O.style,animation:rt?void 0:"none",opacity:(a=Z.hide)!==null&&a!==void 0&&a.referenceHidden?0:void 0}}))))});function gn(t){return t!==null}const hn=t=>({name:"transformOrigin",options:t,fn(e){var n,o,i,r,s;const{placement:l,rects:c,middlewareData:a}=e,d=((n=a.arrow)===null||n===void 0?void 0:n.centerOffset)!==0,p=d?0:t.arrowWidth,f=d?0:t.arrowHeight,[m,g]=te(l),w={start:"0%",center:"50%",end:"100%"}[g],h=((o=(i=a.arrow)===null||i===void 0?void 0:i.x)!==null&&o!==void 0?o:0)+p/2,y=((r=(s=a.arrow)===null||s===void 0?void 0:s.y)!==null&&r!==void 0?r:0)+f/2;let x="",v="";return m==="bottom"?(x=d?w:`${h}px`,v=`${-f}px`):m==="top"?(x=d?w:`${h}px`,v=`${c.floating.height+f}px`):m==="right"?(x=`${-f}px`,v=d?w:`${y}px`):m==="left"&&(x=`${c.floating.width+f}px`,v=d?w:`${y}px`),{data:{x,y:v}}}});function te(t){const[e,n="center"]=t.split("-");return[e,n]}const Rn=fn,On=un,Cn=pn;export{$n as $,Cn as a,Rn as b,On as c}; diff --git a/assets/preview-FucG_riN.js b/assets/preview-DEV10Z5K.js similarity index 67% rename from assets/preview-FucG_riN.js rename to assets/preview-DEV10Z5K.js index 8706c2c..622a780 100644 --- a/assets/preview-FucG_riN.js +++ b/assets/preview-DEV10Z5K.js @@ -1,7 +1,7 @@ -import{_ as a}from"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU-NoqAJJC6.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; +import{_ as a}from"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU--exZE3nM.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["./DocsRenderer-K4EAMTCU-NoqAJJC6.js","./iframe-tq1wxn00.js","./index-OjgoNOWw.js","./react-18-DyM-o0Ps.js","./index-mQqIOHEI.js","./index-OSMui59-.js","./index-jKYK_Gmc.js","./index-ZKB_KljB.js","./index-XkRcYS9h.js","./index-PPLHz8o0.js"] + __vite__mapDeps.viteFileDeps = ["./DocsRenderer-K4EAMTCU--exZE3nM.js","./iframe-y0lbn9y8.js","./index-OjgoNOWw.js","./react-18-DyM-o0Ps.js","./index-mQqIOHEI.js","./index-9v6N7U6e.js","./index-jKYK_Gmc.js","./index-ZKB_KljB.js","./index-XkRcYS9h.js","./index-PPLHz8o0.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } \ No newline at end of file diff --git a/assets/preview-Nsa0fPHb.css b/assets/preview-Nsa0fPHb.css new file mode 100644 index 0000000..7da7f53 --- /dev/null +++ b/assets/preview-Nsa0fPHb.css @@ -0,0 +1 @@ +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-primary-900: 258 66% 7%;--color-primary-800: 259 66% 14%;--color-primary-700: 259 68% 21%;--color-primary-600: 260 67% 28%;--color-primary-500: 259 67% 35%;--color-primary-400: 260 89% 60%;--color-primary-300: 260 89% 68%;--color-primary-200: 260 89% 76%;--color-primary-100: 260 90% 84%;--color-primary-050: 259 90% 92%;--color-primary-025: 259 90% 96%;--color-neutral-900: 221 39% 11%;--color-neutral-800: 215 28% 17%;--color-neutral-700: 217 19% 27%;--color-neutral-600: 215 14% 34%;--color-neutral-500: 220 9% 46%;--color-neutral-400: 218 11% 65%;--color-neutral-300: 216 12% 84%;--color-neutral-200: 220 13% 91%;--color-neutral-100: 220 14% 96%;--color-neutral-050: 210 20% 98%;--color-neutral-000: 0 0% 100%;--color-error-900: 4 59% 19%;--color-error-800: 3 58% 29%;--color-error-700: 4 59% 39%;--color-error-600: 4 59% 48%;--color-error-500: 4 81% 58%;--color-error-400: 4 81% 65%;--color-error-300: 4 82% 72%;--color-error-200: 3 81% 79%;--color-error-100: 4 81% 86%;--color-error-050: 3 81% 92%;--color-warning-900: 32 93% 17%;--color-warning-800: 33 92% 25%;--color-warning-700: 32 92% 34%;--color-warning-600: 33 93% 42%;--color-warning-500: 32 95% 51%;--color-warning-400: 32 95% 59%;--color-warning-300: 32 95% 67%;--color-warning-200: 33 95% 75%;--color-warning-100: 32 95% 84%;--color-warning-050: 33 96% 90%;--color-success-900: 137 75% 14%;--color-success-800: 137 75% 22%;--color-success-700: 137 74% 29%;--color-success-600: 137 75% 36%;--color-success-500: 137 74% 43%;--color-success-400: 137 56% 53%;--color-success-300: 137 56% 62%;--color-success-200: 137 56% 71%;--color-success-100: 137 57% 81%;--color-success-050: 137 55% 89%;--color-blue-900: 208 88% 10%;--color-blue-800: 209 88% 17%;--color-blue-700: 208 89% 25%;--color-blue-600: 208 89% 33%;--color-blue-500: 209 89% 42%;--color-blue-400: 209 90% 50%;--color-blue-300: 209 90% 58%;--color-blue-200: 208 89% 67%;--color-blue-100: 208 89% 75%;--color-blue-050: 209 90% 84%;--color-blue-025: 208 88% 90%;--color-teal-900: 180 61% 8%;--color-teal-800: 180 59% 14%;--color-teal-700: 180 60% 20%;--color-teal-600: 180 61% 27%;--color-teal-500: 180 60% 34%;--color-teal-400: 180 60% 41%;--color-teal-300: 180 41% 51%;--color-teal-200: 180 42% 60%;--color-teal-100: 180 41% 70%;--color-teal-050: 180 41% 80%;--color-teal-025: 180 41% 88%;--color-turquoise-900: 192 57% 9%;--color-turquoise-800: 190 57% 15%;--color-turquoise-700: 189 58% 22%;--color-turquoise-600: 190 58% 30%;--color-turquoise-500: 189 57% 37%;--color-turquoise-400: 190 58% 44%;--color-turquoise-300: 190 46% 54%;--color-turquoise-200: 190 46% 63%;--color-turquoise-100: 189 45% 72%;--color-turquoise-050: 190 45% 81%;--color-turquoise-025: 192 46% 89%;--color-lime-900: 96 60% 11%;--color-lime-800: 96 61% 18%;--color-lime-700: 96 60% 27%;--color-lime-600: 96 60% 36%;--color-lime-500: 96 60% 45%;--color-lime-400: 96 72% 54%;--color-lime-300: 96 71% 62%;--color-lime-200: 96 72% 70%;--color-lime-100: 96 71% 77%;--color-lime-050: 96 72% 85%;--color-lime-025: 96 70% 91%;--color-magenta-900: 337 61% 12%;--color-magenta-800: 338 61% 20%;--color-magenta-700: 338 60% 30%;--color-magenta-600: 338 60% 40%;--color-magenta-500: 338 60% 50%;--color-magenta-400: 338 90% 60%;--color-magenta-300: 338 91% 67%;--color-magenta-200: 338 90% 73%;--color-magenta-100: 338 90% 80%;--color-magenta-050: 338 91% 87%;--color-magenta-025: 337 90% 92%;--color-orange-900: 19 61% 12%;--color-orange-800: 19 61% 20%;--color-orange-700: 19 60% 30%;--color-orange-600: 19 60% 40%;--color-orange-500: 19 60% 50%;--color-orange-400: 19 90% 60%;--color-orange-300: 19 91% 67%;--color-orange-200: 19 90% 73%;--color-orange-100: 19 90% 80%;--color-orange-050: 19 91% 87%;--color-orange-025: 19 90% 92%;--color-text-primary: var(--color-primary-900);--color-text-secondary: var(--color-neutral-500);--color-text-tertiary: var(--color-neutral-400);--color-text-negative: var(--color-neutral-000);--color-text-brand: var(--color-primary-500);--color-text-error: var(--color-error-500);--color-text-warning: var(--color-warning-500);--color-text-success: var(--color-success-500);--color-surface-primary: var(--color-neutral-000);--color-surface-secondary: var(--color-neutral-050);--color-surface-tertiary: var(--color-neutral-100);--color-surface-strong: var(--color-primary-400);--color-border-minimal: var(--color-neutral-100);--color-border-moderate: var(--color-neutral-200);--color-border-bold: var(--color-neutral-500)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.inset-x-0{left:0rem;right:0rem}.inset-y-0{top:0rem;bottom:0rem}.bottom-0{bottom:0rem}.left-0{left:0rem}.left-2{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0rem}.right-2{right:.75rem}.top-0{top:0rem}.top-2{top:.75rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.m-0{margin:0rem}.my-1{margin-top:.5rem;margin-bottom:.5rem}.ml-1{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.75rem}.mt-4{margin-top:1.25rem}.mt-5{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-12{height:6rem}.h-2{height:.75rem}.h-3{height:1rem}.h-4{height:1.25rem}.h-5{height:1.5rem}.h-6{height:2rem}.h-7{height:2.5rem}.h-8{height:3rem}.h-9{height:4rem}.h-\[180px\]{height:180px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[28px\]{height:28px}.h-\[500px\]{height:500px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-\[1000px\]{min-height:1000px}.w-12{width:6rem}.w-2{width:.75rem}.w-3{width:1rem}.w-3\/4{width:75%}.w-4{width:1.25rem}.w-5{width:1.5rem}.w-6{width:2rem}.w-7{width:2.5rem}.w-9{width:4rem}.w-\[1000px\]{width:1000px}.w-\[180px\]{width:180px}.w-\[220px\]{width:220px}.w-\[28px\]{width:28px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-full{width:100%}.min-w-\[500px\]{min-width:500px}.min-w-\[800px\]{min-width:800px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 2s linear infinite}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0rem}.gap-0\.5{gap:.25rem}.gap-1{gap:.5rem}.gap-2{gap:.75rem}.gap-3{gap:1rem}.gap-4{gap:1.25rem}.gap-7{gap:2.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-md{border-radius:.5rem}.rounded-rounded{border-radius:9999px}.rounded-sm{border-radius:.25rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[7px\]{border-width:7px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#D0D5DD\]{--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-blue-100{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-100) / var(--tw-border-opacity))}.border-error-200{--tw-border-opacity: 1;border-color:hsl(var(--color-error-200) / var(--tw-border-opacity))}.border-error-300{--tw-border-opacity: 1;border-color:hsl(var(--color-error-300) / var(--tw-border-opacity))}.border-error-600{--tw-border-opacity: 1;border-color:hsl(var(--color-error-600) / var(--tw-border-opacity))}.border-lime-100{--tw-border-opacity: 1;border-color:hsl(var(--color-lime-100) / var(--tw-border-opacity))}.border-magenta-100{--tw-border-opacity: 1;border-color:hsl(var(--color-magenta-100) / var(--tw-border-opacity))}.border-neutral-300{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.border-orange-100{--tw-border-opacity: 1;border-color:hsl(var(--color-orange-100) / var(--tw-border-opacity))}.border-primary-100{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-100) / var(--tw-border-opacity))}.border-primary-400{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-400) / var(--tw-border-opacity))}.border-success-200{--tw-border-opacity: 1;border-color:hsl(var(--color-success-200) / var(--tw-border-opacity))}.border-success-300{--tw-border-opacity: 1;border-color:hsl(var(--color-success-300) / var(--tw-border-opacity))}.border-teal-100{--tw-border-opacity: 1;border-color:hsl(var(--color-teal-100) / var(--tw-border-opacity))}.border-theme-border-bold{--tw-border-opacity: 1;border-color:hsl(var(--color-border-bold) / var(--tw-border-opacity))}.border-theme-border-moderate{--tw-border-opacity: 1;border-color:hsl(var(--color-border-moderate) / var(--tw-border-opacity))}.border-turquoise-100{--tw-border-opacity: 1;border-color:hsl(var(--color-turquoise-100) / var(--tw-border-opacity))}.border-warning-200{--tw-border-opacity: 1;border-color:hsl(var(--color-warning-200) / var(--tw-border-opacity))}.border-warning-300{--tw-border-opacity: 1;border-color:hsl(var(--color-warning-300) / var(--tw-border-opacity))}.border-b-theme-surface-strong{--tw-border-opacity: 1;border-bottom-color:hsl(var(--color-surface-strong) / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/10{background-color:#0000001a}.bg-blue-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-025) / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-050) / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-500) / var(--tw-bg-opacity))}.bg-error-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-100) / var(--tw-bg-opacity))}.bg-error-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-050) / var(--tw-bg-opacity))}.bg-error-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-600) / var(--tw-bg-opacity))}.bg-lime-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-100) / var(--tw-bg-opacity))}.bg-lime-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-025) / var(--tw-bg-opacity))}.bg-lime-700{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-700) / var(--tw-bg-opacity))}.bg-magenta-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-magenta-100) / var(--tw-bg-opacity))}.bg-magenta-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-magenta-025) / var(--tw-bg-opacity))}.bg-magenta-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-magenta-500) / var(--tw-bg-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-200) / var(--tw-bg-opacity))}.bg-neutral-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-600) / var(--tw-bg-opacity))}.bg-neutral-900\/20{background-color:hsl(var(--color-neutral-900) / .2)}.bg-orange-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-100) / var(--tw-bg-opacity))}.bg-orange-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-025) / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-400) / var(--tw-bg-opacity))}.bg-primary-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-025) / var(--tw-bg-opacity))}.bg-primary-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-400) / var(--tw-bg-opacity))}.bg-primary-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.bg-primary-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-500) / var(--tw-bg-opacity))}.bg-success-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-100) / var(--tw-bg-opacity))}.bg-success-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-050) / var(--tw-bg-opacity))}.bg-success-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-600) / var(--tw-bg-opacity))}.bg-success-700{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-700) / var(--tw-bg-opacity))}.bg-teal-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-teal-100) / var(--tw-bg-opacity))}.bg-teal-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-teal-025) / var(--tw-bg-opacity))}.bg-teal-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-teal-600) / var(--tw-bg-opacity))}.bg-theme-border-moderate{--tw-bg-opacity: 1;background-color:hsl(var(--color-border-moderate) / var(--tw-bg-opacity))}.bg-theme-surface-primary{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-primary) / var(--tw-bg-opacity))}.bg-theme-surface-secondary{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-secondary) / var(--tw-bg-opacity))}.bg-theme-surface-strong{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-strong) / var(--tw-bg-opacity))}.bg-theme-surface-tertiary{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-tertiary) / var(--tw-bg-opacity))}.bg-theme-text-primary{--tw-bg-opacity: 1;background-color:hsl(var(--color-text-primary) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-turquoise-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-turquoise-100) / var(--tw-bg-opacity))}.bg-turquoise-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-turquoise-025) / var(--tw-bg-opacity))}.bg-turquoise-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-turquoise-500) / var(--tw-bg-opacity))}.bg-warning-200{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-200) / var(--tw-bg-opacity))}.bg-warning-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-400) / var(--tw-bg-opacity))}.bg-warning-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-050) / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.fill-neutral-400{fill:hsl(var(--color-neutral-400) / 1)}.fill-primary-400{fill:hsl(var(--color-primary-400) / 1)}.fill-primary-500{fill:hsl(var(--color-primary-500) / 1)}.fill-success-300{fill:hsl(var(--color-success-300) / 1)}.fill-theme-text-tertiary{fill:hsl(var(--color-text-tertiary) / 1)}.fill-white{fill:#fff}.stroke-primary-400{stroke:hsl(var(--color-primary-400) / 1)}.stroke-theme-text-tertiary{stroke:hsl(var(--color-text-tertiary) / 1)}.p-0{padding:0rem}.p-0\.5{padding:.25rem}.p-1{padding:.5rem}.p-2{padding:.75rem}.p-3{padding:1rem}.p-4{padding:1.25rem}.p-7{padding:2.5rem}.p-9{padding:4rem}.px-0{padding-left:0rem;padding-right:0rem}.px-0\.5{padding-left:.25rem;padding-right:.25rem}.px-1{padding-left:.5rem;padding-right:.5rem}.px-2{padding-left:.75rem;padding-right:.75rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.25rem;padding-right:1.25rem}.px-5{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-0\.5{padding-top:.25rem;padding-bottom:.25rem}.py-1{padding-top:.5rem;padding-bottom:.5rem}.py-2{padding-top:.75rem;padding-bottom:.75rem}.py-3{padding-top:1rem;padding-bottom:1rem}.pl-2{padding-left:.75rem}.pl-4{padding-left:1.25rem}.pl-5{padding-left:1.5rem}.pl-8{padding-left:3rem}.pr-2{padding-right:.75rem}.pr-3{padding-right:1rem}.pr-6{padding-right:2rem}.pr-8{padding-right:3rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-display-lg{font-size:3rem;line-height:3.75rem;letter-spacing:-.06rem}.text-display-md{font-size:2.25rem;line-height:2.75rem;letter-spacing:-.045rem}.text-display-sm{font-size:1.875rem;line-height:2.375rem}.text-display-xl{font-size:3.75rem;line-height:4.5rem}.text-display-xs{font-size:1.5rem;line-height:2rem}.text-text-lg{font-size:1.125rem;line-height:1.75rem}.text-text-md{font-size:1rem;line-height:1.5rem}.text-text-sm{font-size:.875rem;line-height:1.25rem}.text-text-xl{font-size:1.25rem;line-height:1.875rem}.text-text-xs{font-size:.75rem;line-height:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-blue-600{--tw-text-opacity: 1;color:hsl(var(--color-blue-600) / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:hsl(var(--color-blue-700) / var(--tw-text-opacity))}.text-current{color:currentColor}.text-error-700{--tw-text-opacity: 1;color:hsl(var(--color-error-700) / var(--tw-text-opacity))}.text-error-800{--tw-text-opacity: 1;color:hsl(var(--color-error-800) / var(--tw-text-opacity))}.text-error-900{--tw-text-opacity: 1;color:hsl(var(--color-error-900) / var(--tw-text-opacity))}.text-lime-700{--tw-text-opacity: 1;color:hsl(var(--color-lime-700) / var(--tw-text-opacity))}.text-lime-800{--tw-text-opacity: 1;color:hsl(var(--color-lime-800) / var(--tw-text-opacity))}.text-magenta-600{--tw-text-opacity: 1;color:hsl(var(--color-magenta-600) / var(--tw-text-opacity))}.text-magenta-700{--tw-text-opacity: 1;color:hsl(var(--color-magenta-700) / var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:hsl(var(--color-orange-600) / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:hsl(var(--color-orange-700) / var(--tw-text-opacity))}.text-primary-500{--tw-text-opacity: 1;color:hsl(var(--color-primary-500) / var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity: 1;color:hsl(var(--color-primary-600) / var(--tw-text-opacity))}.text-primary-900{--tw-text-opacity: 1;color:hsl(var(--color-primary-900) / var(--tw-text-opacity))}.text-success-800{--tw-text-opacity: 1;color:hsl(var(--color-success-800) / var(--tw-text-opacity))}.text-success-900{--tw-text-opacity: 1;color:hsl(var(--color-success-900) / var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity: 1;color:hsl(var(--color-teal-600) / var(--tw-text-opacity))}.text-teal-700{--tw-text-opacity: 1;color:hsl(var(--color-teal-700) / var(--tw-text-opacity))}.text-theme-text-brand{--tw-text-opacity: 1;color:hsl(var(--color-text-brand) / var(--tw-text-opacity))}.text-theme-text-negative{--tw-text-opacity: 1;color:hsl(var(--color-text-negative) / var(--tw-text-opacity))}.text-theme-text-primary{--tw-text-opacity: 1;color:hsl(var(--color-text-primary) / var(--tw-text-opacity))}.text-theme-text-secondary{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity))}.text-turquoise-600{--tw-text-opacity: 1;color:hsl(var(--color-turquoise-600) / var(--tw-text-opacity))}.text-turquoise-700{--tw-text-opacity: 1;color:hsl(var(--color-turquoise-700) / var(--tw-text-opacity))}.text-warning-900{--tw-text-opacity: 1;color:hsl(var(--color-warning-900) / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-theme-text-secondary::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity))}.placeholder\:text-theme-text-secondary::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity))}.hover\:w-\[220px\]:hover{width:220px}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-error-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-050) / var(--tw-bg-opacity))}.hover\:bg-error-500:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-500) / var(--tw-bg-opacity))}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.hover\:bg-neutral-200:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-200) / var(--tw-bg-opacity))}.hover\:bg-neutral-300:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.hover\:bg-primary-400:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-400) / var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.hover\:ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-theme-surface-tertiary:hover{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-surface-tertiary) / var(--tw-ring-opacity))}.focus\:border-neutral-500:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.focus\:bg-theme-surface-tertiary:focus{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-tertiary) / var(--tw-bg-opacity))}.focus\:shadow-sm:focus{--tw-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .1);--tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-primary-500) / var(--tw-ring-opacity))}.focus\:ring-theme-surface-tertiary:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-surface-tertiary) / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-neutral-400:active{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-400) / var(--tw-border-opacity))}.active\:bg-error-100:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-100) / var(--tw-bg-opacity))}.active\:bg-error-600:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-600) / var(--tw-bg-opacity))}.active\:bg-neutral-300:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.active\:bg-neutral-400:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-400) / var(--tw-bg-opacity))}.active\:bg-primary-100:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-100) / var(--tw-bg-opacity))}.active\:bg-primary-500:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-500) / var(--tw-bg-opacity))}.active\:bg-theme-surface-tertiary:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-tertiary) / var(--tw-bg-opacity))}.active\:ring-4:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:ring-\[\#E4D8FD\]:active{--tw-ring-opacity: 1;--tw-ring-color: rgb(228 216 253 / var(--tw-ring-opacity))}.active\:ring-\[\#E5E7EB\]:active{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}.active\:ring-error-50:active{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-error-050) / var(--tw-ring-opacity))}.active\:ring-neutral-100:active{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-neutral-100) / var(--tw-ring-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-error-100:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-error-100) / var(--tw-border-opacity))}.disabled\:border-neutral-300:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.disabled\:border-primary-100:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-100) / var(--tw-border-opacity))}.disabled\:bg-error-100:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-100) / var(--tw-bg-opacity))}.disabled\:bg-neutral-100:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.disabled\:bg-primary-50:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.disabled\:text-error-100:disabled{--tw-text-opacity: 1;color:hsl(var(--color-error-100) / var(--tw-text-opacity))}.disabled\:text-neutral-300:disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-300) / var(--tw-text-opacity))}.disabled\:text-neutral-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-400) / var(--tw-text-opacity))}.disabled\:text-primary-100:disabled{--tw-text-opacity: 1;color:hsl(var(--color-primary-100) / var(--tw-text-opacity))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.white-close .group-\[\.white-close\]\:fill-white{fill:#fff}.group.white-close .group-\[\.white-close\]\:text-theme-text-negative{--tw-text-opacity: 1;color:hsl(var(--color-text-negative) / var(--tw-text-opacity))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:border-theme-surface-strong[data-state=checked]{--tw-border-opacity: 1;border-color:hsl(var(--color-surface-strong) / var(--tw-border-opacity))}.data-\[state\=checked\]\:bg-primary-50[data-state=checked]{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.data-\[state\=checked\]\:bg-theme-surface-strong[data-state=checked]{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-strong) / var(--tw-bg-opacity))}.data-\[state\=active\]\:text-theme-text-brand[data-state=active]{--tw-text-opacity: 1;color:hsl(var(--color-text-brand) / var(--tw-text-opacity))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-inner[data-state=active]{--tw-shadow: inset 0 -2px 0 0,0 2px 0 0;--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color), 0 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=active\]\:shadow-primary-400[data-state=active]{--tw-shadow-color: hsl(var(--color-primary-400) / 1);--tw-shadow: var(--tw-shadow-colored)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.75rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .75rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.75rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .75rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.hover\:data-\[state\=inactive\]\:shadow-inner[data-state=inactive]:hover{--tw-shadow: inset 0 -2px 0 0,0 2px 0 0;--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color), 0 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:data-\[state\=inactive\]\:shadow-neutral-200[data-state=inactive]:hover{--tw-shadow-color: hsl(var(--color-neutral-200) / 1);--tw-shadow: var(--tw-shadow-colored)}.data-\[state\=checked\]\:active\:border-primary-200:active[data-state=checked]{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-200) / var(--tw-border-opacity))}.data-\[state\=checked\]\:active\:bg-primary-200:active[data-state=checked]{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-200) / var(--tw-bg-opacity))}.disabled\:data-\[state\=checked\]\:border-neutral-300[data-state=checked]:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.disabled\:data-\[state\=checked\]\:bg-neutral-300[data-state=checked]:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}@media (min-width: 640px){.sm\:right-0{right:0rem}.sm\:top-7{top:2.5rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:w-full{width:100%}.md\:max-w-\[480px\]{max-width:480px}}@media (min-width: 1024px){.lg\:max-w-\[1000px\]{max-width:1000px}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0rem}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px} diff --git a/assets/preview-09YRlkos.js b/assets/preview-_omw1JnR.js similarity index 100% rename from assets/preview-09YRlkos.js rename to assets/preview-_omw1JnR.js diff --git a/assets/preview-mR8ZBxzB.css b/assets/preview-mR8ZBxzB.css deleted file mode 100644 index b088928..0000000 --- a/assets/preview-mR8ZBxzB.css +++ /dev/null @@ -1 +0,0 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-primary-900: 258 66% 7%;--color-primary-800: 259 66% 14%;--color-primary-700: 259 68% 21%;--color-primary-600: 260 67% 28%;--color-primary-500: 259 67% 35%;--color-primary-400: 260 89% 60%;--color-primary-300: 260 89% 68%;--color-primary-200: 260 89% 76%;--color-primary-100: 260 90% 84%;--color-primary-050: 259 90% 92%;--color-primary-025: 259 90% 96%;--color-neutral-900: 221 39% 11%;--color-neutral-800: 215 28% 17%;--color-neutral-700: 217 19% 27%;--color-neutral-600: 215 14% 34%;--color-neutral-500: 220 9% 46%;--color-neutral-400: 218 11% 65%;--color-neutral-300: 216 12% 84%;--color-neutral-200: 220 13% 91%;--color-neutral-100: 220 14% 96%;--color-neutral-050: 210 20% 98%;--color-neutral-000: 0 0% 100%;--color-error-900: 4 59% 19%;--color-error-800: 3 58% 29%;--color-error-700: 4 59% 39%;--color-error-600: 4 59% 48%;--color-error-500: 4 81% 58%;--color-error-400: 4 81% 65%;--color-error-300: 4 82% 72%;--color-error-200: 3 81% 79%;--color-error-100: 4 81% 86%;--color-error-050: 3 81% 92%;--color-warning-900: 32 93% 17%;--color-warning-800: 33 92% 25%;--color-warning-700: 32 92% 34%;--color-warning-600: 33 93% 42%;--color-warning-500: 32 95% 51%;--color-warning-400: 32 95% 59%;--color-warning-300: 32 95% 67%;--color-warning-200: 33 95% 75%;--color-warning-100: 32 95% 84%;--color-warning-050: 33 96% 90%;--color-success-900: 137 75% 14%;--color-success-800: 137 75% 22%;--color-success-700: 137 74% 29%;--color-success-600: 137 75% 36%;--color-success-500: 137 74% 43%;--color-success-400: 137 56% 53%;--color-success-300: 137 56% 62%;--color-success-200: 137 56% 71%;--color-success-100: 137 57% 81%;--color-success-050: 137 55% 89%;--color-blue-900: 208 88% 10%;--color-blue-800: 209 88% 17%;--color-blue-700: 208 89% 25%;--color-blue-600: 208 89% 33%;--color-blue-500: 209 89% 42%;--color-blue-400: 209 90% 50%;--color-blue-300: 209 90% 58%;--color-blue-200: 208 89% 67%;--color-blue-100: 208 89% 75%;--color-blue-050: 209 90% 84%;--color-blue-025: 208 88% 90%;--color-teal-900: 180 61% 8%;--color-teal-800: 180 59% 14%;--color-teal-700: 180 60% 20%;--color-teal-600: 180 61% 27%;--color-teal-500: 180 60% 34%;--color-teal-400: 180 60% 41%;--color-teal-300: 180 41% 51%;--color-teal-200: 180 42% 60%;--color-teal-100: 180 41% 70%;--color-teal-050: 180 41% 80%;--color-teal-025: 180 41% 88%;--color-turquoise-900: 192 57% 9%;--color-turquoise-800: 190 57% 15%;--color-turquoise-700: 189 58% 22%;--color-turquoise-600: 190 58% 30%;--color-turquoise-500: 189 57% 37%;--color-turquoise-400: 190 58% 44%;--color-turquoise-300: 190 46% 54%;--color-turquoise-200: 190 46% 63%;--color-turquoise-100: 189 45% 72%;--color-turquoise-050: 190 45% 81%;--color-turquoise-025: 192 46% 89%;--color-lime-900: 96 60% 11%;--color-lime-800: 96 61% 18%;--color-lime-700: 96 60% 27%;--color-lime-600: 96 60% 36%;--color-lime-500: 96 60% 45%;--color-lime-400: 96 72% 54%;--color-lime-300: 96 71% 62%;--color-lime-200: 96 72% 70%;--color-lime-100: 96 71% 77%;--color-lime-050: 96 72% 85%;--color-lime-025: 96 70% 91%;--color-magenta-900: 337 61% 12%;--color-magenta-800: 338 61% 20%;--color-magenta-700: 338 60% 30%;--color-magenta-600: 338 60% 40%;--color-magenta-500: 338 60% 50%;--color-magenta-400: 338 90% 60%;--color-magenta-300: 338 91% 67%;--color-magenta-200: 338 90% 73%;--color-magenta-100: 338 90% 80%;--color-magenta-050: 338 91% 87%;--color-magenta-025: 337 90% 92%;--color-orange-900: 19 61% 12%;--color-orange-800: 19 61% 20%;--color-orange-700: 19 60% 30%;--color-orange-600: 19 60% 40%;--color-orange-500: 19 60% 50%;--color-orange-400: 19 90% 60%;--color-orange-300: 19 91% 67%;--color-orange-200: 19 90% 73%;--color-orange-100: 19 90% 80%;--color-orange-050: 19 91% 87%;--color-orange-025: 19 90% 92%;--color-text-primary: var(--color-primary-900);--color-text-secondary: var(--color-neutral-500);--color-text-tertiary: var(--color-neutral-400);--color-text-negative: var(--color-neutral-000);--color-text-brand: var(--color-primary-500);--color-text-error: var(--color-error-500);--color-text-warning: var(--color-warning-500);--color-text-success: var(--color-success-500);--color-surface-primary: var(--color-neutral-000);--color-surface-secondary: var(--color-neutral-050);--color-surface-tertiary: var(--color-neutral-100);--color-surface-strong: var(--color-primary-400);--color-border-minimal: var(--color-neutral-100);--color-border-moderate: var(--color-neutral-200);--color-border-bold: var(--color-neutral-500)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(147 197 253 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.inset-x-0{left:0rem;right:0rem}.inset-y-0{top:0rem;bottom:0rem}.bottom-0{bottom:0rem}.left-0{left:0rem}.left-2{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0rem}.right-2{right:.75rem}.top-0{top:0rem}.top-2{top:.75rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.m-0{margin:0rem}.my-1{margin-top:.5rem;margin-bottom:.5rem}.ml-1{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.75rem}.mt-4{margin-top:1.25rem}.mt-5{margin-top:1.5rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-12{height:6rem}.h-2{height:.75rem}.h-3{height:1rem}.h-4{height:1.25rem}.h-5{height:1.5rem}.h-6{height:2rem}.h-7{height:2.5rem}.h-8{height:3rem}.h-9{height:4rem}.h-\[180px\]{height:180px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[28px\]{height:28px}.h-\[500px\]{height:500px}.h-full{height:100%}.max-h-screen{max-height:100vh}.min-h-\[1000px\]{min-height:1000px}.w-12{width:6rem}.w-2{width:.75rem}.w-3{width:1rem}.w-3\/4{width:75%}.w-4{width:1.25rem}.w-5{width:1.5rem}.w-6{width:2rem}.w-7{width:2.5rem}.w-9{width:4rem}.w-\[1000px\]{width:1000px}.w-\[180px\]{width:180px}.w-\[220px\]{width:220px}.w-\[28px\]{width:28px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-full{width:100%}.min-w-\[500px\]{min-width:500px}.min-w-\[800px\]{min-width:800px}.min-w-\[8rem\]{min-width:8rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 2s linear infinite}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0rem}.gap-0\.5{gap:.25rem}.gap-1{gap:.5rem}.gap-2{gap:.75rem}.gap-3{gap:1rem}.gap-4{gap:1.25rem}.gap-7{gap:2.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-\[4px\]{border-radius:4px}.rounded-md{border-radius:.5rem}.rounded-rounded{border-radius:9999px}.rounded-sm{border-radius:.25rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[7px\]{border-width:7px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#D0D5DD\]{--tw-border-opacity: 1;border-color:rgb(208 213 221 / var(--tw-border-opacity))}.border-blue-100{--tw-border-opacity: 1;border-color:hsl(var(--color-blue-100) / var(--tw-border-opacity))}.border-error-200{--tw-border-opacity: 1;border-color:hsl(var(--color-error-200) / var(--tw-border-opacity))}.border-error-300{--tw-border-opacity: 1;border-color:hsl(var(--color-error-300) / var(--tw-border-opacity))}.border-error-600{--tw-border-opacity: 1;border-color:hsl(var(--color-error-600) / var(--tw-border-opacity))}.border-lime-100{--tw-border-opacity: 1;border-color:hsl(var(--color-lime-100) / var(--tw-border-opacity))}.border-magenta-100{--tw-border-opacity: 1;border-color:hsl(var(--color-magenta-100) / var(--tw-border-opacity))}.border-neutral-300{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.border-orange-100{--tw-border-opacity: 1;border-color:hsl(var(--color-orange-100) / var(--tw-border-opacity))}.border-primary-100{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-100) / var(--tw-border-opacity))}.border-primary-400{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-400) / var(--tw-border-opacity))}.border-success-200{--tw-border-opacity: 1;border-color:hsl(var(--color-success-200) / var(--tw-border-opacity))}.border-success-300{--tw-border-opacity: 1;border-color:hsl(var(--color-success-300) / var(--tw-border-opacity))}.border-teal-100{--tw-border-opacity: 1;border-color:hsl(var(--color-teal-100) / var(--tw-border-opacity))}.border-theme-border-bold{--tw-border-opacity: 1;border-color:hsl(var(--color-border-bold) / var(--tw-border-opacity))}.border-theme-border-moderate{--tw-border-opacity: 1;border-color:hsl(var(--color-border-moderate) / var(--tw-border-opacity))}.border-turquoise-100{--tw-border-opacity: 1;border-color:hsl(var(--color-turquoise-100) / var(--tw-border-opacity))}.border-warning-200{--tw-border-opacity: 1;border-color:hsl(var(--color-warning-200) / var(--tw-border-opacity))}.border-warning-300{--tw-border-opacity: 1;border-color:hsl(var(--color-warning-300) / var(--tw-border-opacity))}.border-b-theme-surface-strong{--tw-border-opacity: 1;border-bottom-color:hsl(var(--color-surface-strong) / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-black\/10{background-color:#0000001a}.bg-blue-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-025) / var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-050) / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-blue-500) / var(--tw-bg-opacity))}.bg-error-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-100) / var(--tw-bg-opacity))}.bg-error-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-050) / var(--tw-bg-opacity))}.bg-error-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-600) / var(--tw-bg-opacity))}.bg-lime-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-100) / var(--tw-bg-opacity))}.bg-lime-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-025) / var(--tw-bg-opacity))}.bg-lime-700{--tw-bg-opacity: 1;background-color:hsl(var(--color-lime-700) / var(--tw-bg-opacity))}.bg-magenta-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-magenta-100) / var(--tw-bg-opacity))}.bg-magenta-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-magenta-025) / var(--tw-bg-opacity))}.bg-magenta-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-magenta-500) / var(--tw-bg-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.bg-neutral-200{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-200) / var(--tw-bg-opacity))}.bg-neutral-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-600) / var(--tw-bg-opacity))}.bg-neutral-900\/20{background-color:hsl(var(--color-neutral-900) / .2)}.bg-orange-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-100) / var(--tw-bg-opacity))}.bg-orange-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-025) / var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-orange-400) / var(--tw-bg-opacity))}.bg-primary-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-025) / var(--tw-bg-opacity))}.bg-primary-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-400) / var(--tw-bg-opacity))}.bg-primary-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.bg-primary-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-500) / var(--tw-bg-opacity))}.bg-success-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-100) / var(--tw-bg-opacity))}.bg-success-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-050) / var(--tw-bg-opacity))}.bg-success-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-600) / var(--tw-bg-opacity))}.bg-success-700{--tw-bg-opacity: 1;background-color:hsl(var(--color-success-700) / var(--tw-bg-opacity))}.bg-teal-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-teal-100) / var(--tw-bg-opacity))}.bg-teal-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-teal-025) / var(--tw-bg-opacity))}.bg-teal-600{--tw-bg-opacity: 1;background-color:hsl(var(--color-teal-600) / var(--tw-bg-opacity))}.bg-theme-border-moderate{--tw-bg-opacity: 1;background-color:hsl(var(--color-border-moderate) / var(--tw-bg-opacity))}.bg-theme-surface-primary{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-primary) / var(--tw-bg-opacity))}.bg-theme-surface-secondary{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-secondary) / var(--tw-bg-opacity))}.bg-theme-surface-strong{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-strong) / var(--tw-bg-opacity))}.bg-theme-surface-tertiary{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-tertiary) / var(--tw-bg-opacity))}.bg-theme-text-primary{--tw-bg-opacity: 1;background-color:hsl(var(--color-text-primary) / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-turquoise-100{--tw-bg-opacity: 1;background-color:hsl(var(--color-turquoise-100) / var(--tw-bg-opacity))}.bg-turquoise-25{--tw-bg-opacity: 1;background-color:hsl(var(--color-turquoise-025) / var(--tw-bg-opacity))}.bg-turquoise-500{--tw-bg-opacity: 1;background-color:hsl(var(--color-turquoise-500) / var(--tw-bg-opacity))}.bg-warning-200{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-200) / var(--tw-bg-opacity))}.bg-warning-400{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-400) / var(--tw-bg-opacity))}.bg-warning-50{--tw-bg-opacity: 1;background-color:hsl(var(--color-warning-050) / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.fill-neutral-400{fill:hsl(var(--color-neutral-400) / 1)}.fill-primary-400{fill:hsl(var(--color-primary-400) / 1)}.fill-success-300{fill:hsl(var(--color-success-300) / 1)}.fill-theme-text-tertiary{fill:hsl(var(--color-text-tertiary) / 1)}.fill-white{fill:#fff}.stroke-primary-400{stroke:hsl(var(--color-primary-400) / 1)}.stroke-theme-text-tertiary{stroke:hsl(var(--color-text-tertiary) / 1)}.p-0{padding:0rem}.p-0\.5{padding:.25rem}.p-1{padding:.5rem}.p-2{padding:.75rem}.p-3{padding:1rem}.p-4{padding:1.25rem}.p-7{padding:2.5rem}.p-9{padding:4rem}.px-0{padding-left:0rem;padding-right:0rem}.px-0\.5{padding-left:.25rem;padding-right:.25rem}.px-1{padding-left:.5rem;padding-right:.5rem}.px-2{padding-left:.75rem;padding-right:.75rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.25rem;padding-right:1.25rem}.px-5{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0rem;padding-bottom:0rem}.py-0\.5{padding-top:.25rem;padding-bottom:.25rem}.py-1{padding-top:.5rem;padding-bottom:.5rem}.py-2{padding-top:.75rem;padding-bottom:.75rem}.py-3{padding-top:1rem;padding-bottom:1rem}.pl-2{padding-left:.75rem}.pl-4{padding-left:1.25rem}.pl-5{padding-left:1.5rem}.pl-8{padding-left:3rem}.pr-2{padding-right:.75rem}.pr-3{padding-right:1rem}.pr-6{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-display-lg{font-size:3rem;line-height:3.75rem;letter-spacing:-.06rem}.text-display-md{font-size:2.25rem;line-height:2.75rem;letter-spacing:-.045rem}.text-display-sm{font-size:1.875rem;line-height:2.375rem}.text-display-xl{font-size:3.75rem;line-height:4.5rem}.text-display-xs{font-size:1.5rem;line-height:2rem}.text-text-lg{font-size:1.125rem;line-height:1.75rem}.text-text-md{font-size:1rem;line-height:1.5rem}.text-text-sm{font-size:.875rem;line-height:1.25rem}.text-text-xl{font-size:1.25rem;line-height:1.875rem}.text-text-xs{font-size:.75rem;line-height:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.text-blue-600{--tw-text-opacity: 1;color:hsl(var(--color-blue-600) / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:hsl(var(--color-blue-700) / var(--tw-text-opacity))}.text-current{color:currentColor}.text-error-700{--tw-text-opacity: 1;color:hsl(var(--color-error-700) / var(--tw-text-opacity))}.text-error-800{--tw-text-opacity: 1;color:hsl(var(--color-error-800) / var(--tw-text-opacity))}.text-error-900{--tw-text-opacity: 1;color:hsl(var(--color-error-900) / var(--tw-text-opacity))}.text-lime-700{--tw-text-opacity: 1;color:hsl(var(--color-lime-700) / var(--tw-text-opacity))}.text-lime-800{--tw-text-opacity: 1;color:hsl(var(--color-lime-800) / var(--tw-text-opacity))}.text-magenta-600{--tw-text-opacity: 1;color:hsl(var(--color-magenta-600) / var(--tw-text-opacity))}.text-magenta-700{--tw-text-opacity: 1;color:hsl(var(--color-magenta-700) / var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity: 1;color:hsl(var(--color-neutral-900) / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:hsl(var(--color-orange-600) / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:hsl(var(--color-orange-700) / var(--tw-text-opacity))}.text-primary-500{--tw-text-opacity: 1;color:hsl(var(--color-primary-500) / var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity: 1;color:hsl(var(--color-primary-600) / var(--tw-text-opacity))}.text-primary-900{--tw-text-opacity: 1;color:hsl(var(--color-primary-900) / var(--tw-text-opacity))}.text-success-800{--tw-text-opacity: 1;color:hsl(var(--color-success-800) / var(--tw-text-opacity))}.text-success-900{--tw-text-opacity: 1;color:hsl(var(--color-success-900) / var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity: 1;color:hsl(var(--color-teal-600) / var(--tw-text-opacity))}.text-teal-700{--tw-text-opacity: 1;color:hsl(var(--color-teal-700) / var(--tw-text-opacity))}.text-theme-text-brand{--tw-text-opacity: 1;color:hsl(var(--color-text-brand) / var(--tw-text-opacity))}.text-theme-text-negative{--tw-text-opacity: 1;color:hsl(var(--color-text-negative) / var(--tw-text-opacity))}.text-theme-text-primary{--tw-text-opacity: 1;color:hsl(var(--color-text-primary) / var(--tw-text-opacity))}.text-theme-text-secondary{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity))}.text-turquoise-600{--tw-text-opacity: 1;color:hsl(var(--color-turquoise-600) / var(--tw-text-opacity))}.text-turquoise-700{--tw-text-opacity: 1;color:hsl(var(--color-turquoise-700) / var(--tw-text-opacity))}.text-warning-900{--tw-text-opacity: 1;color:hsl(var(--color-warning-900) / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-theme-text-secondary::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity))}.placeholder\:text-theme-text-secondary::placeholder{--tw-text-opacity: 1;color:hsl(var(--color-text-secondary) / var(--tw-text-opacity))}.hover\:w-\[220px\]:hover{width:220px}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-error-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-050) / var(--tw-bg-opacity))}.hover\:bg-error-500:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-500) / var(--tw-bg-opacity))}.hover\:bg-neutral-100:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.hover\:bg-neutral-200:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-200) / var(--tw-bg-opacity))}.hover\:bg-neutral-300:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.hover\:bg-primary-400:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-400) / var(--tw-bg-opacity))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.hover\:ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-theme-surface-tertiary:hover{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-surface-tertiary) / var(--tw-ring-opacity))}.focus\:border-neutral-500:focus{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-500) / var(--tw-border-opacity))}.focus\:bg-theme-surface-tertiary:focus{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-tertiary) / var(--tw-bg-opacity))}.focus\:shadow-sm:focus{--tw-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .1);--tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-theme-surface-tertiary:focus{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-surface-tertiary) / var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:border-neutral-400:active{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-400) / var(--tw-border-opacity))}.active\:bg-error-100:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-100) / var(--tw-bg-opacity))}.active\:bg-error-600:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-600) / var(--tw-bg-opacity))}.active\:bg-neutral-300:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}.active\:bg-neutral-400:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-400) / var(--tw-bg-opacity))}.active\:bg-primary-100:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-100) / var(--tw-bg-opacity))}.active\:bg-primary-500:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-500) / var(--tw-bg-opacity))}.active\:bg-theme-surface-tertiary:active{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-tertiary) / var(--tw-bg-opacity))}.active\:ring-4:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:ring-\[\#E4D8FD\]:active{--tw-ring-opacity: 1;--tw-ring-color: rgb(228 216 253 / var(--tw-ring-opacity))}.active\:ring-\[\#E5E7EB\]:active{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))}.active\:ring-error-50:active{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-error-050) / var(--tw-ring-opacity))}.active\:ring-neutral-100:active{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--color-neutral-100) / var(--tw-ring-opacity))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:border-error-100:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-error-100) / var(--tw-border-opacity))}.disabled\:border-neutral-300:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.disabled\:border-primary-100:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-100) / var(--tw-border-opacity))}.disabled\:bg-error-100:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-error-100) / var(--tw-bg-opacity))}.disabled\:bg-neutral-100:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-100) / var(--tw-bg-opacity))}.disabled\:bg-primary-50:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-050) / var(--tw-bg-opacity))}.disabled\:text-error-100:disabled{--tw-text-opacity: 1;color:hsl(var(--color-error-100) / var(--tw-text-opacity))}.disabled\:text-neutral-300:disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-300) / var(--tw-text-opacity))}.disabled\:text-neutral-400:disabled{--tw-text-opacity: 1;color:hsl(var(--color-neutral-400) / var(--tw-text-opacity))}.disabled\:text-primary-100:disabled{--tw-text-opacity: 1;color:hsl(var(--color-primary-100) / var(--tw-text-opacity))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.white-close .group-\[\.white-close\]\:fill-white{fill:#fff}.group.white-close .group-\[\.white-close\]\:text-theme-text-negative{--tw-text-opacity: 1;color:hsl(var(--color-text-negative) / var(--tw-text-opacity))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:border-theme-surface-strong[data-state=checked]{--tw-border-opacity: 1;border-color:hsl(var(--color-surface-strong) / var(--tw-border-opacity))}.data-\[state\=checked\]\:bg-theme-surface-strong[data-state=checked]{--tw-bg-opacity: 1;background-color:hsl(var(--color-surface-strong) / var(--tw-bg-opacity))}.data-\[state\=active\]\:text-theme-text-brand[data-state=active]{--tw-text-opacity: 1;color:hsl(var(--color-text-brand) / var(--tw-text-opacity))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-inner[data-state=active]{--tw-shadow: inset 0 -2px 0 0,0 2px 0 0;--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color), 0 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=active\]\:shadow-primary-400[data-state=active]{--tw-shadow-color: hsl(var(--color-primary-400) / 1);--tw-shadow: var(--tw-shadow-colored)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.75rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .75rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.75rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .75rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed],.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.hover\:data-\[state\=inactive\]\:shadow-inner[data-state=inactive]:hover{--tw-shadow: inset 0 -2px 0 0,0 2px 0 0;--tw-shadow-colored: inset 0 -2px 0 0 var(--tw-shadow-color), 0 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:data-\[state\=inactive\]\:shadow-neutral-200[data-state=inactive]:hover{--tw-shadow-color: hsl(var(--color-neutral-200) / 1);--tw-shadow: var(--tw-shadow-colored)}.data-\[state\=checked\]\:active\:border-primary-200:active[data-state=checked]{--tw-border-opacity: 1;border-color:hsl(var(--color-primary-200) / var(--tw-border-opacity))}.data-\[state\=checked\]\:active\:bg-primary-200:active[data-state=checked]{--tw-bg-opacity: 1;background-color:hsl(var(--color-primary-200) / var(--tw-bg-opacity))}.disabled\:data-\[state\=checked\]\:border-neutral-300[data-state=checked]:disabled{--tw-border-opacity: 1;border-color:hsl(var(--color-neutral-300) / var(--tw-border-opacity))}.disabled\:data-\[state\=checked\]\:bg-neutral-300[data-state=checked]:disabled{--tw-bg-opacity: 1;background-color:hsl(var(--color-neutral-300) / var(--tw-bg-opacity))}@media (min-width: 640px){.sm\:right-0{right:0rem}.sm\:top-7{top:2.5rem}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:w-full{width:100%}.md\:max-w-\[480px\]{max-width:480px}}@media (min-width: 1024px){.lg\:max-w-\[1000px\]{max-width:1000px}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0rem}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px} diff --git a/assets/syntaxhighlighter-JOJW2KGS-AE7hGsK9.js b/assets/syntaxhighlighter-JOJW2KGS-uWRm-nnh.js similarity index 67% rename from assets/syntaxhighlighter-JOJW2KGS-AE7hGsK9.js rename to assets/syntaxhighlighter-JOJW2KGS-uWRm-nnh.js index 65400b6..784fcc5 100644 --- a/assets/syntaxhighlighter-JOJW2KGS-AE7hGsK9.js +++ b/assets/syntaxhighlighter-JOJW2KGS-uWRm-nnh.js @@ -1 +1 @@ -import{S as n,c as u,s as c,a as d}from"./index-OSMui59-.js";import"./iframe-tq1wxn00.js";import"../sb-preview/runtime.js";import"./index-OjgoNOWw.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";export{n as SyntaxHighlighter,u as createCopyToClipboardFunction,c as default,d as supportedLanguages}; +import{S as n,c as u,s as c,a as d}from"./index-9v6N7U6e.js";import"./iframe-y0lbn9y8.js";import"../sb-preview/runtime.js";import"./index-OjgoNOWw.js";import"./index-mQqIOHEI.js";import"./index-jKYK_Gmc.js";import"./index-ZKB_KljB.js";import"./index-XkRcYS9h.js";import"./index-PPLHz8o0.js";export{n as SyntaxHighlighter,u as createCopyToClipboardFunction,c as default,d as supportedLanguages}; diff --git a/iframe.html b/iframe.html index 3ec5d25..6b5a38f 100644 --- a/iframe.html +++ b/iframe.html @@ -394,7 +394,7 @@ } - + diff --git a/index.json b/index.json index a044300..8ff0056 100644 --- a/index.json +++ b/index.json @@ -1 +1 @@ -{"v":4,"entries":{"introduction--docs":{"id":"introduction--docs","title":"Introduction","name":"Docs","importPath":"./src/docs/Introduction.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"docs-tailwind--docs":{"id":"docs-tailwind--docs","title":"Docs/Tailwind","name":"Docs","importPath":"./src/docs/Tailwind.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"docs-utilities--docs":{"id":"docs-utilities--docs","title":"Docs/Utilities","name":"Docs","importPath":"./src/docs/Utilitiets.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"ui-avatar--docs":{"id":"ui-avatar--docs","title":"UI/Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"ui-avatar--default-variant":{"type":"story","id":"ui-avatar--default-variant","name":"Default","title":"UI/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"]},"elements-badge--docs":{"id":"elements-badge--docs","title":"Elements/Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-badge--default-variant":{"type":"story","id":"elements-badge--default-variant","name":"Default","title":"Elements/Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"elements-box--docs":{"id":"elements-box--docs","title":"Elements/Box","name":"Docs","importPath":"./src/components/Box/Box.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-box--default-variant":{"type":"story","id":"elements-box--default-variant","name":"Default","title":"Elements/Box","importPath":"./src/components/Box/Box.stories.tsx","tags":["autodocs","story"]},"elements-button--docs":{"id":"elements-button--docs","title":"Elements/Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-button--primary":{"type":"story","id":"elements-button--primary","name":"Primary","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--secondary":{"type":"story","id":"elements-button--secondary","name":"Secondary","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--danger":{"type":"story","id":"elements-button--danger","name":"Danger","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--small":{"type":"story","id":"elements-button--small","name":"Small","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--large":{"type":"story","id":"elements-button--large","name":"Large","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--extra-large":{"type":"story","id":"elements-button--extra-large","name":"Extra Large","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--bold":{"type":"story","id":"elements-button--bold","name":"Bold","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--subtle":{"type":"story","id":"elements-button--subtle","name":"Subtle","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--minimal":{"type":"story","id":"elements-button--minimal","name":"Minimal","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-checkbox--docs":{"id":"elements-checkbox--docs","title":"Elements/Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-checkbox--small":{"type":"story","id":"elements-checkbox--small","name":"Checkbox","title":"Elements/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"elements-collapsible--docs":{"id":"elements-collapsible--docs","title":"Elements/Collapsible","name":"Docs","importPath":"./src/components/Collapsible/Collapsible.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-collapsible--default-variant":{"type":"story","id":"elements-collapsible--default-variant","name":"Default","title":"Elements/Collapsible","importPath":"./src/components/Collapsible/Collapsible.stories.tsx","tags":["autodocs","story"]},"elements-dialog--docs":{"id":"elements-dialog--docs","title":"Elements/Dialog","name":"Docs","importPath":"./src/components/Dialog/Dialog.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-dialog--default-variant":{"type":"story","id":"elements-dialog--default-variant","name":"Default","title":"Elements/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","tags":["autodocs","story"]},"elements-dropdown--docs":{"id":"elements-dropdown--docs","title":"Elements/Dropdown","name":"Docs","importPath":"./src/components/Dropdown/Dropdown.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-dropdown--default-variant":{"type":"story","id":"elements-dropdown--default-variant","name":"Small","title":"Elements/Dropdown","importPath":"./src/components/Dropdown/Dropdown.stories.tsx","tags":["autodocs","story"]},"elements-input--docs":{"id":"elements-input--docs","title":"Elements/Input","name":"Docs","importPath":"./src/components/Input/Input.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-input--small":{"type":"story","id":"elements-input--small","name":"Small","title":"Elements/Input","importPath":"./src/components/Input/Input.stories.tsx","tags":["autodocs","story"]},"elements-input--medium":{"type":"story","id":"elements-input--medium","name":"Medium","title":"Elements/Input","importPath":"./src/components/Input/Input.stories.tsx","tags":["autodocs","story"]},"elements-input--large":{"type":"story","id":"elements-input--large","name":"Large","title":"Elements/Input","importPath":"./src/components/Input/Input.stories.tsx","tags":["autodocs","story"]},"elements-progress--docs":{"id":"elements-progress--docs","title":"Elements/Progress","name":"Docs","importPath":"./src/components/Progress/ProgressItems.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-progress--default-variant":{"type":"story","id":"elements-progress--default-variant","name":"Default","title":"Elements/Progress","importPath":"./src/components/Progress/ProgressItems.stories.tsx","tags":["autodocs","story"]},"elements-progress--tick-story":{"type":"story","id":"elements-progress--tick-story","name":"Progress Tick","title":"Elements/Progress","importPath":"./src/components/Progress/ProgressItems.stories.tsx","tags":["autodocs","story"]},"elements-progress--outstanding-story":{"type":"story","id":"elements-progress--outstanding-story","name":"Progress Outstanding","title":"Elements/Progress","importPath":"./src/components/Progress/ProgressItems.stories.tsx","tags":["autodocs","story"]},"ui-sheet--docs":{"id":"ui-sheet--docs","title":"UI/Sheet","name":"Docs","importPath":"./src/components/Sheet/Sheet.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"ui-sheet--default-variant":{"type":"story","id":"ui-sheet--default-variant","name":"Default","title":"UI/Sheet","importPath":"./src/components/Sheet/Sheet.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--docs":{"id":"ui-sidebar--docs","title":"UI/Sidebar","name":"Docs","importPath":"./src/components/Sidebar/Sidebar.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":["./src/components/Sidebar/SidebarHeader.stories.tsx","./src/components/Sidebar/SidebarItem.stories.tsx"]},"ui-sidebar--default-story":{"type":"story","id":"ui-sidebar--default-story","name":"Sidebar","title":"UI/Sidebar","importPath":"./src/components/Sidebar/Sidebar.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--sidebar-header":{"type":"story","id":"ui-sidebar--sidebar-header","name":"Sidebar Header","title":"UI/Sidebar","importPath":"./src/components/Sidebar/SidebarHeader.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--inactive":{"type":"story","id":"ui-sidebar--inactive","name":"Inactive Sidebar Item","title":"UI/Sidebar","importPath":"./src/components/Sidebar/SidebarItem.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--active":{"type":"story","id":"ui-sidebar--active","name":"Active Sidebar Item","title":"UI/Sidebar","importPath":"./src/components/Sidebar/SidebarItem.stories.tsx","tags":["autodocs","story"]},"elements-skeleton--docs":{"id":"elements-skeleton--docs","title":"Elements/Skeleton","name":"Docs","importPath":"./src/components/Skeleton/Skeleton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-skeleton--default-variant":{"type":"story","id":"elements-skeleton--default-variant","name":"Default","title":"Elements/Skeleton","importPath":"./src/components/Skeleton/Skeleton.stories.tsx","tags":["autodocs","story"]},"elements-spinner--docs":{"id":"elements-spinner--docs","title":"Elements/Spinner","name":"Docs","importPath":"./src/components/Spinner/Spinner.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-spinner--default-variant":{"type":"story","id":"elements-spinner--default-variant","name":"Default","title":"Elements/Spinner","importPath":"./src/components/Spinner/Spinner.stories.tsx","tags":["autodocs","story"]},"elements-table-datatable--docs":{"id":"elements-table-datatable--docs","title":"Elements/Table/DataTable","name":"Docs","importPath":"./src/components/Table/DataTable.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-table-datatable--default-variant":{"type":"story","id":"elements-table-datatable--default-variant","name":"Default","title":"Elements/Table/DataTable","importPath":"./src/components/Table/DataTable.stories.tsx","tags":["autodocs","story"]},"elements-table-table--docs":{"id":"elements-table-table--docs","title":"Elements/Table/Table","name":"Docs","importPath":"./src/components/Table/Table.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-table-table--default-variant":{"type":"story","id":"elements-table-table--default-variant","name":"Default","title":"Elements/Table/Table","importPath":"./src/components/Table/Table.stories.tsx","tags":["autodocs","story"]},"elements-tabs--docs":{"id":"elements-tabs--docs","title":"Elements/Tabs","name":"Docs","importPath":"./src/components/Tabs/Tabs.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-tabs--default-variant":{"type":"story","id":"elements-tabs--default-variant","name":"Tabs","title":"Elements/Tabs","importPath":"./src/components/Tabs/Tabs.stories.tsx","tags":["autodocs","story"]},"elements-tag--docs":{"id":"elements-tag--docs","title":"Elements/Tag","name":"Docs","importPath":"./src/components/Tag/Tag.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-tag--minimal":{"type":"story","id":"elements-tag--minimal","name":"Minimal","title":"Elements/Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"elements-tag--subtle":{"type":"story","id":"elements-tag--subtle","name":"Subtle","title":"Elements/Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"elements-tag--bold":{"type":"story","id":"elements-tag--bold","name":"Bold","title":"Elements/Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"elements-toast--docs":{"id":"elements-toast--docs","title":"Elements/Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-toast--default-variant":{"type":"story","id":"elements-toast--default-variant","name":"Toast","title":"Elements/Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"elements-tooltip--docs":{"id":"elements-tooltip--docs","title":"Elements/Tooltip","name":"Docs","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-tooltip--default-variant":{"type":"story","id":"elements-tooltip--default-variant","name":"Default","title":"Elements/Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["autodocs","story"]}}} +{"v":4,"entries":{"introduction--docs":{"id":"introduction--docs","title":"Introduction","name":"Docs","importPath":"./src/docs/Introduction.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"docs-tailwind--docs":{"id":"docs-tailwind--docs","title":"Docs/Tailwind","name":"Docs","importPath":"./src/docs/Tailwind.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"docs-utilities--docs":{"id":"docs-utilities--docs","title":"Docs/Utilities","name":"Docs","importPath":"./src/docs/Utilitiets.mdx","storiesImports":[],"type":"docs","tags":["unattached-mdx","docs"]},"ui-avatar--docs":{"id":"ui-avatar--docs","title":"UI/Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"ui-avatar--default-variant":{"type":"story","id":"ui-avatar--default-variant","name":"Default","title":"UI/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","tags":["autodocs","story"]},"elements-badge--docs":{"id":"elements-badge--docs","title":"Elements/Badge","name":"Docs","importPath":"./src/components/Badge/Badge.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-badge--default-variant":{"type":"story","id":"elements-badge--default-variant","name":"Default","title":"Elements/Badge","importPath":"./src/components/Badge/Badge.stories.tsx","tags":["autodocs","story"]},"elements-box--docs":{"id":"elements-box--docs","title":"Elements/Box","name":"Docs","importPath":"./src/components/Box/Box.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-box--default-variant":{"type":"story","id":"elements-box--default-variant","name":"Default","title":"Elements/Box","importPath":"./src/components/Box/Box.stories.tsx","tags":["autodocs","story"]},"elements-button--docs":{"id":"elements-button--docs","title":"Elements/Button","name":"Docs","importPath":"./src/components/Button/Button.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-button--primary":{"type":"story","id":"elements-button--primary","name":"Primary","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--secondary":{"type":"story","id":"elements-button--secondary","name":"Secondary","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--danger":{"type":"story","id":"elements-button--danger","name":"Danger","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--small":{"type":"story","id":"elements-button--small","name":"Small","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--large":{"type":"story","id":"elements-button--large","name":"Large","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--extra-large":{"type":"story","id":"elements-button--extra-large","name":"Extra Large","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--bold":{"type":"story","id":"elements-button--bold","name":"Bold","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--subtle":{"type":"story","id":"elements-button--subtle","name":"Subtle","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-button--minimal":{"type":"story","id":"elements-button--minimal","name":"Minimal","title":"Elements/Button","importPath":"./src/components/Button/Button.stories.tsx","tags":["autodocs","story"]},"elements-checkbox--docs":{"id":"elements-checkbox--docs","title":"Elements/Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-checkbox--small":{"type":"story","id":"elements-checkbox--small","name":"Checkbox","title":"Elements/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","tags":["autodocs","story"]},"elements-collapsible--docs":{"id":"elements-collapsible--docs","title":"Elements/Collapsible","name":"Docs","importPath":"./src/components/Collapsible/Collapsible.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-collapsible--default-variant":{"type":"story","id":"elements-collapsible--default-variant","name":"Default","title":"Elements/Collapsible","importPath":"./src/components/Collapsible/Collapsible.stories.tsx","tags":["autodocs","story"]},"elements-dialog--docs":{"id":"elements-dialog--docs","title":"Elements/Dialog","name":"Docs","importPath":"./src/components/Dialog/Dialog.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-dialog--default-variant":{"type":"story","id":"elements-dialog--default-variant","name":"Default","title":"Elements/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","tags":["autodocs","story"]},"elements-dropdown--docs":{"id":"elements-dropdown--docs","title":"Elements/Dropdown","name":"Docs","importPath":"./src/components/Dropdown/Dropdown.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-dropdown--default-variant":{"type":"story","id":"elements-dropdown--default-variant","name":"Small","title":"Elements/Dropdown","importPath":"./src/components/Dropdown/Dropdown.stories.tsx","tags":["autodocs","story"]},"elements-input--docs":{"id":"elements-input--docs","title":"Elements/Input","name":"Docs","importPath":"./src/components/Input/Input.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-input--small":{"type":"story","id":"elements-input--small","name":"Small","title":"Elements/Input","importPath":"./src/components/Input/Input.stories.tsx","tags":["autodocs","story"]},"elements-input--medium":{"type":"story","id":"elements-input--medium","name":"Medium","title":"Elements/Input","importPath":"./src/components/Input/Input.stories.tsx","tags":["autodocs","story"]},"elements-input--large":{"type":"story","id":"elements-input--large","name":"Large","title":"Elements/Input","importPath":"./src/components/Input/Input.stories.tsx","tags":["autodocs","story"]},"elements-progress--docs":{"id":"elements-progress--docs","title":"Elements/Progress","name":"Docs","importPath":"./src/components/Progress/ProgressItems.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-progress--default-variant":{"type":"story","id":"elements-progress--default-variant","name":"Default","title":"Elements/Progress","importPath":"./src/components/Progress/ProgressItems.stories.tsx","tags":["autodocs","story"]},"elements-progress--tick-story":{"type":"story","id":"elements-progress--tick-story","name":"Progress Tick","title":"Elements/Progress","importPath":"./src/components/Progress/ProgressItems.stories.tsx","tags":["autodocs","story"]},"elements-progress--outstanding-story":{"type":"story","id":"elements-progress--outstanding-story","name":"Progress Outstanding","title":"Elements/Progress","importPath":"./src/components/Progress/ProgressItems.stories.tsx","tags":["autodocs","story"]},"elements-select--docs":{"id":"elements-select--docs","title":"Elements/Select","name":"Docs","importPath":"./src/components/Select/Select.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-select--default-variant":{"type":"story","id":"elements-select--default-variant","name":"Default","title":"Elements/Select","importPath":"./src/components/Select/Select.stories.tsx","tags":["autodocs","story"]},"ui-sheet--docs":{"id":"ui-sheet--docs","title":"UI/Sheet","name":"Docs","importPath":"./src/components/Sheet/Sheet.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"ui-sheet--default-variant":{"type":"story","id":"ui-sheet--default-variant","name":"Default","title":"UI/Sheet","importPath":"./src/components/Sheet/Sheet.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--docs":{"id":"ui-sidebar--docs","title":"UI/Sidebar","name":"Docs","importPath":"./src/components/Sidebar/Sidebar.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":["./src/components/Sidebar/SidebarHeader.stories.tsx","./src/components/Sidebar/SidebarItem.stories.tsx"]},"ui-sidebar--default-story":{"type":"story","id":"ui-sidebar--default-story","name":"Sidebar","title":"UI/Sidebar","importPath":"./src/components/Sidebar/Sidebar.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--sidebar-header":{"type":"story","id":"ui-sidebar--sidebar-header","name":"Sidebar Header","title":"UI/Sidebar","importPath":"./src/components/Sidebar/SidebarHeader.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--inactive":{"type":"story","id":"ui-sidebar--inactive","name":"Inactive Sidebar Item","title":"UI/Sidebar","importPath":"./src/components/Sidebar/SidebarItem.stories.tsx","tags":["autodocs","story"]},"ui-sidebar--active":{"type":"story","id":"ui-sidebar--active","name":"Active Sidebar Item","title":"UI/Sidebar","importPath":"./src/components/Sidebar/SidebarItem.stories.tsx","tags":["autodocs","story"]},"elements-skeleton--docs":{"id":"elements-skeleton--docs","title":"Elements/Skeleton","name":"Docs","importPath":"./src/components/Skeleton/Skeleton.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-skeleton--default-variant":{"type":"story","id":"elements-skeleton--default-variant","name":"Default","title":"Elements/Skeleton","importPath":"./src/components/Skeleton/Skeleton.stories.tsx","tags":["autodocs","story"]},"elements-spinner--docs":{"id":"elements-spinner--docs","title":"Elements/Spinner","name":"Docs","importPath":"./src/components/Spinner/Spinner.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-spinner--default-variant":{"type":"story","id":"elements-spinner--default-variant","name":"Default","title":"Elements/Spinner","importPath":"./src/components/Spinner/Spinner.stories.tsx","tags":["autodocs","story"]},"elements-table-datatable--docs":{"id":"elements-table-datatable--docs","title":"Elements/Table/DataTable","name":"Docs","importPath":"./src/components/Table/DataTable.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-table-datatable--default-variant":{"type":"story","id":"elements-table-datatable--default-variant","name":"Default","title":"Elements/Table/DataTable","importPath":"./src/components/Table/DataTable.stories.tsx","tags":["autodocs","story"]},"elements-table-table--docs":{"id":"elements-table-table--docs","title":"Elements/Table/Table","name":"Docs","importPath":"./src/components/Table/Table.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-table-table--default-variant":{"type":"story","id":"elements-table-table--default-variant","name":"Default","title":"Elements/Table/Table","importPath":"./src/components/Table/Table.stories.tsx","tags":["autodocs","story"]},"elements-tabs--docs":{"id":"elements-tabs--docs","title":"Elements/Tabs","name":"Docs","importPath":"./src/components/Tabs/Tabs.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-tabs--default-variant":{"type":"story","id":"elements-tabs--default-variant","name":"Tabs","title":"Elements/Tabs","importPath":"./src/components/Tabs/Tabs.stories.tsx","tags":["autodocs","story"]},"elements-tag--docs":{"id":"elements-tag--docs","title":"Elements/Tag","name":"Docs","importPath":"./src/components/Tag/Tag.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-tag--minimal":{"type":"story","id":"elements-tag--minimal","name":"Minimal","title":"Elements/Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"elements-tag--subtle":{"type":"story","id":"elements-tag--subtle","name":"Subtle","title":"Elements/Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"elements-tag--bold":{"type":"story","id":"elements-tag--bold","name":"Bold","title":"Elements/Tag","importPath":"./src/components/Tag/Tag.stories.tsx","tags":["autodocs","story"]},"elements-toast--docs":{"id":"elements-toast--docs","title":"Elements/Toast","name":"Docs","importPath":"./src/components/Toast/Toast.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-toast--default-variant":{"type":"story","id":"elements-toast--default-variant","name":"Toast","title":"Elements/Toast","importPath":"./src/components/Toast/Toast.stories.tsx","tags":["autodocs","story"]},"elements-tooltip--docs":{"id":"elements-tooltip--docs","title":"Elements/Tooltip","name":"Docs","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","type":"docs","tags":["autodocs","docs"],"storiesImports":[]},"elements-tooltip--default-variant":{"type":"story","id":"elements-tooltip--default-variant","name":"Default","title":"Elements/Tooltip","importPath":"./src/components/Tooltip/Tooltip.stories.tsx","tags":["autodocs","story"]}}} diff --git a/project.json b/project.json index c4440d3..1000c37 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1712840975820,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"pnpm","version":"8.15.6"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.1","storybookVersionSpecifier":"^8.0.1","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.0.1"},"@storybook/react":{"version":"8.0.1"},"@storybook/react-vite":{"version":"8.0.1"},"@storybook/testing-library":{"version":"0.2.2"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.0.1"}},"addons":{"@storybook/addon-links":{"version":"8.0.1"},"@storybook/addon-essentials":{"version":"8.0.1"},"@storybook/addon-onboarding":{"version":"8.0.1"},"@storybook/addon-interactions":{"version":"8.0.1"},"@storybook/addon-themes":{"version":"8.0.1"}}} +{"generatedAt":1712909293539,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"pnpm","version":"8.15.6"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.1","storybookVersionSpecifier":"^8.0.1","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.0.1"},"@storybook/react":{"version":"8.0.1"},"@storybook/react-vite":{"version":"8.0.1"},"@storybook/testing-library":{"version":"0.2.2"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.0.1"}},"addons":{"@storybook/addon-links":{"version":"8.0.1"},"@storybook/addon-essentials":{"version":"8.0.1"},"@storybook/addon-onboarding":{"version":"8.0.1"},"@storybook/addon-interactions":{"version":"8.0.1"},"@storybook/addon-themes":{"version":"8.0.1"}}}