@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/{AlertDialog.stories-BKT7nitb.js → AlertDialog.stories-CjXjghMW.js}

@@ -1,4 +1,8 @@
-import{j as e,r as h}from"./iframe-B_74HtSc.js";import{A as t}from"./AlertDialog-B5rRXSxb.js";import{B as s}from"./Button-C0Um_QuO.js";import"./preload-helper-Dp1pzeXC.js";import"./Heading-Cj8Si45g.js";import"./text-accent-BQ9POoE5.js";import"./text-centered-BEaaxMgl.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./useOpenInteractionType-D3sASQWj.js";import"./store-B0wM9Zg8.js";import"./render-icon-MT6RlyNs.js";import"./ButtonBase-HkSfLFbE.js";import"./Spinner-8-RB4YZR.js";import"./useMergeRefs-Caz9hOck.js";import"./useHostname-CbpnzdHv.js";import"./index-CC6DAVyL.js";const{expect:u,userEvent:z,waitFor:I}=__STORYBOOK_MODULE_TEST__,{action:i}=__STORYBOOK_MODULE_ACTIONS__,Q={title:"Components/AlertDialog",component:t,parameters:{preventIframeFromScrollingParent:!0,docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}}},play:async({canvas:a,step:n})=>{await n("Open alert",async()=>(await z.click(a.getByTestId("alert-trigger")),I(()=>{const r=a.getByTestId("alert-dialog");u(r).toBeVisible()})))}},l={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{dataset:{testid:"alert-trigger"},children:"Action"})}),e.jsx(t.Cancel,{variant:"tertiary",onClick:i("cancel"),children:"Cancel"}),e.jsx(t.Action,{onClick:i("confirm"),children:"Confirm"})]})}},c={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(n){return e.jsxs(t,{...n,children:[e.jsx(t.Trigger,{children:e.jsx(s,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),e.jsx(t.Action,{variant:"ghost",onClick:i("cancel"),children:"Cancel lesson"}),e.jsx(t.Action,{variant:"secondary",onClick:i("reschedule"),children:"Reschedule"})]})}},d={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[r,o]=h.useState(!1),y=()=>{o(!1),i("account deleted")()},_=()=>{o(!1),i("deletion canceled")()};return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>o(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsxs(t,{...n,open:r,children:[e.jsx(t.Cancel,{variant:"tertiary",onClick:_,children:"Cancel"}),e.jsx(t.Action,{variant:"critical",onClick:y,children:"Delete"})]})]})}},p={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(n){const[r,o]=h.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>o(!0),dataset:{testid:"alert-trigger"},children:"Action"}),e.jsx(t,{...n,open:r,children:e.jsx(t.Action,{onClick:()=>{o(!1),i("page refreshed")()},children:"Refresh"})})]})}},g={parameters:{docs:{description:{story:`
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Button-DnVrHohm.js";import{n as o,t as s}from"./AlertDialog-D1kj7VoM.js";var c,l,u,d,f,p,m,h,g,_,v,y,b;t((()=>{c=e(n(),1),o(),i(),l=r(),{expect:u,userEvent:d,waitFor:f}=__STORYBOOK_MODULE_TEST__,{action:p}=__STORYBOOK_MODULE_ACTIONS__,m={title:`Components/AlertDialog`,component:s,parameters:{preventIframeFromScrollingParent:!0,docs:{description:{component:`A modal alert dialog for confirming destructive or important actions.`},story:{inline:!1,height:300}}},play:async({canvas:e,step:t})=>{await t(`Open alert`,async()=>(await d.click(e.getByTestId(`alert-trigger`)),f(()=>{u(e.getByTestId(`alert-dialog`)).toBeVisible()})))}},h={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:`Confirm`,description:`This action cannot be undone.`,dataset:{testid:`alert-dialog`}},render:function(e){return(0,l.jsxs)(s,{...e,children:[(0,l.jsx)(s.Trigger,{children:(0,l.jsx)(a,{dataset:{testid:`alert-trigger`},children:`Action`})}),(0,l.jsx)(s.Cancel,{variant:`tertiary`,onClick:p(`cancel`),children:`Cancel`}),(0,l.jsx)(s.Action,{onClick:p(`confirm`),children:`Confirm`})]})}},g={parameters:{docs:{description:{story:`Uncontrolled alert using the \`Trigger\`, and two \`Action\` subcomponents.
+
+The two actions are styled differently to suggest a preferred action to the one the user has requested.
+
+For example, in this case, the user is prompted to reschedule instead of canceling.`}}},args:{title:`Cancel Lesson`,description:`Your balance will not be refunded. Would you like to reschedule instead?`,dataset:{testid:`alert-dialog`}},render:function(e){return(0,l.jsxs)(s,{...e,children:[(0,l.jsx)(s.Trigger,{children:(0,l.jsx)(a,{variant:`critical`,dataset:{testid:`alert-trigger`},children:`Cancel Lesson`})}),(0,l.jsx)(s.Action,{variant:`ghost`,onClick:p(`cancel`),children:`Cancel lesson`}),(0,l.jsx)(s.Action,{variant:`secondary`,onClick:p(`reschedule`),children:`Reschedule`})]})}},_={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:`Delete Account`,description:`This action cannot be undone.`,dataset:{testid:`alert-dialog`}},render:function(e){let[t,n]=(0,c.useState)(!1),r=()=>{n(!1),p(`account deleted`)()},i=()=>{n(!1),p(`deletion canceled`)()};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a,{onClick:()=>n(!0),dataset:{testid:`alert-trigger`},children:`Action`}),(0,l.jsxs)(s,{...e,open:t,children:[(0,l.jsx)(s.Cancel,{variant:`tertiary`,onClick:i,children:`Cancel`}),(0,l.jsx)(s.Action,{variant:`critical`,onClick:r,children:`Delete`})]})]})}},v={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:`Payment failed`,description:`The page will refresh. Please try again.`,dataset:{testid:`alert-dialog`}},render:function(e){let[t,n]=(0,c.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a,{onClick:()=>n(!0),dataset:{testid:`alert-trigger`},children:`Action`}),(0,l.jsx)(s,{...e,open:t,children:(0,l.jsx)(s.Action,{onClick:()=>{n(!1),p(`page refreshed`)()},children:`Refresh`})})]})}},y={parameters:{docs:{description:{story:`
 The Dialog component provides CSS property escape hatches for controlling the z-index of both the overlay and content:
 
 - \`--ds-dialog-overlay-z-index-override\`: Controls the overlay's z-index
@@ -10,7 +14,7 @@ In the following example, the stacking order of the dialog trigger, overlay, and
 reveresed using the above CSS properties.
 
 Note: This is done using a \`useEffect\` just for the sake of the story. In a real-world scenario, this should ideally be done in a global stylesheet or a theme provider.
-                `}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[r,o]=h.useState(!1);return h.useEffect(()=>(document.body.style.setProperty("--ds-dialog-overlay-z-index-override","88"),document.body.style.setProperty("--ds-dialog-content-z-index-override","77"),()=>{document.body.style.removeProperty("--ds-dialog-overlay-z-index-override"),document.body.style.removeProperty("--ds-dialog-content-z-index-override")}),[]),e.jsxs("div",{style:{position:"relative",zIndex:99},children:[e.jsx(s,{dataset:{testid:"alert-trigger"},onClick:()=>o(!0),children:"Open"}),e.jsxs(t,{...n,open:r,children:[e.jsx(t.Cancel,{variant:"tertiary",onClick:()=>o(!1),children:"Cancel"}),e.jsx(t.Action,{variant:"critical",onClick:()=>o(!1),children:"Delete"})]})]})},play:async({canvas:a,step:n})=>{await n("Open alert",async()=>(await z.click(a.getByTestId("alert-trigger")),I(()=>{const r=a.getByTestId("alert-dialog");u(r).toBeVisible()}))),await n("Check content's computed z-index",async()=>{const r=a.getByTestId("alert-dialog"),o=getComputedStyle(r);u(o.zIndex).toBe("77")}),await n("Check overlay's computed z-index",async()=>{const r=document.querySelectorAll('[class^="overlay__"]');if(!r)throw new Error("The overlay happened to be in the page, but it isn't anymore. Please update the selector or check if the overlay is properly rendered.");if(r.length>1)throw new Error("There overlay happened to be unique, but it isn't anymore. Please update the selector or check why multiple overlays are rendered.");const o=r[0],y=getComputedStyle(o);u(y.zIndex).toBe("88")})}};var m,f,v;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
+                `}}},args:{title:`Delete Account`,description:`This action cannot be undone.`,dataset:{testid:`alert-dialog`}},render:function(e){let[t,n]=(0,c.useState)(!1);return(0,c.useEffect)(()=>(document.body.style.setProperty(`--ds-dialog-overlay-z-index-override`,`88`),document.body.style.setProperty(`--ds-dialog-content-z-index-override`,`77`),()=>{document.body.style.removeProperty(`--ds-dialog-overlay-z-index-override`),document.body.style.removeProperty(`--ds-dialog-content-z-index-override`)}),[]),(0,l.jsxs)(`div`,{style:{position:`relative`,zIndex:99},children:[(0,l.jsx)(a,{dataset:{testid:`alert-trigger`},onClick:()=>n(!0),children:`Open`}),(0,l.jsxs)(s,{...e,open:t,children:[(0,l.jsx)(s.Cancel,{variant:`tertiary`,onClick:()=>n(!1),children:`Cancel`}),(0,l.jsx)(s.Action,{variant:`critical`,onClick:()=>n(!1),children:`Delete`})]})]})},play:async({canvas:e,step:t})=>{await t(`Open alert`,async()=>(await d.click(e.getByTestId(`alert-trigger`)),f(()=>{u(e.getByTestId(`alert-dialog`)).toBeVisible()}))),await t(`Check content's computed z-index`,async()=>{let t=e.getByTestId(`alert-dialog`);u(getComputedStyle(t).zIndex).toBe(`77`)}),await t(`Check overlay's computed z-index`,async()=>{let e=document.querySelectorAll(`[class^="overlay__"]`);if(!e)throw Error(`The overlay happened to be in the page, but it isn't anymore. Please update the selector or check if the overlay is properly rendered.`);if(e.length>1)throw Error(`There overlay happened to be unique, but it isn't anymore. Please update the selector or check why multiple overlays are rendered.`);let t=e[0];u(getComputedStyle(t).zIndex).toBe(`88`)})}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -38,7 +42,7 @@ Note: This is done using a \`useEffect\` just for the sake of the story. In a re
                 <AlertDialog.Action onClick={action('confirm')}>Confirm</AlertDialog.Action>
             </AlertDialog>;
   }
-}`,...(v=(f=l.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var C,A,x;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{
+}`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -74,7 +78,7 @@ For example, in this case, the user is prompted to reschedule instead of canceli
                 </AlertDialog.Action>
             </AlertDialog>;
   }
-}`,...(x=(A=c.parameters)==null?void 0:A.docs)==null?void 0:x.source}}};var D,S,b;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -115,7 +119,7 @@ For example, in this case, the user is prompted to reschedule instead of canceli
                 </AlertDialog>
             </>;
   }
