@preply/ds-docs 9.1.0 → 10.0.0

package/dist/project.json

@@ -1 +1 @@
-{"generatedAt":1771253278711,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.3","@storybook/addon-vitest":"10.1.4","@types/sinonjs__fake-timers":null},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"berry","agent":"yarn@berry","nodeLinker":"node-modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":79,"storybookVersion":"10.1.10","storybookVersionSpecifier":"10.1.10","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.3"},"@storybook/addon-a11y":{"version":"10.1.4"},"@storybook/addon-docs":{"version":"10.1.4"},"@storybook/addon-links":{},"@storybook/addon-vitest":{"version":"10.1.4"},"@storybook/react-vite":{"version":"10.1.4"},"@storybook/test":{"version":"9.0.0-alpha.2"},"eslint-plugin-storybook":{"version":"10.1.4"},"storybook":{},"storybook-multilevel-sort":{"version":"2.1.0"}},"addons":{"$SNIP/node_modules/@storybook/addon-a11y":{},"$SNIP/node_modules/@storybook/addon-links":{},"$SNIP/node_modules/@storybook/addon-vitest":{},"$SNIP/node_modules/@storybook/addon-docs":{}}}
+{"generatedAt":1771831431292,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.3","@storybook/addon-vitest":"10.1.4","@types/sinonjs__fake-timers":null},"hasRouterPackage":false,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"berry","agent":"yarn@berry","nodeLinker":"node-modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true,"shouldExtractValuesFromUnion":true,"shouldRemoveUndefinedFromOptional":true,"propFilter":{"skipPropsWithName":"dsInternalSimulation"},"include":["/home/runner/work/design-system/design-system/packages/web-lib/src/components/**/*.tsx"]}},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":79,"storybookVersion":"10.1.10","storybookVersionSpecifier":"10.1.10","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.3"},"@storybook/addon-a11y":{"version":"10.1.4"},"@storybook/addon-docs":{"version":"10.1.4"},"@storybook/addon-links":{},"@storybook/addon-vitest":{"version":"10.1.4"},"@storybook/react-vite":{"version":"10.1.4"},"@storybook/test":{"version":"9.0.0-alpha.2"},"eslint-plugin-storybook":{"version":"10.1.4"},"storybook":{},"storybook-multilevel-sort":{"version":"2.1.0"}},"addons":{"$SNIP/node_modules/@storybook/addon-a11y":{},"$SNIP/node_modules/@storybook/addon-links":{},"$SNIP/node_modules/@storybook/addon-vitest":{},"$SNIP/node_modules/@storybook/addon-docs":{}}}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-docs",
-    "version": "9.1.0",
+    "version": "10.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -17,9 +17,9 @@
     },
     "devDependencies": {
         "@chromatic-com/storybook": "^4.1.3",
-        "@preply/ds-i18n": "9.1.0",
-        "@preply/ds-media-icons": "9.1.0",
-        "@preply/ds-static-assets": "9.1.0",
+        "@preply/ds-i18n": "10.0.0",
+        "@preply/ds-media-icons": "10.0.0",
+        "@preply/ds-static-assets": "10.0.0",
         "@storybook/addon-a11y": "10.1.4",
         "@storybook/addon-docs": "10.1.4",
         "@storybook/addon-links": "10.1.4",
@@ -42,5 +42,5 @@
         "vite": "6.4.1",
         "vite-plugin-svgr": "4.5.0"
     },
-    "gitHead": "89047c8c022b9c864f5ab6bdb0d61199caa27137"
+    "gitHead": "dd93773dac396f5379d25904b46c1e416285dd0e"
 }

package/dist/assets/01-BEFb1grO.css

