@preply/ds-docs 1.4.0 → 1.4.2

package/dist/assets/TextareaField.stories-D95m8D1f.js

@@ -0,0 +1,221 @@
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{a as r}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{e as i,u as ze,w as Fe}from"./index-BVDq5o4N.js";import{B as j}from"./Button-G5Zxq86f.js";import{F as Be}from"./FieldLayout-2zlcC5-S.js";import{s as ke,u as je,I as _e}from"./FieldLayoutBase-0r0SpleC.js";import{m as Re,s as De}from"./classNames-BUL1Zq7e.js";import{w as p}from"./componentNames-Bwls0I02.js";import{u as Le}from"./useForcedRef--iGFM41p.js";import{u as We}from"./useTextareaField-BDpSRnGe.js";import{T as Ke}from"./Text-D3ATKGXs.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-Desxs10d.js";import"./Spinner-C3p2WoxW.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./FieldAdditionalText-CK-mP7eE.js";import"./constants-DL6gdbsq.js";import"./index-D1pfvbUR.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./message-B1DLZQ1U.js";import"./constants-BaXVdZRV.js";import"./text-accent-DbbdQjKI.js";import"./text-centered-6MZg9O0U.js";const z=({onChange:e,onValueChange:a,resize:l="vertical",...t},o)=>{const d=Re(ke,p.Textarea,[De("resize",l)]),u=je(c=>c.target.value,e,a);return n.jsx(_e,{...t,ref:o,type:"textarea",className:d.join(" "),onChange:u,preplyDsComponent:p.Textarea})},B=s.forwardRef(z);try{z.displayName="TextareaLocal",z.__docgenInfo={description:"",displayName:"TextareaLocal",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}}}}}catch{}try{B.displayName="Textarea",B.__docgenInfo={description:"",displayName:"Textarea",props:{dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
+@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-disabled":{defaultValue:null,description:`Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+@see aria-hidden
+@see aria-readonly.`,name:"aria-disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},"aria-invalid":{defaultValue:null,description:`Indicates the entered value does not conform to the format expected by the application.
+@see aria-errormessage.`,name:"aria-invalid",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'},{value:'"grammar"'},{value:'"spelling"'}]}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:'"true"'},{value:'"false"'}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:{value:"vertical"},description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Ne="_TextareaField_yfjpi_1",Me={TextareaField:Ne},Pe=({id:e,...a},l)=>{const t=s.useRef(null),o=Le();s.useImperativeHandle(l,()=>({setFocus:()=>{var m;return(m=t==null?void 0:t.current)==null?void 0:m.setFocus()},scrollIntoView:()=>{var m;return(m=t==null?void 0:t.current)==null?void 0:m.scrollIntoView()}}));const{layoutProps:d,inputProps:u}=We({id:e,...a},p.TextareaField),c=Re(Me,p.TextareaField),f=n.jsx(B,{...u,ref:o});return n.jsx(Be,{...d,className:c.join(" "),input:f,inputHandle:o.current,ref:t,preplyDsComponent:p.TextareaField})},v=s.forwardRef(Pe);try{v.displayName="TextareaField",v.__docgenInfo={description:"",displayName:"TextareaField",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},label:{defaultValue:null,description:"The field label. This is needed for accessibility purposes, but can be\nhidden using the `hideLabel` prop.",name:"label",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},requiredLabel:{defaultValue:null,description:"",name:"requiredLabel",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideLabel:{defaultValue:null,description:"Use this to hide the `label` visually, but keep it in the accessibility\ntree.",name:"hideLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},wrapLabel:{defaultValue:null,description:"",name:"wrapLabel",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},additionalText:{defaultValue:null,description:"",name:"additionalText",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},preserveSpace:{defaultValue:null,description:"",name:"preserveSpace",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:"",name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},errorMessage:{defaultValue:null,description:"",name:"errorMessage",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inputDataset:{defaultValue:null,description:"",name:"inputDataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"enum",value:[{value:"string"}]}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"enum",value:[{value:"string"}]}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"string"}]}},maxLength:{defaultValue:null,description:"",name:"maxLength",required:!1,type:{name:"enum",value:[{value:"number"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<Element>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<Element>"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler<Element>"}]}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"enum",value:[{value:"ClipboardEventHandler<Element>"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onValueChange:{defaultValue:null,description:"",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"ValueChangeEventHandler<string>"}]}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"enum",value:[{value:"number"}]}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"vertical"'},{value:'"horizontal"'},{value:'"both"'}]}},autoComplete:{defaultValue:null,description:"",name:"autoComplete",required:!1,type:{name:"enum",value:[{value:'"off"'},{value:'"on"'}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: InputImperativeHandle | null) => void"},{value:"RefObject<InputImperativeHandle>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const qa={title:"components/TextareaField",component:v,args:{label:"Textarea",defaultValue:"",placeholder:"Enter text here",inputDataset:{testid:"input"},onChange:r("onChange"),onBlur:r("onBlur"),onFocus:r("onFocus"),onClick:r("onClick"),onCopy:r("onCopy"),onKeyDown:r("onKeyDown"),onKeyUp:r("onKeyUp"),onPaste:r("onPaste"),onValueChange:r("onValueChange")},render:function(a){const l=s.useRef(null);return a.ref=l,n.jsx(v,{...a})}},y={parameters:{docs:{description:{story:"An empty field with a `label` and a `placeholder`."}}}},h={args:{defaultValue:"Hey, you!"},play:async({canvas:e})=>{const a=e.getByTestId("input");return await i(a).toHaveValue("Hey, you!"),await ze.type(a," How's it going?"),i(a).toHaveValue("Hey, you! How's it going?")}},g={args:{defaultValue:"Hey, you!",resize:"both"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"both"})}},b={args:{defaultValue:"Hey, you!",resize:"vertical"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"vertical"})}},V={args:{defaultValue:"Hey, you!",resize:"horizontal"},play:({canvas:e})=>{const a=e.getByTestId("input");i(a).toHaveStyle({resize:"horizontal"})}},x={args:{additionalText:"This is additional text"}},q={args:{required:!0}},E={args:{required:!0,requiredLabel:n.jsx(Ke,{accent:"critical",variant:"m-bold",children:"Needed"})}},H={args:{hideLabel:!0}},w={args:{hasError:!0}},C={args:{hasError:!0,errorMessage:"This is an error message"}},I={args:{disabled:!0}},T={args:{readOnly:!0}},S={decorators:[(e,{args:a})=>n.jsxs("div",{style:{padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"focus-button"},onClick:()=>{var l,t;return(t=(l=a.ref)==null?void 0:l.current)==null?void 0:t.setFocus()},children:"Focus"})," ","the input imperatively."]}),n.jsx(e,{})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const l=a.getByTestId("input");e.ref.current.setFocus(),await Fe(()=>i(l).toHaveFocus())}},F={decorators:[(e,{args:a})=>n.jsxs("div",{style:{height:"300px",overflow:"scroll",padding:"8px",margin:"8px"},children:[n.jsxs("p",{children:["You can"," ",n.jsx(j,{variant:"secondary",dataset:{testid:"scroll-button"},onClick:()=>{if(!k(a.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");a.ref.current.scrollIntoView()},children:"Scroll"})," ","the input into view imperatively."]}),n.jsx("div",{style:{height:"1000px",display:"flex",flexDirection:"column",justifyContent:"end",border:"2px dashed lightgray",padding:"16px"},children:n.jsx(e,{})})]})],play:async({args:e,canvas:a})=>{if(!k(e.ref))throw new Error("Expected ref.current to be an InputImperativeHandle");const l=a.getByTestId("input");e.ref.current.scrollIntoView(),await Fe(()=>i(l).toBeVisible())}};function k(e){return typeof e=="object"&&e!==null&&"current"in e&&e.current!==null&&typeof e.current=="object"&&"setFocus"in e.current}const R={tags:["!test"],parameters:{docs:{description:{story:'\nThe following code renders a `TextareaField` with the `required` flag, a\n`button`, `placeholder` and some `additionalText`.\n\nWhen you click the "Submit" button, and the input `value` is empty:\n\n- Displays feedback via the `errorMessage` prop;\n- Brings the focus back to the field.\n'}},chromatic:{disableSnapshot:!0}},render:function(){const[a,l]=s.useState(""),[t,o]=s.useState(!1),d=t&&!a&&"Please provide your full name",u=s.useRef(null),c=()=>{var f;o(!0),a||(f=u==null?void 0:u.current)==null||f.setFocus()};return n.jsxs("div",{style:{maxWidth:"500px",display:"flex",flexDirection:"column"},children:[n.jsx(v,{value:a,label:"Full name",required:!0,placeholder:"e.g.: Mary Williams",additionalText:"Will be shown in your profile",onValueChange:l,errorMessage:d,ref:u,resize:"horizontal"}),n.jsx(j,{onClick:c,children:"Submit"})]})}};var _,D,L;y.parameters={...y.parameters,docs:{...(_=y.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`An empty field with a \\\`label\\\` and a \\\`placeholder\\\`.\`
+      }
+    }
+  }
+}`,...(L=(D=y.parameters)==null?void 0:D.docs)==null?void 0:L.source}}};var W,K,N;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!'
+  },
+  play: async ({
+    canvas
+  }) => {
+    const input = canvas.getByTestId('input');
+    await expect(input).toHaveValue('Hey, you!');
+    await userEvent.type(input, " How's it going?");
+    return expect(input).toHaveValue("Hey, you! How's it going?");
+  }
+}`,...(N=(K=h.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var M,P,O;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!',
+    resize: 'both'
+  },
+  play: ({
+    canvas
+  }) => {
+    const textarea = canvas.getByTestId('input');
+    expect(textarea).toHaveStyle({
+      resize: 'both'
+    });
+  }
+}`,...(O=(P=g.parameters)==null?void 0:P.docs)==null?void 0:O.source}}};var U,A,J;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!',
+    resize: 'vertical'
+  },
+  play: ({
+    canvas
+  }) => {
+    const textarea = canvas.getByTestId('input');
+    expect(textarea).toHaveStyle({
+      resize: 'vertical'
+    });
+  }
+}`,...(J=(A=b.parameters)==null?void 0:A.docs)==null?void 0:J.source}}};var X,Y,$;V.parameters={...V.parameters,docs:{...(X=V.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    defaultValue: 'Hey, you!',
+    resize: 'horizontal'
+  },
+  play: ({
+    canvas
+  }) => {
+    const textarea = canvas.getByTestId('input');
+    expect(textarea).toHaveStyle({
+      resize: 'horizontal'
+    });
+  }
+}`,...($=(Y=V.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,Q,Z;x.parameters={...x.parameters,docs:{...(G=x.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    additionalText: 'This is additional text'
+  }
+}`,...(Z=(Q=x.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,ae,ne;q.parameters={...q.parameters,docs:{...(ee=q.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  args: {
+    required: true
+  }
+}`,...(ne=(ae=q.parameters)==null?void 0:ae.docs)==null?void 0:ne.source}}};var le,te,re;E.parameters={...E.parameters,docs:{...(le=E.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  args: {
+    required: true,
+    requiredLabel: <Text accent="critical" variant="m-bold">
+                Needed
+            </Text>
+  }
+}`,...(re=(te=E.parameters)==null?void 0:te.docs)==null?void 0:re.source}}};var ue,se,ie;H.parameters={...H.parameters,docs:{...(ue=H.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  args: {
+    hideLabel: true
+  }
+}`,...(ie=(se=H.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,de,ce;w.parameters={...w.parameters,docs:{...(oe=w.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    hasError: true
+  }
+}`,...(ce=(de=w.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var me,pe,ve;C.parameters={...C.parameters,docs:{...(me=C.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    hasError: true,
+    errorMessage: 'This is an error message'
+  }
+}`,...(ve=(pe=C.parameters)==null?void 0:pe.docs)==null?void 0:ve.source}}};var fe,ye,he;I.parameters={...I.parameters,docs:{...(fe=I.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  args: {
+    disabled: true
+  }
+}`,...(he=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var ge,be,Ve;T.parameters={...T.parameters,docs:{...(ge=T.parameters)==null?void 0:ge.docs,source:{originalSource:`{
+  args: {
+    readOnly: true
+  }
+}`,...(Ve=(be=T.parameters)==null?void 0:be.docs)==null?void 0:Ve.source}}};var xe,qe,Ee;S.parameters={...S.parameters,docs:{...(xe=S.parameters)==null?void 0:xe.docs,source:{originalSource:`{
+  decorators: [(Story, {
+    args
+  }) => <div style={{
+    padding: '8px',
+    margin: '8px'
+  }}>
+                <p>
+                    You can{' '}
+                    <Button variant="secondary" dataset={{
+        testid: 'focus-button'
+      }} onClick={() =>
+      // @ts-expect-error - This will fail gracefully,
+      // and the \`play\` function will assert it properly
+      args.ref?.current?.setFocus()}>
+                        Focus
+                    </Button>{' '}
+                    the input imperatively.
+                </p>
+                <Story />
+            </div>],
+  play: async ({
+    args,
+    canvas
+  }) => {
+    if (!isImperativeHandleRef(args.ref)) {
+      throw new Error('Expected ref.current to be an InputImperativeHandle');
+    }
+    const input = canvas.getByTestId('input');
+    args.ref.current.setFocus();
+    await waitFor(() => expect(input).toHaveFocus());
+  }
+}`,...(Ee=(qe=S.parameters)==null?void 0:qe.docs)==null?void 0:Ee.source}}};var He,we,Ce;F.parameters={...F.parameters,docs:{...(He=F.parameters)==null?void 0:He.docs,source:{originalSource:`{
+  decorators: [(Story, {
+    args
+  }) => <div style={{
+    height: '300px',
+    overflow: 'scroll',
+    padding: '8px',
+    margin: '8px'
+  }}>
+                <p>
+                    You can{' '}
+                    <Button variant="secondary" dataset={{
+        testid: 'scroll-button'
+      }} onClick={() => {
+        if (!isImperativeHandleRef(args.ref)) {
+          throw new Error('Expected ref.current to be an InputImperativeHandle');
+        }
+        args.ref.current.scrollIntoView();
+      }}>
+                        Scroll
+                    </Button>{' '}
+                    the input into view imperatively.
+                </p>
+                <div style={{
+      height: '1000px',
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'end',
+      border: '2px dashed lightgray',
+      padding: '16px'
+    }}>
+                    <Story />
+                </div>
+            </div>],
+  play: async ({
+    args,
+    canvas
+  }) => {
+    if (!isImperativeHandleRef(args.ref)) {
+      throw new Error('Expected ref.current to be an InputImperativeHandle');
+    }
+    const input = canvas.getByTestId('input');
+    args.ref.current.scrollIntoView();
+    await waitFor(() => expect(input).toBeVisible());
+  }
+}`,...(Ce=(we=F.parameters)==null?void 0:we.docs)==null?void 0:Ce.source}}};var Ie,Te,Se;R.parameters={...R.parameters,docs:{...(Ie=R.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
+  tags: ['!test'],
+  parameters: {
+    docs: {
+      description: {
+        story: \`
+The following code renders a \\\`TextareaField\\\` with the \\\`required\\\` flag, a
+\\\`button\\\`, \\\`placeholder\\\` and some \\\`additionalText\\\`.
+
+When you click the "Submit" button, and the input \\\`value\\\` is empty:
+
+- Displays feedback via the \\\`errorMessage\\\` prop;
+- Brings the focus back to the field.
+\`
+      }
+    },
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: function Story() {
+    const [value, setValue] = useState('');
+    const [submited, setSubmitted] = useState(false);
+    const errorMessage = submited && !value && 'Please provide your full name';
+    const fieldRef = useRef<InputImperativeHandle>(null);
+    const handleClick = () => {
+      setSubmitted(true);
+      if (!value) {
+        fieldRef?.current?.setFocus();
+      }
+    };
+    return <div style={{
+      maxWidth: '500px',
+      display: 'flex',
+      flexDirection: 'column'
+    }}>
+                <TextareaField value={value} label="Full name" required placeholder="e.g.: Mary Williams" additionalText="Will be shown in your profile" onValueChange={setValue} errorMessage={errorMessage} ref={fieldRef} resize="horizontal" />
+                <Button onClick={handleClick}>Submit</Button>
+            </div>;
+  }
+}`,...(Se=(Te=R.parameters)==null?void 0:Te.docs)==null?void 0:Se.source}}};const Ea=["Basic","WithValue","WithResize","WithVerticalResize","WithHorizontalResize","WithAdditionalText","Required","RequiredWithCustomLabel","WithHiddenLabel","HasError","HasErrorWithMessage","Disabled","ReadOnly","ImperativeSetFocus","ImperativeScrollIntoView","Example"];export{y as Basic,I as Disabled,R as Example,w as HasError,C as HasErrorWithMessage,F as ImperativeScrollIntoView,S as ImperativeSetFocus,T as ReadOnly,q as Required,E as RequiredWithCustomLabel,x as WithAdditionalText,H as WithHiddenLabel,V as WithHorizontalResize,g as WithResize,h as WithValue,b as WithVerticalResize,Ea as __namedExportsOrder,qa as default};

package/dist/assets/Toast-BsJOXveW.css

@@ -0,0 +1 @@
+._toast_esodb_3{width:var(--width);color:var(--c2b191);background-color:var(--a469f2);border-radius:var(--fa4b1a);padding:var(--558c4c) var(--813599);display:grid;grid-template-columns:max-content auto max-content;place-items:start;gap:var(--66b80b);row-gap:var(--590b8d)}._toast_esodb_3:has(._title_esodb_19:first-child){grid-template-columns:auto auto max-content}._toast_esodb_3._critical_esodb_22{background-color:var(--87fcf8)}._toast_esodb_3 ._title_esodb_19{font-size:var(--9c8f04);font-weight:var(--1bc44d);line-height:var(--3dd5bc);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._toast_esodb_3 ._actionButton_esodb_34{all:unset;cursor:pointer;font-size:var(--303203);font-weight:var(--42bbea);line-height:var(--e6cb11);text-decoration:var(--223210);grid-row:1;grid-column:3}@media (min-width: 700px){._toast_esodb_3 ._actionButton_esodb_34{grid-row:2;grid-column:2}}@media (min-width: 700px){._toast_esodb_3:has(._title_esodb_19:first-child) ._actionButton_esodb_34{grid-column:1}}._toast_esodb_3 ._closeButton_esodb_55{all:unset;cursor:pointer;grid-row:1;grid-column:3}._toast_esodb_3:has(._actionButton_esodb_34) ._closeButton_esodb_55{display:none}@media (min-width: 700px){._toast_esodb_3:has(._actionButton_esodb_34) ._closeButton_esodb_55{display:block}}

package/dist/assets/{Toast.stories-BZFlc1-_.js → Toast.stories-CGXB3Oyz.js}

@@ -1,7 +1,7 @@
-import{j as w}from"./jsx-runtime-BTJTZTIL.js";import{r as h,e as o}from"./index-Cb9e4tly.js";import{w as St,e as Ct,c as Ft,u as Le}from"./index-BVDq5o4N.js";import{a as Bt}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{F as Xe}from"./TokyoUIInfo-DbkQBubr.js";import{v as Ge}from"./index-BPrLDK9Y.js";import{I as Ht}from"./Icon-BwwIOKM_.js";import{u as Je}from"./index-D1pfvbUR.js";import{g as Qe}from"./shared-strings-Biv7UF3M.js";import{g as ta}from"./index-DdzHuZ-Y.js";import{w as ea}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-C7hTFOIV.js";import"./text-accent-CrnHOlvW.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";var aa=e=>{switch(e){case"success":return ra;case"info":return ia;case"warning":return na;case"error":return la;default:return null}},oa=Array(12).fill(0),sa=({visible:e,className:a})=>o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},oa.map((s,r)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),ra=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),na=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ia=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),la=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),da=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ca=()=>{let[e,a]=o.useState(document.hidden);return o.useEffect(()=>{let s=()=>{a(document.hidden)};return document.addEventListener("visibilitychange",s),()=>window.removeEventListener("visibilitychange",s)},[]),e},Yt=1,ua=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let a=this.subscribers.indexOf(e);this.subscribers.splice(a,1)}),this.publish=e=>{this.subscribers.forEach(a=>a(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var a;let{message:s,...r}=e,m=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:Yt++,b=this.toasts.find(x=>x.id===m),k=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(m)&&this.dismissedToasts.delete(m),b?this.toasts=this.toasts.map(x=>x.id===m?(this.publish({...x,...e,id:m,title:s}),{...x,...e,id:m,dismissible:k,title:s}):x):this.addToast({title:s,...r,dismissible:k,id:m}),m},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(a=>{this.subscribers.forEach(s=>s({id:a.id,dismiss:!0}))}),this.subscribers.forEach(a=>a({id:e,dismiss:!0})),e),this.message=(e,a)=>this.create({...a,message:e}),this.error=(e,a)=>this.create({...a,message:e,type:"error"}),this.success=(e,a)=>this.create({...a,type:"success",message:e}),this.info=(e,a)=>this.create({...a,type:"info",message:e}),this.warning=(e,a)=>this.create({...a,type:"warning",message:e}),this.loading=(e,a)=>this.create({...a,type:"loading",message:e}),this.promise=(e,a)=>{if(!a)return;let s;a.loading!==void 0&&(s=this.create({...a,promise:e,type:"loading",message:a.loading,description:typeof a.description!="function"?a.description:void 0}));let r=e instanceof Promise?e:e(),m=s!==void 0,b,k=r.then(async l=>{if(b=["resolve",l],o.isValidElement(l))m=!1,this.create({id:s,type:"default",message:l});else if(fa(l)&&!l.ok){m=!1;let c=typeof a.error=="function"?await a.error(`HTTP error! status: ${l.status}`):a.error,E=typeof a.description=="function"?await a.description(`HTTP error! status: ${l.status}`):a.description;this.create({id:s,type:"error",message:c,description:E})}else if(a.success!==void 0){m=!1;let c=typeof a.success=="function"?await a.success(l):a.success,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"success",message:c,description:E})}}).catch(async l=>{if(b=["reject",l],a.error!==void 0){m=!1;let c=typeof a.error=="function"?await a.error(l):a.error,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"error",message:c,description:E})}}).finally(()=>{var l;m&&(this.dismiss(s),s=void 0),(l=a.finally)==null||l.call(a)}),x=()=>new Promise((l,c)=>k.then(()=>b[0]==="reject"?c(b[1]):l(b[1])).catch(c));return typeof s!="string"&&typeof s!="number"?{unwrap:x}:Object.assign(s,{unwrap:x})},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return this.create({jsx:e(s),id:s,...a}),s},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},C=new ua,ma=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return C.addToast({title:e,...a,id:s}),s},fa=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",pa=ma,ha=()=>C.toasts,ga=()=>C.getActiveToasts(),Ot=Object.assign(pa,{success:C.success,info:C.info,warning:C.warning,error:C.error,custom:C.custom,message:C.message,promise:C.promise,dismiss:C.dismiss,loading:C.loading},{getHistory:ha,getToasts:ga});function ya(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",a==="top"&&s.firstChild?s.insertBefore(r,s.firstChild):s.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}ya(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
-`);function yt(e){return e.label!==void 0}var va=3,wa="32px",ba="16px",Jt=4e3,xa=356,Ta=14,Ea=20,ka=200;function R(...e){return e.filter(Boolean).join(" ")}function Ia(e){let[a,s]=e.split("-"),r=[];return a&&r.push(a),s&&r.push(s),r}var Sa=e=>{var a,s,r,m,b,k,x,l,c,E,it;let{invert:Nt,toast:t,unstyled:jt,interacting:v,setHeights:A,visibleToasts:lt,heights:V,index:D,toasts:_t,expanded:et,removeToast:j,defaultRichColors:at,closeButton:dt,style:ct,cancelButtonStyle:Mt,actionButtonStyle:ut,className:L="",descriptionClassName:mt="",duration:W,position:ft,gap:$,loadingIcon:z,expandByDefault:pt,classNames:i,icons:B,closeButtonAriaLabel:Pt="Close toast",pauseWhenPageIsHidden:u}=e,[f,g]=o.useState(null),[S,U]=o.useState(null),[y,Rt]=o.useState(!1),[ot,ht]=o.useState(!1),[st,At]=o.useState(!1),[qt,ze]=o.useState(!1),[De,Vt]=o.useState(!1),[Oe,Lt]=o.useState(0),[He,Wt]=o.useState(0),rt=o.useRef(t.duration||W||Jt),Ut=o.useRef(null),F=o.useRef(null),Ye=D===0,$e=D+1<=lt,N=t.type,Z=t.dismissible!==!1,Fe=t.className||"",qe=t.descriptionClassName||"",gt=o.useMemo(()=>V.findIndex(n=>n.toastId===t.id)||0,[V,t.id]),Ve=o.useMemo(()=>{var n;return(n=t.closeButton)!=null?n:dt},[t.closeButton,dt]),Zt=o.useMemo(()=>t.duration||W||Jt,[t.duration,W]),zt=o.useRef(0),K=o.useRef(0),Kt=o.useRef(0),X=o.useRef(null),[We,Ue]=ft.split("-"),Xt=o.useMemo(()=>V.reduce((n,d,p)=>p>=gt?n:n+d.height,0),[V,gt]),Gt=ca(),Ze=t.invert||Nt,Dt=N==="loading";K.current=o.useMemo(()=>gt*$+Xt,[gt,Xt]),o.useEffect(()=>{rt.current=Zt},[Zt]),o.useEffect(()=>{Rt(!0)},[]),o.useEffect(()=>{let n=F.current;if(n){let d=n.getBoundingClientRect().height;return Wt(d),A(p=>[{toastId:t.id,height:d,position:t.position},...p]),()=>A(p=>p.filter(_=>_.toastId!==t.id))}},[A,t.id]),o.useLayoutEffect(()=>{if(!y)return;let n=F.current,d=n.style.height;n.style.height="auto";let p=n.getBoundingClientRect().height;n.style.height=d,Wt(p),A(_=>_.find(M=>M.toastId===t.id)?_.map(M=>M.toastId===t.id?{...M,height:p}:M):[{toastId:t.id,height:p,position:t.position},..._])},[y,t.title,t.description,A,t.id]);let O=o.useCallback(()=>{ht(!0),Lt(K.current),A(n=>n.filter(d=>d.toastId!==t.id)),setTimeout(()=>{j(t)},ka)},[t,j,A,K]);o.useEffect(()=>{if(t.promise&&N==="loading"||t.duration===1/0||t.type==="loading")return;let n;return et||v||u&&Gt?(()=>{if(Kt.current<zt.current){let d=new Date().getTime()-zt.current;rt.current=rt.current-d}Kt.current=new Date().getTime()})():rt.current!==1/0&&(zt.current=new Date().getTime(),n=setTimeout(()=>{var d;(d=t.onAutoClose)==null||d.call(t,t),O()},rt.current)),()=>clearTimeout(n)},[et,v,t,N,u,Gt,O]),o.useEffect(()=>{t.delete&&O()},[O,t.delete]);function Ke(){var n,d,p;return B!=null&&B.loading?o.createElement("div",{className:R(i==null?void 0:i.loader,(n=t==null?void 0:t.classNames)==null?void 0:n.loader,"sonner-loader"),"data-visible":N==="loading"},B.loading):z?o.createElement("div",{className:R(i==null?void 0:i.loader,(d=t==null?void 0:t.classNames)==null?void 0:d.loader,"sonner-loader"),"data-visible":N==="loading"},z):o.createElement(sa,{className:R(i==null?void 0:i.loader,(p=t==null?void 0:t.classNames)==null?void 0:p.loader),visible:N==="loading"})}return o.createElement("li",{tabIndex:0,ref:F,className:R(L,Fe,i==null?void 0:i.toast,(a=t==null?void 0:t.classNames)==null?void 0:a.toast,i==null?void 0:i.default,i==null?void 0:i[N],(s=t==null?void 0:t.classNames)==null?void 0:s[N]),"data-sonner-toast":"","data-rich-colors":(r=t.richColors)!=null?r:at,"data-styled":!(t.jsx||t.unstyled||jt),"data-mounted":y,"data-promise":!!t.promise,"data-swiped":De,"data-removed":ot,"data-visible":$e,"data-y-position":We,"data-x-position":Ue,"data-index":D,"data-front":Ye,"data-swiping":st,"data-dismissible":Z,"data-type":N,"data-invert":Ze,"data-swipe-out":qt,"data-swipe-direction":S,"data-expanded":!!(et||pt&&y),style:{"--index":D,"--toasts-before":D,"--z-index":_t.length-D,"--offset":`${ot?Oe:K.current}px`,"--initial-height":pt?"auto":`${He}px`,...ct,...t.style},onDragEnd:()=>{At(!1),g(null),X.current=null},onPointerDown:n=>{Dt||!Z||(Ut.current=new Date,Lt(K.current),n.target.setPointerCapture(n.pointerId),n.target.tagName!=="BUTTON"&&(At(!0),X.current={x:n.clientX,y:n.clientY}))},onPointerUp:()=>{var n,d,p,_;if(qt||!Z)return;X.current=null;let M=Number(((n=F.current)==null?void 0:n.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),H=Number(((d=F.current)==null?void 0:d.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),q=new Date().getTime()-((p=Ut.current)==null?void 0:p.getTime()),P=f==="x"?M:H,Y=Math.abs(P)/q;if(Math.abs(P)>=Ea||Y>.11){Lt(K.current),(_=t.onDismiss)==null||_.call(t,t),U(f==="x"?M>0?"right":"left":H>0?"down":"up"),O(),ze(!0),Vt(!1);return}At(!1),g(null)},onPointerMove:n=>{var d,p,_,M;if(!X.current||!Z||((d=window.getSelection())==null?void 0:d.toString().length)>0)return;let H=n.clientY-X.current.y,q=n.clientX-X.current.x,P=(p=e.swipeDirections)!=null?p:Ia(ft);!f&&(Math.abs(q)>1||Math.abs(H)>1)&&g(Math.abs(q)>Math.abs(H)?"x":"y");let Y={x:0,y:0};f==="y"?(P.includes("top")||P.includes("bottom"))&&(P.includes("top")&&H<0||P.includes("bottom")&&H>0)&&(Y.y=H):f==="x"&&(P.includes("left")||P.includes("right"))&&(P.includes("left")&&q<0||P.includes("right")&&q>0)&&(Y.x=q),(Math.abs(Y.x)>0||Math.abs(Y.y)>0)&&Vt(!0),(_=F.current)==null||_.style.setProperty("--swipe-amount-x",`${Y.x}px`),(M=F.current)==null||M.style.setProperty("--swipe-amount-y",`${Y.y}px`)}},Ve&&!t.jsx?o.createElement("button",{"aria-label":Pt,"data-disabled":Dt,"data-close-button":!0,onClick:Dt||!Z?()=>{}:()=>{var n;O(),(n=t.onDismiss)==null||n.call(t,t)},className:R(i==null?void 0:i.closeButton,(m=t==null?void 0:t.classNames)==null?void 0:m.closeButton)},(b=B==null?void 0:B.close)!=null?b:da):null,t.jsx||h.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.createElement(o.Fragment,null,N||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:R(i==null?void 0:i.icon,(k=t==null?void 0:t.classNames)==null?void 0:k.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Ke():null,t.type!=="loading"?t.icon||(B==null?void 0:B[N])||aa(N):null):null,o.createElement("div",{"data-content":"",className:R(i==null?void 0:i.content,(x=t==null?void 0:t.classNames)==null?void 0:x.content)},o.createElement("div",{"data-title":"",className:R(i==null?void 0:i.title,(l=t==null?void 0:t.classNames)==null?void 0:l.title)},typeof t.title=="function"?t.title():t.title),t.description?o.createElement("div",{"data-description":"",className:R(mt,qe,i==null?void 0:i.description,(c=t==null?void 0:t.classNames)==null?void 0:c.description)},typeof t.description=="function"?t.description():t.description):null),h.isValidElement(t.cancel)?t.cancel:t.cancel&&yt(t.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||Mt,onClick:n=>{var d,p;yt(t.cancel)&&Z&&((p=(d=t.cancel).onClick)==null||p.call(d,n),O())},className:R(i==null?void 0:i.cancelButton,(E=t==null?void 0:t.classNames)==null?void 0:E.cancelButton)},t.cancel.label):null,h.isValidElement(t.action)?t.action:t.action&&yt(t.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||ut,onClick:n=>{var d,p;yt(t.action)&&((p=(d=t.action).onClick)==null||p.call(d,n),!n.defaultPrevented&&O())},className:R(i==null?void 0:i.actionButton,(it=t==null?void 0:t.classNames)==null?void 0:it.actionButton)},t.action.label):null))};function Qt(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function Ca(e,a){let s={};return[e,a].forEach((r,m)=>{let b=m===1,k=b?"--mobile-offset":"--offset",x=b?ba:wa;function l(c){["top","right","bottom","left"].forEach(E=>{s[`${k}-${E}`]=typeof c=="number"?`${c}px`:c})}typeof r=="number"||typeof r=="string"?l(r):typeof r=="object"?["top","right","bottom","left"].forEach(c=>{r[c]===void 0?s[`${k}-${c}`]=x:s[`${k}-${c}`]=typeof r[c]=="number"?`${r[c]}px`:r[c]}):l(x)}),s}var Ba=h.forwardRef(function(e,a){let{invert:s,position:r="bottom-right",hotkey:m=["altKey","KeyT"],expand:b,closeButton:k,className:x,offset:l,mobileOffset:c,theme:E="light",richColors:it,duration:Nt,style:t,visibleToasts:jt=va,toastOptions:v,dir:A=Qt(),gap:lt=Ta,loadingIcon:V,icons:D,containerAriaLabel:_t="Notifications",pauseWhenPageIsHidden:et}=e,[j,at]=o.useState([]),dt=o.useMemo(()=>Array.from(new Set([r].concat(j.filter(u=>u.position).map(u=>u.position)))),[j,r]),[ct,Mt]=o.useState([]),[ut,L]=o.useState(!1),[mt,W]=o.useState(!1),[ft,$]=o.useState(E!=="system"?E:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),z=o.useRef(null),pt=m.join("+").replace(/Key/g,"").replace(/Digit/g,""),i=o.useRef(null),B=o.useRef(!1),Pt=o.useCallback(u=>{at(f=>{var g;return(g=f.find(S=>S.id===u.id))!=null&&g.delete||C.dismiss(u.id),f.filter(({id:S})=>S!==u.id)})},[]);return o.useEffect(()=>C.subscribe(u=>{if(u.dismiss){at(f=>f.map(g=>g.id===u.id?{...g,delete:!0}:g));return}setTimeout(()=>{Ge.flushSync(()=>{at(f=>{let g=f.findIndex(S=>S.id===u.id);return g!==-1?[...f.slice(0,g),{...f[g],...u},...f.slice(g+1)]:[u,...f]})})})}),[]),o.useEffect(()=>{if(E!=="system"){$(E);return}if(E==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?$("dark"):$("light")),typeof window>"u")return;let u=window.matchMedia("(prefers-color-scheme: dark)");try{u.addEventListener("change",({matches:f})=>{$(f?"dark":"light")})}catch{u.addListener(({matches:g})=>{try{$(g?"dark":"light")}catch(S){console.error(S)}})}},[E]),o.useEffect(()=>{j.length<=1&&L(!1)},[j]),o.useEffect(()=>{let u=f=>{var g,S;m.every(U=>f[U]||f.code===U)&&(L(!0),(g=z.current)==null||g.focus()),f.code==="Escape"&&(document.activeElement===z.current||(S=z.current)!=null&&S.contains(document.activeElement))&&L(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[m]),o.useEffect(()=>{if(z.current)return()=>{i.current&&(i.current.focus({preventScroll:!0}),i.current=null,B.current=!1)}},[z.current]),o.createElement("section",{ref:a,"aria-label":`${_t} ${pt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},dt.map((u,f)=>{var g;let[S,U]=u.split("-");return j.length?o.createElement("ol",{key:u,dir:A==="auto"?Qt():A,tabIndex:-1,ref:z,className:x,"data-sonner-toaster":!0,"data-theme":ft,"data-y-position":S,"data-lifted":ut&&j.length>1&&!b,"data-x-position":U,style:{"--front-toast-height":`${((g=ct[0])==null?void 0:g.height)||0}px`,"--width":`${xa}px`,"--gap":`${lt}px`,...t,...Ca(l,c)},onBlur:y=>{B.current&&!y.currentTarget.contains(y.relatedTarget)&&(B.current=!1,i.current&&(i.current.focus({preventScroll:!0}),i.current=null))},onFocus:y=>{y.target instanceof HTMLElement&&y.target.dataset.dismissible==="false"||B.current||(B.current=!0,i.current=y.relatedTarget)},onMouseEnter:()=>L(!0),onMouseMove:()=>L(!0),onMouseLeave:()=>{mt||L(!1)},onDragEnd:()=>L(!1),onPointerDown:y=>{y.target instanceof HTMLElement&&y.target.dataset.dismissible==="false"||W(!0)},onPointerUp:()=>W(!1)},j.filter(y=>!y.position&&f===0||y.position===u).map((y,Rt)=>{var ot,ht;return o.createElement(Sa,{key:y.id,icons:D,index:Rt,toast:y,defaultRichColors:it,duration:(ot=v==null?void 0:v.duration)!=null?ot:Nt,className:v==null?void 0:v.className,descriptionClassName:v==null?void 0:v.descriptionClassName,invert:s,visibleToasts:jt,closeButton:(ht=v==null?void 0:v.closeButton)!=null?ht:k,interacting:mt,position:u,style:v==null?void 0:v.style,unstyled:v==null?void 0:v.unstyled,classNames:v==null?void 0:v.classNames,cancelButtonStyle:v==null?void 0:v.cancelButtonStyle,actionButtonStyle:v==null?void 0:v.actionButtonStyle,removeToast:Pt,toasts:j.filter(st=>st.position==y.position),heights:ct.filter(st=>st.position==y.position),setHeights:Mt,expandByDefault:b,gap:lt,loadingIcon:V,expanded:ut,pauseWhenPageIsHidden:et,swipeDirections:e.swipeDirections})})):null}))});const Na="_toast_wcq4i_3",ja="_title_wcq4i_19",_a="_critical_wcq4i_22",Ma="_actionButton_wcq4i_34",Pa="_closeButton_wcq4i_55",G={toast:Na,title:ja,critical:_a,actionButton:Ma,closeButton:Pa},Ra=({title:e,titleId:a,...s},r)=>h.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":a,...s},e?h.createElement("title",{id:a},e):null,h.createElement("path",{fillRule:"evenodd",d:"M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z",clipRule:"evenodd"})),Aa=h.forwardRef(Ra),La=({title:e,titleId:a,...s},r)=>h.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":a,...s},e?h.createElement("title",{id:a},e):null,h.createElement("path",{fillRule:"evenodd",d:"M15.728 3H8.272L3 8.272v7.456L8.272 21h7.456L21 15.728V8.272L15.728 3ZM10.98 8.04l.144 5.532h1.788l.144-5.532H10.98Zm.264 8.268c.216.216.476.324.78.324.296 0 .552-.108.768-.324a1.09 1.09 0 0 0 0-1.548 1.031 1.031 0 0 0-.768-.336c-.304 0-.564.112-.78.336a1.09 1.09 0 0 0 0 1.548Z",clipRule:"evenodd"})),za=h.forwardRef(La),I=({duration:e=5e3})=>w.jsx(Ba,{position:"top-right",duration:e,visibleToasts:3}),$t=I.bind(null,{duration:5e3}),Da=({onClick:e})=>{const{formatMessage:a}=Je();return w.jsx("button",{onClick:e,className:G.closeButton,"aria-label":a(Qe.close),children:w.jsx(Ht,{svg:Aa})})};function T(e,a){const{variant:s="info",leadingSvgIcon:r,actionLabel:m,actionOnClick:b,actionHref:k,dataset:x}=a??{},l=k?"a":"button";return Ot.custom(c=>w.jsxs("div",{style:{display:"contents"},...ta(x,{preplyDsComponent:ea.Toast}),children:[s==="critical"?w.jsx(Ht,{svg:za}):r&&w.jsx(Ht,{svg:r}),w.jsx("span",{className:G.title,children:e}),w.jsx(Da,{onClick:()=>Ot.dismiss(c)}),m&&w.jsx(l,{className:G.actionButton,onClick:()=>{Ot.dismiss(c),b==null||b()},href:k,children:m})]}),{classNames:{toast:s==="critical"?`${G.toast} ${G.critical}`:G.toast}})}try{T.displayName="showToast",T.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:"showToast",props:{}}}catch{}try{I.displayName="InternalToastProvider",I.__docgenInfo={description:`An internal primitive used for testing.
+import{j as b}from"./jsx-runtime-BTJTZTIL.js";import{r as h,e as o}from"./index-Cb9e4tly.js";import{w as St,e as Ct,c as Ft,u as Le}from"./index-BVDq5o4N.js";import{a as Bt}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{F as Xe}from"./TokyoUIInfo-DbkQBubr.js";import{v as Ge}from"./index-BPrLDK9Y.js";import{I as Ht}from"./Icon-DAQd7Eod.js";import{u as Je}from"./index-D1pfvbUR.js";import{g as Qe}from"./shared-strings-Biv7UF3M.js";import{g as ta}from"./index-DdzHuZ-Y.js";import{w as ea}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./v4-CtRu48qb.js";import"./index-C7hTFOIV.js";import"./text-accent-DbbdQjKI.js";import"./classNames-BUL1Zq7e.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";var aa=e=>{switch(e){case"success":return ra;case"info":return ia;case"warning":return na;case"error":return la;default:return null}},oa=Array(12).fill(0),sa=({visible:e,className:a})=>o.createElement("div",{className:["sonner-loading-wrapper",a].filter(Boolean).join(" "),"data-visible":e},o.createElement("div",{className:"sonner-spinner"},oa.map((s,r)=>o.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),ra=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),na=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),ia=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),la=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},o.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),da=o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},o.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ca=()=>{let[e,a]=o.useState(document.hidden);return o.useEffect(()=>{let s=()=>{a(document.hidden)};return document.addEventListener("visibilitychange",s),()=>window.removeEventListener("visibilitychange",s)},[]),e},Yt=1,ua=class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let a=this.subscribers.indexOf(e);this.subscribers.splice(a,1)}),this.publish=e=>{this.subscribers.forEach(a=>a(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{var a;let{message:s,...r}=e,m=typeof(e==null?void 0:e.id)=="number"||((a=e.id)==null?void 0:a.length)>0?e.id:Yt++,w=this.toasts.find(x=>x.id===m),k=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(m)&&this.dismissedToasts.delete(m),w?this.toasts=this.toasts.map(x=>x.id===m?(this.publish({...x,...e,id:m,title:s}),{...x,...e,id:m,dismissible:k,title:s}):x):this.addToast({title:s,...r,dismissible:k,id:m}),m},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(a=>{this.subscribers.forEach(s=>s({id:a.id,dismiss:!0}))}),this.subscribers.forEach(a=>a({id:e,dismiss:!0})),e),this.message=(e,a)=>this.create({...a,message:e}),this.error=(e,a)=>this.create({...a,message:e,type:"error"}),this.success=(e,a)=>this.create({...a,type:"success",message:e}),this.info=(e,a)=>this.create({...a,type:"info",message:e}),this.warning=(e,a)=>this.create({...a,type:"warning",message:e}),this.loading=(e,a)=>this.create({...a,type:"loading",message:e}),this.promise=(e,a)=>{if(!a)return;let s;a.loading!==void 0&&(s=this.create({...a,promise:e,type:"loading",message:a.loading,description:typeof a.description!="function"?a.description:void 0}));let r=e instanceof Promise?e:e(),m=s!==void 0,w,k=r.then(async l=>{if(w=["resolve",l],o.isValidElement(l))m=!1,this.create({id:s,type:"default",message:l});else if(fa(l)&&!l.ok){m=!1;let c=typeof a.error=="function"?await a.error(`HTTP error! status: ${l.status}`):a.error,E=typeof a.description=="function"?await a.description(`HTTP error! status: ${l.status}`):a.description;this.create({id:s,type:"error",message:c,description:E})}else if(a.success!==void 0){m=!1;let c=typeof a.success=="function"?await a.success(l):a.success,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"success",message:c,description:E})}}).catch(async l=>{if(w=["reject",l],a.error!==void 0){m=!1;let c=typeof a.error=="function"?await a.error(l):a.error,E=typeof a.description=="function"?await a.description(l):a.description;this.create({id:s,type:"error",message:c,description:E})}}).finally(()=>{var l;m&&(this.dismiss(s),s=void 0),(l=a.finally)==null||l.call(a)}),x=()=>new Promise((l,c)=>k.then(()=>w[0]==="reject"?c(w[1]):l(w[1])).catch(c));return typeof s!="string"&&typeof s!="number"?{unwrap:x}:Object.assign(s,{unwrap:x})},this.custom=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return this.create({jsx:e(s),id:s,...a}),s},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},C=new ua,ma=(e,a)=>{let s=(a==null?void 0:a.id)||Yt++;return C.addToast({title:e,...a,id:s}),s},fa=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",pa=ma,ha=()=>C.toasts,ga=()=>C.getActiveToasts(),Ot=Object.assign(pa,{success:C.success,info:C.info,warning:C.warning,error:C.error,custom:C.custom,message:C.message,promise:C.promise,dismiss:C.dismiss,loading:C.loading},{getHistory:ha,getToasts:ga});function ya(e,{insertAt:a}={}){if(typeof document>"u")return;let s=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",a==="top"&&s.firstChild?s.insertBefore(r,s.firstChild):s.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}ya(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
+`);function yt(e){return e.label!==void 0}var va=3,ba="32px",wa="16px",Jt=4e3,xa=356,Ta=14,Ea=20,ka=200;function R(...e){return e.filter(Boolean).join(" ")}function Ia(e){let[a,s]=e.split("-"),r=[];return a&&r.push(a),s&&r.push(s),r}var Sa=e=>{var a,s,r,m,w,k,x,l,c,E,it;let{invert:Nt,toast:t,unstyled:jt,interacting:v,setHeights:A,visibleToasts:lt,heights:W,index:D,toasts:_t,expanded:et,removeToast:j,defaultRichColors:at,closeButton:dt,style:ct,cancelButtonStyle:Mt,actionButtonStyle:ut,className:L="",descriptionClassName:mt="",duration:U,position:ft,gap:$,loadingIcon:z,expandByDefault:pt,classNames:i,icons:B,closeButtonAriaLabel:Pt="Close toast",pauseWhenPageIsHidden:u}=e,[f,g]=o.useState(null),[S,q]=o.useState(null),[y,Rt]=o.useState(!1),[ot,ht]=o.useState(!1),[st,At]=o.useState(!1),[Vt,ze]=o.useState(!1),[De,Wt]=o.useState(!1),[Oe,Lt]=o.useState(0),[He,Ut]=o.useState(0),rt=o.useRef(t.duration||U||Jt),qt=o.useRef(null),F=o.useRef(null),Ye=D===0,$e=D+1<=lt,N=t.type,Z=t.dismissible!==!1,Fe=t.className||"",Ve=t.descriptionClassName||"",gt=o.useMemo(()=>W.findIndex(n=>n.toastId===t.id)||0,[W,t.id]),We=o.useMemo(()=>{var n;return(n=t.closeButton)!=null?n:dt},[t.closeButton,dt]),Zt=o.useMemo(()=>t.duration||U||Jt,[t.duration,U]),zt=o.useRef(0),K=o.useRef(0),Kt=o.useRef(0),X=o.useRef(null),[Ue,qe]=ft.split("-"),Xt=o.useMemo(()=>W.reduce((n,d,p)=>p>=gt?n:n+d.height,0),[W,gt]),Gt=ca(),Ze=t.invert||Nt,Dt=N==="loading";K.current=o.useMemo(()=>gt*$+Xt,[gt,Xt]),o.useEffect(()=>{rt.current=Zt},[Zt]),o.useEffect(()=>{Rt(!0)},[]),o.useEffect(()=>{let n=F.current;if(n){let d=n.getBoundingClientRect().height;return Ut(d),A(p=>[{toastId:t.id,height:d,position:t.position},...p]),()=>A(p=>p.filter(_=>_.toastId!==t.id))}},[A,t.id]),o.useLayoutEffect(()=>{if(!y)return;let n=F.current,d=n.style.height;n.style.height="auto";let p=n.getBoundingClientRect().height;n.style.height=d,Ut(p),A(_=>_.find(M=>M.toastId===t.id)?_.map(M=>M.toastId===t.id?{...M,height:p}:M):[{toastId:t.id,height:p,position:t.position},..._])},[y,t.title,t.description,A,t.id]);let O=o.useCallback(()=>{ht(!0),Lt(K.current),A(n=>n.filter(d=>d.toastId!==t.id)),setTimeout(()=>{j(t)},ka)},[t,j,A,K]);o.useEffect(()=>{if(t.promise&&N==="loading"||t.duration===1/0||t.type==="loading")return;let n;return et||v||u&&Gt?(()=>{if(Kt.current<zt.current){let d=new Date().getTime()-zt.current;rt.current=rt.current-d}Kt.current=new Date().getTime()})():rt.current!==1/0&&(zt.current=new Date().getTime(),n=setTimeout(()=>{var d;(d=t.onAutoClose)==null||d.call(t,t),O()},rt.current)),()=>clearTimeout(n)},[et,v,t,N,u,Gt,O]),o.useEffect(()=>{t.delete&&O()},[O,t.delete]);function Ke(){var n,d,p;return B!=null&&B.loading?o.createElement("div",{className:R(i==null?void 0:i.loader,(n=t==null?void 0:t.classNames)==null?void 0:n.loader,"sonner-loader"),"data-visible":N==="loading"},B.loading):z?o.createElement("div",{className:R(i==null?void 0:i.loader,(d=t==null?void 0:t.classNames)==null?void 0:d.loader,"sonner-loader"),"data-visible":N==="loading"},z):o.createElement(sa,{className:R(i==null?void 0:i.loader,(p=t==null?void 0:t.classNames)==null?void 0:p.loader),visible:N==="loading"})}return o.createElement("li",{tabIndex:0,ref:F,className:R(L,Fe,i==null?void 0:i.toast,(a=t==null?void 0:t.classNames)==null?void 0:a.toast,i==null?void 0:i.default,i==null?void 0:i[N],(s=t==null?void 0:t.classNames)==null?void 0:s[N]),"data-sonner-toast":"","data-rich-colors":(r=t.richColors)!=null?r:at,"data-styled":!(t.jsx||t.unstyled||jt),"data-mounted":y,"data-promise":!!t.promise,"data-swiped":De,"data-removed":ot,"data-visible":$e,"data-y-position":Ue,"data-x-position":qe,"data-index":D,"data-front":Ye,"data-swiping":st,"data-dismissible":Z,"data-type":N,"data-invert":Ze,"data-swipe-out":Vt,"data-swipe-direction":S,"data-expanded":!!(et||pt&&y),style:{"--index":D,"--toasts-before":D,"--z-index":_t.length-D,"--offset":`${ot?Oe:K.current}px`,"--initial-height":pt?"auto":`${He}px`,...ct,...t.style},onDragEnd:()=>{At(!1),g(null),X.current=null},onPointerDown:n=>{Dt||!Z||(qt.current=new Date,Lt(K.current),n.target.setPointerCapture(n.pointerId),n.target.tagName!=="BUTTON"&&(At(!0),X.current={x:n.clientX,y:n.clientY}))},onPointerUp:()=>{var n,d,p,_;if(Vt||!Z)return;X.current=null;let M=Number(((n=F.current)==null?void 0:n.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),H=Number(((d=F.current)==null?void 0:d.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),V=new Date().getTime()-((p=qt.current)==null?void 0:p.getTime()),P=f==="x"?M:H,Y=Math.abs(P)/V;if(Math.abs(P)>=Ea||Y>.11){Lt(K.current),(_=t.onDismiss)==null||_.call(t,t),q(f==="x"?M>0?"right":"left":H>0?"down":"up"),O(),ze(!0),Wt(!1);return}At(!1),g(null)},onPointerMove:n=>{var d,p,_,M;if(!X.current||!Z||((d=window.getSelection())==null?void 0:d.toString().length)>0)return;let H=n.clientY-X.current.y,V=n.clientX-X.current.x,P=(p=e.swipeDirections)!=null?p:Ia(ft);!f&&(Math.abs(V)>1||Math.abs(H)>1)&&g(Math.abs(V)>Math.abs(H)?"x":"y");let Y={x:0,y:0};f==="y"?(P.includes("top")||P.includes("bottom"))&&(P.includes("top")&&H<0||P.includes("bottom")&&H>0)&&(Y.y=H):f==="x"&&(P.includes("left")||P.includes("right"))&&(P.includes("left")&&V<0||P.includes("right")&&V>0)&&(Y.x=V),(Math.abs(Y.x)>0||Math.abs(Y.y)>0)&&Wt(!0),(_=F.current)==null||_.style.setProperty("--swipe-amount-x",`${Y.x}px`),(M=F.current)==null||M.style.setProperty("--swipe-amount-y",`${Y.y}px`)}},We&&!t.jsx?o.createElement("button",{"aria-label":Pt,"data-disabled":Dt,"data-close-button":!0,onClick:Dt||!Z?()=>{}:()=>{var n;O(),(n=t.onDismiss)==null||n.call(t,t)},className:R(i==null?void 0:i.closeButton,(m=t==null?void 0:t.classNames)==null?void 0:m.closeButton)},(w=B==null?void 0:B.close)!=null?w:da):null,t.jsx||h.isValidElement(t.title)?t.jsx?t.jsx:typeof t.title=="function"?t.title():t.title:o.createElement(o.Fragment,null,N||t.icon||t.promise?o.createElement("div",{"data-icon":"",className:R(i==null?void 0:i.icon,(k=t==null?void 0:t.classNames)==null?void 0:k.icon)},t.promise||t.type==="loading"&&!t.icon?t.icon||Ke():null,t.type!=="loading"?t.icon||(B==null?void 0:B[N])||aa(N):null):null,o.createElement("div",{"data-content":"",className:R(i==null?void 0:i.content,(x=t==null?void 0:t.classNames)==null?void 0:x.content)},o.createElement("div",{"data-title":"",className:R(i==null?void 0:i.title,(l=t==null?void 0:t.classNames)==null?void 0:l.title)},typeof t.title=="function"?t.title():t.title),t.description?o.createElement("div",{"data-description":"",className:R(mt,Ve,i==null?void 0:i.description,(c=t==null?void 0:t.classNames)==null?void 0:c.description)},typeof t.description=="function"?t.description():t.description):null),h.isValidElement(t.cancel)?t.cancel:t.cancel&&yt(t.cancel)?o.createElement("button",{"data-button":!0,"data-cancel":!0,style:t.cancelButtonStyle||Mt,onClick:n=>{var d,p;yt(t.cancel)&&Z&&((p=(d=t.cancel).onClick)==null||p.call(d,n),O())},className:R(i==null?void 0:i.cancelButton,(E=t==null?void 0:t.classNames)==null?void 0:E.cancelButton)},t.cancel.label):null,h.isValidElement(t.action)?t.action:t.action&&yt(t.action)?o.createElement("button",{"data-button":!0,"data-action":!0,style:t.actionButtonStyle||ut,onClick:n=>{var d,p;yt(t.action)&&((p=(d=t.action).onClick)==null||p.call(d,n),!n.defaultPrevented&&O())},className:R(i==null?void 0:i.actionButton,(it=t==null?void 0:t.classNames)==null?void 0:it.actionButton)},t.action.label):null))};function Qt(){if(typeof window>"u"||typeof document>"u")return"ltr";let e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function Ca(e,a){let s={};return[e,a].forEach((r,m)=>{let w=m===1,k=w?"--mobile-offset":"--offset",x=w?wa:ba;function l(c){["top","right","bottom","left"].forEach(E=>{s[`${k}-${E}`]=typeof c=="number"?`${c}px`:c})}typeof r=="number"||typeof r=="string"?l(r):typeof r=="object"?["top","right","bottom","left"].forEach(c=>{r[c]===void 0?s[`${k}-${c}`]=x:s[`${k}-${c}`]=typeof r[c]=="number"?`${r[c]}px`:r[c]}):l(x)}),s}var Ba=h.forwardRef(function(e,a){let{invert:s,position:r="bottom-right",hotkey:m=["altKey","KeyT"],expand:w,closeButton:k,className:x,offset:l,mobileOffset:c,theme:E="light",richColors:it,duration:Nt,style:t,visibleToasts:jt=va,toastOptions:v,dir:A=Qt(),gap:lt=Ta,loadingIcon:W,icons:D,containerAriaLabel:_t="Notifications",pauseWhenPageIsHidden:et}=e,[j,at]=o.useState([]),dt=o.useMemo(()=>Array.from(new Set([r].concat(j.filter(u=>u.position).map(u=>u.position)))),[j,r]),[ct,Mt]=o.useState([]),[ut,L]=o.useState(!1),[mt,U]=o.useState(!1),[ft,$]=o.useState(E!=="system"?E:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),z=o.useRef(null),pt=m.join("+").replace(/Key/g,"").replace(/Digit/g,""),i=o.useRef(null),B=o.useRef(!1),Pt=o.useCallback(u=>{at(f=>{var g;return(g=f.find(S=>S.id===u.id))!=null&&g.delete||C.dismiss(u.id),f.filter(({id:S})=>S!==u.id)})},[]);return o.useEffect(()=>C.subscribe(u=>{if(u.dismiss){at(f=>f.map(g=>g.id===u.id?{...g,delete:!0}:g));return}setTimeout(()=>{Ge.flushSync(()=>{at(f=>{let g=f.findIndex(S=>S.id===u.id);return g!==-1?[...f.slice(0,g),{...f[g],...u},...f.slice(g+1)]:[u,...f]})})})}),[]),o.useEffect(()=>{if(E!=="system"){$(E);return}if(E==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?$("dark"):$("light")),typeof window>"u")return;let u=window.matchMedia("(prefers-color-scheme: dark)");try{u.addEventListener("change",({matches:f})=>{$(f?"dark":"light")})}catch{u.addListener(({matches:g})=>{try{$(g?"dark":"light")}catch(S){console.error(S)}})}},[E]),o.useEffect(()=>{j.length<=1&&L(!1)},[j]),o.useEffect(()=>{let u=f=>{var g,S;m.every(q=>f[q]||f.code===q)&&(L(!0),(g=z.current)==null||g.focus()),f.code==="Escape"&&(document.activeElement===z.current||(S=z.current)!=null&&S.contains(document.activeElement))&&L(!1)};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[m]),o.useEffect(()=>{if(z.current)return()=>{i.current&&(i.current.focus({preventScroll:!0}),i.current=null,B.current=!1)}},[z.current]),o.createElement("section",{ref:a,"aria-label":`${_t} ${pt}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},dt.map((u,f)=>{var g;let[S,q]=u.split("-");return j.length?o.createElement("ol",{key:u,dir:A==="auto"?Qt():A,tabIndex:-1,ref:z,className:x,"data-sonner-toaster":!0,"data-theme":ft,"data-y-position":S,"data-lifted":ut&&j.length>1&&!w,"data-x-position":q,style:{"--front-toast-height":`${((g=ct[0])==null?void 0:g.height)||0}px`,"--width":`${xa}px`,"--gap":`${lt}px`,...t,...Ca(l,c)},onBlur:y=>{B.current&&!y.currentTarget.contains(y.relatedTarget)&&(B.current=!1,i.current&&(i.current.focus({preventScroll:!0}),i.current=null))},onFocus:y=>{y.target instanceof HTMLElement&&y.target.dataset.dismissible==="false"||B.current||(B.current=!0,i.current=y.relatedTarget)},onMouseEnter:()=>L(!0),onMouseMove:()=>L(!0),onMouseLeave:()=>{mt||L(!1)},onDragEnd:()=>L(!1),onPointerDown:y=>{y.target instanceof HTMLElement&&y.target.dataset.dismissible==="false"||U(!0)},onPointerUp:()=>U(!1)},j.filter(y=>!y.position&&f===0||y.position===u).map((y,Rt)=>{var ot,ht;return o.createElement(Sa,{key:y.id,icons:D,index:Rt,toast:y,defaultRichColors:it,duration:(ot=v==null?void 0:v.duration)!=null?ot:Nt,className:v==null?void 0:v.className,descriptionClassName:v==null?void 0:v.descriptionClassName,invert:s,visibleToasts:jt,closeButton:(ht=v==null?void 0:v.closeButton)!=null?ht:k,interacting:mt,position:u,style:v==null?void 0:v.style,unstyled:v==null?void 0:v.unstyled,classNames:v==null?void 0:v.classNames,cancelButtonStyle:v==null?void 0:v.cancelButtonStyle,actionButtonStyle:v==null?void 0:v.actionButtonStyle,removeToast:Pt,toasts:j.filter(st=>st.position==y.position),heights:ct.filter(st=>st.position==y.position),setHeights:Mt,expandByDefault:w,gap:lt,loadingIcon:W,expanded:ut,pauseWhenPageIsHidden:et,swipeDirections:e.swipeDirections})})):null}))});const Na="_toast_esodb_3",ja="_title_esodb_19",_a="_critical_esodb_22",Ma="_actionButton_esodb_34",Pa="_closeButton_esodb_55",G={toast:Na,title:ja,critical:_a,actionButton:Ma,closeButton:Pa},Ra=({title:e,titleId:a,...s},r)=>h.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":a,...s},e?h.createElement("title",{id:a},e):null,h.createElement("path",{fillRule:"evenodd",d:"M7.044 5.63 5.63 7.044l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95-1.414-1.414-4.95 4.95-4.95-4.95Z",clipRule:"evenodd"})),Aa=h.forwardRef(Ra),La=({title:e,titleId:a,...s},r)=>h.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:r,"aria-labelledby":a,...s},e?h.createElement("title",{id:a},e):null,h.createElement("path",{fillRule:"evenodd",d:"M15.728 3H8.272L3 8.272v7.456L8.272 21h7.456L21 15.728V8.272L15.728 3ZM10.98 8.04l.144 5.532h1.788l.144-5.532H10.98Zm.264 8.268c.216.216.476.324.78.324.296 0 .552-.108.768-.324a1.09 1.09 0 0 0 0-1.548 1.031 1.031 0 0 0-.768-.336c-.304 0-.564.112-.78.336a1.09 1.09 0 0 0 0 1.548Z",clipRule:"evenodd"})),za=h.forwardRef(La),I=({duration:e=5e3})=>b.jsx(Ba,{position:"top-right",duration:e,visibleToasts:3}),$t=I.bind(null,{duration:5e3}),Da=({onClick:e})=>{const{formatMessage:a}=Je();return b.jsx("button",{onClick:e,className:G.closeButton,"aria-label":a(Qe.close),children:b.jsx(Ht,{svg:Aa})})};function T(e,a){const{variant:s="info",leadingSvgIcon:r,actionLabel:m,actionOnClick:w,actionHref:k,dataset:x}=a??{},l=k?"a":"button";return Ot.custom(c=>b.jsxs("div",{style:{display:"contents"},...ta(x,{preplyDsComponent:ea.Toast}),children:[s==="critical"?b.jsx(Ht,{svg:za}):r&&b.jsx(Ht,{svg:r}),b.jsx("span",{className:G.title,children:e}),b.jsx(Da,{onClick:()=>Ot.dismiss(c)}),m&&b.jsx(l,{className:G.actionButton,onClick:()=>{Ot.dismiss(c),w==null||w()},href:k,children:m})]}),{classNames:{toast:s==="critical"?`${G.toast} ${G.critical}`:G.toast}})}try{T.displayName="showToast",T.__docgenInfo={description:"`showToast` creates and appends a toast notification instance to your\napplication's `ToastProvider`.",displayName:"showToast",props:{}}}catch{}try{I.displayName="InternalToastProvider",I.__docgenInfo={description:`An internal primitive used for testing.
 This should not be exported to consumers.`,displayName:"InternalToastProvider",props:{duration:{defaultValue:{value:"5000"},description:`Time in milliseconds that should elapse before automatically closing
-the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"}]}}}}}catch{}try{$t.displayName="ToastProvider",$t.__docgenInfo={description:"Toasts can be triggered via the `showToast` function, and are rendered\nonto a root `Toaster` component, which is typically placed somewhere high\nup in an application tree.",displayName:"ToastProvider",props:{}}}catch{}const io={title:"Components/Toast",component:$t,parameters:{docs:{story:{inline:!1,iframeHeight:200}},chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"}}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},argTypes:{message:{description:"The toast title.",type:"string",table:{category:"showToast()"}},variant:{description:"The toast severity variant. This affects the toast colors.",options:["info","critical"],table:{category:"showToast()",defaultValue:{summary:"info"}}},leadingSvgIcon:{description:"The toast icon.",table:{category:"showToast()",defaultValue:{summary:"undefined | critical.svg",detail:"If the toast variant is `critical`, the `critical` icon is used."}}},actionLabel:{description:"The optional toast action's label.",type:"string",table:{category:"showToast()"}},actionOnClick:{description:"The optional toast action's click handler.",type:"function",table:{category:"showToast()"}},actionHref:{description:"The optional toast action's `href`.\nWhen this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n",type:"string",table:{category:"showToast()"}}}},vt=()=>(h.useEffect(()=>{T("This is a toast")},[]),w.jsx(I,{duration:1/0})),J=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),w.jsx(I,{duration:500}));J.tags=["!autodocs"];J.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>St(()=>{const s=a.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await e("check toast is dismissed automatically",()=>{const s=a.getByTestId("toast");return Ft(s)})};const Q=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),w.jsx(I,{duration:1/0}));Q.tags=["!autodocs"];Q.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>St(()=>{const s=a.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await e("check toast is dismissed on close button click",async()=>{const s=a.getByTestId("toast");return a.getByRole("button").click(),Ft(s)})};const wt=()=>(h.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),w.jsx(I,{duration:1/0})),tt=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"},actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),w.jsx(I,{duration:1/0}));tt.tags=["!autodocs"];tt.play=async({canvas:e,step:a})=>{await a("wait for toast",()=>St(()=>{const s=e.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await a("check toast is dismissed on action button click",async()=>{const s=e.getByTestId("toast"),r=e.getByText("Action");return await Le.click(r),Ft(s)})};const bt=()=>(h.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Bt("actionOnClick"),actionHref:"#"})},[]),w.jsx(I,{duration:1/0})),xt=()=>(h.useEffect(()=>{T("This is a toast",{leadingSvgIcon:Xe})},[]),w.jsx(I,{duration:1/0})),Tt=()=>(h.useEffect(()=>{T("This is a critical toast",{variant:"critical"})},[]),w.jsx(I,{duration:1/0})),Et=()=>(h.useEffect(()=>{T("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),w.jsx(I,{duration:1/0})),kt=()=>(h.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3")},[]),w.jsx(I,{duration:1/0})),nt=()=>(h.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3",{dataset:{testid:"toast3"}})},[]),w.jsx(I,{duration:1/0}));nt.play=async({canvas:e,canvasElement:a,step:s})=>{await s("wait for toast 3",()=>St(()=>{const r=e.queryByTestId("toast3");Ct(r).toBeInTheDocument()})),await s("Use global toast area shortcut",async()=>{a.focus(),await Le.keyboard("{Alt>}T")})};const It=()=>(h.useEffect(()=>{T("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")},[]),w.jsx(I,{duration:1/0}));var te,ee,ae;vt.parameters={...vt.parameters,docs:{...(te=vt.parameters)==null?void 0:te.docs,source:{originalSource:`() => {
+the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"}]}}}}}catch{}try{$t.displayName="ToastProvider",$t.__docgenInfo={description:"Toasts can be triggered via the `showToast` function, and are rendered\nonto a root `Toaster` component, which is typically placed somewhere high\nup in an application tree.",displayName:"ToastProvider",props:{}}}catch{}const io={title:"Components/Toast",component:$t,parameters:{docs:{story:{inline:!1,iframeHeight:200}},chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"}}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},argTypes:{message:{description:"The toast title.",type:"string",table:{category:"showToast()"}},variant:{description:"The toast severity variant. This affects the toast colors.",options:["info","critical"],table:{category:"showToast()",defaultValue:{summary:"info"}}},leadingSvgIcon:{description:"The toast icon.",table:{category:"showToast()",defaultValue:{summary:"undefined | critical.svg",detail:"If the toast variant is `critical`, the `critical` icon is used."}}},actionLabel:{description:"The optional toast action's label.",type:"string",table:{category:"showToast()"}},actionOnClick:{description:"The optional toast action's click handler.",type:"function",table:{category:"showToast()"}},actionHref:{description:"The optional toast action's `href`.\nWhen this is provided, an `<a>` tag is used for the action, otherwise, a `<button>` is used instead.\n",type:"string",table:{category:"showToast()"}}}},vt=()=>(h.useEffect(()=>{T("This is a toast")},[]),b.jsx(I,{duration:1/0})),J=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),b.jsx(I,{duration:500}));J.tags=["!autodocs"];J.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>St(()=>{const s=a.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await e("check toast is dismissed automatically",()=>{const s=a.getByTestId("toast");return Ft(s)})};const Q=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"}})},[]),b.jsx(I,{duration:1/0}));Q.tags=["!autodocs"];Q.play=async({step:e,canvas:a})=>{await e("wait for toast",()=>St(()=>{const s=a.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await e("check toast is dismissed on close button click",async()=>{const s=a.getByTestId("toast");return a.getByRole("button").click(),Ft(s)})};const bt=()=>(h.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),b.jsx(I,{duration:1/0})),tt=()=>(h.useEffect(()=>{T("This is a toast",{dataset:{testid:"toast"},actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),b.jsx(I,{duration:1/0}));tt.tags=["!autodocs"];tt.play=async({canvas:e,step:a})=>{await a("wait for toast",()=>St(()=>{const s=e.queryByTestId("toast");return Ct(s).toBeInTheDocument()})),await a("check toast is dismissed on action button click",async()=>{const s=e.getByTestId("toast"),r=e.getByText("Action");return await Le.click(r),Ft(s)})};const wt=()=>(h.useEffect(()=>{T("This is a toast",{actionLabel:"Action",actionOnClick:Bt("actionOnClick"),actionHref:"#"})},[]),b.jsx(I,{duration:1/0})),xt=()=>(h.useEffect(()=>{T("This is a toast",{leadingSvgIcon:Xe})},[]),b.jsx(I,{duration:1/0})),Tt=()=>(h.useEffect(()=>{T("This is a critical toast",{variant:"critical"})},[]),b.jsx(I,{duration:1/0})),Et=()=>(h.useEffect(()=>{T("This is a critical toast",{variant:"critical",actionLabel:"Action",actionOnClick:Bt("actionOnClick")})},[]),b.jsx(I,{duration:1/0})),kt=()=>(h.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3")},[]),b.jsx(I,{duration:1/0})),nt=()=>(h.useEffect(()=>{T("This is toast 1"),T("This is toast 2"),T("This is toast 3",{dataset:{testid:"toast3"}})},[]),b.jsx(I,{duration:1/0}));nt.play=async({canvas:e,canvasElement:a,step:s})=>{await s("wait for toast 3",()=>St(()=>{const r=e.queryByTestId("toast3");Ct(r).toBeInTheDocument()})),await s("Use global toast area shortcut",async()=>{a.focus(),await Le.keyboard("{Alt>}T")})};const It=()=>(h.useEffect(()=>{T("What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong")},[]),b.jsx(I,{duration:1/0}));var te,ee,ae;vt.parameters={...vt.parameters,docs:{...(te=vt.parameters)==null?void 0:te.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast');
   }, []);