-}`,...(b=(S=d.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};var k,T,w;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{
+}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -148,7 +152,7 @@ For example, in this case, the user is prompted to reschedule instead of canceli
                 </AlertDialog>
             </>;
   }
-}`,...(w=(T=p.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};var B,O,j;g.parameters={...g.parameters,docs:{...(B=g.parameters)==null?void 0:B.docs,source:{originalSource:`{
+}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -229,4 +233,4 @@ Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In
       expect(styles.zIndex).toBe('88');
     });
   }
-}`,...(j=(O=g.parameters)==null?void 0:O.docs)==null?void 0:j.source}}};const X=["Uncontrolled","UncontrolledWithSuggestionAction","Controlled","ControlledWithSingleButton","WithZIndexOverride"];export{d as Controlled,p as ControlledWithSingleButton,l as Uncontrolled,c as UncontrolledWithSuggestionAction,g as WithZIndexOverride,X as __namedExportsOrder,Q as default};
+}`,...y.parameters?.docs?.source}}},b=[`Uncontrolled`,`UncontrolledWithSuggestionAction`,`Controlled`,`ControlledWithSingleButton`,`WithZIndexOverride`]}))();export{_ as Controlled,v as ControlledWithSingleButton,h as Uncontrolled,g as UncontrolledWithSuggestionAction,y as WithZIndexOverride,b as __namedExportsOrder,m as default};

package/dist/assets/Avatar-CZrWRM_5.css

@@ -0,0 +1 @@
+.Avatar__K41Tw{display:inline-block}.Avatar__K41Tw img{vertical-align:bottom;object-fit:cover;border-radius:var(--dad9ec)}.Avatar--size-24__hDb5G img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--size-32__0goVI img{width:var(--32bbec);height:var(--32bbec)}.Avatar--size-48__uGMSJ img{width:var(--950ab5);height:var(--950ab5)}.Avatar--size-64__WD77O img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--size-96__OxIe2 img{width:var(--796da2);height:var(--796da2)}.Avatar--size-160__8tEPo img{width:var(--329ba7);height:var(--329ba7)}@media (width>=400px){.Avatar--narrow-l--size-24__L-54O img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--narrow-l--size-32__Mdeh3 img{width:var(--32bbec);height:var(--32bbec)}.Avatar--narrow-l--size-48__1xNsg img{width:var(--950ab5);height:var(--950ab5)}.Avatar--narrow-l--size-64__ZQ5C- img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--narrow-l--size-96__DuZVB img{width:var(--796da2);height:var(--796da2)}.Avatar--narrow-l--size-160__PN1pX img{width:var(--329ba7);height:var(--329ba7)}}@media (width>=700px){.Avatar--medium-s--size-24__6--6m img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-s--size-32__7rlpv img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-s--size-48__R893D img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-s--size-64__x4N0d img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-s--size-96__1qdaO img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-s--size-160__z7IAl img{width:var(--329ba7);height:var(--329ba7)}}@media (width>=880px){.Avatar--medium-l--size-24__Ndkzw img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--medium-l--size-32__3miIB img{width:var(--32bbec);height:var(--32bbec)}.Avatar--medium-l--size-48__arPBB img{width:var(--950ab5);height:var(--950ab5)}.Avatar--medium-l--size-64__aFQa7 img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--medium-l--size-96__eg03F img{width:var(--796da2);height:var(--796da2)}.Avatar--medium-l--size-160__fGJ7K img{width:var(--329ba7);height:var(--329ba7)}}@media (width>=1200px){.Avatar--wide-s--size-24__Ue7o0 img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-s--size-32__hYoGY img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-s--size-48__Q9kzJ img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-s--size-64__vvQME img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-s--size-96__tVnz3 img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-s--size-160__brJ59 img{width:var(--329ba7);height:var(--329ba7)}}@media (width>=1900px){.Avatar--wide-l--size-24__EMfbp img{width:var(--86aa8e);height:var(--86aa8e)}.Avatar--wide-l--size-32__7bYZs img{width:var(--32bbec);height:var(--32bbec)}.Avatar--wide-l--size-48__548Bt img{width:var(--950ab5);height:var(--950ab5)}.Avatar--wide-l--size-64__5Ce08 img{width:var(--cc5dc7);height:var(--cc5dc7)}.Avatar--wide-l--size-96__-6w7Y img{width:var(--796da2);height:var(--796da2)}.Avatar--wide-l--size-160__5ft-T img{width:var(--329ba7);height:var(--329ba7)}}.Avatar--round__ZDtGc img{border-radius:var(--8517a6)}.Avatar__K41Tw img{border-style:solid;border-width:var(--c4d145);border-color:var(--54e6b5)}

package/dist/assets/Avatar-LEDcSb51.js

@@ -0,0 +1,6 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{_ as r,ht as i,t as a,w as o,x as s,y as c}from"./dist-DtfJeYQK.js";import{t as l}from"./jsx-runtime-C2wGStra.js";import{n as u,t as d}from"./dist-Cc1j9Pjk.js";import{n as f,t as p}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";var m,h,g=t((()=>{m=`Avatar__K41Tw`,h={Avatar:m,"Avatar--size-24":`Avatar--size-24__hDb5G`,"Avatar--size-32":`Avatar--size-32__0goVI`,"Avatar--size-48":`Avatar--size-48__uGMSJ`,"Avatar--size-64":`Avatar--size-64__WD77O`,"Avatar--size-96":`Avatar--size-96__OxIe2`,"Avatar--size-160":`Avatar--size-160__8tEPo`,"Avatar--narrow-l--size-24":`Avatar--narrow-l--size-24__L-54O`,"Avatar--narrow-l--size-32":`Avatar--narrow-l--size-32__Mdeh3`,"Avatar--narrow-l--size-48":`Avatar--narrow-l--size-48__1xNsg`,"Avatar--narrow-l--size-64":`Avatar--narrow-l--size-64__ZQ5C-`,"Avatar--narrow-l--size-96":`Avatar--narrow-l--size-96__DuZVB`,"Avatar--narrow-l--size-160":`Avatar--narrow-l--size-160__PN1pX`,"Avatar--medium-s--size-24":`Avatar--medium-s--size-24__6--6m`,"Avatar--medium-s--size-32":`Avatar--medium-s--size-32__7rlpv`,"Avatar--medium-s--size-48":`Avatar--medium-s--size-48__R893D`,"Avatar--medium-s--size-64":`Avatar--medium-s--size-64__x4N0d`,"Avatar--medium-s--size-96":`Avatar--medium-s--size-96__1qdaO`,"Avatar--medium-s--size-160":`Avatar--medium-s--size-160__z7IAl`,"Avatar--medium-l--size-24":`Avatar--medium-l--size-24__Ndkzw`,"Avatar--medium-l--size-32":`Avatar--medium-l--size-32__3miIB`,"Avatar--medium-l--size-48":`Avatar--medium-l--size-48__arPBB`,"Avatar--medium-l--size-64":`Avatar--medium-l--size-64__aFQa7`,"Avatar--medium-l--size-96":`Avatar--medium-l--size-96__eg03F`,"Avatar--medium-l--size-160":`Avatar--medium-l--size-160__fGJ7K`,"Avatar--wide-s--size-24":`Avatar--wide-s--size-24__Ue7o0`,"Avatar--wide-s--size-32":`Avatar--wide-s--size-32__hYoGY`,"Avatar--wide-s--size-48":`Avatar--wide-s--size-48__Q9kzJ`,"Avatar--wide-s--size-64":`Avatar--wide-s--size-64__vvQME`,"Avatar--wide-s--size-96":`Avatar--wide-s--size-96__tVnz3`,"Avatar--wide-s--size-160":`Avatar--wide-s--size-160__brJ59`,"Avatar--wide-l--size-24":`Avatar--wide-l--size-24__EMfbp`,"Avatar--wide-l--size-32":`Avatar--wide-l--size-32__7bYZs`,"Avatar--wide-l--size-48":`Avatar--wide-l--size-48__548Bt`,"Avatar--wide-l--size-64":`Avatar--wide-l--size-64__5Ce08`,"Avatar--wide-l--size-96":`Avatar--wide-l--size-96__-6w7Y`,"Avatar--wide-l--size-160":`Avatar--wide-l--size-160__5ft-T`,"Avatar--round":`Avatar--round__ZDtGc`}})),_,v,y,b=t((()=>{o(),d(),a(),_=e(n(),1),f(),g(),v=l(),y=(0,_.forwardRef)(function({size:e=`32`,round:t,src:n,alt:a=``,dataset:o,crossOrigin:l,...d},f){let m=t??!0,g=c(h,u.Avatar,[s(`size`,e),r(`round`,void 0,m)]);return(0,v.jsx)(`picture`,{...p(d),ref:f,className:g.join(` `),...i(o,{preplyDsComponent:u.Avatar}),children:(0,v.jsx)(`img`,{src:n||`https://static.preply.com/ds/avatar/default-tokyo-ui.svg`,alt:a,crossOrigin:l})})});try{y.displayName=`Avatar`,y.__docgenInfo={description:``,displayName:`Avatar`,props:{size:{defaultValue:{value:`32`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"24"`},{value:`"32"`},{value:`"48"`},{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`ResponsiveProp<AvatarSize>`}]}},round:{defaultValue:null,description:`@deprecated this prop is deprecated and has no effect`,name:`round`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},src:{defaultValue:null,description:`The avatar image URL.
+If not provided, the default placeholder image is used instead.`,name:`src`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},alt:{defaultValue:{value:``},description:`A description of the image.
+This is recommended for accessibility purposes, specifically for users
+of screen readers.
+@example <Avatar src={...} alt="Foobar's profile" />`,name:`alt`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
+@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},crossOrigin:{defaultValue:null,description:`CORS policy for the image.`,name:`crossOrigin`,required:!1,type:{name:`enum`,value:[{value:`""`},{value:`"anonymous"`},{value:`"use-credentials"`}]}}}}}catch{}}));export{b as n,y as t};

package/dist/assets/Avatar.stories-B6YvTFd5.js

@@ -0,0 +1,42 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Avatar-LEDcSb51.js";import{r as o,t as s}from"./storybook-utils-CXrHOWy7.js";var c,l,u,d,f;t((()=>{e(n(),1),i(),s(),c=r(),l={title:`components/Avatar`,component:a,argTypes:{size:{description:o}}},u=()=>(0,c.jsxs)(`div`,{style:{display:`flex`,gap:`8px`,alignItems:`end`},children:[(0,c.jsx)(a,{size:`160`}),(0,c.jsx)(a,{src:`./assets/avatar-1.png`,size:`96`}),(0,c.jsx)(a,{src:`./assets/avatar-2.png`,size:`64`}),(0,c.jsx)(a,{src:`./assets/avatar-3.png`,size:`48`}),(0,c.jsx)(a,{src:`./assets/avatar-4.png`,size:`32`}),(0,c.jsx)(a,{src:`./assets/avatar-5.png`,size:`24`})]}),d={parameters:{chromatic:{disableSnapshot:!0}},args:{size:`32`,src:`./assets/avatar-1.png`,dataset:{qaid:`avatar`}},argTypes:{src:{control:`text`},dataset:{control:`object`},alt:{control:`text`},round:{table:{disable:!0}}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`() => <div style={{
+  display: 'flex',
+  gap: '8px',
+  alignItems: 'end'
+}}>
+        <Avatar size="160" />
+        <Avatar src="./assets/avatar-1.png" size="96" />
+        <Avatar src="./assets/avatar-2.png" size="64" />
+        <Avatar src="./assets/avatar-3.png" size="48" />
+        <Avatar src="./assets/avatar-4.png" size="32" />
+        <Avatar src="./assets/avatar-5.png" size="24" />
+    </div>`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    size: '32',
+    src: './assets/avatar-1.png',
+    dataset: {
+      qaid: 'avatar'
+    }
+  },
+  argTypes: {
+    src: {
+      control: 'text'
+    },
+    dataset: {
+      control: 'object'
+    },
+    alt: {
+      control: 'text'
+    },
+    // Disable deprecated props
+    round: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...d.parameters?.docs?.source}}},f=[`Sizes`,`Playground`]}))();export{d as Playground,u as Sizes,f as __namedExportsOrder,l as default};

package/dist/assets/{AvatarWithStatus-azmN9QBq.css → AvatarWithStatus-DNgVIYbt.css}

@@ -1 +1 @@
-.AvatarWithStatus__z8Zik{display:inline-block;position:relative}.AvatarWithStatus--indicator__dsdXa{position:absolute;border-style:solid;border-radius:var(--0cf20e);border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51)}.AvatarWithStatus--online__pGAFw .AvatarWithStatus--indicator__dsdXa{background-color:var(--62b71e)}.AvatarWithStatus--size-64__vG-kB .AvatarWithStatus--indicator__dsdXa{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}.AvatarWithStatus--size-96__Dgqc1 .AvatarWithStatus--indicator__dsdXa{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}.AvatarWithStatus--size-160__7gCR7 .AvatarWithStatus--indicator__dsdXa{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}
+.AvatarWithStatus__z8Zik{display:inline-block;position:relative}.AvatarWithStatus--indicator__dsdXa{border-radius:var(--0cf20e);border-style:solid;border-width:var(--4a76d7);border-color:var(--e5a39b);background-color:var(--a95a51);position:absolute}.AvatarWithStatus--online__pGAFw .AvatarWithStatus--indicator__dsdXa{background-color:var(--62b71e)}.AvatarWithStatus--size-64__vG-kB .AvatarWithStatus--indicator__dsdXa{width:var(--7d9a55);height:var(--7d9a55);right:var(--3e174a);bottom:var(--3e174a)}.AvatarWithStatus--size-96__Dgqc1 .AvatarWithStatus--indicator__dsdXa{width:var(--7d3ab7);height:var(--7d3ab7);right:var(--bd3f63);bottom:var(--bd3f63)}.AvatarWithStatus--size-160__7gCR7 .AvatarWithStatus--indicator__dsdXa{width:var(--523f7d);height:var(--523f7d);right:var(--23067e);bottom:var(--23067e)}

package/dist/assets/AvatarWithStatus-Dacm-jO_.js

@@ -0,0 +1,6 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{_ as r,b as i,ht as a,t as o,w as s,x as c,y as l}from"./dist-DtfJeYQK.js";import{t as u}from"./jsx-runtime-C2wGStra.js";import{n as d,t as f}from"./dist-Cc1j9Pjk.js";import{n as p,t as m}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as h,t as g}from"./Avatar-LEDcSb51.js";var _,v,y=t((()=>{_=`AvatarWithStatus__z8Zik`,v={AvatarWithStatus:_,"AvatarWithStatus--indicator":`AvatarWithStatus--indicator__dsdXa`,"AvatarWithStatus--online":`AvatarWithStatus--online__pGAFw`,"AvatarWithStatus--size-64":`AvatarWithStatus--size-64__vG-kB`,"AvatarWithStatus--size-96":`AvatarWithStatus--size-96__Dgqc1`,"AvatarWithStatus--size-160":`AvatarWithStatus--size-160__7gCR7`}})),b,x,S,C=t((()=>{s(),f(),o(),b=e(n(),1),p(),h(),y(),x=u(),S=(0,b.forwardRef)(function({online:e=!1,size:t=`64`,dataset:n,alt:o,crossOrigin:s,src:u,...f},p){let h=l(v,d.AvatarWithStatus,[r(`online`,void 0,e),c(`size`,t)]),_=[...i(v,d.AvatarWithStatus,[`indicator`])];return(0,x.jsxs)(`div`,{...m(f),ref:p,className:h.join(` `),...a(n,{preplyDsComponent:d.AvatarWithStatus}),children:[(0,x.jsx)(`span`,{className:_.join(` `)}),(0,x.jsx)(`div`,{children:(0,x.jsx)(g,{alt:o,crossOrigin:s,src:u,size:t??`32`})})]})});try{S.displayName=`AvatarWithStatus`,S.__docgenInfo={description:``,displayName:`AvatarWithStatus`,props:{alt:{defaultValue:null,description:`A description of the image.
+This is recommended for accessibility purposes, specifically for users
+of screen readers.
+@example <Avatar src={...} alt="Foobar's profile" />`,name:`alt`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},crossOrigin:{defaultValue:null,description:`CORS policy for the image.`,name:`crossOrigin`,required:!1,type:{name:`enum`,value:[{value:`""`},{value:`"anonymous"`},{value:`"use-credentials"`}]}},src:{defaultValue:null,description:`The avatar image URL.
+If not provided, the default placeholder image is used instead.`,name:`src`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
+@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},online:{defaultValue:{value:`false`},description:`Controls the status of the visual indicator.`,name:`online`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},size:{defaultValue:{value:`64`},description:``,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`ResponsiveProp<AvatarWithStatusSize>`}]}}}}}catch{}}));export{C as n,S as t};

package/dist/assets/AvatarWithStatus.stories-D9tFABve.js

@@ -0,0 +1,36 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./AvatarWithStatus-Dacm-jO_.js";var o,s,c,l,u;t((()=>{e(n(),1),i(),o=r(),s={title:`components/AvatarWithStatus`,component:a},c=()=>(0,o.jsxs)(`div`,{style:{display:`flex`,gap:`8px`},children:[(0,o.jsx)(a,{size:`64`,online:!0}),(0,o.jsx)(a,{size:`64`,online:!1})]}),l={parameters:{chromatic:{disableSnapshot:!0}},args:{size:`64`,src:`./assets/avatar-1.png`,online:!1,dataset:{qaid:`avatar-with-status`}},argTypes:{src:{control:`text`},dataset:{control:`object`},alt:{control:`text`},online:{control:`boolean`}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => <div style={{
+  display: 'flex',
+  gap: '8px'
+}}>
+        <AvatarWithStatus size="64" online />
+        <AvatarWithStatus size="64" online={false} />
+    </div>`,...c.parameters?.docs?.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
+connection status indicator.`,...c.parameters?.docs?.description}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    size: '64',
+    src: './assets/avatar-1.png',
+    online: false,
+    dataset: {
+      qaid: 'avatar-with-status'
+    }
+  },
+  argTypes: {
+    src: {
+      control: 'text'
+    },
+    dataset: {
+      control: 'object'
+    },
+    alt: {
+      control: 'text'
+    },
+    online: {
+      control: 'boolean'
+    }
+  }
+}`,...l.parameters?.docs?.source}}},u=[`Statuses`,`Playground`]}))();export{l as Playground,c as Statuses,u as __namedExportsOrder,s as default};

