@preply/ds-docs 3.5.1 → 3.6.0

package/dist/assets/BubbleCounter.stories-CpaMP6xY.js

@@ -0,0 +1,242 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{b as d,I as b}from"./IconButton-NYwQQfnV.js";import{g as je}from"./index-DdzHuZ-Y.js";import{w as ye}from"./componentNames-NXEPEzbR.js";import{F as g}from"./Messages-VCFIwUal.js";import{B as C}from"./Button-C5gzVt4K.js";import{A as v}from"./Avatar-BPQkrrdS.js";import{L as j}from"./LayoutFlex-C3k4b85b.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D5O3MkG2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-T-vTyHiv.js";import"./classNames-BUL1Zq7e.js";import"./defaults-Clr6nbGc.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-CC6DAVyL.js";import"./constants--ewUoBsO.js";import"./layout-relative.module-ChaXrVQQ.js";const t=({count:r,showEmpty:be=!1,limit:y=99,size:ge="large",variant:xe="dark",children:x,dataset:ve})=>{if(r===void 0&&!be)return x??e.jsx(e.Fragment,{});const z=e.jsx("span",{className:[d.bubbleCounter,d[`size-${ge}`],d[`variant-${xe}`]].join(" "),...je(ve,{preplyDsComponent:ye.BubbleCounter}),children:typeof r=="number"&&(r>y?`${y}+`:r)});return x?e.jsxs("div",{className:d.childTargetOverlay,children:[z,x]}):z};try{t.displayName="BubbleCounter",t.__docgenInfo={description:"",displayName:"BubbleCounter",props:{count:{defaultValue:null,description:"The counter's current value;\n\n- If `undefined`, the counter is not rendered.\n- If above `limit`, the `limit` value is rendered instead, with a `+`\n  suffix.",name:"count",required:!1,type:{name:"enum",value:[{value:"number"}]}},showEmpty:{defaultValue:{value:"false"},description:"If `true`, the counter will render even if `count` is `undefined`.",name:"showEmpty",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},limit:{defaultValue:{value:"99"},description:"",name:"limit",required:!1,type:{name:"enum",value:[{value:"number"}]}},size:{defaultValue:{value:"large"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'}]}},variant:{defaultValue:{value:"dark"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},children:{defaultValue:null,description:`When provided, the \`BubbleCounter\` will position itself as an indicator
+overlay above the target child element.
+
+This is intended to work on just one child, but will not throw errors if
+you pass multiple children in order to avoid breaking UX unnecessarily.`,name:"children",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}const De={title:"components/BubbleCounter",component:t,decorators:[r=>e.jsx("div",{style:{padding:"24px"},children:e.jsx(r,{})})]},u=()=>e.jsx("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"dark"}),e.jsx("td",{children:e.jsx(t,{count:5,variant:"dark"})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"light"}),e.jsx("td",{children:e.jsx(t,{count:5,variant:"light"})})]})]})}),c=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Variant"}),e.jsx("th",{children:"small"}),e.jsx("th",{children:"medium"}),e.jsx("th",{children:"large"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"dark"}),e.jsx("td",{children:e.jsx(t,{count:5,size:"small",variant:"dark"})}),e.jsx("td",{children:e.jsx(t,{count:5,size:"medium",variant:"dark"})}),e.jsx("td",{children:e.jsx(t,{count:5,size:"large",variant:"dark"})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"light"}),e.jsx("td",{children:e.jsx(t,{count:5,size:"small",variant:"light"})}),e.jsx("td",{children:e.jsx(t,{count:5,size:"medium",variant:"light"})}),e.jsx("td",{children:e.jsx(t,{count:5,size:"large",variant:"light"})})]})]})]}),i=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Variant"}),e.jsx("th",{children:"small"}),e.jsx("th",{children:"medium"}),e.jsx("th",{children:"large"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"dark"}),e.jsx("td",{children:e.jsx(t,{count:500,size:"small",variant:"dark"})}),e.jsx("td",{children:e.jsx(t,{count:500,size:"medium",variant:"dark"})}),e.jsx("td",{children:e.jsx(t,{count:500,size:"large",variant:"dark"})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"light"}),e.jsx("td",{children:e.jsx(t,{count:500,size:"small",variant:"light"})}),e.jsx("td",{children:e.jsx(t,{count:500,size:"medium",variant:"light"})}),e.jsx("td",{children:e.jsx(t,{count:500,size:"large",variant:"light"})})]})]})]}),m=()=>e.jsxs("table",{style:{borderCollapse:"separate",borderSpacing:"16px"},children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Variant"}),e.jsx("th",{children:"small"}),e.jsx("th",{children:"medium"}),e.jsx("th",{children:"medium"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"dark"}),e.jsx("td",{children:e.jsx(t,{size:"small",variant:"dark",showEmpty:!0})}),e.jsx("td",{children:e.jsx(t,{size:"medium",variant:"dark",showEmpty:!0})}),e.jsx("td",{children:e.jsx(t,{size:"large",variant:"dark",showEmpty:!0})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"light"}),e.jsx("td",{children:e.jsx(t,{size:"small",variant:"light",showEmpty:!0})}),e.jsx("td",{children:e.jsx(t,{size:"medium",variant:"light",showEmpty:!0})}),e.jsx("td",{children:e.jsx(t,{size:"large",variant:"light",showEmpty:!0})})]})]})]}),h=()=>e.jsxs(j,{gap:"12",children:[e.jsxs(C,{variant:"primary",size:"m",children:["Messages ",e.jsx(t,{variant:"dark",count:5,size:"medium"})]}),e.jsxs(C,{variant:"tertiary",size:"m",children:["Messages ",e.jsx(t,{variant:"light",count:5,size:"medium"})]})]}),o=()=>e.jsxs(j,{gap:"12",children:[e.jsx(t,{count:5,size:"small",children:e.jsx(v,{size:"s"})}),e.jsx(t,{count:5,size:"medium",children:e.jsx(v,{size:"m"})}),e.jsx(t,{count:5,size:"large",children:e.jsx(v,{size:"l"})})]}),l=()=>e.jsxs(j,{gap:"12",children:[e.jsx(t,{count:5,size:"small",children:e.jsx(b,{svg:g,assistiveText:"Messages",size:"s",variant:"tertiary"})}),e.jsx(t,{count:5,size:"medium",children:e.jsx(b,{svg:g,assistiveText:"Messages",size:"m",variant:"tertiary"})}),e.jsx(t,{count:5,size:"large",children:e.jsx(b,{svg:g,assistiveText:"Messages",size:"l",variant:"tertiary"})})]}),s=()=>e.jsx("div",{style:{"--ds-bubblecounter-target-offset":"20%","--ds-bubblecounter-outline-color":"red"},children:e.jsx(t,{count:5,size:"medium",children:e.jsx("div",{style:{backgroundColor:"lightgray",width:"30px",height:"30px",borderRadius:"50%",padding:"8px"}})})});s.parameters={docs:{canvas:{sourceState:"shown"}}};const pe=()=>e.jsx(b,{svg:g,assistiveText:"Messages",variant:"tertiary",size:"l"}),a=()=>{const r=[];return e.jsx(t,{count:r.length||void 0,children:e.jsx(pe,{})})};a.parameters={docs:{canvas:{sourceState:"shown"}}};const n=()=>e.jsx(t,{showEmpty:!0,children:e.jsx(pe,{})});n.parameters={docs:{canvas:{sourceState:"shown"}}};const p={tags:["!autodocs"],parameters:{chromatic:{disableSnapshot:!0}},args:{count:5,size:"large",variant:"dark"},argTypes:{dataset:{control:"object"},count:{control:"number"},limit:{control:"number"},size:{control:"select",options:["small","medium","large"]},variant:{control:"select",options:["dark","light"]},children:{control:"text",description:"Add any text here to see how the counter positions over children"}}};var B,f,S;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`() => <table style={{
+  borderCollapse: 'separate',
+  borderSpacing: '16px'
+}}>
+        <tbody>
+            <tr>
+                <td>dark</td>
+                <td>
+                    <BubbleCounter count={5} variant="dark" />
+                </td>
+            </tr>
+            <tr>
+                <td>light</td>
+                <td>
+                    <BubbleCounter count={5} variant="light" />
+                </td>
+            </tr>
+        </tbody>
+    </table>`,...(S=(f=u.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var w,k,E;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`() => <table style={{
+  borderCollapse: 'separate',
+  borderSpacing: '16px'
+}}>
+        <thead>
+            <tr>
+                <th>Variant</th>
+                <th>small</th>
+                <th>medium</th>
+                <th>large</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>dark</td>
+                <td>
+                    <BubbleCounter count={5} size="small" variant="dark" />
+                </td>
+                <td>
+                    <BubbleCounter count={5} size="medium" variant="dark" />
+                </td>
+                <td>
+                    <BubbleCounter count={5} size="large" variant="dark" />
+                </td>
+            </tr>
+            <tr>
+                <td>light</td>
+                <td>
+                    <BubbleCounter count={5} size="small" variant="light" />
+                </td>
+                <td>
+                    <BubbleCounter count={5} size="medium" variant="light" />
+                </td>
+                <td>
+                    <BubbleCounter count={5} size="large" variant="light" />
+                </td>
+            </tr>
+        </tbody>
+    </table>`,...(E=(k=c.parameters)==null?void 0:k.docs)==null?void 0:E.source}}};var I,M,V,A,T;i.parameters={...i.parameters,docs:{...(I=i.parameters)==null?void 0:I.docs,source:{originalSource:`() => <table style={{
+  borderCollapse: 'separate',
+  borderSpacing: '16px'
+}}>
+        <thead>
+            <tr>
+                <th>Variant</th>
+                <th>small</th>
+                <th>medium</th>
+                <th>large</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>dark</td>
+                <td>
+                    <BubbleCounter count={500} size="small" variant="dark" />
+                </td>
+                <td>
+                    <BubbleCounter count={500} size="medium" variant="dark" />
+                </td>
+                <td>
+                    <BubbleCounter count={500} size="large" variant="dark" />
+                </td>
+            </tr>
+            <tr>
+                <td>light</td>
+                <td>
+                    <BubbleCounter count={500} size="small" variant="light" />
+                </td>
+                <td>
+                    <BubbleCounter count={500} size="medium" variant="light" />
+                </td>
+                <td>
+                    <BubbleCounter count={500} size="large" variant="light" />
+                </td>
+            </tr>
+        </tbody>
+    </table>`,...(V=(M=i.parameters)==null?void 0:M.docs)==null?void 0:V.source},description:{story:"Numbers exceeding the `limit` prop value are clamped, with a `+` suffix.",...(T=(A=i.parameters)==null?void 0:A.docs)==null?void 0:T.description}}};var O,F,L;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`() => <table style={{
+  borderCollapse: 'separate',
+  borderSpacing: '16px'
+}}>
+        <thead>
+            <tr>
+                <th>Variant</th>
+                <th>small</th>
+                <th>medium</th>
+                <th>medium</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>dark</td>
+                <td>
+                    <BubbleCounter size="small" variant="dark" showEmpty />
+                </td>
+                <td>
+                    <BubbleCounter size="medium" variant="dark" showEmpty />
+                </td>
+                <td>
+                    <BubbleCounter size="large" variant="dark" showEmpty />
+                </td>
+            </tr>
+            <tr>
+                <td>light</td>
+                <td>
+                    <BubbleCounter size="small" variant="light" showEmpty />
+                </td>
+                <td>
+                    <BubbleCounter size="medium" variant="light" showEmpty />
+                </td>
+                <td>
+                    <BubbleCounter size="large" variant="light" showEmpty />
+                </td>
+            </tr>
+        </tbody>
+    </table>`,...(L=(F=m.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var _,q,H;h.parameters={...h.parameters,docs:{...(_=h.parameters)==null?void 0:_.docs,source:{originalSource:`() => <LayoutFlex gap="12">
+        <Button variant="primary" size="m">
+            Messages <BubbleCounter variant="dark" count={5} size="medium" />
+        </Button>
+        <Button variant="tertiary" size="m">
+            Messages <BubbleCounter variant="light" count={5} size="medium" />
+        </Button>
+    </LayoutFlex>`,...(H=(q=h.parameters)==null?void 0:q.docs)==null?void 0:H.source}}};var N,W,R,D,G;o.parameters={...o.parameters,docs:{...(N=o.parameters)==null?void 0:N.docs,source:{originalSource:`() => <LayoutFlex gap="12">
+        <BubbleCounter count={5} size="small">
+            <Avatar size="s" />
+        </BubbleCounter>
+        <BubbleCounter count={5} size="medium">
+            <Avatar size="m" />
+        </BubbleCounter>
+        <BubbleCounter count={5} size="large">
+            <Avatar size="l" />
+        </BubbleCounter>
+    </LayoutFlex>`,...(R=(W=o.parameters)==null?void 0:W.docs)==null?void 0:R.source},description:{story:`The BubbleCounter can accept a child and display itself above it as an
+indicator overlay.
+
+This is useful for showing notifications or counts on top of UI elements
+like buttons and avatars.
+
+See the \`AsIndicatorWithCSSEscapeHatches\` story for details on how to
+override the \`BubbleCounter\` position offset.`,...(G=(D=o.parameters)==null?void 0:D.docs)==null?void 0:G.description}}};var P,$,U,X,J;l.parameters={...l.parameters,docs:{...(P=l.parameters)==null?void 0:P.docs,source:{originalSource:`() => <LayoutFlex gap="12">
+        <BubbleCounter count={5} size="small">
+            <IconButton svg={MessagesSVG} assistiveText="Messages" size="s" variant="tertiary" />
+        </BubbleCounter>
+        <BubbleCounter count={5} size="medium">
+            <IconButton svg={MessagesSVG} assistiveText="Messages" size="m" variant="tertiary" />
+        </BubbleCounter>
+        <BubbleCounter count={5} size="large">
+            <IconButton svg={MessagesSVG} assistiveText="Messages" size="l" variant="tertiary" />
+        </BubbleCounter>
+    </LayoutFlex>`,...(U=($=l.parameters)==null?void 0:$.docs)==null?void 0:U.source},description:{story:"For design system `IconButton`s, the `BubbleCounter` will automatically\nrender an outline to provide visual contrast against the button.\n\nSee the `AsIndicatorWithCSSEscapeHatches` story for details on how to\noverride the outline color.",...(J=(X=l.parameters)==null?void 0:X.docs)==null?void 0:J.description}}};var Y,K,Q,Z,ee;s.parameters={...s.parameters,docs:{...(Y=s.parameters)==null?void 0:Y.docs,source:{originalSource:`() => <div style={{
+  // @ts-expect-error - Custom CSS properties
+  '--ds-bubblecounter-target-offset': '20%',
+  '--ds-bubblecounter-outline-color': 'red'
+}}>
+        <BubbleCounter count={5} size="medium">
+            <div style={{
+      backgroundColor: 'lightgray',
+      width: '30px',
+      height: '30px',
+      borderRadius: '50%',
+      padding: '8px'
+    }} />
+        </BubbleCounter>
+    </div>`,...(Q=(K=s.parameters)==null?void 0:K.docs)==null?void 0:Q.source},description:{story:"Some styling escape hatches exist in the form of custom CSS properties:\n\n- `--ds-bubblecounter-target-offset`: Overrides the position offset between\n  the `BubbleCounter` and the target element.\n- `--ds-bubblecounter-outline-color`: Forces a coutout outline to render and\n  overrides its color.\n\nYou can set these on the `BubbleCounter`'s parent element, and they will be\ninherited automatically.",...(ee=(Z=s.parameters)==null?void 0:Z.docs)==null?void 0:ee.description}}};var te,re,se,ae,ne;a.parameters={...a.parameters,docs:{...(te=a.parameters)==null?void 0:te.docs,source:{originalSource:`() => {
+  const messages = [];
+  return <BubbleCounter count={messages.length || undefined}>
+            <MessagesButton />
+        </BubbleCounter>
+  /*
+   * Instead of:
+   *
+   * if (messages.length === 0) {
+   *   return <MessagesButton />;
+   * }
+   * return (
+   *   <BubbleCounter count={messages.length}>
+   *     <MessagesButton />
+   *   </BubbleCounter>
+   * );
+   */;
+}`,...(se=(re=a.parameters)==null?void 0:re.docs)==null?void 0:se.source},description:{story:`When count is \`undefined\`, the counter is not rendered at all.
+
+This ensures you can use it as an indicator without needing to conditionally
+render it when the value`,...(ne=(ae=a.parameters)==null?void 0:ae.docs)==null?void 0:ne.description}}};var ie,oe,le,de,ue;n.parameters={...n.parameters,docs:{...(ie=n.parameters)==null?void 0:ie.docs,source:{originalSource:`() => <BubbleCounter showEmpty>
+        <MessagesButton />
+    </BubbleCounter>`,...(le=(oe=n.parameters)==null?void 0:oe.docs)==null?void 0:le.source},description:{story:"The counter can be rendered without a value using the `showEmpty` prop.",...(ue=(de=n.parameters)==null?void 0:de.docs)==null?void 0:ue.description}}};var ce,me,he;p.parameters={...p.parameters,docs:{...(ce=p.parameters)==null?void 0:ce.docs,source:{originalSource:`{
+  tags: ['!autodocs'],
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    count: 5,
+    size: 'large',
+    variant: 'dark'
+  },
+  argTypes: {
+    dataset: {
+      control: 'object'
+    },
+    count: {
+      control: 'number'
+    },
+    limit: {
+      control: 'number'
+    },
+    size: {
+      control: 'select',
+      options: ['small', 'medium', 'large']
+    },
+    variant: {
+      control: 'select',
+      options: ['dark', 'light']
+    },
+    children: {
+      control: 'text',
+      description: 'Add any text here to see how the counter positions over children'
+    }
+  }
+}`,...(he=(me=p.parameters)==null?void 0:me.docs)==null?void 0:he.source}}};const Ge=["Variants","Sizes","Limit","Empty","AsIndicator","AsIndicatorOverlay","AsIndicatorOverlayOnIconButton","AsIndicatorWithCSSEscapeHatches","HideOnEmptyCount","ShowOnEmptyCount","Playground"];export{h as AsIndicator,o as AsIndicatorOverlay,l as AsIndicatorOverlayOnIconButton,s as AsIndicatorWithCSSEscapeHatches,m as Empty,a as HideOnEmptyCount,i as Limit,p as Playground,n as ShowOnEmptyCount,c as Sizes,u as Variants,Ge as __namedExportsOrder,De as default};

package/dist/assets/{Button-BSyqsKC5.js → Button-C5gzVt4K.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-BYouaCF_.js";import{r as _}from"./index-B3evPFBL.js";import{r as u}from"./render-icon-CVTdrNe-.js";import{B as z}from"./ButtonBase-Bdtn25V2.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-CpCJzpB9.js";import{B as w,a as T}from"./defaults-B1rzzf6M.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},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>"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as _}from"./index-Cb9e4tly.js";import{r as u}from"./render-icon-BT0Aq7PA.js";import{B as z}from"./ButtonBase-D5O3MkG2.js";import{m as g,s as y}from"./classNames-BUL1Zq7e.js";import{w as i}from"./componentNames-NXEPEzbR.js";import{B as w,b as T}from"./defaults-Clr6nbGc.js";const h="Button__zN6zT",V="leadingIcon__wQqJW",b="trailingIcon__zChSf",I="icon__sU6GA",e={Button:h,leadingIcon:V,trailingIcon:b,"Button--size-s":"Button--size-s__yKEFo",icon:I,"Button--size-m":"Button--size-m__-0jeH","Button--size-small":"Button--size-small__xrFvg","Button--size-medium":"Button--size-medium__Mc1B1","Button--size-l":"Button--size-l__7gew2","Button--size-large":"Button--size-large__LejpK","Button--narrow-l--size-s":"Button--narrow-l--size-s__oKIHq","Button--narrow-l--size-m":"Button--narrow-l--size-m__FfkOA","Button--narrow-l--size-small":"Button--narrow-l--size-small__y-M26","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__so23Y","Button--narrow-l--size-l":"Button--narrow-l--size-l__xZOAd","Button--narrow-l--size-large":"Button--narrow-l--size-large__8clcn","Button--medium-s--size-s":"Button--medium-s--size-s__I-GoC","Button--medium-s--size-m":"Button--medium-s--size-m__Fk3sj","Button--medium-s--size-small":"Button--medium-s--size-small__N-91h","Button--medium-s--size-medium":"Button--medium-s--size-medium__sRSxR","Button--medium-s--size-l":"Button--medium-s--size-l__QXDbD","Button--medium-s--size-large":"Button--medium-s--size-large__Rtei-","Button--medium-l--size-s":"Button--medium-l--size-s__YqR0K","Button--medium-l--size-m":"Button--medium-l--size-m__BaJ0d","Button--medium-l--size-small":"Button--medium-l--size-small__iP5bS","Button--medium-l--size-medium":"Button--medium-l--size-medium__JanvZ","Button--medium-l--size-l":"Button--medium-l--size-l__ps0aM","Button--medium-l--size-large":"Button--medium-l--size-large__2gVOL","Button--wide-s--size-s":"Button--wide-s--size-s__OE3Yz","Button--wide-s--size-m":"Button--wide-s--size-m__H2KPf","Button--wide-s--size-small":"Button--wide-s--size-small__lDDYF","Button--wide-s--size-medium":"Button--wide-s--size-medium__CoePZ","Button--wide-s--size-l":"Button--wide-s--size-l__gcSoP","Button--wide-s--size-large":"Button--wide-s--size-large__KLj98","Button--wide-l--size-s":"Button--wide-l--size-s__HAZa1","Button--wide-l--size-m":"Button--wide-l--size-m__xB4x0","Button--wide-l--size-small":"Button--wide-l--size-small__WdoWT","Button--wide-l--size-medium":"Button--wide-l--size-medium__KgZbS","Button--wide-l--size-l":"Button--wide-l--size-l__rw5N1","Button--wide-l--size-large":"Button--wide-l--size-large__7TyOT"},s=_.forwardRef(function({variant:r=T,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:t,trailingSvgIcon:n,children:c,...B},p){const v=!!t||!!n,f=g(e,i.Button,[y("size",l)]);return a.jsxs(z,{...B,ref:p,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:v?f.join(" "):"",children:[!!t&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})}),c,!!n&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})})]})});try{s.displayName="Button",s.__docgenInfo={description:"",displayName:"Button",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},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>"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"inverted"'},{value:'"critical"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:{value:"s"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
 
 Allows rendering the button using a different React element or component.
 This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.

package/dist/assets/{Button-Bo0EuTg4.js → Button-vy3cIlv9.js}

@@ -1 +1 @@
-import{j as n}from"./jsx-runtime-BYouaCF_.js";import{r as i}from"./index-B3evPFBL.js";import{b as oe,g as ue,a as re}from"./text-centered-C0V1O_Sd.js";import{f as X}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-CpCJzpB9.js";import{g as G,a as de}from"./index-DdzHuZ-Y.js";import{r as V}from"./render-icon-CwRdpin3.js";import{S as me,a as M,B as Q}from"./defaults-B1rzzf6M.js";import{u as Be}from"./useHostname-CH18gHFj.js";import{m as _e}from"./index-CC6DAVyL.js";const W=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},ve=(t,e)=>i.useCallback(a=>{W(t,a),W(e,a)},[t,e]),ge="Heading__Lv13n",we={Heading:ge,"Heading--level-h1-normal":"Heading--level-h1-normal__XOu04","Heading--level-h1-large":"Heading--level-h1-large__zA-1f","Heading--level-h2-normal":"Heading--level-h2-normal__LG1zy","Heading--level-h2-large":"Heading--level-h2-large__mEBpa","Heading--level-h3-normal":"Heading--level-h3-normal__uJzkx","Heading--level-h3-large":"Heading--level-h3-large__DScvV","Heading--level-h4-normal":"Heading--level-h4-normal__pcLs-","Heading--level-h4-large":"Heading--level-h4-large__E9YnR","Heading--level-h5-normal":"Heading--level-h5-normal__Jcizg","Heading--level-h5-large":"Heading--level-h5-large__pX4dy","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__yBr3z","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__pgUBw","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__2G-pr","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__UDoOK","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__ZnZ9U","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__fJrGV","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__dVXtP","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__bE8bj","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__6ZpIw","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__fbTua","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__SZ6lt","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__ZYR4F","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__tGlS9","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__1PuUz","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__ME9N9","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__J8Sp5","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__6kstl","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__uroLM","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__-H0ax","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__oTsc6","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__7hkJ-","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__UzG52","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__3u6q9","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__cfpT4","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__sLWI1","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__6Hydp","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__C3NiA","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__A80ip","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__zpE9s","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__Jmwd6","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__R57oJ","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__qSwu5","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__alRyc","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__cZI1y","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__9w7TH","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__XOOt7","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__-sBqL","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__WRm0P","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__Jk51k","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__8-ivr","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__31XiO","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__nznUF","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__x1n2-","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__hJgbo","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__pWXPS","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__rKyoS","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__-mgo0","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__MT7mO","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__Zwo4C","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__4Ccbe","Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},ce=i.forwardRef(function({children:e,variant:a,accent:s,level:l,large:o=!1,tag:u,color:B,centered:v,dataset:g,id:w,...c},x){const I=u||l||"h1",H=S(we,f.Heading,a?m("variant",a):d(`level-${l}-large`,`level-${l}-normal`,o)),_=oe(v),b=ue(!(s?void 0:B),s),C=re(B),N=["preply-ds-heading",...H,..._,...b,...C],E={...X(c),className:N.join(" "),...G(g,{preplyDsComponent:f.Heading}),id:w,ref:x};return n.jsx(I,{...E,children:e})});ce.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ze="Spinner__U3f6H",he="spin__6opuF",j={Spinner:ze,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:he},He=({title:t,titleId:e,...a},s)=>i.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),be=i.forwardRef(He),pe=({title:t,titleId:e,...a},s)=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("g",{clipPath:"url(#clip0_1785_4234)"},i.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_1785_4234"},i.createElement("rect",{width:32,height:32,fill:"white"})))),fe=i.forwardRef(pe),k="Spinner",Se=({size:t=me})=>{const e=S(j,k,[m("size",t)]),a=[...p(j,k,["animated"])],s=[...p(j,k,["static"])];return n.jsxs("span",{className:e.join(" "),children:[n.jsx("span",{className:a.join(" "),children:n.jsx(fe,{})}),n.jsx("span",{className:s.join(" "),children:n.jsx(be,{})})]})},xe="ButtonBase__lIl-s",A={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:xe,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-xs":"ButtonBase--size-xs__lxx7z","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__eEs4s","ButtonBase--size-s":"ButtonBase--size-s__9b8fd","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__tc2gF","ButtonBase--size-m":"ButtonBase--size-m__JSHCD","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__xMHGL","ButtonBase--size-l":"ButtonBase--size-l__5IwtX","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__LAPEo","ButtonBase--size-xl":"ButtonBase--size-xl__MV8va","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__xunpR","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__uAbKt","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__AflGu","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__AomQA","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__O1Xux","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__rchmS","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__SYw5v","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__VqinD","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__0HId0","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__B5Gvh","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__bePce","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__67wXs","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__E45Sc","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__Vo-qg","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__rjz2N","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__PB---","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__c8nir","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__66maE","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__WCvsC","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__0sLm9","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__FdQwd","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__yAooZ","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__uVDdU","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__dNY-G","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__u04Nc","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__oZ52f","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__JklvS","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__QLV4j","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__POeEf","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__-mgOQ","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__IBvqC","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__-YHZU","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__Wl9SE","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__ZVy5-","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__dUdfS","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__s1Ihh","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__1ZT4h","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__Eqp9V","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__Kra5R","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__mXSys","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__coM5t","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__4tPUs","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__ylg8h","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__-MnEL","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__Pf9hk","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__QgW1O","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-plain":"ButtonBase--variant-plain__NngTh","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__WpJz8","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},P="ButtonBase",Ie=t=>Object.prototype.hasOwnProperty.call(t,"selected"),T=({children:t,busy:e})=>{const a=[...p(A,P,["content"])],s=[...p(A,P,["busy"])];return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:a.join(" "),children:t}),e&&n.jsx("span",{className:s.join(" "),children:n.jsx(Se,{})})]})},Y=i.forwardRef(function(e,a){const{id:s,variant:l=M,size:o=Q,fullWidth:u=!1,wrap:B=!1,href:v,download:g,opensInNewTab:w,nofollow:c,submitsForm:x,assistiveText:I,onClick:H,disabled:_,busy:r,isIconButton:y,as:b,url:C,a11yLabel:N,dataset:E,children:L,dsInternalSimulation:U,preplyDsComponent:K,className:$,...ee}=e,{selected:te}=Ie(e)?e:{selected:void 0},ie=Be(),Z=i.useRef(null),D=ve(Z,a),ae=z=>{(_||r)&&z.preventDefault(),H==null||H(z)},ne=z=>{var q;const J=_e(z.key);(J===" "||J==="Enter")&&(z.preventDefault(),(q=Z.current)==null||q.click())},se=U==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${l}--dsInternalSimulation`,U),le=S(A,P,[se,m("variant",l),m("size",o),y?m("is-icon-button-size",o):[],d(void 0,"no-wrap",B),d("width-full","width-auto",u),d("is-busy",void 0,r),d("is-icon-button",void 0,y),d(`variant-${l}--is-selected`,void 0,te)]),F={...X(ee),...G(E,{preplyDsComponent:K}),className:[...le,$].join(" "),"aria-label":I||N,onClick:ae,disabled:_,"aria-disabled":_||r?!0:void 0,ref:D,id:s},R=v||C,O={...F,download:g,ref:D,role:"button",tabIndex:_?-1:0,href:R,onKeyDown:ne};return R?n.jsx("a",{...O,...de(ie,R,w,c),children:T({children:L,busy:r})}):b?i.cloneElement(b,{...O},T({children:L,busy:r})):n.jsx("button",{...F,type:x?"submit":"button",children:T({children:L,busy:r})})});Y.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const ye="Button__lJRiF",Ce="leadingIcon__OZj4E",Ne="trailingIcon__d6fiW",Ee="icon__M1Hs-",h={Button:ye,leadingIcon:Ce,trailingIcon:Ne,"Button--size-s":"Button--size-s__02RwJ",icon:Ee,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Le=i.forwardRef(function({variant:e=M,size:a=Q,url:s,a11yLabel:l,leadingSvgIcon:o,trailingSvgIcon:u,children:B,...v},g){const w=!!o||!!u,c=S(h,f.Button,[m("size",a)]);return n.jsxs(Y,{...v,ref:g,isIconButton:!1,variant:e,size:a,url:s,a11yLabel:l,preplyDsComponent:f.Button,className:w?c.join(" "):"",children:[!!o&&n.jsx("span",{className:`${h.icon} ${h.leadingIcon}`,children:V(o,{"aria-hidden":"true",focusable:"false"})}),B,!!u&&n.jsx("span",{className:`${h.icon} ${h.trailingIcon}`,children:V(u,{"aria-hidden":"true",focusable:"false"})})]})});Le.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{Le as B,ce as H,Se as S,Y as a,ve as u};
+import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as i}from"./index-Cb9e4tly.js";import{b as oe,g as ue,a as re}from"./text-centered-C0V1O_Sd.js";import{f as X}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as m,b as d,a as p}from"./classNames-BUL1Zq7e.js";import{w as f}from"./componentNames-NXEPEzbR.js";import{g as G,a as de}from"./index-DdzHuZ-Y.js";import{r as V}from"./render-icon-Du0nasoi.js";import{S as me,b as M,B as Q}from"./defaults-Clr6nbGc.js";import{u as Be}from"./useHostname-Y3PlXofY.js";import{m as _e}from"./index-CC6DAVyL.js";const W=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},ve=(t,e)=>i.useCallback(a=>{W(t,a),W(e,a)},[t,e]),ge="Heading__Lv13n",we={Heading:ge,"Heading--level-h1-normal":"Heading--level-h1-normal__XOu04","Heading--level-h1-large":"Heading--level-h1-large__zA-1f","Heading--level-h2-normal":"Heading--level-h2-normal__LG1zy","Heading--level-h2-large":"Heading--level-h2-large__mEBpa","Heading--level-h3-normal":"Heading--level-h3-normal__uJzkx","Heading--level-h3-large":"Heading--level-h3-large__DScvV","Heading--level-h4-normal":"Heading--level-h4-normal__pcLs-","Heading--level-h4-large":"Heading--level-h4-large__E9YnR","Heading--level-h5-normal":"Heading--level-h5-normal__Jcizg","Heading--level-h5-large":"Heading--level-h5-large__pX4dy","Heading--narrow-l--level-h1-normal":"Heading--narrow-l--level-h1-normal__yBr3z","Heading--narrow-l--level-h1-large":"Heading--narrow-l--level-h1-large__pgUBw","Heading--narrow-l--level-h2-normal":"Heading--narrow-l--level-h2-normal__2G-pr","Heading--narrow-l--level-h2-large":"Heading--narrow-l--level-h2-large__UDoOK","Heading--narrow-l--level-h3-normal":"Heading--narrow-l--level-h3-normal__ZnZ9U","Heading--narrow-l--level-h3-large":"Heading--narrow-l--level-h3-large__fJrGV","Heading--narrow-l--level-h4-normal":"Heading--narrow-l--level-h4-normal__dVXtP","Heading--narrow-l--level-h4-large":"Heading--narrow-l--level-h4-large__bE8bj","Heading--narrow-l--level-h5-normal":"Heading--narrow-l--level-h5-normal__6ZpIw","Heading--narrow-l--level-h5-large":"Heading--narrow-l--level-h5-large__fbTua","Heading--medium-s--level-h1-normal":"Heading--medium-s--level-h1-normal__SZ6lt","Heading--medium-s--level-h1-large":"Heading--medium-s--level-h1-large__ZYR4F","Heading--medium-s--level-h2-normal":"Heading--medium-s--level-h2-normal__tGlS9","Heading--medium-s--level-h2-large":"Heading--medium-s--level-h2-large__1PuUz","Heading--medium-s--level-h3-normal":"Heading--medium-s--level-h3-normal__ME9N9","Heading--medium-s--level-h3-large":"Heading--medium-s--level-h3-large__J8Sp5","Heading--medium-s--level-h4-normal":"Heading--medium-s--level-h4-normal__6kstl","Heading--medium-s--level-h4-large":"Heading--medium-s--level-h4-large__uroLM","Heading--medium-s--level-h5-normal":"Heading--medium-s--level-h5-normal__-H0ax","Heading--medium-s--level-h5-large":"Heading--medium-s--level-h5-large__oTsc6","Heading--medium-l--level-h1-normal":"Heading--medium-l--level-h1-normal__7hkJ-","Heading--medium-l--level-h1-large":"Heading--medium-l--level-h1-large__UzG52","Heading--medium-l--level-h2-normal":"Heading--medium-l--level-h2-normal__3u6q9","Heading--medium-l--level-h2-large":"Heading--medium-l--level-h2-large__cfpT4","Heading--medium-l--level-h3-normal":"Heading--medium-l--level-h3-normal__sLWI1","Heading--medium-l--level-h3-large":"Heading--medium-l--level-h3-large__6Hydp","Heading--medium-l--level-h4-normal":"Heading--medium-l--level-h4-normal__C3NiA","Heading--medium-l--level-h4-large":"Heading--medium-l--level-h4-large__A80ip","Heading--medium-l--level-h5-normal":"Heading--medium-l--level-h5-normal__zpE9s","Heading--medium-l--level-h5-large":"Heading--medium-l--level-h5-large__Jmwd6","Heading--wide-s--level-h1-normal":"Heading--wide-s--level-h1-normal__R57oJ","Heading--wide-s--level-h1-large":"Heading--wide-s--level-h1-large__qSwu5","Heading--wide-s--level-h2-normal":"Heading--wide-s--level-h2-normal__alRyc","Heading--wide-s--level-h2-large":"Heading--wide-s--level-h2-large__cZI1y","Heading--wide-s--level-h3-normal":"Heading--wide-s--level-h3-normal__9w7TH","Heading--wide-s--level-h3-large":"Heading--wide-s--level-h3-large__XOOt7","Heading--wide-s--level-h4-normal":"Heading--wide-s--level-h4-normal__-sBqL","Heading--wide-s--level-h4-large":"Heading--wide-s--level-h4-large__WRm0P","Heading--wide-s--level-h5-normal":"Heading--wide-s--level-h5-normal__Jk51k","Heading--wide-s--level-h5-large":"Heading--wide-s--level-h5-large__8-ivr","Heading--wide-l--level-h1-normal":"Heading--wide-l--level-h1-normal__31XiO","Heading--wide-l--level-h1-large":"Heading--wide-l--level-h1-large__nznUF","Heading--wide-l--level-h2-normal":"Heading--wide-l--level-h2-normal__x1n2-","Heading--wide-l--level-h2-large":"Heading--wide-l--level-h2-large__hJgbo","Heading--wide-l--level-h3-normal":"Heading--wide-l--level-h3-normal__pWXPS","Heading--wide-l--level-h3-large":"Heading--wide-l--level-h3-large__rKyoS","Heading--wide-l--level-h4-normal":"Heading--wide-l--level-h4-normal__-mgo0","Heading--wide-l--level-h4-large":"Heading--wide-l--level-h4-large__MT7mO","Heading--wide-l--level-h5-normal":"Heading--wide-l--level-h5-normal__Zwo4C","Heading--wide-l--level-h5-large":"Heading--wide-l--level-h5-large__4Ccbe","Heading--variant-massive":"Heading--variant-massive__xBbvd","Heading--variant-huge":"Heading--variant-huge__uNKwX","Heading--variant-extraLarge":"Heading--variant-extraLarge__O5YaA","Heading--variant-large":"Heading--variant-large__npEGh","Heading--variant-medium":"Heading--variant-medium__WRzNp","Heading--variant-small":"Heading--variant-small__RlTJl","Heading--narrow-l--variant-massive":"Heading--narrow-l--variant-massive__NkQiN","Heading--narrow-l--variant-huge":"Heading--narrow-l--variant-huge__xN-4a","Heading--narrow-l--variant-extraLarge":"Heading--narrow-l--variant-extraLarge__dhHS3","Heading--narrow-l--variant-large":"Heading--narrow-l--variant-large__O-yyq","Heading--narrow-l--variant-medium":"Heading--narrow-l--variant-medium__T3ZkZ","Heading--narrow-l--variant-small":"Heading--narrow-l--variant-small__nibGn","Heading--medium-s--variant-massive":"Heading--medium-s--variant-massive__dkhpb","Heading--medium-s--variant-huge":"Heading--medium-s--variant-huge__Td7XG","Heading--medium-s--variant-extraLarge":"Heading--medium-s--variant-extraLarge__puDN9","Heading--medium-s--variant-large":"Heading--medium-s--variant-large__UQMHF","Heading--medium-s--variant-medium":"Heading--medium-s--variant-medium__i2JwC","Heading--medium-s--variant-small":"Heading--medium-s--variant-small__UQTL9","Heading--medium-l--variant-massive":"Heading--medium-l--variant-massive__UtPA0","Heading--medium-l--variant-huge":"Heading--medium-l--variant-huge__BiY-j","Heading--medium-l--variant-extraLarge":"Heading--medium-l--variant-extraLarge__IP2Vo","Heading--medium-l--variant-large":"Heading--medium-l--variant-large__tV93Y","Heading--medium-l--variant-medium":"Heading--medium-l--variant-medium__945np","Heading--medium-l--variant-small":"Heading--medium-l--variant-small__ZUV1D","Heading--wide-s--variant-massive":"Heading--wide-s--variant-massive__BWmTX","Heading--wide-s--variant-huge":"Heading--wide-s--variant-huge__inkxv","Heading--wide-s--variant-extraLarge":"Heading--wide-s--variant-extraLarge__SQjI9","Heading--wide-s--variant-large":"Heading--wide-s--variant-large__UNDsi","Heading--wide-s--variant-medium":"Heading--wide-s--variant-medium__4OLaD","Heading--wide-s--variant-small":"Heading--wide-s--variant-small__ex4C1","Heading--wide-l--variant-massive":"Heading--wide-l--variant-massive__94l-9","Heading--wide-l--variant-huge":"Heading--wide-l--variant-huge__1qto2","Heading--wide-l--variant-extraLarge":"Heading--wide-l--variant-extraLarge__udFtI","Heading--wide-l--variant-large":"Heading--wide-l--variant-large__Y7k-Q","Heading--wide-l--variant-medium":"Heading--wide-l--variant-medium__xkuYd","Heading--wide-l--variant-small":"Heading--wide-l--variant-small__ORLbL"},ce=i.forwardRef(function({children:e,variant:a,accent:s,level:l,large:o=!1,tag:u,color:B,centered:v,dataset:g,id:w,...c},x){const I=u||l||"h1",H=S(we,f.Heading,a?m("variant",a):d(`level-${l}-large`,`level-${l}-normal`,o)),_=oe(v),b=ue(!(s?void 0:B),s),C=re(B),N=["preply-ds-heading",...H,..._,...b,...C],E={...X(c),className:N.join(" "),...G(g,{preplyDsComponent:f.Heading}),id:w,ref:x};return n.jsx(I,{...E,children:e})});ce.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const ze="Spinner__U3f6H",he="spin__6opuF",j={Spinner:ze,"Spinner--size-default":"Spinner--size-default__xo-Jk","Spinner--size-large":"Spinner--size-large__2nk5J","Spinner--narrow-l--size-default":"Spinner--narrow-l--size-default__gRrq1","Spinner--narrow-l--size-large":"Spinner--narrow-l--size-large__6gb70","Spinner--medium-s--size-default":"Spinner--medium-s--size-default__bJg-R","Spinner--medium-s--size-large":"Spinner--medium-s--size-large__HAPhI","Spinner--medium-l--size-default":"Spinner--medium-l--size-default__AuHDV","Spinner--medium-l--size-large":"Spinner--medium-l--size-large__MlfBE","Spinner--wide-s--size-default":"Spinner--wide-s--size-default__3sTOC","Spinner--wide-s--size-large":"Spinner--wide-s--size-large__AkfHJ","Spinner--wide-l--size-default":"Spinner--wide-l--size-default__FDlfA","Spinner--wide-l--size-large":"Spinner--wide-l--size-large__Oyg7h","Spinner--static":"Spinner--static__3-otL","Spinner--animated":"Spinner--animated__K3vs3",spin:he},He=({title:t,titleId:e,...a},s)=>i.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),be=i.forwardRef(He),pe=({title:t,titleId:e,...a},s)=>i.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":e,...a},t?i.createElement("title",{id:e},t):null,i.createElement("g",{clipPath:"url(#clip0_1785_4234)"},i.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),i.createElement("defs",null,i.createElement("clipPath",{id:"clip0_1785_4234"},i.createElement("rect",{width:32,height:32,fill:"white"})))),fe=i.forwardRef(pe),k="Spinner",Se=({size:t=me})=>{const e=S(j,k,[m("size",t)]),a=[...p(j,k,["animated"])],s=[...p(j,k,["static"])];return n.jsxs("span",{className:e.join(" "),children:[n.jsx("span",{className:a.join(" "),children:n.jsx(fe,{})}),n.jsx("span",{className:s.join(" "),children:n.jsx(be,{})})]})},xe="ButtonBase__lIl-s",A={"button-width--width-full":"button-width--width-full__nJNYU","button-width--width-auto":"button-width--width-auto__gsqlf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__y2YjC","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__1qVpi","button-width--medium-s--width-full":"button-width--medium-s--width-full__IdW9b","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__hrO4e","button-width--medium-l--width-full":"button-width--medium-l--width-full__Oc0vB","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__RNuIr","button-width--wide-s--width-full":"button-width--wide-s--width-full__-egYf","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__h-tgw","button-width--wide-l--width-full":"button-width--wide-l--width-full__OWgAy","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__orWDN",ButtonBase:xe,"ButtonBase--content":"ButtonBase--content__F9k22","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__48zlf","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__9HVLW","ButtonBase--busy":"ButtonBase--busy__XAkcK","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__8jkWp","ButtonBase--is-busy":"ButtonBase--is-busy__OpmZd","ButtonBase--width-full":"ButtonBase--width-full__rPUpd","ButtonBase--width-auto":"ButtonBase--width-auto__4ebPj","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__Bwysi","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__r52SI","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__nsvpl","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__hcYr9","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__6AYGL","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__BGHr5","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__4w-XJ","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__5eGoZ","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__8LbNM","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__ys3sp","ButtonBase--size-xs":"ButtonBase--size-xs__lxx7z","ButtonBase--is-icon-button-size-xs":"ButtonBase--is-icon-button-size-xs__eEs4s","ButtonBase--size-s":"ButtonBase--size-s__9b8fd","ButtonBase--is-icon-button-size-s":"ButtonBase--is-icon-button-size-s__tc2gF","ButtonBase--size-m":"ButtonBase--size-m__JSHCD","ButtonBase--is-icon-button-size-m":"ButtonBase--is-icon-button-size-m__xMHGL","ButtonBase--size-l":"ButtonBase--size-l__5IwtX","ButtonBase--is-icon-button-size-l":"ButtonBase--is-icon-button-size-l__LAPEo","ButtonBase--size-xl":"ButtonBase--size-xl__MV8va","ButtonBase--is-icon-button-size-xl":"ButtonBase--is-icon-button-size-xl__xunpR","ButtonBase--size-large":"ButtonBase--size-large__mHtSn","ButtonBase--size-medium":"ButtonBase--size-medium__5Qsuj","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__HRsbM","ButtonBase--size-small":"ButtonBase--size-small__Ajd60","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__Me6wm","ButtonBase--narrow-l--size-xs":"ButtonBase--narrow-l--size-xs__uAbKt","ButtonBase--narrow-l--is-icon-button-size-xs":"ButtonBase--narrow-l--is-icon-button-size-xs__yiZ24","ButtonBase--narrow-l--size-s":"ButtonBase--narrow-l--size-s__AflGu","ButtonBase--narrow-l--is-icon-button-size-s":"ButtonBase--narrow-l--is-icon-button-size-s__AomQA","ButtonBase--narrow-l--size-m":"ButtonBase--narrow-l--size-m__O1Xux","ButtonBase--narrow-l--is-icon-button-size-m":"ButtonBase--narrow-l--is-icon-button-size-m__Y3vj7","ButtonBase--narrow-l--size-l":"ButtonBase--narrow-l--size-l__rchmS","ButtonBase--narrow-l--is-icon-button-size-l":"ButtonBase--narrow-l--is-icon-button-size-l__SYw5v","ButtonBase--narrow-l--size-xl":"ButtonBase--narrow-l--size-xl__VqinD","ButtonBase--narrow-l--is-icon-button-size-xl":"ButtonBase--narrow-l--is-icon-button-size-xl__0HId0","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__3gfd8","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__BhXNK","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__Vl2nb","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__-dAMj","ButtonBase--medium-s--size-xs":"ButtonBase--medium-s--size-xs__B5Gvh","ButtonBase--medium-s--is-icon-button-size-xs":"ButtonBase--medium-s--is-icon-button-size-xs__bePce","ButtonBase--medium-s--size-s":"ButtonBase--medium-s--size-s__67wXs","ButtonBase--medium-s--is-icon-button-size-s":"ButtonBase--medium-s--is-icon-button-size-s__E45Sc","ButtonBase--medium-s--size-m":"ButtonBase--medium-s--size-m__Vo-qg","ButtonBase--medium-s--is-icon-button-size-m":"ButtonBase--medium-s--is-icon-button-size-m__rjz2N","ButtonBase--medium-s--size-l":"ButtonBase--medium-s--size-l__PB---","ButtonBase--medium-s--is-icon-button-size-l":"ButtonBase--medium-s--is-icon-button-size-l__c8nir","ButtonBase--medium-s--size-xl":"ButtonBase--medium-s--size-xl__66maE","ButtonBase--medium-s--is-icon-button-size-xl":"ButtonBase--medium-s--is-icon-button-size-xl__WCvsC","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__x6d3B","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__54tXt","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__l27CC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__zUviu","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__49UoI","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__IvyNG","ButtonBase--medium-l--size-xs":"ButtonBase--medium-l--size-xs__0sLm9","ButtonBase--medium-l--is-icon-button-size-xs":"ButtonBase--medium-l--is-icon-button-size-xs__FdQwd","ButtonBase--medium-l--size-s":"ButtonBase--medium-l--size-s__yAooZ","ButtonBase--medium-l--is-icon-button-size-s":"ButtonBase--medium-l--is-icon-button-size-s__uVDdU","ButtonBase--medium-l--size-m":"ButtonBase--medium-l--size-m__dNY-G","ButtonBase--medium-l--is-icon-button-size-m":"ButtonBase--medium-l--is-icon-button-size-m__u04Nc","ButtonBase--medium-l--size-l":"ButtonBase--medium-l--size-l__oZ52f","ButtonBase--medium-l--is-icon-button-size-l":"ButtonBase--medium-l--is-icon-button-size-l__JklvS","ButtonBase--medium-l--size-xl":"ButtonBase--medium-l--size-xl__QLV4j","ButtonBase--medium-l--is-icon-button-size-xl":"ButtonBase--medium-l--is-icon-button-size-xl__POeEf","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__HywFW","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__7IhZP","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__Tf265","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__bwlaM","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__t2X0A","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__LyC6d","ButtonBase--wide-s--size-xs":"ButtonBase--wide-s--size-xs__-mgOQ","ButtonBase--wide-s--is-icon-button-size-xs":"ButtonBase--wide-s--is-icon-button-size-xs__IBvqC","ButtonBase--wide-s--size-s":"ButtonBase--wide-s--size-s__-YHZU","ButtonBase--wide-s--is-icon-button-size-s":"ButtonBase--wide-s--is-icon-button-size-s__Wl9SE","ButtonBase--wide-s--size-m":"ButtonBase--wide-s--size-m__ZVy5-","ButtonBase--wide-s--is-icon-button-size-m":"ButtonBase--wide-s--is-icon-button-size-m__dUdfS","ButtonBase--wide-s--size-l":"ButtonBase--wide-s--size-l__s1Ihh","ButtonBase--wide-s--is-icon-button-size-l":"ButtonBase--wide-s--is-icon-button-size-l__1ZT4h","ButtonBase--wide-s--size-xl":"ButtonBase--wide-s--size-xl__Eqp9V","ButtonBase--wide-s--is-icon-button-size-xl":"ButtonBase--wide-s--is-icon-button-size-xl__CxZ2c","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__revq4","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__ECs3C","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__LcWNl","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__XgG6m","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__zMihk","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__86pYD","ButtonBase--wide-l--size-xs":"ButtonBase--wide-l--size-xs__Kra5R","ButtonBase--wide-l--is-icon-button-size-xs":"ButtonBase--wide-l--is-icon-button-size-xs__pZkvQ","ButtonBase--wide-l--size-s":"ButtonBase--wide-l--size-s__mXSys","ButtonBase--wide-l--is-icon-button-size-s":"ButtonBase--wide-l--is-icon-button-size-s__coM5t","ButtonBase--wide-l--size-m":"ButtonBase--wide-l--size-m__4tPUs","ButtonBase--wide-l--is-icon-button-size-m":"ButtonBase--wide-l--is-icon-button-size-m__ylg8h","ButtonBase--wide-l--size-l":"ButtonBase--wide-l--size-l__-MnEL","ButtonBase--wide-l--is-icon-button-size-l":"ButtonBase--wide-l--is-icon-button-size-l__Pf9hk","ButtonBase--wide-l--size-xl":"ButtonBase--wide-l--size-xl__QgW1O","ButtonBase--wide-l--is-icon-button-size-xl":"ButtonBase--wide-l--is-icon-button-size-xl__qPrzJ","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__dkSfM","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__Exb49","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__DSTMt","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__wftX5","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__1o3ZA","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__Xqy2p","ButtonBase--variant-primary":"ButtonBase--variant-primary__EgRuu","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__GphQb","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__O9c3W","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__pLeI5","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__ezCgl","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__vHgdy","ButtonBase--variant-plain":"ButtonBase--variant-plain__NngTh","ButtonBase--variant-plain--dsInternalSimulation-hover":"ButtonBase--variant-plain--dsInternalSimulation-hover__XV9fr","ButtonBase--variant-plain--dsInternalSimulation-active":"ButtonBase--variant-plain--dsInternalSimulation-active__wTQ0e","ButtonBase--variant-dangerous":"ButtonBase--variant-dangerous__WpJz8","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"ButtonBase--variant-dangerous--dsInternalSimulation-hover__wQ0V8","ButtonBase--variant-dangerous--dsInternalSimulation-active":"ButtonBase--variant-dangerous--dsInternalSimulation-active__sA60n","ButtonBase--variant-critical":"ButtonBase--variant-critical__0FoGb","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__gDgiZ","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__HVQMA","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__o47f2","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__mqIFn","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__0m-N0","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__espSx","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__kiL3X","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo","ButtonBase--variant-ai":"ButtonBase--variant-ai__QQ5F5","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u","ButtonBase--no-wrap":"ButtonBase--no-wrap__U0fYw"},P="ButtonBase",Ie=t=>Object.prototype.hasOwnProperty.call(t,"selected"),T=({children:t,busy:e})=>{const a=[...p(A,P,["content"])],s=[...p(A,P,["busy"])];return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:a.join(" "),children:t}),e&&n.jsx("span",{className:s.join(" "),children:n.jsx(Se,{})})]})},Y=i.forwardRef(function(e,a){const{id:s,variant:l=M,size:o=Q,fullWidth:u=!1,wrap:B=!1,href:v,download:g,opensInNewTab:w,nofollow:c,submitsForm:x,assistiveText:I,onClick:H,disabled:_,busy:r,isIconButton:y,as:b,url:C,a11yLabel:N,dataset:E,children:L,dsInternalSimulation:U,preplyDsComponent:K,className:$,...ee}=e,{selected:te}=Ie(e)?e:{selected:void 0},ie=Be(),Z=i.useRef(null),D=ve(Z,a),ae=z=>{(_||r)&&z.preventDefault(),H==null||H(z)},ne=z=>{var q;const J=_e(z.key);(J===" "||J==="Enter")&&(z.preventDefault(),(q=Z.current)==null||q.click())},se=U==="focus"?d("dsInternalSimulation-focus",void 0,!0):m(`variant-${l}--dsInternalSimulation`,U),le=S(A,P,[se,m("variant",l),m("size",o),y?m("is-icon-button-size",o):[],d(void 0,"no-wrap",B),d("width-full","width-auto",u),d("is-busy",void 0,r),d("is-icon-button",void 0,y),d(`variant-${l}--is-selected`,void 0,te)]),F={...X(ee),...G(E,{preplyDsComponent:K}),className:[...le,$].join(" "),"aria-label":I||N,onClick:ae,disabled:_,"aria-disabled":_||r?!0:void 0,ref:D,id:s},R=v||C,O={...F,download:g,ref:D,role:"button",tabIndex:_?-1:0,href:R,onKeyDown:ne};return R?n.jsx("a",{...O,...de(ie,R,w,c),children:T({children:L,busy:r})}):b?i.cloneElement(b,{...O},T({children:L,busy:r})):n.jsx("button",{...F,type:x?"submit":"button",children:T({children:L,busy:r})})});Y.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const ye="Button__lJRiF",Ce="leadingIcon__OZj4E",Ne="trailingIcon__d6fiW",Ee="icon__M1Hs-",h={Button:ye,leadingIcon:Ce,trailingIcon:Ne,"Button--size-s":"Button--size-s__02RwJ",icon:Ee,"Button--size-m":"Button--size-m__m1kGp","Button--size-small":"Button--size-small__hrJyO","Button--size-medium":"Button--size-medium__ToEik","Button--size-l":"Button--size-l__rHzPz","Button--size-large":"Button--size-large__2ARbP","Button--narrow-l--size-s":"Button--narrow-l--size-s__1iIxT","Button--narrow-l--size-m":"Button--narrow-l--size-m__Hn-71","Button--narrow-l--size-small":"Button--narrow-l--size-small__clOC0","Button--narrow-l--size-medium":"Button--narrow-l--size-medium__4CZXu","Button--narrow-l--size-l":"Button--narrow-l--size-l__VsnrA","Button--narrow-l--size-large":"Button--narrow-l--size-large__NNkfS","Button--medium-s--size-s":"Button--medium-s--size-s__JOAqd","Button--medium-s--size-m":"Button--medium-s--size-m__hQdSS","Button--medium-s--size-small":"Button--medium-s--size-small__EweV7","Button--medium-s--size-medium":"Button--medium-s--size-medium__72Buq","Button--medium-s--size-l":"Button--medium-s--size-l__cRcEp","Button--medium-s--size-large":"Button--medium-s--size-large__PaPLT","Button--medium-l--size-s":"Button--medium-l--size-s__FrGUu","Button--medium-l--size-m":"Button--medium-l--size-m__SWC53","Button--medium-l--size-small":"Button--medium-l--size-small__36CyE","Button--medium-l--size-medium":"Button--medium-l--size-medium__ySDr1","Button--medium-l--size-l":"Button--medium-l--size-l__ImFHA","Button--medium-l--size-large":"Button--medium-l--size-large__o93q-","Button--wide-s--size-s":"Button--wide-s--size-s__fGKJg","Button--wide-s--size-m":"Button--wide-s--size-m__qAksG","Button--wide-s--size-small":"Button--wide-s--size-small__sKZpV","Button--wide-s--size-medium":"Button--wide-s--size-medium__ovQ2U","Button--wide-s--size-l":"Button--wide-s--size-l__MTeN9","Button--wide-s--size-large":"Button--wide-s--size-large__vQ0OS","Button--wide-l--size-s":"Button--wide-l--size-s__ROYdJ","Button--wide-l--size-m":"Button--wide-l--size-m__4cVoF","Button--wide-l--size-small":"Button--wide-l--size-small__RU5x9","Button--wide-l--size-medium":"Button--wide-l--size-medium__Hv0g8","Button--wide-l--size-l":"Button--wide-l--size-l__r0ktJ","Button--wide-l--size-large":"Button--wide-l--size-large__WblYc"},Le=i.forwardRef(function({variant:e=M,size:a=Q,url:s,a11yLabel:l,leadingSvgIcon:o,trailingSvgIcon:u,children:B,...v},g){const w=!!o||!!u,c=S(h,f.Button,[m("size",a)]);return n.jsxs(Y,{...v,ref:g,isIconButton:!1,variant:e,size:a,url:s,a11yLabel:l,preplyDsComponent:f.Button,className:w?c.join(" "):"",children:[!!o&&n.jsx("span",{className:`${h.icon} ${h.leadingIcon}`,children:V(o,{"aria-hidden":"true",focusable:"false"})}),B,!!u&&n.jsx("span",{className:`${h.icon} ${h.trailingIcon}`,children:V(u,{"aria-hidden":"true",focusable:"false"})})]})});Le.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{Le as B,ce as H,Se as S,Y as a,ve as u};

package/dist/assets/{Button.stories-Dc9V2OdS.js → Button.stories-Df_g55it.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BYouaCF_.js";import{F as a}from"./TokyoUIFav-DGbkVriC.js";import{I as s}from"./IconButton-BqwVuKH2.js";import{B as e}from"./Button-BSyqsKC5.js";import{S as b}from"./consts-KAYct7Gj.js";import{T as Q}from"./Text-BmdJVr9v.js";import{g as p}from"./getTokenVar-DU_DEzTd.js";import{c as m}from"./tokens-ZvFzTwDp.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-CVTdrNe-.js";import"./ButtonBase-Bdtn25V2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-BCTJunNM.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-CpCJzpB9.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const It={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsx(e,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(e,{size:n,variant:r,children:"button"}),t.jsx(e,{size:n,variant:r,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:n,variant:r,disabled:!0,children:"disabled"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"focus",children:"focus"})]},`${n}-${r}`)]})))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"focus"})]},`${n}-${r}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as a}from"./TokyoUIFav-DOVerCtW.js";import{I as s}from"./IconButton-NYwQQfnV.js";import{B as e}from"./Button-C5gzVt4K.js";import{S as b}from"./consts-KAYct7Gj.js";import{T as Q}from"./Text-CykvSLVe.js";import{g as p}from"./getTokenVar-DU_DEzTd.js";import{c as m}from"./tokens-CJh_FSIl.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-D5O3MkG2.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-T-vTyHiv.js";import"./classNames-BUL1Zq7e.js";import"./defaults-Clr6nbGc.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-NXEPEzbR.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./constants-BgBLeZzp.js";const ft={title:"components/Button",component:e,subcomponents:{IconButton:s},argTypes:{size:{description:b},fullWidth:{description:b}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{children:"Button"}),t.jsx(e,{leadingSvgIcon:a,children:"Button"}),t.jsx(e,{trailingSvgIcon:a,children:"Button"}),t.jsx(s,{svg:a,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const g=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(e,{variant:"primary",children:"Primary"}),t.jsx(e,{variant:"secondary",children:"Secondary"}),t.jsx(e,{variant:"tertiary",children:"Tertiary"}),t.jsx(e,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(e,{variant:"inverted",children:"Inverted"})}),t.jsx(e,{variant:"critical",children:"Critical"}),t.jsx(e,{variant:"onColor",children:"onColor"})]})},d=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(s,{variant:"primary",svg:a,assistiveText:"primary"}),t.jsx(s,{variant:"secondary",svg:a,assistiveText:"secondary"}),t.jsx(s,{variant:"tertiary",svg:a,assistiveText:"tertiary"}),t.jsx(s,{variant:"ghost",svg:a,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(s,{variant:"inverted",svg:a,assistiveText:"inverted"})}),t.jsx(s,{variant:"critical",svg:a,assistiveText:"critical"}),t.jsx(s,{variant:"onColor",svg:a,assistiveText:"onColor"})]})};d.storyName="Variants (IconButton)";const x=()=>{const o=p(m.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{variant:"ai",children:"AI"}),t.jsx(s,{variant:"ai",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(e,{variant:"classroom",children:"Classroom"}),t.jsx(s,{variant:"classroom",svg:a,assistiveText:"Fav"})]})]})},y=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"small",children:"Small"}),t.jsx(s,{size:"small",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"medium",children:"Medium"}),t.jsx(s,{size:"medium",svg:a,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(e,{size:"large",children:"Large"}),t.jsx(s,{size:"large",svg:a,assistiveText:"Fav"})]})]}),l=()=>t.jsx(e,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const v=()=>t.jsx(e,{size:{_:"small","medium-l":"medium","wide-s":"large"},leadingSvgIcon:a,children:"Change the viewport size"});v.parameters={chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-l":{viewport:"medium-l"},"wide-s":{viewport:"wide-s"}}}};const u=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(e,{size:n,variant:r,children:"button"}),t.jsx(e,{size:n,variant:r,leadingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,trailingSvgIcon:a,children:"button"}),t.jsx(e,{size:n,variant:r,busy:!0,assistiveText:"Fav",children:"button"}),t.jsx(e,{size:n,variant:r,disabled:!0,children:"disabled"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"hover",children:"hover"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"active",children:"active"}),t.jsx(e,{size:n,variant:r,dsInternalSimulation:"focus",children:"focus"})]},`${n}-${r}`)]})))})};u.tags=["!autodocs"];const c=()=>{const o=p(m.background.primaryInverted);return t.jsx("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(r=>t.jsxs(t.Fragment,{children:[t.jsxs(Q,{variant:"default-regular-italic",children:[r," - ",n]}),t.jsxs("div",{style:{display:"flex",gap:"16px",backgroundColor:r==="inverted"||r==="classroom"?o:void 0},children:[t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,busy:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,disabled:!0}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"hover"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"active"}),t.jsx(s,{svg:a,assistiveText:"fav",size:n,variant:r,dsInternalSimulation:"focus"})]},`${n}-${r}`)]})))})};c.storyName="Combinations (IconButton)";c.tags=["!autodocs"];const h={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":a},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,I,f;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   gap: '1rem'
 }}>
@@ -257,4 +257,4 @@ import{j as t}from"./jsx-runtime-BYouaCF_.js";import{F as a}from"./TokyoUIFav-DG
       }
     }
   }
-}`,...(K=(J=h.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const ft=["Icons","Variants","VariantsIconButton","MiscVariants","Sizes","WrappingText","ResponsiveSize","Combinations","CombinationsIconButton","Playground"];export{u as Combinations,c as CombinationsIconButton,i as Icons,x as MiscVariants,h as Playground,v as ResponsiveSize,y as Sizes,g as Variants,d as VariantsIconButton,l as WrappingText,ft as __namedExportsOrder,It as default};
+}`,...(K=(J=h.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const jt=["Icons","Variants","VariantsIconButton","MiscVariants","Sizes","WrappingText","ResponsiveSize","Combinations","CombinationsIconButton","Playground"];export{u as Combinations,c as CombinationsIconButton,i as Icons,x as MiscVariants,h as Playground,v as ResponsiveSize,y as Sizes,g as Variants,d as VariantsIconButton,l as WrappingText,jt as __namedExportsOrder,ft as default};