@preply/ds-docs 7.1.0 → 8.0.0

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

@@ -1,242 +0,0 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{b as l,I as b}from"./IconButton-BgdrD9k8.js";import{g as je}from"./index-qlqSh81O.js";import{w as ye}from"./componentNames-k0j3gHgH.js";import{F as g}from"./TokyoUIMessages-BShhOmUG.js";import{B as C}from"./Button-C-6rDSzI.js";import{A as v}from"./Avatar-NdNFhLYi.js";import{L as j}from"./LayoutFlex-BkczeydK.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-h431KMrY.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./Spinner-qiZily8k.js";import"./classNames-9hsFPPZv.js";import"./defaults-_YAxqn11.js";import"./useMergeRefs-SFH7Mw4x.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./layout-relative.module-FOVgic7W.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:[l.bubbleCounter,l[`size-${ge}`],l[`variant-${xe}`]].join(" "),...je(ve,{preplyDsComponent:ye.BubbleCounter}),children:typeof r=="number"&&(r>y?`${y}+`:r)});return x?e.jsxs("div",{className:l.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 Ue={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:"medium",children:["Messages ",e.jsx(t,{variant:"dark",count:5,size:"medium"})]}),e.jsxs(C,{variant:"tertiary",size:"medium",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:"48"})}),e.jsx(t,{count:5,size:"medium",children:e.jsx(v,{size:"64"})}),e.jsx(t,{count:5,size:"large",children:e.jsx(v,{size:"96"})})]}),d=()=>e.jsxs(j,{gap:"12",children:[e.jsx(t,{count:5,size:"small",children:e.jsx(b,{svg:g,assistiveText:"Messages",size:"small",variant:"tertiary"})}),e.jsx(t,{count:5,size:"medium",children:e.jsx(b,{svg:g,assistiveText:"Messages",size:"medium",variant:"tertiary"})}),e.jsx(t,{count:5,size:"large",children:e.jsx(b,{svg:g,assistiveText:"Messages",size:"large",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:"large"}),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 k,w,E;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.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=(w=c.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var I,M,T,V,A;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>`,...(T=(M=i.parameters)==null?void 0:M.docs)==null?void 0:T.source},description:{story:"Numbers exceeding the `limit` prop value are clamped, with a `+` suffix.",...(A=(V=i.parameters)==null?void 0:V.docs)==null?void 0:A.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="medium">
-            Messages <BubbleCounter variant="dark" count={5} size="medium" />
-        </Button>
-        <Button variant="tertiary" size="medium">
-            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,U,D;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="48" />
-        </BubbleCounter>
-        <BubbleCounter count={5} size="medium">
-            <Avatar size="64" />
-        </BubbleCounter>
-        <BubbleCounter count={5} size="large">
-            <Avatar size="96" />
-        </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.`,...(D=(U=o.parameters)==null?void 0:U.docs)==null?void 0:D.description}}};var G,P,$,X,J;d.parameters={...d.parameters,docs:{...(G=d.parameters)==null?void 0:G.docs,source:{originalSource:`() => <LayoutFlex gap="12">
-        <BubbleCounter count={5} size="small">
-            <IconButton svg={TokyoUIMessagesSVG} assistiveText="Messages" size="small" variant="tertiary" />
-        </BubbleCounter>
-        <BubbleCounter count={5} size="medium">
-            <IconButton svg={TokyoUIMessagesSVG} assistiveText="Messages" size="medium" variant="tertiary" />
-        </BubbleCounter>
-        <BubbleCounter count={5} size="large">
-            <IconButton svg={TokyoUIMessagesSVG} assistiveText="Messages" size="large" variant="tertiary" />
-        </BubbleCounter>
-    </LayoutFlex>`,...($=(P=d.parameters)==null?void 0:P.docs)==null?void 0:$.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=d.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,de,le,ue;n.parameters={...n.parameters,docs:{...(ie=n.parameters)==null?void 0:ie.docs,source:{originalSource:`() => <BubbleCounter showEmpty>
-        <MessagesButton />
-    </BubbleCounter>`,...(de=(oe=n.parameters)==null?void 0:oe.docs)==null?void 0:de.source},description:{story:"The counter can be rendered without a value using the `showEmpty` prop.",...(ue=(le=n.parameters)==null?void 0:le.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 De=["Variants","Sizes","Limit","Empty","AsIndicator","AsIndicatorOverlay","AsIndicatorOverlayOnIconButton","AsIndicatorWithCSSEscapeHatches","HideOnEmptyCount","ShowOnEmptyCount","Playground"];export{h as AsIndicator,o as AsIndicatorOverlay,d 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,De as __namedExportsOrder,Ue as default};

package/dist/assets/Button-B5i7cA94.js

@@ -1 +0,0 @@
-import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{r as a}from"./index-Cb9e4tly.js";import{a as ct,g as vt}from"./text-centered-DRiH4EXX.js";import{f as J}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{m as S,s as l,a as f,b as m}from"./classNames-9hsFPPZv.js";import{w as b}from"./componentNames-k0j3gHgH.js";import{g as G,a as gt}from"./index-qlqSh81O.js";import{r as Z}from"./render-icon-Du0nasoi.js";import{S as zt,b as V,B as Y}from"./defaults-_YAxqn11.js";import{u as ht}from"./useHostname-PsilflFC.js";import{m as pt}from"./index-CC6DAVyL.js";const W=(e,t)=>{typeof e=="function"?e(t):e&&(e.current=t)},ft=(e,t)=>a.useCallback(i=>{W(e,i),W(t,i)},[e,t]),bt="Heading__Lv13n",St={Heading:bt,"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"},Ht=a.forwardRef(function({children:t,variant:i,accent:s,tag:r,centered:o,dataset:u,id:B,..._},w){const c=r||"h1",v=S(St,b.Heading,l("variant",i)),H=ct(o),h=vt(!s,s),I=[...v,...H,...h],y={...J(_),className:I.join(" "),...G(u,{preplyDsComponent:b.Heading}),id:B,ref:w};return n.jsx(c,{...y,children:t})});Ht.__docgenInfo={description:"",methods:[],displayName:"Heading"};const It="Spinner__U3f6H",yt="spin__6opuF",x={Spinner:It,"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:yt},Ct=({title:e,titleId:t,...i},s)=>a.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:s,"aria-labelledby":t,...i},e?a.createElement("title",{id:t},e):null,a.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"})),Nt=a.forwardRef(Ct),xt=({title:e,titleId:t,...i},s)=>a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:s,"aria-labelledby":t,...i},e?a.createElement("title",{id:t},e):null,a.createElement("g",{clipPath:"url(#clip0_1785_4234)"},a.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"}),a.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"})),a.createElement("defs",null,a.createElement("clipPath",{id:"clip0_1785_4234"},a.createElement("rect",{width:32,height:32,fill:"white"})))),Et=a.forwardRef(xt),E="Spinner",jt=({size:e=zt})=>{const t=S(x,E,[l("size",e)]),i=[...f(x,E,["animated"])],s=[...f(x,E,["static"])];return n.jsxs("span",{className:t.join(" "),children:[n.jsx("span",{className:i.join(" "),children:n.jsx(Et,{})}),n.jsx("span",{className:s.join(" "),children:n.jsx(Nt,{})})]})},Lt="ButtonBase__lIl-s",L={"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:Lt,"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-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-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-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-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-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-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-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"},R="ButtonBase",Rt=e=>Object.prototype.hasOwnProperty.call(e,"selected"),j=({children:e,busy:t})=>{const i=[...f(L,R,["content"])],s=[...f(L,R,["busy"])];return n.jsxs(n.Fragment,{children:[n.jsx("span",{className:i.join(" "),children:e}),t&&n.jsx("span",{className:s.join(" "),children:n.jsx(jt,{})})]})},Q=a.forwardRef(function(t,i){const{id:s,variant:r=V,size:o=Y,fullWidth:u=!1,wrap:B=!1,href:_,download:w,opensInNewTab:c,nofollow:v,submitsForm:H,assistiveText:k,onClick:h,onKeyDown:I,onKeyUp:y,onMouseDown:X,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at,disabled:p,busy:d,isIconButton:T,as:A,url:it,a11yLabel:nt,dataset:st,children:C,dsInternalSimulation:D,preplyDsComponent:ot,className:rt,...ut}=t,{selected:lt}=Rt(t)?t:{selected:void 0},dt=ht(),F=a.useRef(null),P=ft(F,i),mt=g=>{(p||d)&&g.preventDefault(),h==null||h(g)},Bt=g=>{var O;const q=pt(g.key);(q===" "||q==="Enter")&&(g.preventDefault(),(O=F.current)==null||O.click())},_t=D==="focus"?m("dsInternalSimulation-focus",void 0,!0):l(`variant-${r}--dsInternalSimulation`,D),wt=S(L,R,[_t,l("variant",r),l("size",o),T?l("is-icon-button-size",o):[],m(void 0,"no-wrap",B),m("width-full","width-auto",u),m("is-busy",void 0,d),m("is-icon-button",void 0,T),m(`variant-${r}--is-selected`,void 0,lt)]),U={...J(ut),...G(st,{preplyDsComponent:ot}),className:[...wt,rt].join(" "),"aria-label":k||nt,onClick:mt,disabled:p,"aria-disabled":p||d?!0:void 0,ref:P,id:s,onKeyDown:I,onKeyUp:y,onMouseDown:X,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at},N=_||it,M={...U,download:w,ref:P,role:"button",tabIndex:p?-1:0,href:N,onKeyDown:Bt};return N?n.jsx("a",{...M,...gt(dt,N,c,v),children:j({children:C,busy:d})}):A?a.cloneElement(A,{...M},j({children:C,busy:d})):n.jsx("button",{...U,type:H?"submit":"button",children:j({children:C,busy:d})})});Q.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const kt="Button__lJRiF",Tt="leadingIcon__OZj4E",At="trailingIcon__d6fiW",Dt="icon__M1Hs-",z={Button:kt,leadingIcon:Tt,trailingIcon:At,"Button--size-s":"Button--size-s__02RwJ",icon:Dt,"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"},Ft=a.forwardRef(function({variant:t=V,size:i=Y,url:s,a11yLabel:r,leadingSvgIcon:o,trailingSvgIcon:u,children:B,..._},w){const c=!!o||!!u,v=S(z,b.Button,[l("size",i)]);return n.jsxs(Q,{..._,ref:w,isIconButton:!1,variant:t,size:i,url:s,a11yLabel:r,preplyDsComponent:b.Button,className:c?v.join(" "):"",children:[!!o&&n.jsx("span",{className:`${z.icon} ${z.leadingIcon}`,children:Z(o,{"aria-hidden":"true",focusable:"false"})}),B,!!u&&n.jsx("span",{className:`${z.icon} ${z.trailingIcon}`,children:Z(u,{"aria-hidden":"true",focusable:"false"})})]})});Ft.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'small'",computed:!1},required:!1}}};export{Ft as B,Ht as H};

package/dist/assets/Button-C-6rDSzI.js

@@ -1,20 +0,0 @@
-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-h431KMrY.js";import{m as y,s as g}from"./classNames-9hsFPPZv.js";import{w as i}from"./componentNames-k0j3gHgH.js";import{B as w,b as V}from"./defaults-_YAxqn11.js";const T="Button__zN6zT",h="leadingIcon__wQqJW",q="trailingIcon__zChSf",E="icon__sU6GA",e={Button:T,leadingIcon:h,trailingIcon:q,"Button--size-s":"Button--size-s__yKEFo",icon:E,"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"},o=_.forwardRef(function({variant:r=V,size:l=w,url:m,a11yLabel:d,leadingSvgIcon:n,trailingSvgIcon:t,children:c,...p},v){const f=!!n||!!t,B=y(e,i.Button,[g("size",l)]);return a.jsxs(z,{...p,ref:v,isIconButton:!1,variant:r,size:l,url:m,a11yLabel:d,preplyDsComponent:i.Button,className:f?B.join(" "):"",children:[!!n&&a.jsx("span",{className:`${e.icon} ${e.leadingIcon}`,children:u(n,{"aria-hidden":"true",focusable:"false"})}),c,!!t&&a.jsx("span",{className:`${e.icon} ${e.trailingIcon}`,children:u(t,{"aria-hidden":"true",focusable:"false"})})]})});try{o.displayName="Button",o.__docgenInfo={description:"",displayName:"Button",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:{value:"primary"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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\`.
-@example // Render as a react router link component
-import { Link } from 'react-router-dom';
-
-<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
-@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
-
-<Button leadingSvgIcon={TokyoUITag}>Button</Button>
-or
-<Button leadingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"leadingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},trailingSvgIcon:{defaultValue:null,description:`@deprecated Trailing icons have been removed from the platform.
-
-The trailing SVG icon.
-@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
-
-<Button trailingSvgIcon={TokyoUITag}>Button</Button>
-or
-<Button trailingSvgIcon={<TokyoUITag />}>Button</Button>`,name:"trailingSvgIcon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{o as B};

package/dist/assets/ButtonBase-h431KMrY.js

@@ -1,8 +0,0 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as c}from"./index-Cb9e4tly.js";import{f as ie}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as ue}from"./Spinner-qiZily8k.js";import{u as se}from"./useMergeRefs-SFH7Mw4x.js";import{b as oe,B as le}from"./defaults-_YAxqn11.js";import{u as re}from"./useHostname-PsilflFC.js";import{b as a,s as o,m as de,a as V}from"./classNames-9hsFPPZv.js";import{g as Be,a as me}from"./index-qlqSh81O.js";import{m as ve}from"./index-CC6DAVyL.js";const ce="ButtonBase__0qXGj",w={"button-width--width-full":"button-width--width-full__nxjVK","button-width--width-auto":"button-width--width-auto__CngVf","button-width--narrow-l--width-full":"button-width--narrow-l--width-full__rZc8T","button-width--narrow-l--width-auto":"button-width--narrow-l--width-auto__Fs14X","button-width--medium-s--width-full":"button-width--medium-s--width-full__lb8XX","button-width--medium-s--width-auto":"button-width--medium-s--width-auto__gtajp","button-width--medium-l--width-full":"button-width--medium-l--width-full__qOGDr","button-width--medium-l--width-auto":"button-width--medium-l--width-auto__vFKgm","button-width--wide-s--width-full":"button-width--wide-s--width-full__5nhxD","button-width--wide-s--width-auto":"button-width--wide-s--width-auto__J4Ht3","button-width--wide-l--width-full":"button-width--wide-l--width-full__Rsexc","button-width--wide-l--width-auto":"button-width--wide-l--width-auto__k6Ctk",ButtonBase:ce,"ButtonBase--content":"ButtonBase--content__ZEhK4","ButtonBase--is-icon-button":"ButtonBase--is-icon-button__CDG-9","ButtonBase--is-icon-button-size-large":"ButtonBase--is-icon-button-size-large__bebMj","ButtonBase--busy":"ButtonBase--busy__M2Cgo","ButtonBase--dsInternalSimulation-focus":"ButtonBase--dsInternalSimulation-focus__xhIA9","ButtonBase--is-busy":"ButtonBase--is-busy__FT7vR","ButtonBase--width-full":"ButtonBase--width-full__0ENoK","ButtonBase--width-auto":"ButtonBase--width-auto__vwDOv","ButtonBase--narrow-l--width-full":"ButtonBase--narrow-l--width-full__-H9pn","ButtonBase--narrow-l--width-auto":"ButtonBase--narrow-l--width-auto__2i3td","ButtonBase--medium-s--width-full":"ButtonBase--medium-s--width-full__sNHbR","ButtonBase--medium-s--width-auto":"ButtonBase--medium-s--width-auto__6T6zO","ButtonBase--medium-l--width-full":"ButtonBase--medium-l--width-full__FTcYM","ButtonBase--medium-l--width-auto":"ButtonBase--medium-l--width-auto__KPNbM","ButtonBase--wide-s--width-full":"ButtonBase--wide-s--width-full__YgEMT","ButtonBase--wide-s--width-auto":"ButtonBase--wide-s--width-auto__nM-ia","ButtonBase--wide-l--width-full":"ButtonBase--wide-l--width-full__CFPdD","ButtonBase--wide-l--width-auto":"ButtonBase--wide-l--width-auto__6gGyZ","ButtonBase--size-large":"ButtonBase--size-large__-OxgW","ButtonBase--size-medium":"ButtonBase--size-medium__YgQDT","ButtonBase--is-icon-button-size-medium":"ButtonBase--is-icon-button-size-medium__AC6Cq","ButtonBase--size-small":"ButtonBase--size-small__UMBKe","ButtonBase--is-icon-button-size-small":"ButtonBase--is-icon-button-size-small__hZmvi","ButtonBase--narrow-l--size-large":"ButtonBase--narrow-l--size-large__jbaAB","ButtonBase--narrow-l--is-icon-button-size-large":"ButtonBase--narrow-l--is-icon-button-size-large__UIpIh","ButtonBase--narrow-l--size-medium":"ButtonBase--narrow-l--size-medium__62t1K","ButtonBase--narrow-l--is-icon-button-size-medium":"ButtonBase--narrow-l--is-icon-button-size-medium__r2nuk","ButtonBase--narrow-l--size-small":"ButtonBase--narrow-l--size-small__8uFFR","ButtonBase--narrow-l--is-icon-button-size-small":"ButtonBase--narrow-l--is-icon-button-size-small__CkKxU","ButtonBase--medium-s--size-large":"ButtonBase--medium-s--size-large__XpFoi","ButtonBase--medium-s--is-icon-button-size-large":"ButtonBase--medium-s--is-icon-button-size-large__-IvSU","ButtonBase--medium-s--size-medium":"ButtonBase--medium-s--size-medium__ZA4JC","ButtonBase--medium-s--is-icon-button-size-medium":"ButtonBase--medium-s--is-icon-button-size-medium__946RE","ButtonBase--medium-s--size-small":"ButtonBase--medium-s--size-small__nNIDt","ButtonBase--medium-s--is-icon-button-size-small":"ButtonBase--medium-s--is-icon-button-size-small__aAjgr","ButtonBase--medium-l--size-large":"ButtonBase--medium-l--size-large__yo-U7","ButtonBase--medium-l--is-icon-button-size-large":"ButtonBase--medium-l--is-icon-button-size-large__3ORQx","ButtonBase--medium-l--size-medium":"ButtonBase--medium-l--size-medium__N9rbz","ButtonBase--medium-l--is-icon-button-size-medium":"ButtonBase--medium-l--is-icon-button-size-medium__EFk6V","ButtonBase--medium-l--size-small":"ButtonBase--medium-l--size-small__FMlot","ButtonBase--medium-l--is-icon-button-size-small":"ButtonBase--medium-l--is-icon-button-size-small__Ak0TL","ButtonBase--wide-s--size-large":"ButtonBase--wide-s--size-large__ASjU0","ButtonBase--wide-s--is-icon-button-size-large":"ButtonBase--wide-s--is-icon-button-size-large__hF4qT","ButtonBase--wide-s--size-medium":"ButtonBase--wide-s--size-medium__glo8Q","ButtonBase--wide-s--is-icon-button-size-medium":"ButtonBase--wide-s--is-icon-button-size-medium__W-O0C","ButtonBase--wide-s--size-small":"ButtonBase--wide-s--size-small__b10zZ","ButtonBase--wide-s--is-icon-button-size-small":"ButtonBase--wide-s--is-icon-button-size-small__-E8EY","ButtonBase--wide-l--size-large":"ButtonBase--wide-l--size-large__qXddN","ButtonBase--wide-l--is-icon-button-size-large":"ButtonBase--wide-l--is-icon-button-size-large__ceEkB","ButtonBase--wide-l--size-medium":"ButtonBase--wide-l--size-medium__OPxKX","ButtonBase--wide-l--is-icon-button-size-medium":"ButtonBase--wide-l--is-icon-button-size-medium__dAxcc","ButtonBase--wide-l--size-small":"ButtonBase--wide-l--size-small__tqGj-","ButtonBase--wide-l--is-icon-button-size-small":"ButtonBase--wide-l--is-icon-button-size-small__cCSAh","ButtonBase--variant-primary":"ButtonBase--variant-primary__oSRJV","ButtonBase--variant-primary--dsInternalSimulation-hover":"ButtonBase--variant-primary--dsInternalSimulation-hover__D7OCC","ButtonBase--variant-primary--dsInternalSimulation-active":"ButtonBase--variant-primary--dsInternalSimulation-active__V0iju","ButtonBase--variant-secondary":"ButtonBase--variant-secondary__APosz","ButtonBase--variant-secondary--dsInternalSimulation-hover":"ButtonBase--variant-secondary--dsInternalSimulation-hover__5F1t-","ButtonBase--variant-secondary--dsInternalSimulation-active":"ButtonBase--variant-secondary--dsInternalSimulation-active__MwFWM","ButtonBase--variant-tertiary":"ButtonBase--variant-tertiary__oSJoa","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"ButtonBase--variant-tertiary--dsInternalSimulation-hover__juCHk","ButtonBase--variant-tertiary--dsInternalSimulation-active":"ButtonBase--variant-tertiary--dsInternalSimulation-active__CZKvj","ButtonBase--variant-quaternary":"ButtonBase--variant-quaternary__gX2sB","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"ButtonBase--variant-quaternary--dsInternalSimulation-hover__Hzaa5","ButtonBase--variant-quaternary--dsInternalSimulation-active":"ButtonBase--variant-quaternary--dsInternalSimulation-active__cKsaN","ButtonBase--variant-ghost":"ButtonBase--variant-ghost__pR3-X","ButtonBase--variant-ghost--dsInternalSimulation-hover":"ButtonBase--variant-ghost--dsInternalSimulation-hover__O2HFh","ButtonBase--variant-ghost--dsInternalSimulation-active":"ButtonBase--variant-ghost--dsInternalSimulation-active__CvLh8","ButtonBase--variant-ghost--is-selected":"ButtonBase--variant-ghost--is-selected__mS0Le","ButtonBase--variant-critical":"ButtonBase--variant-critical__-t4Qu","ButtonBase--variant-critical--dsInternalSimulation-hover":"ButtonBase--variant-critical--dsInternalSimulation-hover__iyVj2","ButtonBase--variant-critical--dsInternalSimulation-active":"ButtonBase--variant-critical--dsInternalSimulation-active__2RACT","ButtonBase--variant-onColor":"ButtonBase--variant-onColor__Hgon2","ButtonBase--variant-onColor--dsInternalSimulation-hover":"ButtonBase--variant-onColor--dsInternalSimulation-hover__8ca7h","ButtonBase--variant-onColor--dsInternalSimulation-active":"ButtonBase--variant-onColor--dsInternalSimulation-active__OxSu7","ButtonBase--variant-classroom":"ButtonBase--variant-classroom__ZiZjl","ButtonBase--variant-classroom--dsInternalSimulation-hover":"ButtonBase--variant-classroom--dsInternalSimulation-hover__Fy83L","ButtonBase--variant-classroom--dsInternalSimulation-active":"ButtonBase--variant-classroom--dsInternalSimulation-active__88eK7","ButtonBase--variant-classroom--is-selected":"ButtonBase--variant-classroom--is-selected__GHt9-","ButtonBase--variant-primaryB2b":"ButtonBase--variant-primaryB2b__q-vvW","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__Nrl78","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"ButtonBase--variant-primaryB2b--dsInternalSimulation-active__IGZDa","ButtonBase--variant-primaryTutor":"ButtonBase--variant-primaryTutor__B6BAn","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__HXGA0","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"ButtonBase--variant-primaryTutor--dsInternalSimulation-active__FCV-3","ButtonBase--variant-inverted":"ButtonBase--variant-inverted__9yknJ","ButtonBase--variant-inverted--dsInternalSimulation-hover":"ButtonBase--variant-inverted--dsInternalSimulation-hover__oX9GA","ButtonBase--variant-inverted--dsInternalSimulation-active":"ButtonBase--variant-inverted--dsInternalSimulation-active__-HnsQ","ButtonBase--variant-newFeature":"ButtonBase--variant-newFeature__8uk2D","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"ButtonBase--variant-newFeature--dsInternalSimulation-hover__plXXr","ButtonBase--variant-newFeature--dsInternalSimulation-active":"ButtonBase--variant-newFeature--dsInternalSimulation-active__yDfE1","ButtonBase--variant-ai":"ButtonBase--variant-ai__iq9tW","ButtonBase--variant-ai--dsInternalSimulation-hover":"ButtonBase--variant-ai--dsInternalSimulation-hover__78mV7","ButtonBase--variant-ai--dsInternalSimulation-active":"ButtonBase--variant-ai--dsInternalSimulation-active__48Tn0","ButtonBase--no-wrap":"ButtonBase--no-wrap__8TMhQ"},p="ButtonBase",_e=n=>Object.prototype.hasOwnProperty.call(n,"selected"),_=({children:n,busy:i})=>{const l=[...V(w,p,["content"])],r=[...V(w,p,["busy"])];return e.jsxs(e.Fragment,{children:[e.jsx("span",{className:l.join(" "),children:n}),i&&e.jsx("span",{className:r.join(" "),children:e.jsx(ue,{})})]})},E=c.forwardRef(function(i,l){const{id:r,variant:d=oe,size:f=le,fullWidth:T=!1,wrap:M=!1,href:D,download:x,opensInNewTab:F,nofollow:N,submitsForm:R,assistiveText:j,onClick:B,onKeyDown:k,onKeyUp:A,onMouseDown:H,onMouseUp:K,onMouseEnter:P,onMouseMove:U,onPointerDown:O,onPointerEnter:L,disabled:s,busy:t,isIconButton:h,as:b,url:X,a11yLabel:Z,dataset:G,children:m,dsInternalSimulation:y,preplyDsComponent:W,className:J,...Q}=i,{selected:Y}=_e(i)?i:{selected:void 0},$=re(),z=c.useRef(null),I=se(z,l),ee=u=>{(s||t)&&u.preventDefault(),B==null||B(u)},te=u=>{var C;const q=ve(u.key);(q===" "||q==="Enter")&&(u.preventDefault(),(C=z.current)==null||C.click())},ae=y==="focus"?a("dsInternalSimulation-focus",void 0,!0):o(`variant-${d}--dsInternalSimulation`,y),ne=de(w,p,[ae,o("variant",d),o("size",f),h?o("is-icon-button-size",f):[],a(void 0,"no-wrap",M),a("width-full","width-auto",T),a("is-busy",void 0,t),a("is-icon-button",void 0,h),a(`variant-${d}--is-selected`,void 0,Y)]),g={...ie(Q),...Be(G,{preplyDsComponent:W}),className:[...ne,J].join(" "),"aria-label":j||Z,onClick:ee,disabled:s,"aria-disabled":s||t?!0:void 0,ref:I,id:r,onKeyDown:k,onKeyUp:A,onMouseDown:H,onMouseUp:K,onMouseEnter:P,onMouseMove:U,onPointerDown:O,onPointerEnter:L},v=D||X,S={...g,download:x,ref:I,role:"button",tabIndex:s?-1:0,href:v,onKeyDown:te};return v?e.jsx("a",{...S,...me($,v,F,N),children:_({children:m,busy:t})}):b?c.cloneElement(b,{...S},_({children:m,busy:t})):e.jsx("button",{...g,type:R?"submit":"button",children:_({children:m,busy:t})})});try{E.displayName="ButtonBase",E.__docgenInfo={description:"",displayName:"ButtonBase",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},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"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"enum",value:[{value:"KeyboardEventHandler"}]}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,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\`.
-@example // Render as a react router link component
-import { Link } from 'react-router-dom';
-
-<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"enum",value:[{value:"string"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{E as B};

package/dist/assets/Checkbox-BnqXU33n.js

@@ -1,10 +0,0 @@
-import{j as d}from"./jsx-runtime-BTJTZTIL.js";import{r as l}from"./index-Cb9e4tly.js";import{r as m}from"./render-icon-BT0Aq7PA.js";import{f as C}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{u as H}from"./useMergeRefs-SFH7Mw4x.js";import{m as M,s as T}from"./classNames-9hsFPPZv.js";import{w as N}from"./componentNames-k0j3gHgH.js";import{g as S}from"./index-qlqSh81O.js";const j=({title:n,titleId:a,...e},t)=>l.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 14 2",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":a,...e},n?l.createElement("title",{id:a},n):null,l.createElement("path",{d:"M0 0h14v2H0z"})),A=l.forwardRef(j),L=({title:n,titleId:a,...e},t)=>l.createElement("svg",{"data-preply-ds-component":"SvgTokyoUIIcon",viewBox:"0 0 13 11",xmlns:"http://www.w3.org/2000/svg",ref:t,"aria-labelledby":a,...e},n?l.createElement("title",{id:a},n):null,l.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.923 10.101 0 6.18 1.179 5l2.744 2.744L11.667 0l1.178 1.179z"})),F=l.forwardRef(L),B="checkbox__-j3Cu",D="remove__Tu7KI",P="checkmark__-fsuM",o={checkbox:B,remove:D,checkmark:P,"checkbox--dsInternalSimulation-focus":"checkbox--dsInternalSimulation-focus__xJewg"};function O({ref:n,onChange:a,indeterminate:e,onCheckedChange:t}){const r=l.useRef(null),s=H(r,n);l.useLayoutEffect(()=>{r.current&&typeof e=="boolean"&&(r.current.indeterminate=e)},[e]);const i=l.useCallback(u=>{a==null||a(u),typeof e=="boolean"&&(u.target.indeterminate=e),t==null||t(u.target.checked)},[a,e,t]);return{mergedRef:s,ariaChecked:e?"mixed":void 0,onChangeHandler:i}}const f=l.forwardRef(function({id:a,name:e,checked:t,defaultChecked:r,indeterminate:s,onChange:i,onCheckedChange:c,hasError:u,disabled:p,required:v,"aria-label":h,"aria-labelledby":b,"aria-describedby":y,dataset:k,dsInternalSimulation:g,onBlur:x,onFocus:w,...q},I){const{mergedRef:R,onChangeHandler:E,ariaChecked:V}=O({ref:I,onChange:i,indeterminate:s,onCheckedChange:c}),_=M(o,"checkbox",[T("dsInternalSimulation",g)]);return d.jsxs("div",{...C(q),className:_.join(" "),"data-preply-ds-component":N.Checkbox,children:[d.jsx("input",{id:a,name:e,type:"checkbox",required:v,disabled:p,checked:t,defaultChecked:r,"aria-checked":V,"aria-invalid":u===!0?!0:void 0,"aria-label":h,"aria-labelledby":b,"aria-describedby":y,onChange:E,ref:R,onBlur:x,onFocus:w,...S(k)}),m(F,{focusable:"false","aria-hidden":"true",className:o.checkmark}),m(A,{focusable:"false","aria-hidden":"true",className:o.remove})]})});try{f.displayName="Checkbox",f.__docgenInfo={description:"To make this accessible, you must label it using a `<label>` or `aria-label`:",displayName:"Checkbox",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"enum",value:[{value:"string"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"enum",value:[{value:"string"}]}},required:{defaultValue:null,description:"",name:"required",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"enum",value:[{value:"FocusEventHandler<HTMLInputElement>"}]}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"enum",value:[{value:"ChangeEventHandler<HTMLInputElement>"}]}},"aria-label":{defaultValue:null,description:`Defines a string value that labels the current element.
-@see aria-labelledby.`,name:"aria-label",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-labelledby":{defaultValue:null,description:`Identifies the element (or elements) that labels the current element.
-@see aria-describedby.`,name:"aria-labelledby",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-describedby":{defaultValue:null,description:`Identifies the element (or elements) that describes the object.
-@see aria-labelledby`,name:"aria-describedby",required:!1,type:{name:"enum",value:[{value:"string"}]}},checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},hasError:{defaultValue:null,description:'Shows the component\'s error state, and sets `aria-invalid="true"` on the input element.',name:"hasError",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},indeterminate:{defaultValue:null,description:`Makes the component look indeterminate. Please note that the indeterminate state is parallel
-to che checked/unchecked state, meaning that a checkbox can be checked and indeterminate at
-the same time. it's up to you to handle the logic of when to set this prop.
-
-If you're implementing a tri-state checkbox group, pleas refer to the
-{@link https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/ARIA Checkbox Pattern}.`,name:"indeterminate",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onCheckedChange:{defaultValue:null,description:"",name:"onCheckedChange",required:!1,type:{name:"enum",value:[{value:"(checked: boolean) => void"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
-@example <Checkbox dataset={{ 'qa-id': 'accept-conditions' }} /> // will add data-qa-id="accept-conditions" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLInputElement | null) => void"},{value:"RefObject<HTMLInputElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{f as C};

package/dist/assets/Checkbox.tests.stories-CKbpVER5.js

@@ -1,64 +0,0 @@
-import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{w as A,e as t,u as p,a as h}from"./index-Dk_MCKuE.js";import{T as f}from"./Tooltip-_f_f-kTL.js";import{C as n}from"./Checkbox-BnqXU33n.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./PortalElementProvider-BAqvxZzH.js";import"./index-Cc-bXjHe.js";import"./index-BqT8peiM.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-qlqSh81O.js";import"./componentNames-k0j3gHgH.js";import"./index-BV2iXjxm.js";import"./index-2TVOn9du.js";import"./index-DR63UjCN.js";import"./render-icon-BT0Aq7PA.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./useMergeRefs-SFH7Mw4x.js";import"./classNames-9hsFPPZv.js";const M={title:"Components/Checkbox/Tests",component:n,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},r={render:function(){return s.jsx(n,{"aria-label":"checkboxLabel","aria-labelledby":"checkboxLabelledby","aria-describedby":"checkboxDescribedby",hasError:!0})},play:async({canvasElement:a})=>{const o=A(a).getByRole("checkbox");t(o).toHaveAttribute("aria-label","checkboxLabel"),t(o).toHaveAttribute("aria-labelledby","checkboxLabelledby"),t(o).toHaveAttribute("aria-describedby","checkboxDescribedby"),t(o).toHaveAttribute("aria-invalid","true")}},c={render:function(){return s.jsx(n,{dataset:{foo:1,bar:"2",baz:!1},"aria-label":"checkbox"})},play:async({canvas:a})=>{const e=a.getByRole("checkbox");t(e).toHaveAttribute("data-foo","1"),t(e).toHaveAttribute("data-bar","2"),t(e).toHaveAttribute("data-baz","false")}},i={render:function(){return s.jsx(f,{content:"This is a tooltip",trigger:"hover-and-touch",dataset:{testid:"tooltip"},children:s.jsx(n,{"aria-label":"checkbox"})})},play:async({canvasElement:a,step:e})=>{const o=A(a),l=o.getByRole("checkbox");await e("hover trigger element",async()=>{await p.hover(l)}),await e("tooltip should be shown",async()=>{await h(()=>{const b=o.getByTestId("tooltip");return t(b).toBeInTheDocument()})}),await e("unhover trigger element",async()=>{await p.unhover(l)}),await e("tooltip should be hidden",async()=>{await h(()=>{const b=o.queryByTestId("tooltip");return t(b).toBeNull()})})}};var d,u,x;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  render: function Story() {
-    return <Checkbox aria-label="checkboxLabel" aria-labelledby="checkboxLabelledby" aria-describedby="checkboxDescribedby" hasError />;
-  },
-  play: async ({
-    canvasElement
-  }) => {
-    const canvas = within(canvasElement);
-    const checkbox = canvas.getByRole('checkbox');
-    expect(checkbox).toHaveAttribute('aria-label', 'checkboxLabel');
-    expect(checkbox).toHaveAttribute('aria-labelledby', 'checkboxLabelledby');
-    expect(checkbox).toHaveAttribute('aria-describedby', 'checkboxDescribedby');
-    expect(checkbox).toHaveAttribute('aria-invalid', 'true');
-  }
-}`,...(x=(u=r.parameters)==null?void 0:u.docs)==null?void 0:x.source}}};var y,m,v;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  render: function Story() {
-    return <Checkbox dataset={{
-      foo: 1,
-      bar: '2',
-      baz: false
-    }} aria-label="checkbox" />;
-  },
-  play: async ({
-    canvas
-  }) => {
-    const checkbox = canvas.getByRole('checkbox');
-    expect(checkbox).toHaveAttribute('data-foo', '1');
-    expect(checkbox).toHaveAttribute('data-bar', '2');
-    expect(checkbox).toHaveAttribute('data-baz', 'false');
-  }
-}`,...(v=(m=c.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var k,g,w;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  render: function Story() {
-    return <Tooltip content="This is a tooltip" trigger="hover-and-touch" dataset={{
-      testid: 'tooltip'
-    }}>
-                <Checkbox aria-label="checkbox" />
-            </Tooltip>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    const trigger = canvas.getByRole('checkbox');
-    await step('hover trigger element', async () => {
-      await userEvent.hover(trigger);
-    });
-    await step('tooltip should be shown', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.getByTestId('tooltip');
-        return expect(tooltip).toBeInTheDocument();
-      });
-    });
-    await step('unhover trigger element', async () => {
-      await userEvent.unhover(trigger);
-    });
-    await step('tooltip should be hidden', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.queryByTestId('tooltip');
-        return expect(tooltip).toBeNull();
-      });
-    });
-  }
-}`,...(w=(g=i.parameters)==null?void 0:g.docs)==null?void 0:w.source}}};const P=["AriaAttributesAreSet","TestDataset","IntegrationWithDSTooltip"];export{r as AriaAttributesAreSet,i as IntegrationWithDSTooltip,c as TestDataset,P as __namedExportsOrder,M as default};