@@ -1 +0,0 @@
-.AlignSelf__huNbz.AlignSelf--align-self-start__Pk4Ld{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--align-self-center__oKqnl{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--align-self-end__mLp7w{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--align-self-stretch__e5jP9{-ms-flex-item-align:stretch;align-self:stretch}@media (min-width: 400px){.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-start__RD68B{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-center__9KYyf{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-end__ydYg3{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--narrow-l--align-self-stretch__an8ci{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 700px){.AlignSelf__huNbz.AlignSelf--medium-s--align-self-start__qq8h0{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--medium-s--align-self-center__d0RSi{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--medium-s--align-self-end__Kmsf2{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--medium-s--align-self-stretch__j3NnI{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 880px){.AlignSelf__huNbz.AlignSelf--medium-l--align-self-start__74bsY{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--medium-l--align-self-center__ljw4i{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--medium-l--align-self-end__Pewtw{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--medium-l--align-self-stretch__TkySK{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){.AlignSelf__huNbz.AlignSelf--wide-s--align-self-start__zgUOz{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--wide-s--align-self-center__sU3Gp{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--wide-s--align-self-end__o-XTQ{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--wide-s--align-self-stretch__G9OEM{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1900px){.AlignSelf__huNbz.AlignSelf--wide-l--align-self-start__DcXjX{-ms-flex-item-align:start;align-self:start}.AlignSelf__huNbz.AlignSelf--wide-l--align-self-center__36VHM{-ms-flex-item-align:center;align-self:center}.AlignSelf__huNbz.AlignSelf--wide-l--align-self-end__VolCH{-ms-flex-item-align:end;align-self:end}.AlignSelf__huNbz.AlignSelf--wide-l--align-self-stretch__pdrgF{-ms-flex-item-align:stretch;align-self:stretch}}.LayoutGridItem__HXV4b{margin:0;list-style:none;font-weight:inherit;border:none;text-align:inherit;border-spacing:0;padding:0}

package/dist/assets/01.semantic-tokens-DaqL26gu.js

@@ -1,11 +0,0 @@
-import{u as j,v as I,r as D,g as G,j as e,L as N,M as B,aF as d}from"./iframe-CpMEswOF.js";import{useMDXComponents as k}from"./index-Cc28ZUNU.js";import{B as r,H as f}from"./Button-C8B7W2Qo.js";import{g as M,a as P,L as c}from"./LayoutGrid-DfyCnoOo.js";import{f as $}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as x}from"./componentNames-hc9KR2nX.js";import{b as a}from"./tokens-DTCyqZ0W.js";import"./preload-helper-Dp1pzeXC.js";import"./text-centered-B26ac1NU.js";import"./render-icon-CiYBms-s.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-B4ha7m6U.js";import"./constants-DYYVurUY.js";const H="AlignSelf__huNbz",R={AlignSelf:H,"AlignSelf--align-self-start":"AlignSelf--align-self-start__Pk4Ld","AlignSelf--align-self-center":"AlignSelf--align-self-center__oKqnl","AlignSelf--align-self-end":"AlignSelf--align-self-end__mLp7w","AlignSelf--align-self-stretch":"AlignSelf--align-self-stretch__e5jP9","AlignSelf--narrow-l--align-self-start":"AlignSelf--narrow-l--align-self-start__RD68B","AlignSelf--narrow-l--align-self-center":"AlignSelf--narrow-l--align-self-center__9KYyf","AlignSelf--narrow-l--align-self-end":"AlignSelf--narrow-l--align-self-end__ydYg3","AlignSelf--narrow-l--align-self-stretch":"AlignSelf--narrow-l--align-self-stretch__an8ci","AlignSelf--medium-s--align-self-start":"AlignSelf--medium-s--align-self-start__qq8h0","AlignSelf--medium-s--align-self-center":"AlignSelf--medium-s--align-self-center__d0RSi","AlignSelf--medium-s--align-self-end":"AlignSelf--medium-s--align-self-end__Kmsf2","AlignSelf--medium-s--align-self-stretch":"AlignSelf--medium-s--align-self-stretch__j3NnI","AlignSelf--medium-l--align-self-start":"AlignSelf--medium-l--align-self-start__74bsY","AlignSelf--medium-l--align-self-center":"AlignSelf--medium-l--align-self-center__ljw4i","AlignSelf--medium-l--align-self-end":"AlignSelf--medium-l--align-self-end__Pewtw","AlignSelf--medium-l--align-self-stretch":"AlignSelf--medium-l--align-self-stretch__TkySK","AlignSelf--wide-s--align-self-start":"AlignSelf--wide-s--align-self-start__zgUOz","AlignSelf--wide-s--align-self-center":"AlignSelf--wide-s--align-self-center__sU3Gp","AlignSelf--wide-s--align-self-end":"AlignSelf--wide-s--align-self-end__o-XTQ","AlignSelf--wide-s--align-self-stretch":"AlignSelf--wide-s--align-self-stretch__G9OEM","AlignSelf--wide-l--align-self-start":"AlignSelf--wide-l--align-self-start__DcXjX","AlignSelf--wide-l--align-self-center":"AlignSelf--wide-l--align-self-center__36VHM","AlignSelf--wide-l--align-self-end":"AlignSelf--wide-l--align-self-end__VolCH","AlignSelf--wide-l--align-self-stretch":"AlignSelf--wide-l--align-self-stretch__pdrgF"},U="AlignSelf",X=l=>j(R,U,[I("align-self",l)]),E="LayoutGridItem__HXV4b",F={LayoutGridItem:E},g=D.forwardRef(function({children:n,alignSelf:o,tag:m,hide:h,relative:p,dataset:A,...y},_){const S=j(F,x.LayoutGridItem,[]),v=X(o),T=M(h),b=P(p),w=[...S,...v,...T,...b],L=m??N,C={...$(y),ref:_,className:w.join(" "),...G(A,{preplyDsComponent:x.LayoutGridItem})};return e.jsx(L,{...C,children:n})});g.__docgenInfo={description:"",methods:[],displayName:"LayoutGridItem"};const s=({inverted:l,textToken:n})=>{const o=a.color.text[n];return Array.isArray(o)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:n}),e.jsx("div",{style:{color:`var(--${o[1]})`,maxWidth:"240px",padding:"10px",background:`var(--${l?a.color.background.primaryInverted[1]:a.color.background.primary[1]})`},children:e.jsxs("code",{children:["color.text.",n]})})]},n):null};s.defaultProps={inverted:!1};const t=({inverted:l,bgToken:n})=>{const o=a.color.background[n];return Array.isArray(o)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:n}),e.jsxs("div",{style:{background:`var(--${a.color.background[n][1]})`,color:`var(--${l?a.color.text.inverted[1]:a.color.text.primary[1]})`,maxWidth:"240px",padding:"10px"},children:["Background token: ",e.jsxs("code",{children:["color.background.",n]})]})]},n):null};t.defaultProps={inverted:!1};const i=({contentToken:l})=>{const n=a.color.border[l];return Array.isArray(n)?e.jsxs(g,{children:[e.jsx(f,{tag:"h4",variant:"medium",children:l}),e.jsx("br",{}),e.jsxs("div",{style:{border:`1px solid var(--${n[1]})`,background:"transparent",color:`var(--${n[1]})`,maxWidth:"240px",height:"50px",padding:"10px"},children:["color.border.",l]})]},l):null};i.defaultProps={};const O=()=>e.jsxs(c,{gap:"16",columns:2,children:[e.jsx(r,{children:"Token family: action.variant.primary.*"}),e.jsx(r,{variant:"secondary",children:"Token family: action.variant.secondary.*"}),e.jsx(r,{variant:"tertiary",children:"Token family: action.variant.tertiary.*"}),e.jsx(r,{variant:"ghost",children:"Token family: action.variant.ghost.*"}),e.jsx(r,{variant:"critical",children:"Token family: action.variant.critical.*"}),e.jsx(r,{variant:"onColor",children:"Token family: action.variant.onColor.*"}),e.jsx(r,{variant:"inverted",children:"Token family: action.variant.inverted.*"}),e.jsx(r,{disabled:!0,children:"Token family: action.variant.disabled.*"})]}),K=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(s,{textToken:"primary"}),e.jsx(s,{textToken:"secondary"}),e.jsx(s,{textToken:"tertiary"}),e.jsx(s,{textToken:"accentDark"}),e.jsx(s,{textToken:"placeholder"}),e.jsx(s,{textToken:"inverted",inverted:!0}),e.jsx(s,{textToken:"positive"}),e.jsx(s,{textToken:"info"}),e.jsx(s,{textToken:"warning"}),e.jsx(s,{textToken:"critical"})]}),W=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(t,{bgToken:"primary"}),e.jsx(t,{bgToken:"secondary"}),e.jsx(t,{bgToken:"tertiary"}),e.jsx(t,{bgToken:"overlay"}),e.jsx(t,{bgToken:"disabled"}),e.jsx(t,{bgToken:"brand"}),e.jsx(t,{bgToken:"brandB2b"}),e.jsx(t,{bgToken:"accentLight"}),e.jsx(t,{bgToken:"accentDark",inverted:!0}),e.jsx(t,{bgToken:"positiveLight"}),e.jsx(t,{bgToken:"positiveDark",inverted:!0}),e.jsx(t,{bgToken:"infoLight"}),e.jsx(t,{bgToken:"infoDark",inverted:!0}),e.jsx(t,{bgToken:"warningLight"}),e.jsx(t,{bgToken:"warningDark",inverted:!0}),e.jsx(t,{bgToken:"criticalLight"}),e.jsx(t,{bgToken:"criticalDark",inverted:!0}),e.jsx(t,{bgToken:"statusOnline"}),e.jsx(t,{bgToken:"statusOffline"}),e.jsx(t,{bgToken:"primaryInverted",inverted:!0}),e.jsx(t,{bgToken:"secondaryInverted",inverted:!0}),e.jsx(t,{bgToken:"tertiaryInverted",inverted:!0})]}),Y=()=>e.jsxs(c,{gap:"16",columns:4,children:[e.jsx(i,{contentToken:"primary"}),e.jsx(i,{contentToken:"secondary"}),e.jsx(i,{contentToken:"secondary-opacity"}),e.jsx(i,{contentToken:"tertiary"}),e.jsx(i,{contentToken:"disabled"}),e.jsx(i,{contentToken:"brand"}),e.jsx(i,{contentToken:"critical"}),e.jsx(i,{contentToken:"focus"}),e.jsx(i,{contentToken:"positive"})]});function u(l){const n={h1:"h1",h2:"h2",p:"p",...k(),...l.components};return e.jsxs(e.Fragment,{children:[e.jsx(B,{title:"Guides/Semantic tokens examples"}),`
-`,e.jsx(n.h1,{id:"semantic-tokens-examples",children:"Semantic tokens examples"}),`
-`,e.jsx(n.p,{children:"With Tokyo UI the semantic tokens have been renamed and expanded to cover more use cases. Here is a list of the most important ones."}),`
-`,e.jsx(n.h2,{id:"text-tokens",children:"Text tokens"}),`
-`,e.jsx(d,{children:e.jsx(K,{})}),`
-`,e.jsx(n.h2,{id:"background-tokens",children:"Background tokens"}),`
-`,e.jsx(d,{children:e.jsx(W,{})}),`
-`,e.jsx(n.h2,{id:"action",children:"Action"}),`
-`,e.jsx(d,{children:e.jsx(O,{})}),`
-`,e.jsx(n.h2,{id:"border-tokens",children:"Border tokens"}),`
-`,e.jsx(d,{children:e.jsx(Y,{})})]})}function de(l={}){const{wrapper:n}={...k(),...l.components};return n?e.jsx(n,{...l,children:e.jsx(u,{...l})}):u(l)}export{de as default};

package/dist/assets/11.fonts.explorer-ZD_-8450.js

@@ -1,2 +0,0 @@
-import{j as t,M as i,S as p}from"./iframe-CpMEswOF.js";import{useMDXComponents as n}from"./index-Cc28ZUNU.js";import{F as e,D as s}from"./fonts-explorer.stories-DP7h1C3f.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DT-MbRPK.js";import"./componentNames-hc9KR2nX.js";import"./message-CTdBLxyt.js";import"./styled-components.browser.esm-Cm3dhVk9.js";import"./emotion-unitless.esm-BZwEwAnk.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./TokyoUIExerciseClosedGapsJumble-DYuDUGYW.js";import"./text-centered-B26ac1NU.js";import"./render-icon-CiYBms-s.js";import"./Button-C8B7W2Qo.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./Text-CmJvwKqR.js";import"./getTokenVar-DntuTYid.js";import"./tokens-DTCyqZ0W.js";import"./TokyoUIChevronRight-DQBrjC0F.js";import"./TokyoUICheck-DfGyg7qp.js";import"./breakpoints-BfMlrtxE.js";function m(o){return t.jsxs(t.Fragment,{children:[t.jsx(i,{of:e}),`
-`,t.jsx(p,{of:s})]})}function b(o={}){const{wrapper:r}={...n(),...o.components};return r?t.jsx(r,{...o,children:t.jsx(m,{...o})}):m()}export{b as default};

package/dist/assets/AlertBanner.primitives.stories-B8wM25gx.js

@@ -1,14 +0,0 @@
-import{j as r}from"./iframe-CpMEswOF.js";import{F as l}from"./TokyoUISparkle-C5euAhof.js";import{A as s,a as m,b as e,c,d as p}from"./AlertBannerText-CmhnTe_E.js";import{B as u}from"./Button-KCBOR544.js";import"./preload-helper-Dp1pzeXC.js";import"./TokyoUICheck-DfGyg7qp.js";import"./TokyoUIErrorWarning-CDZ53m2_.js";import"./Icon-BX3I9JNh.js";import"./text-accent-DZ_ihUdH.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-c7okze1K.js";import"./componentNames-hc9KR2nX.js";import"./IconButton-DVKNd7ZK.js";import"./ButtonBase-D1x6yeKi.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./index-DT-MbRPK.js";import"./VisuallyHidden-lSSiGvdb.js";import"./Text-cq49jjad.js";import"./text-centered-DiwR-QSx.js";import"./message-CTdBLxyt.js";const B="customBanner__WPfsi",d={customBanner:B},U={title:"Components/AlertBanner/Primitives",component:e,subcomponents:{AlertBannerIcon:c,AlertBannerRoot:e,AlertBannerAction:m,AlertBannerText:s},parameters:{layout:"padded",docs:{source:{type:"dynamic"}}},decorators:[o=>r.jsx("div",{style:{width:"500px"},children:r.jsx(o,{})})]},t=()=>r.jsx(p,{children:r.jsxs(e,{variant:"critical",className:d.customBanner,children:[r.jsx(c,{svg:l}),r.jsx(s,{children:"Custom banner built with primitives."}),r.jsx(m,{children:r.jsx(u,{variant:"onColor",size:"large",children:"Custom action"})})]})});var n,i,a;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
-  const variant: AlertBannerVariant = 'critical';
-  return <AlertBannerProvider>
-            <AlertBannerRoot variant={variant} className={customStyles.customBanner}>
-                <AlertBannerIcon svg={TokyoUISparkle} />
-                <AlertBannerText>Custom banner built with primitives.</AlertBannerText>
-                <AlertBannerAction>
-                    <Button variant="onColor" size={'large'}>
-                        Custom action
-                    </Button>
-                </AlertBannerAction>
-            </AlertBannerRoot>
-        </AlertBannerProvider>;
-}`,...(a=(i=t.parameters)==null?void 0:i.docs)==null?void 0:a.source}}};const V=["Primitives"];export{t as Primitives,V as __namedExportsOrder,U as default};

package/dist/assets/Badge-BOSHGFZw.js

@@ -1,10 +0,0 @@
-import{r as b,g as h,j as n}from"./iframe-CpMEswOF.js";import{f as B}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as T}from"./Icon-BX3I9JNh.js";import{w as x}from"./componentNames-hc9KR2nX.js";const I="badge__ioy0w",V="label__lXPEF",r={badge:I,label:V},_=e=>{switch(e){case"xs":return"small";case"s":return"medium";case"m":return"large";default:return e}},d=b.forwardRef(function({type:a="neutral",size:l="medium",leadingSvgIcon:s,dataset:o,children:c,accent:i,inverted:u,hideLabel:m,...p},v){const g=_(l),t={...o,size:g};i===void 0&&u===void 0?t.type=a:(t.accent=i||"unset",t.inverted=!!u);const f={...B(p),ref:v,className:r.badge,...h(t,{preplyDsComponent:x.Badge})},y=a==="neutral"||a==="ai"?"primary":a;return n.jsxs("span",{...f,children:[!!s&&n.jsx(T,{accent:y,size:l==="large"?"24":"16",svg:s}),n.jsx("span",{className:r.label,"data-hidden":m,children:c})]})});try{d.displayName="Badge",d.__docgenInfo={description:"",displayName:"Badge",props:{size:{defaultValue:{value:"medium"},description:"The size of the badge.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'},{value:'"xs"'},{value:'"s"'},{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:'"ai"'},{value:'"neutral"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'}]}},accent:{defaultValue:null,description:"@deprecated Use `type` instead.",name:"accent",required:!1,type:{name:"enum",value:[{value:'"accent"'},{value:'"info"'},{value:'"positive"'},{value:'"warning"'},{value:'"critical"'},{value:'"tertiary"'}]}},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{d as B};

package/dist/assets/Badge.stories-D2WAGDpD.js

@@ -1,72 +0,0 @@
-import{j as e}from"./iframe-CpMEswOF.js";import{F as n}from"./TokyoUITag-CxUsuh1h.js";import{L as d}from"./LayoutFlex-BnIoY5YK.js";import{B as a}from"./Badge-BOSHGFZw.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./layout-relative.module-Bhi7U482.js";import"./componentNames-hc9KR2nX.js";import"./Icon-BX3I9JNh.js";import"./text-accent-DZ_ihUdH.js";import"./render-icon-c7okze1K.js";const q={title:"components/Badge",component:a,parameters:{layout:"padded",docs:{source:{type:"dynamic"}}}},r=()=>e.jsxs(d,{gap:"16",children:[e.jsx(a,{type:"neutral",children:"Neutral"}),e.jsx(a,{type:"positive",children:"Positive"}),e.jsx(a,{type:"info",children:"Info"}),e.jsx(a,{type:"warning",children:"Warning"}),e.jsx(a,{type:"critical",children:"Critical"}),e.jsx(a,{type:"ai",children:"AI"})]});n.displayName="TokyoUITag";const t=()=>e.jsxs(d,{gap:"16",alignItems:"center",children:[e.jsx(a,{size:"small",leadingSvgIcon:e.jsx(n,{}),children:"Small"}),e.jsx(a,{size:"medium",leadingSvgIcon:e.jsx(n,{}),children:"Medium"}),e.jsx(a,{size:"large",leadingSvgIcon:e.jsx(n,{}),children:"Large"})]}),s=()=>e.jsx(d,{gap:"16",direction:"column",children:e.jsx(a,{size:"small",leadingSvgIcon:e.jsx(n,{}),children:"Badge"})});s.tags=["!autodocs"];const o=()=>e.jsx("div",{style:{maxWidth:150,margin:"0 auto"},children:e.jsx(a,{size:"medium",leadingSvgIcon:e.jsx(n,{}),children:"I'm way too long to be a badge label"})}),i={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":n},control:"select"},assistiveText:{table:{disable:!0}},accent:{table:{disable:!0}},inverted:{table:{disable:!0}}}};var l,c,g;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.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>
-    </LayoutFlex>`,...(g=(c=r.parameters)==null?void 0:c.docs)==null?void 0:g.source}}};var p,m,u;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.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>`,...(u=(m=t.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var y,x,I;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`() => <LayoutFlex gap="16" direction="column">
-        <Badge size="small" leadingSvgIcon={<TokyoUITag />}>
-            Badge
-        </Badge>
-    </LayoutFlex>`,...(I=(x=s.parameters)==null?void 0:x.docs)==null?void 0:I.source}}};var b,h,B,v,j;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.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>`,...(B=(h=o.parameters)==null?void 0:h.docs)==null?void 0:B.source},description:{story:"Please avoid using long labels for badges.",...(j=(v=o.parameters)==null?void 0:v.docs)==null?void 0:j.description}}};var S,T,z;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.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
-      }
-    }
-  }
-}`,...(z=(T=i.parameters)==null?void 0:T.docs)==null?void 0:z.source}}};const E=["Types","Sizes","AsFlexChild","LongLabel","Playground"];export{s as AsFlexChild,o as LongLabel,i as Playground,t as Sizes,r as Types,E as __namedExportsOrder,q as default};

package/dist/assets/Button-C8B7W2Qo.js

@@ -1 +0,0 @@
-import{r as a,u as b,v as l,g as J,j as n,aw as ct,G as p,D as V,z as Y,w as m,E as vt}from"./iframe-CpMEswOF.js";import{a as gt,g as zt}from"./text-centered-B26ac1NU.js";import{f as Q}from"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import{w as f}from"./componentNames-hc9KR2nX.js";import{r as W}from"./render-icon-CiYBms-s.js";import{u as ht}from"./useHostname-BVhrcDgi.js";import{m as pt}from"./index-CC6DAVyL.js";const G=(e,t)=>{typeof e=="function"?e(t):e&&(e.current=t)},ft=(e,t)=>a.useCallback(i=>{G(e,i),G(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:u,centered:o,dataset:r,id:B,className:_,...w},c){const v=u||"h1",S=b(St,f.Heading,l("variant",i)),H=gt(o),y=zt(!s,s),C=[...S,...H,...y,_],N={...Q(w),className:C.join(" "),...J(r,{preplyDsComponent:f.Heading}),id:B,ref:c};return n.jsx(v,{...N,children:t})});Ht.__docgenInfo={description:"",methods:[],displayName:"Heading"};const It="Spinner__U3f6H",yt="spin__6opuF",j={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),L="Spinner",jt=({size:e=ct})=>{const t=b(j,L,[l("size",e)]),i=[...p(j,L,["animated"])],s=[...p(j,L,["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",k={"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"},T="ButtonBase",Rt=e=>Object.prototype.hasOwnProperty.call(e,"selected"),R=({children:e,busy:t})=>{const i=[...p(k,T,["content"])],s=[...p(k,T,["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,{})})]})},X=a.forwardRef(function(t,i){const{id:s,variant:u=V,size:o=Y,fullWidth:r=!1,wrap:B=!1,href:_,download:w,opensInNewTab:c,nofollow:v,submitsForm:S,assistiveText:H,onClick:I,onKeyDown:y,onKeyUp:C,onMouseDown:N,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at,disabled:h,busy:d,isIconButton:A,as:D,url:it,a11yLabel:nt,dataset:st,children:x,dsInternalSimulation:F,preplyDsComponent:ot,className:ut,...rt}=t,{selected:lt}=Rt(t)?t:{selected:void 0},dt=ht(),P=a.useRef(null),U=ft(P,i),mt=g=>{(h||d)&&g.preventDefault(),I==null||I(g)},Bt=g=>{var q;const Z=pt(g.key);(Z===" "||Z==="Enter")&&(g.preventDefault(),(q=P.current)==null||q.click())},_t=F==="focus"?m("dsInternalSimulation-focus",void 0,!0):l(`variant-${u}--dsInternalSimulation`,F),wt=b(k,T,[_t,l("variant",u),l("size",o),A?l("is-icon-button-size",o):[],m(void 0,"no-wrap",B),m("width-full","width-auto",r),m("is-busy",void 0,d),m("is-icon-button",void 0,A),m(`variant-${u}--is-selected`,void 0,lt)]),M={...Q(rt),...J(st,{preplyDsComponent:ot}),className:[...wt,ut].join(" "),"aria-label":H||nt,onClick:mt,disabled:h,"aria-disabled":h||d?!0:void 0,ref:U,id:s,onKeyDown:y,onKeyUp:C,onMouseDown:N,onMouseUp:K,onMouseEnter:$,onMouseMove:tt,onPointerDown:et,onPointerEnter:at},E=_||it,O={...M,download:w,ref:U,role:"button",tabIndex:h?-1:0,href:E,onKeyDown:Bt};return E?n.jsx("a",{...O,...vt(dt,E,c,v),children:R({children:x,busy:d})}):D?a.cloneElement(D,{...O},R({children:x,busy:d})):n.jsx("button",{...M,type:S?"submit":"button",children:R({children:x,busy:d})})});X.__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:u,leadingSvgIcon:o,trailingSvgIcon:r,children:B,..._},w){const c=!!o||!!r,v=b(z,f.Button,[l("size",i)]);return n.jsxs(X,{..._,ref:w,isIconButton:!1,variant:t,size:i,url:s,a11yLabel:u,preplyDsComponent:f.Button,className:c?v.join(" "):"",children:[!!o&&n.jsx("span",{className:`${z.icon} ${z.leadingIcon}`,children:W(o,{"aria-hidden":"true",focusable:"false"})}),B,!!r&&n.jsx("span",{className:`${z.icon} ${z.trailingIcon}`,children:W(r,{"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,X as a};

package/dist/assets/Dialog-Bmg2gpCM.js

@@ -1,3 +0,0 @@
-import{j as e}from"./iframe-CpMEswOF.js";import{D as v,a as p,s as f,b as g,c as h}from"./DialogTitle-DJPc1ITB.js";import{w as l}from"./componentNames-hc9KR2nX.js";const t=({open:a,title:n,description:u,leadingElement:r,children:i,size:s="md",hideHeader:o,onClose:d,mobileFullHeight:m,dataset:c})=>e.jsxs(v,{open:a,onClose:d,size:s,mobileFullHeight:m,dataset:c,"data-preply-ds-component":l.Dialog,children:[e.jsx(p,{}),e.jsxs("header",{className:f.header,"data-preply-ds-component":l.DialogHeader,children:[r,!o&&e.jsxs("hgroup",{children:[e.jsx(g,{children:n}),e.jsx(h,{children:u})]})]}),i]});try{t.displayName="Dialog",t.__docgenInfo={description:"",displayName:"Dialog",props:{open:{defaultValue:null,description:"Controls the visibility of the dialog",name:"open",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},children:{defaultValue:null,description:"Content to be rendered inside the dialog",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},size:{defaultValue:{value:"md"},description:`Controls the width of the dialog on desktop
-@deprecated use default size for all dialogs`,name:"size",required:!1,type:{name:"enum",value:[{value:'"md"'},{value:'"sm"'},{value:'"xs"'},{value:'"lg"'},{value:'ResponsiveProp<"md" | "sm" | "xs" | "lg">'}]}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},description:{defaultValue:null,description:"",name:"description",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},leadingElement:{defaultValue:null,description:"",name:"leadingElement",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},hideHeader:{defaultValue:{value:"false"},description:"When true, visually hides the header (title and description) while\nkeeping it accessible to screen readers\n@deprecated use `DialogRoot` component directly instead",name:"hideHeader",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},onClose:{defaultValue:null,description:`Callback fired when the user tries to close the dialog (via escape
-key, overlay click, or close button).`,name:"onClose",required:!1,type:{name:"enum",value:[{value:"() => void"}]}},mobileFullHeight:{defaultValue:null,description:"Makes the Dialog take up the full screen height on mobile screens, i.e.\nscreens under the `medium-l` breakpoint.",name:"mobileFullHeight",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}}}}}catch{}export{t as D};

package/dist/assets/Dialog.stories-BfS-yGJK.js

@@ -1,248 +0,0 @@
-import{j as e,r as b}from"./iframe-CpMEswOF.js";import{D as a}from"./index-9rU-ZrVj.js";import{B as s}from"./Button-KCBOR544.js";import{A as De}from"./Avatar-DooDODLU.js";import{F as Ie}from"./TokyoUIInfo-CwPA0O_V.js";import{N as Oe}from"./NumberField-DmosE2JM.js";import{I as Pe}from"./Icon-BX3I9JNh.js";import{O as z}from"./OnboardingTooltip-CsTure6K.js";import{C as x}from"./Checkbox-BpQ-rwun.js";import{D as ze}from"./DialogTitle-DJPc1ITB.js";import"./preload-helper-Dp1pzeXC.js";import"./Steps-GOg1wsKY.js";import"./index-DT-MbRPK.js";import"./Heading-Bie8QWaf.js";import"./text-accent-DZ_ihUdH.js";import"./text-centered-DiwR-QSx.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-hc9KR2nX.js";import"./ProgressSteps-Dq6mpMpu.js";import"./Text-cq49jjad.js";import"./message-CTdBLxyt.js";import"./DialogActions-DTUDyqFX.js";import"./Dialog-Bmg2gpCM.js";import"./render-icon-c7okze1K.js";import"./ButtonBase-D1x6yeKi.js";import"./Spinner-lj2QA4al.js";import"./useMergeRefs-DkQLsYW4.js";import"./useHostname-BVhrcDgi.js";import"./index-CC6DAVyL.js";import"./constants-5om8Ptru.js";import"./FormControl-CygcWV_h.js";import"./Input-DwA6-keB.js";import"./InputContainer-BM2ePliH.js";import"./TokyoUIClose-C1pVTvLz.js";import"./shared-strings-BChji30Y.js";import"./index-dUCHvwfu.js";import"./IconButton-DVKNd7ZK.js";import"./useOpenInteractionType-BBP_TXgz.js";const{action:l}=__STORYBOOK_MODULE_ACTIONS__,{expect:n,fn:I,userEvent:c,waitFor:m,within:R}=__STORYBOOK_MODULE_TEST__,d=()=>e.jsx("div",{style:{width:"100%",height:"200px",background:"linear-gradient(to bottom, color-mix(in srgb, #e0e0e0, transparent), #e0e0e0)"}});let Te=()=>{};const Re=(o,t)=>{const[i,r]=b.useState(t.args.open);Te=()=>r(!1);const v=()=>{var O,P;r(!1),(P=(O=t.args).onClose)==null||P.call(O)};return e.jsxs(e.Fragment,{children:[e.jsx(s,{dataset:{testid:"trigger"},onClick:()=>r(!0),children:"Open"}),e.jsx(o,{args:{...t.args,open:i,onClose:v}})]})},D={title:"Components/Dialog",component:a,parameters:{preventIframeFromScrollingParent:!0,docs:{story:{inline:!1,height:600}}},decorators:[Re],args:{open:!1,onClose:I(),children:e.jsx(d,{}),dataset:{testid:"dialog"}},play:async({canvas:o,step:t})=>{await t("Open dialog",async()=>{const i=o.getByTestId("trigger");return await c.click(i),m(()=>{n(o.getByTestId("dialog")).toBeVisible()})})}},B={args:{title:"Dialog title",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(a.Actions,{primaryButton:e.jsx(s,{size:"medium",variant:"primary",onClick:()=>{l("Primary button clicked"),Te()},children:"Primary"}),secondaryButton:e.jsx(s,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},Ae=()=>{const[o,t]=b.useState(1);return e.jsxs(e.Fragment,{children:[e.jsx(Oe,{label:"Child count",value:o,onChange:i=>t(parseInt(i.target.value)),required:!0}),e.jsx("br",{}),Array.from({length:o},(i,r)=>e.jsx(d,{},r))]})},w={args:{title:"Height Responsiveness",description:"Change the number of children to see the Dialog style respond to the height change",children:e.jsxs(e.Fragment,{children:[e.jsx(Ae,{}),e.jsx(a.Actions,{primaryButton:e.jsx(s,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(s,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},k={args:{title:"Height Respects Component Outlines",description:"Height respect, by leaving space for , components' outline created through the dedicated outline tokens.",children:e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(x,{checked:!0,dsInternalSimulation:"focus"}),e.jsx(x,{checked:!0,dsInternalSimulation:"focus"})]}),e.jsx(d,{}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between"},children:[e.jsx(x,{checked:!0,dsInternalSimulation:"focus"}),e.jsx(x,{checked:!0,dsInternalSimulation:"focus"})]}),e.jsx(a.Actions,{primaryButton:e.jsx(s,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(s,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},C={parameters:{chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"},"medium-l":{viewport:"medium-l"}}}},args:{title:"Mobile Full Height",mobileFullHeight:!0}},j={args:{title:"Dialog Title",description:"This is the dialog description.",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(a.Actions,{primaryButton:e.jsx(s,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"})})]})}},f={args:{title:"Dialog Title",description:"This is the dialog description.",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(a.Actions,{primaryButton:e.jsx(s,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"}),secondaryButton:e.jsx(s,{size:"medium",variant:"tertiary",onClick:l("Secondary button clicked"),children:"Secondary"})})]})}},p=()=>e.jsxs(ze,{open:!0,dataset:{testid:"dialog"},children:[e.jsx(a.CloseButton,{}),e.jsxs(a.Steps,{"aria-label":"Onboarding Steps",children:[e.jsx(a.Step,{title:"Profile",description:"Tell us more about yourself",children:e.jsx(d,{})}),e.jsx(a.Step,{title:"Subject",description:"What do you want to learn?",children:e.jsx(d,{})}),e.jsx(a.Step,{title:"Availability",description:"When are you available?",children:e.jsx(d,{})}),e.jsx(a.StepsActions,{primaryButton:e.jsx(s,{size:"medium",variant:"primary",onClick:l("Primary button clicked"),children:"Primary"})})]})]});p.play=async o=>{const{canvas:t,step:i}=o;await i("Dialog should be visible",async()=>{await m(()=>{n(t.getByTestId("dialog")).toBeVisible()})}),await i("Initially, only next button is present",async()=>{n(t.queryByRole("button",{name:"Next"})).toBeVisible(),n(t.queryByRole("button",{name:"Previous"})).not.toBeInTheDocument(),n(t.queryByRole("button",{name:"Primary"})).not.toBeInTheDocument()}),await i("Navigate to the next step. Previous/Next buttons are visible",async()=>{await c.click(t.getByRole("button",{name:"Next"})),n(t.queryByRole("button",{name:"Previous"})).toBeVisible(),n(t.queryByRole("button",{name:"Next"})).toBeVisible(),n(t.queryByRole("button",{name:"Primary"})).not.toBeInTheDocument()}),await i("Navigate to the last step. Previous/Primary buttons are visible",async()=>{await c.click(t.getByRole("button",{name:"Next"})),n(t.queryByRole("button",{name:"Previous"})).toBeVisible(),n(t.queryByRole("button",{name:"Primary"})).toBeVisible(),n(t.queryByRole("button",{name:"Next"})).not.toBeInTheDocument()})};const g={args:{leadingElement:e.jsx(Pe,{size:"32",svg:Ie}),title:"Information Dialog"}},y={args:{leadingElement:e.jsx(De,{size:"48",alt:"User"}),title:"User Profile",description:"This dialog shows a user profile with an avatar in the title"}},u=o=>(b.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.jsx("div",{style:{position:"relative",zIndex:99},children:e.jsx(a,{...o,title:"ZIndex Override"})}));u.parameters={docs:{source:{type:"code"}}};u.play=async({canvas:o,step:t})=>{await t("Open alert",async()=>(await c.click(o.getByTestId("trigger")),m(()=>{const i=o.getByTestId("dialog");n(i).toBeVisible()}))),await t("Check content's computed z-index",async()=>{const i=o.getByTestId("dialog"),r=getComputedStyle(i);n(r.zIndex).toBe("77")}),await t("Check overlay's computed z-index",async()=>{const i=o.getByTestId("dialog-overlay");if(!i)throw new Error("The overlay happened to be the previous sibling of the dialog content, but it isn't anymore. Please update the test.");const r=getComputedStyle(i);n(r.zIndex).toBe("88")})};const T={uncontrolled:I(l("uncontrolled")),controlled:I(l("controlled"))},Fe=()=>{const[o,t]=b.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(z,{dataset:{testid:"uncontrolled-tooltip"},actionOnClick:T.uncontrolled,title:"Uncontrolled",text:"text",children:e.jsx(s,{children:"Uncontrolled"})}),e.jsx(z,{dataset:{testid:"controlled-tooltip"},actionOnClick:T.controlled,title:"Controlled",text:"text",disabled:!o,onClose:()=>t(!1),children:e.jsx(s,{onClick:()=>t(!0),children:"Open tooltip"})})]})},S={tags:["!autodocs"],args:{children:e.jsx(Fe,{})},play:async o=>{var v;await((v=D.play)==null?void 0:v.call(D,o));const{canvas:t,step:i}=o,r=t.getByTestId("uncontrolled-tooltip");await i("Uncontrolled tooltip should be visible",async()=>{await m(()=>{n(r).toBeVisible()})}),await i("Click on uncontrolled tooltip action",async()=>{await c.click(R(r).getByTestId("action")),n(T.uncontrolled).toHaveBeenCalledOnce()}),await i("Open controlled tooltip",async()=>{await c.click(t.getByRole("button",{name:"Open tooltip"})),await m(()=>{n(t.getByTestId("controlled-tooltip")).toBeVisible()})}),await i("Click on controlled tooltip action",async()=>{await c.click(R(t.getByTestId("controlled-tooltip")).getByTestId("action")),n(T.controlled).toHaveBeenCalledOnce()})}},A=({number:o,children:t})=>{const[i,r]=b.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s,{onClick:()=>r(!0),dataset:{testid:`trigger-${o}`},children:"Open"}),e.jsx(a,{open:i,onClose:()=>r(!1),title:`Dialog ${o}`,description:void 0,leadingElement:void 0,dataset:{testid:`dialog-${o}`},children:t})]})},h={parameters:{chromatic:{modes:{"narrow-l":{viewport:"narrow-l"},"medium-s":{viewport:"medium-s"},"medium-l":{viewport:"medium-l"}}}},args:{title:"Dialog 1",children:e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx("br",{}),e.jsx(A,{number:2,children:e.jsx(A,{number:3})})]})},play:async({canvas:o,step:t})=>{await t("Open dialog",async()=>{const i=o.getByTestId("trigger");return await c.click(i),m(()=>{n(o.getByTestId("dialog")).toBeVisible()})}),await t("Open dialog 2",async()=>{const i=o.getByTestId("trigger-2");return await c.click(i),m(()=>{n(o.getByTestId("dialog-2")).toBeVisible()})}),await t("Open dialog 3",async()=>{const i=o.getByTestId("trigger-3");return await c.click(i),m(()=>{n(o.getByTestId("dialog-3")).toBeVisible()})})}};var F,E,H;B.parameters={...B.parameters,docs:{...(F=B.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    title: 'Dialog title',
-    children: <>
-                <DummyContent />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={() => {
-        action('Primary button clicked');
-        closeDialog();
-      }}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(H=(E=B.parameters)==null?void 0:E.docs)==null?void 0:H.source}}};var W,N,V;w.parameters={...w.parameters,docs:{...(W=w.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    title: 'Height Responsiveness',
-    description: 'Change the number of children to see the Dialog style respond to the height change',
-    children: <>
-                <DynamicChildren />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(V=(N=w.parameters)==null?void 0:N.docs)==null?void 0:V.source}}};var _,q,U;k.parameters={...k.parameters,docs:{...(_=k.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  args: {
-    title: \`Height Respects Component Outlines\`,
-    description: \`Height respect, by leaving space for , components' outline created through the dedicated outline tokens.\`,
-    children: <>
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between'
-      }}>
-                    <Checkbox checked dsInternalSimulation="focus" />
-                    <Checkbox checked dsInternalSimulation="focus" />
-                </div>
-                <DummyContent />
-                <div style={{
-        display: 'flex',
-        justifyContent: 'space-between'
-      }}>
-                    <Checkbox checked dsInternalSimulation="focus" />
-                    <Checkbox checked dsInternalSimulation="focus" />
-                </div>
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(U=(q=k.parameters)==null?void 0:q.docs)==null?void 0:U.source}}};var L,M,Z;C.parameters={...C.parameters,docs:{...(L=C.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      modes: {
-        'narrow-l': {
-          viewport: 'narrow-l'
-        },
-        'medium-s': {
-          viewport: 'medium-s'
-        },
-        'medium-l': {
-          viewport: 'medium-l'
-        }
-      }
-    }
-  },
-  args: {
-    title: 'Mobile Full Height',
-    mobileFullHeight: true
-  }
-}`,...(Z=(M=C.parameters)==null?void 0:M.docs)==null?void 0:Z.source}}};var $,K,Y;j.parameters={...j.parameters,docs:{...($=j.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    title: 'Dialog Title',
-    description: 'This is the dialog description.',
-    children: <>
-                <DummyContent />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} />
-            </>
-  }
-}`,...(Y=(K=j.parameters)==null?void 0:K.docs)==null?void 0:Y.source}}};var G,J,Q;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    title: 'Dialog Title',
-    description: 'This is the dialog description.',
-    children: <>
-                <DummyContent />
-                <Dialog.Actions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} secondaryButton={<Button size="medium" variant="tertiary" onClick={action('Secondary button clicked')}>
-                            Secondary
-                        </Button>} />
-            </>
-  }
-}`,...(Q=(J=f.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,ee,te,oe,ie;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`() => {
-  return <DialogRoot open={true} dataset={{
-    testid: \`dialog\`
-  }}>
-            <Dialog.CloseButton />
-
-            <Dialog.Steps aria-label="Onboarding Steps">
-                <Dialog.Step title="Profile" description="Tell us more about yourself">
-                    <DummyContent />
-                </Dialog.Step>
-                <Dialog.Step title="Subject" description="What do you want to learn?">
-                    <DummyContent />
-                </Dialog.Step>
-                <Dialog.Step title="Availability" description="When are you available?">
-                    <DummyContent />
-                </Dialog.Step>
-                <Dialog.StepsActions primaryButton={<Button size="medium" variant="primary" onClick={action('Primary button clicked')}>
-                            Primary
-                        </Button>} />
-            </Dialog.Steps>
-        </DialogRoot>;
-}`,...(te=(ee=p.parameters)==null?void 0:ee.docs)==null?void 0:te.source},description:{story:`The Dialog component can be used with the Steps component to create multi-step flows. This
-demonstrates how to use DialogRoot to build custom dialogs (in this case, a header-free dialog).`,...(ie=(oe=p.parameters)==null?void 0:oe.docs)==null?void 0:ie.description}}};var ne,re,ae,se,le;g.parameters={...g.parameters,docs:{...(ne=g.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  args: {
-    leadingElement: <Icon size="32" svg={InfoIcon} />,
-    title: 'Information Dialog'
-  }
-}`,...(ae=(re=g.parameters)==null?void 0:re.docs)==null?void 0:ae.source},description:{story:"A dialog with an Icon component in the title. This demonstrates how to use React elements in the title.",...(le=(se=g.parameters)==null?void 0:se.docs)==null?void 0:le.description}}};var ce,de,me,ue,pe;y.parameters={...y.parameters,docs:{...(ce=y.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  args: {
-    leadingElement: <Avatar size="48" alt="User" />,
-    title: 'User Profile',
-    description: 'This dialog shows a user profile with an avatar in the title'
-  }
-}`,...(me=(de=y.parameters)==null?void 0:de.docs)==null?void 0:me.source},description:{story:"A dialog with an Avatar component in the title. This demonstrates how to use compound components in the title.",...(pe=(ue=y.parameters)==null?void 0:ue.docs)==null?void 0:pe.description}}};var ge,ye,he,be,ve;u.parameters={...u.parameters,docs:{...(ge=u.parameters)==null?void 0:ge.docs,source:{originalSource:`args => {
-  useEffect(() => {
-    document.body.style.setProperty('--ds-dialog-overlay-z-index-override', '88');
-    document.body.style.setProperty('--ds-dialog-content-z-index-override', '77');
-    return () => {
-      document.body.style.removeProperty('--ds-dialog-overlay-z-index-override');
-      document.body.style.removeProperty('--ds-dialog-content-z-index-override');
-    };
-  }, []);
-  return <div style={{
-    position: 'relative',
-    zIndex: 99
-  }}>
-            <Dialog {...args} title="ZIndex Override" />
-        </div>;
-}`,...(he=(ye=u.parameters)==null?void 0:ye.docs)==null?void 0:he.source},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
-- \\\`--ds-dialog-content-z-index-override\\\`: Controls the content's z-index
-
-These should only be used when necessary, as proper stacking context isolation is preferred.
-
-In the following example, the stacking order of the dialog trigger, overlay, and content are
-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.`,...(ve=(be=u.parameters)==null?void 0:be.docs)==null?void 0:ve.description}}};var xe,Be,we;S.parameters={...S.parameters,docs:{...(xe=S.parameters)==null?void 0:xe.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    children: <ContentWithOnboardingTooltip />
-  },
-  play: async ctx => {
-    await meta.play?.(ctx);
-    const {
-      canvas,
-      step
-    } = ctx;
-    const uncontrolledTooltip = canvas.getByTestId('uncontrolled-tooltip');
-    await step('Uncontrolled tooltip should be visible', async () => {
-      await waitFor(() => {
-        expect(uncontrolledTooltip).toBeVisible();
-      });
-    });
-    await step('Click on uncontrolled tooltip action', async () => {
-      await userEvent.click(within(uncontrolledTooltip).getByTestId('action'));
-      expect(onboardingTooltipCallbacks.uncontrolled).toHaveBeenCalledOnce();
-    });
-    await step('Open controlled tooltip', async () => {
-      await userEvent.click(canvas.getByRole('button', {
-        name: 'Open tooltip'
-      }));
-      await waitFor(() => {
-        expect(canvas.getByTestId('controlled-tooltip')).toBeVisible();
-      });
-    });
-    await step('Click on controlled tooltip action', async () => {
-      await userEvent.click(within(canvas.getByTestId('controlled-tooltip')).getByTestId('action'));
-      expect(onboardingTooltipCallbacks.controlled).toHaveBeenCalledOnce();
-    });
-  }
-}`,...(we=(Be=S.parameters)==null?void 0:Be.docs)==null?void 0:we.source}}};var ke,Ce,je,fe,Se;h.parameters={...h.parameters,docs:{...(ke=h.parameters)==null?void 0:ke.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      modes: {
-        'narrow-l': {
-          viewport: 'narrow-l'
-        },
-        'medium-s': {
-          viewport: 'medium-s'
-        },
-        'medium-l': {
-          viewport: 'medium-l'
-        }
-      }
-    }
-  },
-  args: {
-    title: 'Dialog 1',
-    children: <>
-                <DummyContent />
-                <br />
-                <NestedDialogsLayer number={2}>
-                    <NestedDialogsLayer number={3} />
-                </NestedDialogsLayer>
-            </>
-  },
-  play: async ({
-    canvas,
-    step
-  }) => {
-    await step('Open dialog', async () => {
-      const triggerButton = canvas.getByTestId('trigger');
-      await userEvent.click(triggerButton);
-      return waitFor(() => {
-        expect(canvas.getByTestId('dialog')).toBeVisible();
-      });
-    });
-    await step('Open dialog 2', async () => {
-      const triggerButton = canvas.getByTestId('trigger-2');
-      await userEvent.click(triggerButton);
-      return waitFor(() => {
-        expect(canvas.getByTestId('dialog-2')).toBeVisible();
-      });
-    });
-    await step('Open dialog 3', async () => {
-      const triggerButton = canvas.getByTestId('trigger-3');
-      await userEvent.click(triggerButton);
-      return waitFor(() => {
-        expect(canvas.getByTestId('dialog-3')).toBeVisible();
-      });
-    });
-  }
-}`,...(je=(Ce=h.parameters)==null?void 0:Ce.docs)==null?void 0:je.source},description:{story:`Each nested \`Dialog\` will be opened in a new stacking context, meaning that
-they will maintain their own focus, keyboard navigation, and light dismiss
-behavior without affecting the parent dialog.
-
-They will each also have their own backdrop overlay.`,...(Se=(fe=h.parameters)==null?void 0:fe.docs)==null?void 0:Se.description}}};const Bt=["Default","HeightResponsiveness","HeightRespectsComponentOutlines","MobileFullHeight","WithPrimaryAction","WithSecondaryAction","WithSteps","WithIcon","WithAvatar","WithZIndexOverride","WithOnboardingTooltipInside","NestedDialogs"];export{B as Default,k as HeightRespectsComponentOutlines,w as HeightResponsiveness,C as MobileFullHeight,h as NestedDialogs,y as WithAvatar,g as WithIcon,S as WithOnboardingTooltipInside,j as WithPrimaryAction,f as WithSecondaryAction,p as WithSteps,u as WithZIndexOverride,Bt as __namedExportsOrder,D as default};