package/dist/assets/Badge-CXba4Jz8.js

@@ -0,0 +1,10 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./dist-Cc1j9Pjk.js";import{n as c,t as l}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{n as u,t as d}from"./Icon-CfZyHxyH.js";var f,p,m,h=t((()=>{f=`badge__ioy0w`,p=`label__lXPEF`,m={badge:f,label:p}})),g,_,v,y,b=t((()=>{s(),i(),g=e(n(),1),c(),u(),h(),_=a(),v=e=>{switch(e){case`xs`:return`small`;case`s`:return`medium`;case`m`:return`large`;default:return e}},y=(0,g.forwardRef)(function({type:e=`neutral`,size:t=`medium`,leadingSvgIcon:n,dataset:i,children:a,accent:s,inverted:c,hideLabel:u,...f},p){let h=v(t),g={...i,size:h};return s===void 0&&c===void 0?g.type=e:(g.accent=s||`unset`,g.inverted=!!c),(0,_.jsxs)(`span`,{...l(f),ref:p,className:m.badge,...r(g,{preplyDsComponent:o.Badge}),children:[!!n&&(0,_.jsx)(d,{accent:`primary`,size:t===`large`?`24`:`16`,svg:n}),(0,_.jsx)(`span`,{className:m.label,"data-hidden":u,children:a})]})});try{y.displayName=`Badge`,y.__docgenInfo={description:``,displayName:`Badge`,props:{size:{defaultValue:{value:`medium`},description:`The size of the badge.`,name:`size`,required:!1,type:{name:`enum`,value:[{value:`"s"`},{value:`"small"`},{value:`"medium"`},{value:`"large"`},{value:`"xs"`},{value:`"m"`}]}},leadingSvgIcon:{defaultValue:null,description:`The leading SVG icon.
+@example import TokyoUITag from '@preply/ds-media-icons/dist/24/TokyoUITag.svg';
+
+<Badge leadingSvgIcon={TokyoUITag}>Badge</Badge>
+or
+<Badge leadingSvgIcon={<TokyoUITag />}>Badge</Badge>`,name:`leadingSvgIcon`,required:!1,type:{name:`enum`,value:[{value:`ComponentClass<SVGAttributes<SVGElement>, any>`},{value:`FunctionComponent<SVGAttributes<SVGElement>>`},{value:`ReactElement<any, string | JSXElementConstructor<any>>`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},hideLabel:{defaultValue:null,description:`@deprecated Look at <IconTile> if you need an icon-only badge.
+
+Hides badge label visually, but keeps it in the accessibility tree.
+Use this prop to implement icons-only badges.
+@example <Badge leadingSvgIcon={<TokyoUITag />} hideLabel>Badge</Badge>`,name:`hideLabel`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},assistiveText:{defaultValue:null,description:`@deprecated badge children should have all necessary information`,name:`assistiveText`,required:!1,type:{name:`enum`,value:[{value:`string`}]}},type:{defaultValue:{value:`neutral`},description:`The type of the badge.`,name:`type`,required:!1,type:{name:`enum`,value:[{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`},{value:`"neutral"`},{value:`"ai"`}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:`accent`,required:!1,type:{name:`enum`,value:[{value:`"accent"`},{value:`"tertiary"`},{value:`"positive"`},{value:`"info"`},{value:`"warning"`},{value:`"critical"`}]}},inverted:{defaultValue:null,description:`@deprecated inverted badge is deprecated & will be removed in the future releases`,name:`inverted`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}}}}}catch{}}));export{b as n,y as t};