@@ -24,7 +24,7 @@ the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(le=(ie=Q.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var de,ce,ue;wt.parameters={...wt.parameters,docs:{...(de=wt.parameters)==null?void 0:de.docs,source:{originalSource:`() => {
+}`,...(le=(ie=Q.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var de,ce,ue;bt.parameters={...bt.parameters,docs:{...(de=bt.parameters)==null?void 0:de.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast', {
       actionLabel: 'Action',
@@ -32,7 +32,7 @@ the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(ue=(ce=wt.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};var me,fe,pe;tt.parameters={...tt.parameters,docs:{...(me=tt.parameters)==null?void 0:me.docs,source:{originalSource:`() => {
+}`,...(ue=(ce=bt.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};var me,fe,pe;tt.parameters={...tt.parameters,docs:{...(me=tt.parameters)==null?void 0:me.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast', {
       dataset: {
@@ -43,7 +43,7 @@ the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(pe=(fe=tt.parameters)==null?void 0:fe.docs)==null?void 0:pe.source}}};var he,ge,ye;bt.parameters={...bt.parameters,docs:{...(he=bt.parameters)==null?void 0:he.docs,source:{originalSource:`() => {
+}`,...(pe=(fe=tt.parameters)==null?void 0:fe.docs)==null?void 0:pe.source}}};var he,ge,ye;wt.parameters={...wt.parameters,docs:{...(he=wt.parameters)==null?void 0:he.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast', {
       actionLabel: 'Action',
@@ -52,14 +52,14 @@ the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(ye=(ge=bt.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var ve,we,be;xt.parameters={...xt.parameters,docs:{...(ve=xt.parameters)==null?void 0:ve.docs,source:{originalSource:`() => {
+}`,...(ye=(ge=wt.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var ve,be,we;xt.parameters={...xt.parameters,docs:{...(ve=xt.parameters)==null?void 0:ve.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a toast', {
       leadingSvgIcon: InfoIcon
     });
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(be=(we=xt.parameters)==null?void 0:we.docs)==null?void 0:be.source}}};var xe,Te,Ee;Tt.parameters={...Tt.parameters,docs:{...(xe=Tt.parameters)==null?void 0:xe.docs,source:{originalSource:`() => {
+}`,...(we=(be=xt.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var xe,Te,Ee;Tt.parameters={...Tt.parameters,docs:{...(xe=Tt.parameters)==null?void 0:xe.docs,source:{originalSource:`() => {
   useEffect(() => {
     showToast('This is a critical toast', {
       variant: 'critical'
@@ -98,4 +98,4 @@ the toast.`,name:"duration",required:!1,type:{name:"enum",value:[{value:"number"
     showToast('What happens if the message is really really really really reeaaaaaaaallyyyyyyy looooooooooong');
   }, []);
   return <ToastProvider duration={Infinity} />;
-}`,...(Ae=(Re=It.parameters)==null?void 0:Re.docs)==null?void 0:Ae.source}}};const lo=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{wt as Action,bt as ActionLink,Tt as Critical,Et as CriticalWithAction,xt as Icon,It as LongMessage,kt as Stack,tt as TestActionClose,Q as TestClose,nt as TestStackExpand,J as TestTimer,vt as Toast,lo as __namedExportsOrder,io as default};
+}`,...(Ae=(Re=It.parameters)==null?void 0:Re.docs)==null?void 0:Ae.source}}};const lo=["Toast","TestTimer","TestClose","Action","TestActionClose","ActionLink","Icon","Critical","CriticalWithAction","Stack","TestStackExpand","LongMessage"];export{bt as Action,wt as ActionLink,Tt as Critical,Et as CriticalWithAction,xt as Icon,It as LongMessage,kt as Stack,tt as TestActionClose,Q as TestClose,nt as TestStackExpand,J as TestTimer,vt as Toast,lo as __namedExportsOrder,io as default};

package/dist/assets/Tooltip-9him0tBb.css

@@ -0,0 +1 @@
+._content_13ife_2{background-color:var(--4983fe);color:var(--c2b191);border-radius:var(--5e8be4);padding:var(--590b8d) var(--66b80b);max-width:354px;box-shadow:var(--df7dbb);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f);animation-duration:.15s;animation-timing-function:cubic-bezier(.25,0,.5,1.3);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}._content_13ife_2[data-state=instant-open],._content_13ife_2[data-state=delayed-open]{animation-name:_appear_13ife_1}._content_13ife_2[data-state=closed]{animation-name:_disappear_13ife_1}._arrow_13ife_24{fill:var(--4983fe)}@keyframes _appear_13ife_1{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes _disappear_13ife_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}

package/dist/assets/{Tooltip-BvCJt9jJ.js → Tooltip-kdQF0n0X.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{R as g,T as _,P as y,C as w,A as b}from"./index-ODU_8Fga.js";import{i as x}from"./PortalElementProvider-DidBkzFe.js";import{g as D}from"./index-DdzHuZ-Y.js";import{w as E}from"./componentNames-Bwls0I02.js";const P="_content_1mckv_2",R="_arrow_1mckv_24",l={content:P,arrow:R},S=300,u=({children:o,content:i,side:p="top",trigger:a="hover",disabled:c=!1,dataset:d,dsInternalSimulation:m})=>{const f=x(),r=s.useRef(0),[h,n]=s.useState(!1),v=()=>{a!=="hover"&&(r.current=Date.now(),n(!0))},T=()=>{if(a==="hover")return;Date.now()-r.current>S&&n(!1)};if(c)return o;let t;return m==="open"?t=!0:a==="hover"?t=void 0:t=h||void 0,e.jsxs(g,{open:t,children:[e.jsx(_,{onTouchStart:v,onTouchEnd:T,tabIndex:0,asChild:!0,children:o}),e.jsx(y,{container:f,children:e.jsxs(w,{side:p,className:l.content,onPointerDownOutside:()=>n(!1),...D(d,{preplyDsComponent:E.Tooltip}),children:[i,e.jsx(b,{className:l.arrow,width:10,height:6})]})})]})};try{u.displayName="Tooltip",u.__docgenInfo={description:`Tooltip component.
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as s}from"./index-Cb9e4tly.js";import{R as g,T as _,P as y,C as w,A as b}from"./index-ODU_8Fga.js";import{i as x}from"./PortalElementProvider-DidBkzFe.js";import{g as D}from"./index-DdzHuZ-Y.js";import{w as E}from"./componentNames-Bwls0I02.js";const P="_content_13ife_2",R="_arrow_13ife_24",l={content:P,arrow:R},S=300,u=({children:o,content:i,side:p="top",trigger:a="hover",disabled:c=!1,dataset:d,dsInternalSimulation:m})=>{const f=x(),r=s.useRef(0),[h,n]=s.useState(!1),v=()=>{a!=="hover"&&(r.current=Date.now(),n(!0))},T=()=>{if(a==="hover")return;Date.now()-r.current>S&&n(!1)};if(c)return o;let t;return m==="open"?t=!0:a==="hover"?t=void 0:t=h||void 0,e.jsxs(g,{open:t,children:[e.jsx(_,{onTouchStart:v,onTouchEnd:T,tabIndex:0,asChild:!0,children:o}),e.jsx(y,{container:f,children:e.jsxs(w,{side:p,className:l.content,onPointerDownOutside:()=>n(!1),...D(d,{preplyDsComponent:E.Tooltip}),children:[i,e.jsx(b,{className:l.arrow,width:10,height:6})]})})]})};try{u.displayName="Tooltip",u.__docgenInfo={description:`Tooltip component.
 
 The direct child of the component should be html element, DS component,
 or a component that forwards ref and spreads props to the underlying DOM node.`,displayName:"Tooltip",props:{content:{defaultValue:null,description:"",name:"content",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},trigger:{defaultValue:{value:"hover"},description:`Controls how the tooltip can be triggered.

package/dist/assets/{Tooltip.stories-Crh2sW9L.js → Tooltip.stories-ChMEb5wa.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{T as o}from"./Tooltip-BvCJt9jJ.js";import{r as M}from"./index-Cb9e4tly.js";import{L as $}from"./LayoutFlex-CaenMVBF.js";import{I as e}from"./IconButton-CI9clg4P.js";import{F as p}from"./TokyoUIFav-DOVerCtW.js";import{F as N}from"./TokyoUIClose-thK8sk63.js";import{F as P}from"./TokyoUINotebook-kt8pWj_a.js";import{F as _}from"./TokyoUIInfo-DbkQBubr.js";import"./index-ChsGqxH_.js";import"./index-ODU_8Fga.js";import"./PortalElementProvider-DidBkzFe.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-B77PBZuV.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./layout-relative.module-Bf3FithH.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";const gt={title:"Components/Tooltip",component:o,parameters:{layout:"centered",a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},decorators:[l=>t.jsx("div",{style:{margin:"100px 0"},children:l()})]},i={render:()=>t.jsx(o,{content:"This is a tooltip",dsInternalSimulation:"open",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Favorite"})}),name:"Tooltip"},a={render:()=>t.jsx(o,{content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",dsInternalSimulation:"open",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Favorite"})})},r={parameters:{chromatic:{disableSnapshot:!0}},render:()=>t.jsxs($,{gap:"4",children:[t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Icon button"})}),t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(N,{}),assistiveText:"Icon button"})}),t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(P,{}),assistiveText:"Icon button"})})]})},s={parameters:{chromatic:{disableSnapshot:!0}},render:()=>t.jsx(o,{content:"This is a tooltip",trigger:"hover-and-touch",children:t.jsx(e,{variant:"ghost",svg:t.jsx(_,{}),assistiveText:"Icon button"})})},n={parameters:{chromatic:{disableSnapshot:!0}},render:()=>{const l=M.forwardRef((D,E)=>t.jsx("button",{...D,ref:E}));return t.jsx(o,{content:"This is a tooltip",children:t.jsx(l,{children:"Custom child"})})}},c={parameters:{chromatic:{disableSnapshot:!0}},args:{content:"Tooltip content",children:t.jsx(e,{svg:t.jsx(p,{}),assistiveText:"Icon button"}),trigger:"hover",side:"top"},argTypes:{content:{control:"text"},children:{control:!1},dataset:{control:"object"}}};var d,m,u;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:`{
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{T as o}from"./Tooltip-kdQF0n0X.js";import{r as M}from"./index-Cb9e4tly.js";import{L as $}from"./LayoutFlex-BaXqezhY.js";import{I as e}from"./IconButton-iyWiUe9X.js";import{F as p}from"./TokyoUIFav-DOVerCtW.js";import{F as N}from"./TokyoUIClose-thK8sk63.js";import{F as P}from"./TokyoUINotebook-kt8pWj_a.js";import{F as _}from"./TokyoUIInfo-DbkQBubr.js";import"./index-ChsGqxH_.js";import"./index-ODU_8Fga.js";import"./PortalElementProvider-DidBkzFe.js";import"./index-BPrLDK9Y.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-C7hTFOIV.js";import"./index-B77PBZuV.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./layout-relative.module-CYNzEGVH.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-Desxs10d.js";import"./Spinner-C3p2WoxW.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";const gt={title:"Components/Tooltip",component:o,parameters:{layout:"centered",a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},decorators:[l=>t.jsx("div",{style:{margin:"100px 0"},children:l()})]},i={render:()=>t.jsx(o,{content:"This is a tooltip",dsInternalSimulation:"open",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Favorite"})}),name:"Tooltip"},a={render:()=>t.jsx(o,{content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",dsInternalSimulation:"open",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Favorite"})})},r={parameters:{chromatic:{disableSnapshot:!0}},render:()=>t.jsxs($,{gap:"4",children:[t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(p,{}),assistiveText:"Icon button"})}),t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(N,{}),assistiveText:"Icon button"})}),t.jsx(o,{content:"This is a tooltip",children:t.jsx(e,{variant:"ghost",svg:t.jsx(P,{}),assistiveText:"Icon button"})})]})},s={parameters:{chromatic:{disableSnapshot:!0}},render:()=>t.jsx(o,{content:"This is a tooltip",trigger:"hover-and-touch",children:t.jsx(e,{variant:"ghost",svg:t.jsx(_,{}),assistiveText:"Icon button"})})},n={parameters:{chromatic:{disableSnapshot:!0}},render:()=>{const l=M.forwardRef((D,E)=>t.jsx("button",{...D,ref:E}));return t.jsx(o,{content:"This is a tooltip",children:t.jsx(l,{children:"Custom child"})})}},c={parameters:{chromatic:{disableSnapshot:!0}},args:{content:"Tooltip content",children:t.jsx(e,{svg:t.jsx(p,{}),assistiveText:"Icon button"}),trigger:"hover",side:"top"},argTypes:{content:{control:"text"},children:{control:!1},dataset:{control:"object"}}};var d,m,u;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:`{
   render: () => <Tooltip content="This is a tooltip" dsInternalSimulation="open">
             <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Favorite" />
         </Tooltip>,

package/dist/assets/{Tooltip.tests.stories-bmaSwgkR.js → Tooltip.tests.stories-DRKkU6_h.js}

@@ -1,4 +1,4 @@
-import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{T as b}from"./Tooltip-BvCJt9jJ.js";import{I as B}from"./IconButton-CI9clg4P.js";import{F as T}from"./TokyoUIFav-DOVerCtW.js";import{a as g,u as p,w as i,e as s,b as u}from"./index-BVDq5o4N.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ODU_8Fga.js";import"./PortalElementProvider-DidBkzFe.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-B77PBZuV.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D31GBWHv.js";import"./Spinner-Dsa9X0G6.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";const M={title:"Components/Tooltip/Tests",component:b,parameters:{layout:"centered",controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"],decorators:[n=>l.jsx("div",{style:{margin:"100px 0"},children:n()})],args:{content:"Tooltip content",dataset:{testid:"tooltip"},children:l.jsx(B,{svg:l.jsx(T,{}),assistiveText:"Favorite"})}},r={play:async({canvasElement:n,step:t})=>{const e=g(n),a=e.getByRole("button");await t("hover trigger element",async()=>{await p.hover(a)}),await t("tooltip should be shown",async()=>{await i(()=>{const o=e.getByTestId("tooltip");return s(o).toBeVisible()})}),await t("unhover trigger element",async()=>{await p.unhover(a)}),await t("tooltip should be hidden",async()=>{await i(()=>{const o=e.queryByTestId("tooltip");return s(o).toBeNull()})})}},c={args:{trigger:"hover-and-touch"},play:async({canvasElement:n,step:t})=>{const e=g(n),a=e.getByRole("button");await t("press trigger element",async()=>{await u.touchStart(a)}),await t("tooltip should be shown",async()=>{await i(()=>{const o=e.getByTestId("tooltip");s(o).toBeInTheDocument()})}),await t("release trigger element",async()=>{await u.touchEnd(a)}),await t("tooltip should be still visible",async()=>{await i(()=>{const o=e.getByTestId("tooltip");s(o).toBeInTheDocument()})}),await t("click outside of tooltip",async()=>{await p.click(document.body)}),await t("tooltip should be hidden",async()=>{await i(()=>{const o=e.queryByTestId("tooltip");s(o).toBeNull()})})}};var m,d,w;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
+import{j as l}from"./jsx-runtime-BTJTZTIL.js";import{T as b}from"./Tooltip-kdQF0n0X.js";import{I as B}from"./IconButton-iyWiUe9X.js";import{F as T}from"./TokyoUIFav-DOVerCtW.js";import{a as g,u as p,w as i,e as s,b as u}from"./index-BVDq5o4N.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-ODU_8Fga.js";import"./PortalElementProvider-DidBkzFe.js";import"./index-BPrLDK9Y.js";import"./index-C7hTFOIV.js";import"./index-B77PBZuV.js";import"./index-DdzHuZ-Y.js";import"./componentNames-Bwls0I02.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-Desxs10d.js";import"./Spinner-C3p2WoxW.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";const M={title:"Components/Tooltip/Tests",component:b,parameters:{layout:"centered",controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"],decorators:[n=>l.jsx("div",{style:{margin:"100px 0"},children:n()})],args:{content:"Tooltip content",dataset:{testid:"tooltip"},children:l.jsx(B,{svg:l.jsx(T,{}),assistiveText:"Favorite"})}},r={play:async({canvasElement:n,step:t})=>{const e=g(n),a=e.getByRole("button");await t("hover trigger element",async()=>{await p.hover(a)}),await t("tooltip should be shown",async()=>{await i(()=>{const o=e.getByTestId("tooltip");return s(o).toBeVisible()})}),await t("unhover trigger element",async()=>{await p.unhover(a)}),await t("tooltip should be hidden",async()=>{await i(()=>{const o=e.queryByTestId("tooltip");return s(o).toBeNull()})})}},c={args:{trigger:"hover-and-touch"},play:async({canvasElement:n,step:t})=>{const e=g(n),a=e.getByRole("button");await t("press trigger element",async()=>{await u.touchStart(a)}),await t("tooltip should be shown",async()=>{await i(()=>{const o=e.getByTestId("tooltip");s(o).toBeInTheDocument()})}),await t("release trigger element",async()=>{await u.touchEnd(a)}),await t("tooltip should be still visible",async()=>{await i(()=>{const o=e.getByTestId("tooltip");s(o).toBeInTheDocument()})}),await t("click outside of tooltip",async()=>{await p.click(document.body)}),await t("tooltip should be hidden",async()=>{await i(()=>{const o=e.queryByTestId("tooltip");s(o).toBeNull()})})}};var m,d,w;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step