package/dist/assets/DialogTitle-8iZEMHpI.css

@@ -1 +0,0 @@
-.dialog__bSS9Q{--dialog-padding: var(--1e685c);--slide-animation-distance: 100%;--show-animation-name: slideInUp__rqAX4;--hide-animation-name: slideOutDown__gIYOK;--content-padding-adjustment-for-close-button: calc(calc(var(--5eca09) + var(--813599) + var(--590b8d)) - var(--dialog-padding));box-sizing:border-box;background-color:var(--3546c3);position:fixed;right:0;bottom:0;left:0;top:auto;margin:auto;width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;border-top-left-radius:var(--fa4b1a);border-top-right-radius:var(--fa4b1a);box-shadow:var(--df7dbb);padding:var(--dialog-padding);z-index:var(--ds-dialog-content-z-index-override, auto)}.dialog__bSS9Q[data-mobile-full-height]{height:100%}.dialog__bSS9Q[data-no-border-radius]{border-radius:0}.dialog__bSS9Q:has(.footer__9qu1N){padding-bottom:0}@media (prefers-reduced-motion: no-preference){.dialog__bSS9Q{animation-duration:var(--970975);animation-timing-function:var(--1f4492);animation-fill-mode:forwards}.dialog__bSS9Q[data-open]{animation-name:var(--show-animation-name)}.dialog__bSS9Q[data-closed]{animation-name:var(--hide-animation-name)}}@media (min-width: 880px){.dialog__bSS9Q{--dialog-padding: var(--f1b498);--slide-animation-distance: 40px;--show-animation-name: slideInUp__rqAX4, opacityIn__ilHLV;--hide-animation-name: slideOutDown__gIYOK, opacityOut__YzYTK;top:0;height:fit-content;border-radius:var(--fa4b1a);max-height:calc(100% - var(--42fccf));width:var(--dialog-desktop-width)}.dialog__bSS9Q[data-slides-up]{--hide-animation-name: slideOutUp__h8Uo-, opacityOut__YzYTK}}@media (min-width: 880px) and (min-width: 880px){.dialog__bSS9Q[data-size=xs]{width:var(--dialog-desktop-width, 440px)}.dialog__bSS9Q[data-size=sm]{width:var(--dialog-desktop-width, 520px)}.dialog__bSS9Q[data-size=md]{width:var(--dialog-desktop-width, 640px)}.dialog__bSS9Q[data-size=lg]{width:var(--dialog-desktop-width, 840px)}}@media (min-width: 880px) and (min-width: 880px) and (min-width: 400px){.dialog__bSS9Q[data-size-narrow-l=xs]{width:var(--dialog-desktop-width, 440px)}.dialog__bSS9Q[data-size-narrow-l=sm]{width:var(--dialog-desktop-width, 520px)}.dialog__bSS9Q[data-size-narrow-l=md]{width:var(--dialog-desktop-width, 640px)}.dialog__bSS9Q[data-size-narrow-l=lg]{width:var(--dialog-desktop-width, 840px)}}@media (min-width: 880px) and (min-width: 880px) and (min-width: 700px){.dialog__bSS9Q[data-size-medium-s=xs]{width:var(--dialog-desktop-width, 440px)}.dialog__bSS9Q[data-size-medium-s=sm]{width:var(--dialog-desktop-width, 520px)}.dialog__bSS9Q[data-size-medium-s=md]{width:var(--dialog-desktop-width, 640px)}.dialog__bSS9Q[data-size-medium-s=lg]{width:var(--dialog-desktop-width, 840px)}}@media (min-width: 880px) and (min-width: 880px) and (min-width: 880px){.dialog__bSS9Q[data-size-medium-l=xs]{width:var(--dialog-desktop-width, 440px)}.dialog__bSS9Q[data-size-medium-l=sm]{width:var(--dialog-desktop-width, 520px)}.dialog__bSS9Q[data-size-medium-l=md]{width:var(--dialog-desktop-width, 640px)}.dialog__bSS9Q[data-size-medium-l=lg]{width:var(--dialog-desktop-width, 840px)}}@media (min-width: 880px) and (min-width: 880px) and (min-width: 1200px){.dialog__bSS9Q[data-size-wide-s=xs]{width:var(--dialog-desktop-width, 440px)}.dialog__bSS9Q[data-size-wide-s=sm]{width:var(--dialog-desktop-width, 520px)}.dialog__bSS9Q[data-size-wide-s=md]{width:var(--dialog-desktop-width, 640px)}.dialog__bSS9Q[data-size-wide-s=lg]{width:var(--dialog-desktop-width, 840px)}}@media (min-width: 880px) and (min-width: 880px) and (min-width: 1900px){.dialog__bSS9Q[data-size-wide-l=xs]{width:var(--dialog-desktop-width, 440px)}.dialog__bSS9Q[data-size-wide-l=sm]{width:var(--dialog-desktop-width, 520px)}.dialog__bSS9Q[data-size-wide-l=md]{width:var(--dialog-desktop-width, 640px)}.dialog__bSS9Q[data-size-wide-l=lg]{width:var(--dialog-desktop-width, 840px)}}.overlay__NM-kk{background-color:var(--02a0d5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-dialog-overlay-z-index-override, auto)}@media (prefers-reduced-motion: no-preference){.overlay__NM-kk{animation-duration:var(--970975);animation-timing-function:var(--1f4492);animation-fill-mode:forwards}.overlay__NM-kk[data-open]{animation-name:opacityIn__ilHLV}.overlay__NM-kk[data-closed]{animation-name:opacityOut__YzYTK}}.close__e4axJ{position:absolute;top:var(--813599);right:var(--813599);z-index:1}.title__1qnWX{color:var(--628fb7);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--d4d05b);font-weight:var(--6b93f9);line-height:var(--a7e8c0);letter-spacing:var(--3e1763)}@media (min-width: 880px){.title__1qnWX{font-size:var(--5d91ee);font-weight:var(--be9403);line-height:var(--ba6c7f);letter-spacing:var(--6408ce)}}.description__0f9xh{color:var(--a2f1c8);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--7f027e);font-weight:var(--59913e);line-height:var(--11f5c9);letter-spacing:var(--b2e406);font-style:var(--61e1de)}.header__2EPvy{padding-right:var(--content-padding-adjustment-for-close-button, unset);margin-bottom:var(--b53873);display:flex;flex-direction:column;gap:var(--558c4c)}.header__2EPvy>hgroup{display:flex;flex-direction:column;gap:var(--590b8d);flex:1}@media (min-width: 880px){.header__2EPvy>hgroup{gap:var(--66b80b)}}.header__2EPvy[hidden]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (min-width: 880px){.header__2EPvy{margin-bottom:var(--1e685c);gap:var(--b53873)}}.scrollEndDetector__gqxi-{height:1px;margin-top:calc(var(--99d31f) + var(--c0b12c))}.footer__9qu1N{--footer-sticky-border-color: var(--c03289);padding:var(--dialog-padding);margin-inline:calc(-1 * var(--dialog-padding));background-color:var(--3546c3);position:sticky;bottom:0;border-top:1px solid transparent;transition:border-color var(--970975) var(--1f4492)}.footer__9qu1N[data-sticky]{border-color:var(--footer-sticky-border-color)}.buttonStack__i3gSV{display:flex;flex-direction:column-reverse;gap:var(--813599)}@media (min-width: 400px){.buttonStack__i3gSV{flex-direction:row;justify-content:flex-end}}.stepControls__XBkFS{display:flex;flex-wrap:wrap-reverse;gap:var(--813599)}.stepControls__XBkFS .previous__0eong{flex:1}.stepControls__XBkFS .previous__0eong [data-preply-ds-component=Button]{padding-inline:var(--558c4c)}@media (min-width: 700px){.stepControls__XBkFS .previous__0eong{margin-left:calc(-1 * (var(--0b1b71) + var(--558c4c)))}}.stepControls__XBkFS .next__r4NuY{flex:666}.stepControls__XBkFS .next__r4NuY:only-child{margin-left:auto}@media (min-width: 700px){.stepControls__XBkFS{justify-content:space-between}.stepControls__XBkFS .previous__0eong,.stepControls__XBkFS .next__r4NuY{flex:unset}}@keyframes opacityIn__ilHLV{0%{opacity:0}to{opacity:1}}@keyframes opacityOut__YzYTK{0%{opacity:1}to{opacity:0}}@keyframes slideInUp__rqAX4{0%{transform:translateY(var(--slide-animation-distance))}to{transform:translateY(0)}}@keyframes slideOutDown__gIYOK{0%{transform:translateY(0)}to{transform:translateY(var(--slide-animation-distance))}}@keyframes slideOutUp__h8Uo-{0%{transform:translateY(0)}to{transform:translateY(calc(-1 * var(--slide-animation-distance)))}}