package/dist/assets/{Badge-BVnE8GHY.css → Badge-ChvYkJOj.css}

@@ -1 +1 @@
-.badge__ioy0w{display:inline-flex;align-items:center;border-radius:var(--5e8be4);padding-inline:var(--05dd73);color:var(--628fb7);max-width:max-content}.badge__ioy0w>[data-preply-ds-component=Icon]{flex-shrink:0}.badge__ioy0w .label__lXPEF{padding:var(--05dd73)}.badge__ioy0w .label__lXPEF[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.badge__ioy0w[data-size=small]{min-height:var(--76ac8f)}.badge__ioy0w[data-size=small] .label__lXPEF{font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}.badge__ioy0w[data-size=medium]{min-height:var(--f316e1);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=medium] .label__lXPEF{font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}.badge__ioy0w[data-size=large]{min-height:var(--7789ee);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=large] .label__lXPEF{padding:var(--590b8d);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}.badge__ioy0w[data-type=neutral]{background:var(--a5c761)}.badge__ioy0w[data-type=positive]{background:var(--1836a4)}.badge__ioy0w[data-type=warning]{background:var(--b503b8)}.badge__ioy0w[data-type=info]{background:var(--94a45e)}.badge__ioy0w[data-type=critical]{background:var(--f15644)}.badge__ioy0w[data-type=ai]{background:var(--decc79)}.badge__ioy0w[data-accent=unset]{color:var(--628fb7);background-color:var(--a5c761)}.badge__ioy0w[data-accent=unset][data-inverted=true]{color:var(--a6a9d5);background-color:var(--d5f871)}.badge__ioy0w[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}.badge__ioy0w[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}.badge__ioy0w[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}.badge__ioy0w[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}.badge__ioy0w[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}.badge__ioy0w[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}.badge__ioy0w[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}.badge__ioy0w[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}.badge__ioy0w[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}.badge__ioy0w[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}.badge__ioy0w[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}.badge__ioy0w[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}
+.badge__ioy0w{border-radius:var(--5e8be4);padding-inline:var(--05dd73);color:var(--628fb7);align-items:center;max-width:max-content;display:inline-flex}.badge__ioy0w>[data-preply-ds-component=Icon]{flex-shrink:0}.badge__ioy0w .label__lXPEF{padding:var(--05dd73)}.badge__ioy0w .label__lXPEF[data-hidden=true]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.badge__ioy0w[data-size=small]{min-height:var(--76ac8f)}.badge__ioy0w[data-size=small] .label__lXPEF{font-size:var(--e3a55b);font-weight:var(--8cd94c);line-height:var(--732f40)}.badge__ioy0w[data-size=medium]{min-height:var(--f316e1);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=medium] .label__lXPEF{font-size:var(--fdb733);font-weight:var(--9643c1);line-height:var(--754361)}.badge__ioy0w[data-size=large]{min-height:var(--7789ee);padding-inline:var(--590b8d)}.badge__ioy0w[data-size=large] .label__lXPEF{padding:var(--590b8d);font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e)}.badge__ioy0w[data-type=neutral]{background:var(--a5c761)}.badge__ioy0w[data-type=positive]{background:var(--1836a4)}.badge__ioy0w[data-type=warning]{background:var(--b503b8)}.badge__ioy0w[data-type=info]{background:var(--94a45e)}.badge__ioy0w[data-type=critical]{background:var(--f15644)}.badge__ioy0w[data-type=ai]{background:var(--decc79)}.badge__ioy0w[data-accent=unset]{color:var(--628fb7);background-color:var(--a5c761)}.badge__ioy0w[data-accent=unset][data-inverted=true]{color:var(--a6a9d5);background-color:var(--d5f871)}.badge__ioy0w[data-accent=accent]{color:var(--dede3f);background-color:var(--eba8f8)}.badge__ioy0w[data-accent=accent][data-inverted=true]{color:var(--732eb5);background-color:var(--54c075)}.badge__ioy0w[data-accent=info]{color:var(--f3be0c);background-color:var(--7a1a33)}.badge__ioy0w[data-accent=info][data-inverted=true]{color:var(--506df4);background-color:var(--fa3428)}.badge__ioy0w[data-accent=positive]{color:var(--2a2719);background-color:var(--694afa)}.badge__ioy0w[data-accent=positive][data-inverted=true]{color:var(--30c365);background-color:var(--47c404)}.badge__ioy0w[data-accent=warning]{color:var(--84e571);background-color:var(--02372a)}.badge__ioy0w[data-accent=warning][data-inverted=true]{color:var(--363237);background-color:var(--08fa29)}.badge__ioy0w[data-accent=critical]{color:var(--036159);background-color:var(--22f022)}.badge__ioy0w[data-accent=critical][data-inverted=true]{color:var(--90eeff);background-color:var(--cdb1f6)}.badge__ioy0w[data-accent=tertiary]{color:var(--d7e14c);background-color:var(--a453d7)}.badge__ioy0w[data-accent=tertiary][data-inverted=true]{color:var(--ab5158);background-color:var(--50e919)}

package/dist/assets/Badge.stories-6McX8lAA.js

@@ -0,0 +1,90 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Badge-CXba4Jz8.js";import{n as o,t as s}from"./LayoutFlex-DdWp4cl3.js";import{n as c,t as l}from"./TokyoUITag-Cg8pSiwB.js";var u,d,f,p,m,h,g,_;t((()=>{c(),e(n(),1),o(),i(),u=r(),d={title:`components/Badge`,component:a,parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}}},f=()=>(0,u.jsxs)(s,{gap:`16`,children:[(0,u.jsx)(a,{type:`neutral`,children:`Neutral`}),(0,u.jsx)(a,{type:`positive`,children:`Positive`}),(0,u.jsx)(a,{type:`info`,children:`Info`}),(0,u.jsx)(a,{type:`warning`,children:`Warning`}),(0,u.jsx)(a,{type:`critical`,children:`Critical`}),(0,u.jsx)(a,{type:`ai`,children:`AI`}),(0,u.jsx)(a,{type:`neutral`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Neutral`}),(0,u.jsx)(a,{type:`positive`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Positive`}),(0,u.jsx)(a,{type:`info`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Info`}),(0,u.jsx)(a,{type:`warning`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Warning`}),(0,u.jsx)(a,{type:`critical`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Critical`}),(0,u.jsx)(a,{type:`ai`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`AI`})]}),l.displayName=`TokyoUITag`,p=()=>(0,u.jsxs)(s,{gap:`16`,alignItems:`center`,children:[(0,u.jsx)(a,{size:`small`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Small`}),(0,u.jsx)(a,{size:`medium`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Medium`}),(0,u.jsx)(a,{size:`large`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Large`})]}),m=()=>(0,u.jsx)(s,{gap:`16`,direction:`column`,children:(0,u.jsx)(a,{size:`small`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`Badge`})}),m.tags=[`!autodocs`],h=()=>(0,u.jsx)(`div`,{style:{maxWidth:150,margin:`0 auto`},children:(0,u.jsx)(a,{size:`medium`,leadingSvgIcon:(0,u.jsx)(l,{}),children:`I'm way too long to be a badge label`})}),g={parameters:{chromatic:{disableSnapshot:!0}},args:{type:`neutral`,size:`medium`,children:`Badge`,dataset:{qaid:`badge`}},argTypes:{dataset:{control:`object`},leadingSvgIcon:{options:[`None`,`With Icon`],mapping:{None:void 0,"With Icon":l},control:`select`},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16">
+        <Badge type="neutral">Neutral</Badge>
+        <Badge type="positive">Positive</Badge>
+        <Badge type="info">Info</Badge>
+        <Badge type="warning">Warning</Badge>
+        <Badge type="critical">Critical</Badge>
+        <Badge type="ai">AI</Badge>
+        <Badge type="neutral" leadingSvgIcon={<TokyoUITag />}>
+            Neutral
+        </Badge>
+        <Badge type="positive" leadingSvgIcon={<TokyoUITag />}>
+            Positive
+        </Badge>
+        <Badge type="info" leadingSvgIcon={<TokyoUITag />}>
+            Info
+        </Badge>
+        <Badge type="warning" leadingSvgIcon={<TokyoUITag />}>
+            Warning
+        </Badge>
+        <Badge type="critical" leadingSvgIcon={<TokyoUITag />}>
+            Critical
+        </Badge>
+        <Badge type="ai" leadingSvgIcon={<TokyoUITag />}>
+            AI
+        </Badge>
+    </LayoutFlex>`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16" alignItems="center">
+        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
+            Small
+        </Badge>
+        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
+            Medium
+        </Badge>
+        <Badge size="large" leadingSvgIcon={<TokyoUITag />}>
+            Large
+        </Badge>
+    </LayoutFlex>`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => <LayoutFlex gap="16" direction="column">
+        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
+            Badge
+        </Badge>
+    </LayoutFlex>`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => <div style={{
+  maxWidth: 150,
+  margin: '0 auto'
+}}>
+        <Badge size="medium" leadingSvgIcon={<TokyoUITag />}>
+            I&apos;m way too long to be a badge label
+        </Badge>
+    </div>`,...h.parameters?.docs?.source},description:{story:`Please avoid using long labels for badges.`,...h.parameters?.docs?.description}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    type: 'neutral',
+    size: 'medium',
+    children: 'Badge',
+    dataset: {
+      qaid: 'badge'
+    }
+  },
+  argTypes: {
+    dataset: {
+      control: 'object'
+    },
+    leadingSvgIcon: {
+      options: ['None', 'With Icon'],
+      mapping: {
+        None: undefined,
+        'With Icon': TokyoUITag
+      },
+      control: 'select'
+    },
+    // Disable deprecated props
+    assistiveText: {
+      table: {
+        disable: true
+      }
+    },
+    accent: {
+      table: {
+        disable: true
+      }
+    },
+    inverted: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...g.parameters?.docs?.source}}},_=[`Types`,`Sizes`,`AsFlexChild`,`LongLabel`,`Playground`]}))();export{m as AsFlexChild,h as LongLabel,g as Playground,p as Sizes,f as Types,_ as __namedExportsOrder,d as default};