package/dist/assets/DismissibleChips-CRFGhm8B.js

@@ -1 +0,0 @@
-import{r as k,j as e,g as V}from"./iframe-CpMEswOF.js";import{u as x}from"./useControllableState-ouxkeS_b.js";import{c as j,$ as R,C as I,a as z,b as _,d as E,e as L}from"./createRequiredContext-63KJmEaI.js";import{F as N}from"./TokyoUIClose-C1pVTvLz.js";import{V as A}from"./VisuallyHidden-lSSiGvdb.js";import"./index-DT-MbRPK.js";import{g as S}from"./shared-strings-BChji30Y.js";import{f as w}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{I as T}from"./Icon-BX3I9JNh.js";import{M as F}from"./message-CTdBLxyt.js";import{w as q}from"./componentNames-hc9KR2nX.js";const[M,B]=j("DismissibleChips"),C=k.forwardRef(function({items:l,children:r,orientation:t,"aria-label":o,"aria-controls":m,value:c,onValueChange:d,defaultValue:p,dataset:f,...h},b){const[n,g]=x({value:c,onValueChange:d,defaultValue:p??[]}),u=v=>{g(n.filter(a=>a!==v))},i=l?l.map(({label:v,value:a,...D})=>e.jsx(y,{value:a,...D,children:v},a)):r;return e.jsx(M,{value:{values:n,onRemove:u,ariaControls:m},children:e.jsx(E,{orientation:t,children:e.jsx(L,{...w(h),ref:b,orientation:t,"aria-label":o,...V(f,{preplyDsComponent:q.DismissibleChips}),children:i})})})}),y=k.forwardRef(function({value:l,children:r,icon:t,countryFlagCode:o,disabled:m,counter:c,dataset:d,dsInternalSimulation:p,...f},h){const{values:b,onRemove:n,ariaControls:g}=B(),u=R(),i=()=>{n(l),u==null||u.focusNext({wrap:!0})},v=a=>{switch(a.key){case"Delete":case"Backspace":i();break}};return b.includes(l)?e.jsx(I,{children:e.jsxs(z,{...w(f),ref:h,variant:"dismissible",onClick:i,onKeyDown:v,icon:t,countryFlagCode:o,disabled:m,"aria-controls":g,dsInternalSimulation:p,...V(d,{preplyDsComponent:q.DismissibleChipsItem}),children:[e.jsx(A,{children:e.jsx(F,{...S.remove})}),e.jsx(_,{counter:c,children:r}),e.jsx(T,{svg:N})]})}):null});try{C.displayName="DismissibleChips",C.__docgenInfo={description:"A chips component for displaying dismissible/removable items.",displayName:"DismissibleChips",props:{value:{defaultValue:null,description:"Current value of the chips. When provided, the component operates in controlled mode",name:"value",required:!1,type:{name:"enum",value:[{value:"T[]"}]}},defaultValue:{defaultValue:null,description:"Default value for uncontrolled usage. Will be ignored if `value` is provided",name:"defaultValue",required:!1,type:{name:"enum",value:[{value:"T[]"}]}},"aria-controls":{defaultValue:null,description:"If the chips control other elements on the page, use `aria-controls` with the target element's ID.",name:"aria-controls",required:!1,type:{name:"enum",value:[{value:"string"}]}},"aria-label":{defaultValue:null,description:"Accessible label for the chips group. Required for screen reader users",name:"aria-label",required:!0,type:{name:"string"}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},onValueChange:{defaultValue:null,description:"Callback fired when the value changes. Receives the new value as an argument",name:"onValueChange",required:!1,type:{name:"enum",value:[{value:"(value: T[]) => void"}]}},orientation:{defaultValue:{value:"'horizontal'"},description:"Layout orientation of the chips group.",name:"orientation",required:!1,type:{name:"enum",value:[{value:'"horizontal"'},{value:'"vertical"'}]}},items:{defaultValue:null,description:"",name:"items",required:!1,type:{name:"enum",value:[{value:'(Omit<ChipsItemProps, "value" | "children" | "dsInternalSimulation"> & { value: NonNullable<T>; label: ReactNode; })[]'}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"(instance: HTMLUListElement | null) => void"},{value:"RefObject<HTMLUListElement>"}]}}}}}catch{}try{y.displayName="DismissibleChipsItem",y.__docgenInfo={description:"Individual dismissible chip item for use within DismissibleChips.",displayName:"DismissibleChipsItem",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"enum",value:[{value:"ComponentClass<SVGAttributes<SVGElement>, any>"},{value:"FunctionComponent<SVGAttributes<SVGElement>>"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},countryFlagCode:{defaultValue:null,description:"",name:"countryFlagCode",required:!1,type:{name:"enum",value:[{value:'"id"'},{value:'"is"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"as"'},{value:'"ad"'},{value:'"ao"'},{value:'"ai"'},{value:'"aq"'},{value:'"ag"'},{value:'"ar"'},{value:'"am"'},{value:'"aw"'},{value:'"sh-ac"'},{value:'"asean"'},{value:'"au"'},{value:'"at"'},{value:'"az"'},{value:'"bs"'},{value:'"bh"'},{value:'"bd"'},{value:'"bb"'},{value:'"es-pv"'},{value:'"by"'},{value:'"be"'},{value:'"bz"'},{value:'"bj"'},{value:'"bm"'},{value:'"bt"'},{value:'"bo"'},{value:'"bq"'},{value:'"ba"'},{value:'"bw"'},{value:'"bv"'},{value:'"br"'},{value:'"io"'},{value:'"bn"'},{value:'"bg"'},{value:'"bf"'},{value:'"bi"'},{value:'"cv"'},{value:'"kh"'},{value:'"cm"'},{value:'"ca"'},{value:'"ic"'},{value:'"es-ct"'},{value:'"ky"'},{value:'"cf"'},{value:'"cefta"'},{value:'"td"'},{value:'"cl"'},{value:'"cn"'},{value:'"cx"'},{value:'"cp"'},{value:'"cc"'},{value:'"co"'},{value:'"km"'},{value:'"ck"'},{value:'"cr"'},{value:'"hr"'},{value:'"cu"'},{value:'"cw"'},{value:'"cy"'},{value:'"cz"'},{value:'"ci"'},{value:'"cd"'},{value:'"dk"'},{value:'"dg"'},{value:'"dj"'},{value:'"dm"'},{value:'"do"'},{value:'"eac"'},{value:'"ec"'},{value:'"eg"'},{value:'"sv"'},{value:'"gb-eng"'},{value:'"gq"'},{value:'"er"'},{value:'"ee"'},{value:'"sz"'},{value:'"et"'},{value:'"eu"'},{value:'"fk"'},{value:'"fo"'},{value:'"fm"'},{value:'"fj"'},{value:'"fi"'},{value:'"fr"'},{value:'"gf"'},{value:'"pf"'},{value:'"tf"'},{value:'"ga"'},{value:'"es-ga"'},{value:'"gm"'},{value:'"ge"'},{value:'"de"'},{value:'"gh"'},{value:'"gi"'},{value:'"gr"'},{value:'"gl"'},{value:'"gd"'},{value:'"gp"'},{value:'"gu"'},{value:'"gt"'},{value:'"gg"'},{value:'"gn"'},{value:'"gw"'},{value:'"gy"'},{value:'"ht"'},{value:'"hm"'},{value:'"va"'},{value:'"hn"'},{value:'"hk"'},{value:'"hu"'},{value:'"in"'},{value:'"ir"'},{value:'"iq"'},{value:'"ie"'},{value:'"im"'},{value:'"il"'},{value:'"it"'},{value:'"jm"'},{value:'"jp"'},{value:'"je"'},{value:'"jo"'},{value:'"kz"'},{value:'"ke"'},{value:'"ki"'},{value:'"xk"'},{value:'"kw"'},{value:'"kg"'},{value:'"la"'},{value:'"lv"'},{value:'"arab"'},{value:'"lb"'},{value:'"ls"'},{value:'"lr"'},{value:'"ly"'},{value:'"li"'},{value:'"lt"'},{value:'"lu"'},{value:'"mo"'},{value:'"mg"'},{value:'"mw"'},{value:'"my"'},{value:'"mv"'},{value:'"ml"'},{value:'"mt"'},{value:'"mh"'},{value:'"mq"'},{value:'"mr"'},{value:'"mu"'},{value:'"yt"'},{value:'"mx"'},{value:'"md"'},{value:'"mc"'},{value:'"mn"'},{value:'"me"'},{value:'"ms"'},{value:'"ma"'},{value:'"mz"'},{value:'"mm"'},{value:'"na"'},{value:'"nr"'},{value:'"np"'},{value:'"nl"'},{value:'"nc"'},{value:'"nz"'},{value:'"ni"'},{value:'"ne"'},{value:'"ng"'},{value:'"nu"'},{value:'"nf"'},{value:'"kp"'},{value:'"mk"'},{value:'"gb-nir"'},{value:'"mp"'},{value:'"no"'},{value:'"om"'},{value:'"pc"'},{value:'"pk"'},{value:'"pw"'},{value:'"pa"'},{value:'"pg"'},{value:'"py"'},{value:'"pe"'},{value:'"ph"'},{value:'"pn"'},{value:'"pl"'},{value:'"pt"'},{value:'"pr"'},{value:'"qa"'},{value:'"cg"'},{value:'"ro"'},{value:'"ru"'},{value:'"rw"'},{value:'"re"'},{value:'"bl"'},{value:'"sh-hl"'},{value:'"sh"'},{value:'"kn"'},{value:'"lc"'},{value:'"mf"'},{value:'"pm"'},{value:'"vc"'},{value:'"ws"'},{value:'"sm"'},{value:'"st"'},{value:'"sa"'},{value:'"gb-sct"'},{value:'"sn"'},{value:'"rs"'},{value:'"sc"'},{value:'"sl"'},{value:'"sg"'},{value:'"sx"'},{value:'"sk"'},{value:'"si"'},{value:'"sb"'},{value:'"so"'},{value:'"za"'},{value:'"gs"'},{value:'"kr"'},{value:'"ss"'},{value:'"es"'},{value:'"lk"'},{value:'"ps"'},{value:'"sd"'},{value:'"sr"'},{value:'"sj"'},{value:'"se"'},{value:'"ch"'},{value:'"sy"'},{value:'"tw"'},{value:'"tj"'},{value:'"tz"'},{value:'"th"'},{value:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"to"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{value:'"tr"'},{value:'"ug"'},{value:'"ua"'},{value:'"ae"'},{value:'"gb"'},{value:'"un"'},{value:'"um"'},{value:'"us"'},{value:'"uy"'},{value:'"uz"'},{value:'"vu"'},{value:'"ve"'},{value:'"vn"'},{value:'"vg"'},{value:'"vi"'},{value:'"gb-wls"'},{value:'"wf"'},{value:'"eh"'},{value:'"ye"'},{value:'"zm"'},{value:'"zw"'}]}},value:{defaultValue:null,description:"Unique identifier for this chip. Used for selection tracking",name:"value",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"Content to display inside the chip",name:"children",required:!0,type:{name:"enum",value:[{value:"undefined"},{value:"null"},{value:"string"},{value:"number"},{value:"false"},{value:"true"},{value:"ReactElement<any, string | JSXElementConstructor<any>>"},{value:"Iterable<ReactNode>"},{value:"ReactPortal"}]}},counter:{defaultValue:null,description:"Optional numeric counter to display alongside the chip label",name:"counter",required:!1,type:{name:"enum",value:[{value:"number"}]}},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: HTMLButtonElement | null) => void"},{value:"RefObject<HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{y as D,C as a};