package/dist/assets/Box-CJ3Eco8o.js

@@ -0,0 +1,3 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i,w as a,x as o,y as s}from"./dist-DtfJeYQK.js";import{t as c}from"./jsx-runtime-C2wGStra.js";import{n as l,t as u}from"./dist-Cc1j9Pjk.js";import{n as d,t as f}from"./filterAttributesPassedByRadixUIAtRuntime-CGiuUnR2.js";import{c as p,s as m}from"./layout-relative.module-BEsoJgyf.js";var h,g,_=t((()=>{h=`Box__T6Fyt`,g={Box:h,"Box--box-radius-0":`Box--box-radius-0__FWPBJ`,"Box--box-radius-2":`Box--box-radius-2__IXJHQ`,"Box--box-radius-4":`Box--box-radius-4__aoSlX`,"Box--box-radius-8":`Box--box-radius-8__-BuzF`,"Box--box-radius-16":`Box--box-radius-16__n3666`,"Box--box-radius-300":`Box--box-radius-300__MyFTq`,"Box--narrow-l--box-radius-0":`Box--narrow-l--box-radius-0__rbA8v`,"Box--narrow-l--box-radius-2":`Box--narrow-l--box-radius-2__Cn0nB`,"Box--narrow-l--box-radius-4":`Box--narrow-l--box-radius-4__dXX4d`,"Box--narrow-l--box-radius-8":`Box--narrow-l--box-radius-8__c2qTs`,"Box--narrow-l--box-radius-16":`Box--narrow-l--box-radius-16__7yiZ2`,"Box--narrow-l--box-radius-300":`Box--narrow-l--box-radius-300__Ic2BC`,"Box--medium-s--box-radius-0":`Box--medium-s--box-radius-0__6dX4D`,"Box--medium-s--box-radius-2":`Box--medium-s--box-radius-2__h-yhf`,"Box--medium-s--box-radius-4":`Box--medium-s--box-radius-4__YmbvG`,"Box--medium-s--box-radius-8":`Box--medium-s--box-radius-8__NOIeK`,"Box--medium-s--box-radius-16":`Box--medium-s--box-radius-16__Q-4Io`,"Box--medium-s--box-radius-300":`Box--medium-s--box-radius-300__fynf3`,"Box--medium-l--box-radius-0":`Box--medium-l--box-radius-0__-HCNC`,"Box--medium-l--box-radius-2":`Box--medium-l--box-radius-2__cWx-n`,"Box--medium-l--box-radius-4":`Box--medium-l--box-radius-4__ibcr4`,"Box--medium-l--box-radius-8":`Box--medium-l--box-radius-8__zm-dC`,"Box--medium-l--box-radius-16":`Box--medium-l--box-radius-16__o3E1Q`,"Box--medium-l--box-radius-300":`Box--medium-l--box-radius-300__Hsi3C`,"Box--wide-s--box-radius-0":`Box--wide-s--box-radius-0__H9zOa`,"Box--wide-s--box-radius-2":`Box--wide-s--box-radius-2__FnsdM`,"Box--wide-s--box-radius-4":`Box--wide-s--box-radius-4__G4jL0`,"Box--wide-s--box-radius-8":`Box--wide-s--box-radius-8__7Mz6S`,"Box--wide-s--box-radius-16":`Box--wide-s--box-radius-16__or-lk`,"Box--wide-s--box-radius-300":`Box--wide-s--box-radius-300__rPeg0`,"Box--wide-l--box-radius-0":`Box--wide-l--box-radius-0__HQ2Tn`,"Box--wide-l--box-radius-2":`Box--wide-l--box-radius-2__GYO54`,"Box--wide-l--box-radius-4":`Box--wide-l--box-radius-4__267az`,"Box--wide-l--box-radius-8":`Box--wide-l--box-radius-8__1hPOR`,"Box--wide-l--box-radius-16":`Box--wide-l--box-radius-16__gp8Ov`,"Box--wide-l--box-radius-300":`Box--wide-l--box-radius-300__NiuZR`,"Box--background-primary":`Box--background-primary__00zVu`,"Box--background-secondary":`Box--background-secondary__hY7w0`,"Box--background-tertiary":`Box--background-tertiary__cIPge`,"Box--background-overlay":`Box--background-overlay__vbs8V`,"Box--background-disabled":`Box--background-disabled__81WYT`,"Box--background-brand":`Box--background-brand__2W0VB`,"Box--background-brandB2b":`Box--background-brandB2b__KQrLm`,"Box--background-accentLight":`Box--background-accentLight__x6RrQ`,"Box--background-accentDark":`Box--background-accentDark__agpDd`,"Box--background-positiveLight":`Box--background-positiveLight__67dRq`,"Box--background-positiveDark":`Box--background-positiveDark__lYghV`,"Box--background-infoLight":`Box--background-infoLight__u-TX4`,"Box--background-infoDark":`Box--background-infoDark__ud4qs`,"Box--background-warningLight":`Box--background-warningLight__JtSuS`,"Box--background-warningDark":`Box--background-warningDark__SIgOQ`,"Box--background-criticalLight":`Box--background-criticalLight__uPTDs`,"Box--background-criticalDark":`Box--background-criticalDark__12Zft`,"Box--background-statusOnline":`Box--background-statusOnline__5PZcQ`,"Box--background-statusOffline":`Box--background-statusOffline__Vh0CO`,"Box--background-primaryInverted":`Box--background-primaryInverted__TePy2`,"Box--background-secondaryInverted":`Box--background-secondaryInverted__tMytW`,"Box--background-tertiaryInverted":`Box--background-tertiaryInverted__K2wU5`}})),v,y,b,x=t((()=>{a(),i(),v=e(n(),1),d(),p(),_(),u(),y=c(),b=(0,v.forwardRef)(function({children:e,background:t=`primary`,radius:n=`16`,padding:i=`24`,tag:a,dataset:c,...u},d){let p=s(g,l.Box,[o(`box-radius`,n),o(`background`,t)]),h=m(i),_=a??`div`,v=[...p,...h];return(0,y.jsx)(_,{...f(u),ref:d,className:v.join(` `),...r(c,{preplyDsComponent:l.Box}),children:e})});try{b.displayName=`Box`,b.__docgenInfo={description:`A styleable container.
+
+Use this with \`Layout*\` components to create complex content containers.`,displayName:`Box`,props:{background:{defaultValue:{value:`primary`},description:``,name:`background`,required:!1,type:{name:`enum`,value:[{value:`"disabled"`},{value:`"primary"`},{value:`"secondary"`},{value:`"tertiary"`},{value:`"accentDark"`},{value:`"overlay"`},{value:`"brand"`},{value:`"brandB2b"`},{value:`"accentLight"`},{value:`"positiveLight"`},{value:`"positiveDark"`},{value:`"infoLight"`},{value:`"infoDark"`},{value:`"warningLight"`},{value:`"warningDark"`},{value:`"criticalLight"`},{value:`"criticalDark"`},{value:`"statusOnline"`},{value:`"statusOffline"`},{value:`"primaryInverted"`},{value:`"secondaryInverted"`},{value:`"tertiaryInverted"`}]}},radius:{defaultValue:{value:`16`},description:``,name:`radius`,required:!1,type:{name:`enum`,value:[{value:`"0"`},{value:`"2"`},{value:`"4"`},{value:`"8"`},{value:`"16"`},{value:`"300"`},{value:`ResponsiveProp<BoxRadius>`}]}},tag:{defaultValue:null,description:``,name:`tag`,required:!1,type:{name:`enum`,value:[{value:`"div"`},{value:`"table"`},{value:`"th"`},{value:`"td"`},{value:`"article"`},{value:`"caption"`},{value:`"fieldset"`},{value:`"figcaption"`},{value:`"figure"`},{value:`"footer"`},{value:`"header"`},{value:`"li"`},{value:`"main"`},{value:`"ol"`},{value:`"p"`},{value:`"section"`},{value:`"span"`},{value:`"tbody"`},{value:`"tfoot"`},{value:`"thead"`},{value:`"tr"`},{value:`"ul"`}]}},padding:{defaultValue:{value:`24`},description:``,name:`padding`,required:!1,type:{name:`enum`,value:[{value:`"0"`},{value:`"1"`},{value:`"2"`},{value:`"4"`},{value:`"6"`},{value:`"8"`},{value:`"12"`},{value:`"16"`},{value:`"20"`},{value:`"24"`},{value:`"32"`},{value:`"48"`},{value:`"64"`},{value:`"96"`},{value:`"160"`},{value:`[BoxPadding, BoxPadding]`},{value:`[BoxPadding, BoxPadding, BoxPadding]`},{value:`[BoxPadding, BoxPadding, BoxPadding, BoxPadding]`},{value:`ResponsiveProp<ShortHand<BoxPadding>>`}]}},dataset:{defaultValue:null,description:``,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: HTMLElement | null) => void`},{value:`RefObject<HTMLElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{x as n,b as t};

package/dist/assets/Box-CoMoVRxI.css

@@ -0,0 +1 @@
+.Box__T6Fyt{font-weight:inherit;text-align:inherit;border-spacing:0;color:var(--3546c3);box-shadow:var(--a814c9);border:none;flex:1;margin:0;list-style:none}.Box--box-radius-0__FWPBJ{border-radius:var(--adc668)}.Box--box-radius-2__IXJHQ{border-radius:var(--9817c7)}.Box--box-radius-4__aoSlX{border-radius:var(--7dcb5e)}.Box--box-radius-8__-BuzF{border-radius:var(--2071ea)}.Box--box-radius-16__n3666{border-radius:var(--f3f949)}.Box--box-radius-300__MyFTq{border-radius:var(--bb0f63)}@media (width>=400px){.Box--narrow-l--box-radius-0__rbA8v{border-radius:var(--adc668)}.Box--narrow-l--box-radius-2__Cn0nB{border-radius:var(--9817c7)}.Box--narrow-l--box-radius-4__dXX4d{border-radius:var(--7dcb5e)}.Box--narrow-l--box-radius-8__c2qTs{border-radius:var(--2071ea)}.Box--narrow-l--box-radius-16__7yiZ2{border-radius:var(--f3f949)}.Box--narrow-l--box-radius-300__Ic2BC{border-radius:var(--bb0f63)}}@media (width>=700px){.Box--medium-s--box-radius-0__6dX4D{border-radius:var(--adc668)}.Box--medium-s--box-radius-2__h-yhf{border-radius:var(--9817c7)}.Box--medium-s--box-radius-4__YmbvG{border-radius:var(--7dcb5e)}.Box--medium-s--box-radius-8__NOIeK{border-radius:var(--2071ea)}.Box--medium-s--box-radius-16__Q-4Io{border-radius:var(--f3f949)}.Box--medium-s--box-radius-300__fynf3{border-radius:var(--bb0f63)}}@media (width>=880px){.Box--medium-l--box-radius-0__-HCNC{border-radius:var(--adc668)}.Box--medium-l--box-radius-2__cWx-n{border-radius:var(--9817c7)}.Box--medium-l--box-radius-4__ibcr4{border-radius:var(--7dcb5e)}.Box--medium-l--box-radius-8__zm-dC{border-radius:var(--2071ea)}.Box--medium-l--box-radius-16__o3E1Q{border-radius:var(--f3f949)}.Box--medium-l--box-radius-300__Hsi3C{border-radius:var(--bb0f63)}}@media (width>=1200px){.Box--wide-s--box-radius-0__H9zOa{border-radius:var(--adc668)}.Box--wide-s--box-radius-2__FnsdM{border-radius:var(--9817c7)}.Box--wide-s--box-radius-4__G4jL0{border-radius:var(--7dcb5e)}.Box--wide-s--box-radius-8__7Mz6S{border-radius:var(--2071ea)}.Box--wide-s--box-radius-16__or-lk{border-radius:var(--f3f949)}.Box--wide-s--box-radius-300__rPeg0{border-radius:var(--bb0f63)}}@media (width>=1900px){.Box--wide-l--box-radius-0__HQ2Tn{border-radius:var(--adc668)}.Box--wide-l--box-radius-2__GYO54{border-radius:var(--9817c7)}.Box--wide-l--box-radius-4__267az{border-radius:var(--7dcb5e)}.Box--wide-l--box-radius-8__1hPOR{border-radius:var(--2071ea)}.Box--wide-l--box-radius-16__gp8Ov{border-radius:var(--f3f949)}.Box--wide-l--box-radius-300__NiuZR{border-radius:var(--bb0f63)}}.Box--background-primary__00zVu{background-color:var(--3546c3)}.Box--background-secondary__hY7w0{background-color:var(--302ecf)}.Box--background-tertiary__cIPge{background-color:var(--a5c761)}.Box--background-overlay__vbs8V{background-color:var(--02a0d5)}.Box--background-disabled__81WYT{background-color:var(--319b29)}.Box--background-brand__2W0VB{background-color:var(--cd91ab)}.Box--background-brandB2b__KQrLm{background-color:var(--706789)}.Box--background-accentLight__x6RrQ{background-color:var(--560eda)}.Box--background-accentDark__agpDd{background-color:var(--e4c520)}.Box--background-positiveLight__67dRq{background-color:var(--1836a4)}.Box--background-positiveDark__lYghV{background-color:var(--ae7f1f)}.Box--background-infoLight__u-TX4{background-color:var(--94a45e)}.Box--background-infoDark__ud4qs{background-color:var(--79dffb)}.Box--background-warningLight__JtSuS{background-color:var(--b503b8)}.Box--background-warningDark__SIgOQ{background-color:var(--34fc43)}.Box--background-criticalLight__uPTDs{background-color:var(--f15644)}.Box--background-criticalDark__12Zft{background-color:var(--87fcf8)}.Box--background-statusOnline__5PZcQ{background-color:var(--cbc115)}.Box--background-statusOffline__Vh0CO{background-color:var(--7ff085)}.Box--background-primaryInverted__TePy2{background-color:var(--4983fe)}.Box--background-secondaryInverted__tMytW{background-color:var(--19649f)}.Box--background-tertiaryInverted__K2wU5{background-color:var(--a469f2)}

package/dist/assets/Box.stories-D7RLIL2b.js

@@ -0,0 +1,44 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./Text-bm2vnOS2.js";import{n as o,t as s}from"./Heading-CEZfMm-F.js";import{n as c,t as l}from"./Box-CJ3Eco8o.js";import{n as u,t as d}from"./LayoutFlex-DdWp4cl3.js";import{n as f,r as p,t as m}from"./storybook-utils-CXrHOWy7.js";var h,g,_,v,y;t((()=>{e(n(),1),o(),u(),i(),c(),m(),h=r(),g={title:`components/Box`,component:l,argTypes:{radius:{description:p},padding:{description:f}}},_=()=>(0,h.jsx)(l,{background:`positiveLight`,children:(0,h.jsxs)(d,{gap:`16`,direction:`column`,children:[(0,h.jsx)(s,{tag:`h3`,variant:`medium`,children:`Heading`}),(0,h.jsx)(a,{accent:`positive`,children:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros`})]})}),_.storyName=`Box`,v={parameters:{chromatic:{disableSnapshot:!0}},args:{background:void 0,radius:void 0,padding:void 0,children:(0,h.jsxs)(d,{gap:`16`,direction:`column`,children:[(0,h.jsx)(s,{variant:`large`,tag:`h3`,children:`Heading`}),(0,h.jsx)(a,{children:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et vitae eros`})]}),dataset:{qaid:`box`}},argTypes:{children:{control:!1},dataset:{control:`object`}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`() => <Box background="positiveLight">
+        <LayoutFlex gap="16" direction="column">
+            <Heading tag="h3" variant="medium">
+                Heading
+            </Heading>
+            <Text accent="positive">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare sit
+                amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis posuere et
+                vitae eros
+            </Text>
+        </LayoutFlex>
+    </Box>`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    background: undefined,
+    radius: undefined,
+    padding: undefined,
+    children: <LayoutFlex gap="16" direction="column">
+                <Heading variant="large" tag="h3">
+                    Heading
+                </Heading>
+                <Text>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed metus nisi, ornare
+                    sit amet elit ut, porttitor commodo ipsum. Aliquam vel est quis erat sagittis
+                    posuere et vitae eros
+                </Text>
+            </LayoutFlex>,
+    dataset: {
+      qaid: 'box'
+    }
+  },
+  argTypes: {
+    children: {
+      control: false
+    },
+    dataset: {
+      control: 'object'
+    }
+  }
+}`,...v.parameters?.docs?.source}}},y=[`Base`,`Playground`]}))();export{_ as Base,v as Playground,y as __namedExportsOrder,g as default};

package/dist/assets/BubbleCounter-DwJsPISN.js

@@ -0,0 +1,5 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{n as o,t as s}from"./dist-Cc1j9Pjk.js";import{i as c,r as l}from"./IconButton-CUt4Aks_.js";var u,d,f=t((()=>{e(n(),1),i(),s(),c(),u=a(),d=({count:e,showEmpty:t=!1,limit:n=99,size:i=`large`,variant:a=`dark`,children:s,dataset:c})=>{if(e===void 0&&!t)return s??(0,u.jsx)(u.Fragment,{});let d=(0,u.jsx)(`span`,{className:[l.bubbleCounter,l[`size-${i}`],l[`variant-${a}`]].join(` `),...r(c,{preplyDsComponent:o.BubbleCounter}),children:typeof e==`number`&&(e>n?`${n}+`:e)});return s?(0,u.jsxs)(`div`,{className:l.childTargetOverlay,children:[d,s]}):d};try{d.displayName=`BubbleCounter`,d.__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:`"small"`},{value:`"medium"`},{value:`"large"`}]}},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{}}));export{f as n,d as t};