@preply/ds-docs 3.5.1 → 3.6.0

package/dist/assets/Link.stories-ClHFTcTp.js

@@ -0,0 +1,265 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{T as t}from"./Text-CykvSLVe.js";import{L as r}from"./Link-ppzJSCTf.js";import{g as c}from"./getTokenVar-DU_DEzTd.js";import{c as d}from"./tokens-CJh_FSIl.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./text-centered-CznToR0o.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-NXEPEzbR.js";import"./index-DdzHuZ-Y.js";import"./defaults-Clr6nbGc.js";import"./useHostname-Y3PlXofY.js";import"./constants-BgBLeZzp.js";const G={title:"components/Link",component:r},n=()=>{const a=c(d.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(r,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]})},i=()=>{const a=c(d.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(t,{variant:"default-regular-italic",children:"(use the `unsetColors` variant)"}),e.jsxs("div",{children:[e.jsx(t,{variant:"large-semibold-italic",children:"primary"}),e.jsx(t,{variant:"default-regular-italic",children:"normal"}),e.jsxs(t,{accent:"primary",children:["Lorem ipsum ",e.jsx(r,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(t,{variant:"default-regular-italic",children:"active"}),e.jsxs(t,{accent:"primary",children:["Lorem ipsum"," ",e.jsx(r,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{style:{backgroundColor:a},children:[e.jsx(t,{variant:"large-semibold-italic",accent:"inverted",children:"inverted"}),e.jsx(t,{variant:"default-regular-italic",accent:"inverted",children:"normal"}),e.jsxs(t,{accent:"inverted",children:["Lorem ipsum ",e.jsx(r,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(t,{variant:"default-regular-italic",accent:"inverted",children:"active"}),e.jsxs(t,{accent:"inverted",children:["Lorem ipsum"," ",e.jsx(r,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(t,{variant:"large-semibold-italic",children:"positive"}),e.jsx(t,{variant:"default-regular-italic",children:"normal"}),e.jsxs(t,{accent:"positive",children:["Lorem ipsum ",e.jsx(r,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(t,{variant:"default-regular-italic",children:"active"}),e.jsxs(t,{accent:"positive",children:["Lorem ipsum"," ",e.jsx(r,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(t,{variant:"large-semibold-italic",children:"critical"}),e.jsx(t,{variant:"default-regular-italic",children:"normal"}),e.jsxs(t,{accent:"critical",children:["Lorem ipsum ",e.jsx(r,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(t,{variant:"default-regular-italic",children:"active"}),e.jsxs(t,{accent:"critical",children:["Lorem ipsum"," ",e.jsx(r,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]})]})},l=()=>{const a=c(d.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(t,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(r,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]}),e.jsx(t,{variant:"default-regular-italic",children:"hover"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(r,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"hover",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"hover",children:"neutralInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"hover",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"hover",children:"accentDarkInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"hover",children:"unsetColors"})]}),e.jsx(t,{variant:"default-regular-italic",children:"active"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(r,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"active",children:"neutral"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"active",children:"neutralInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"active",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:a},children:e.jsx(r,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"active",children:"accentDarkInverted"})}),e.jsx(r,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"active",children:"unsetColors"})]})]})},o=()=>e.jsxs("p",{style:{width:"12ch"},children:["Unlock your potential;"," ",e.jsx(r,{href:"https://preply.com",variant:"unsetColors",inline:!0,children:"visit Preply"}),"."]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Click me",href:"https://preply.com",variant:"neutral",dataset:{qaid:"link"}},argTypes:{dataset:{control:"object"},inline:{control:"boolean"},noUnderline:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},download:{control:"boolean"},assistiveText:{control:"text"},href:{control:"text"},url:{table:{disable:!0}}}};var p,u,v;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+  const grey = getTokenVar(color.background.primaryInverted);
+  return <div style={{
+    display: 'flex',
+    gap: '16px'
+  }}>
+            <Link href="https://preply.com" variant="neutral">
+                neutral
+            </Link>
+            <span style={{
+      backgroundColor: grey
+    }}>
+                <Link href="https://preply.com" variant="neutralInverted">
+                    neutralInverted
+                </Link>
+            </span>
+            <Link href="https://preply.com" variant="accentDark">
+                accentDark
+            </Link>
+            <span style={{
+      backgroundColor: grey
+    }}>
+                <Link href="https://preply.com" variant="accentDarkInverted">
+                    accentDarkInverted
+                </Link>
+            </span>
+            <Link href="https://preply.com" variant="unsetColors">
+                unsetColors
+            </Link>
+        </div>;
+}`,...(v=(u=n.parameters)==null?void 0:u.docs)==null?void 0:v.source}}};var m,h,x;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
+  const grey = getTokenVar(color.background.primaryInverted);
+  return <div style={{
+    display: 'flex',
+    gap: '16px',
+    flexDirection: 'column'
+  }}>
+            <Text variant="default-regular-italic">(use the \`unsetColors\` variant)</Text>
+            <div>
+                <Text variant="large-semibold-italic">primary</Text>
+                <Text variant="default-regular-italic">normal</Text>
+                <Text accent="primary">
+                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
+                </Text>
+
+                <Text variant="default-regular-italic">active</Text>
+                <Text accent="primary">
+                    Lorem ipsum{' '}
+                    <Link variant="unsetColors" dsInternalSimulation="active">
+                        dolor sit amet
+                    </Link>{' '}
+                    amet.
+                </Text>
+            </div>
+
+            <div style={{
+      backgroundColor: grey
+    }}>
+                <Text variant="large-semibold-italic" accent="inverted">
+                    inverted
+                </Text>
+                <Text variant="default-regular-italic" accent="inverted">
+                    normal
+                </Text>
+
+                <Text accent="inverted">
+                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
+                </Text>
+
+                <Text variant="default-regular-italic" accent="inverted">
+                    active
+                </Text>
+                <Text accent="inverted">
+                    Lorem ipsum{' '}
+                    <Link variant="unsetColors" dsInternalSimulation="active">
+                        dolor sit amet
+                    </Link>{' '}
+                    amet.
+                </Text>
+            </div>
+
+            <div>
+                <Text variant="large-semibold-italic">positive</Text>
+                <Text variant="default-regular-italic">normal</Text>
+                <Text accent="positive">
+                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
+                </Text>
+
+                <Text variant="default-regular-italic">active</Text>
+                <Text accent="positive">
+                    Lorem ipsum{' '}
+                    <Link variant="unsetColors" dsInternalSimulation="active">
+                        dolor sit amet
+                    </Link>{' '}
+                    amet.
+                </Text>
+            </div>
+
+            <div>
+                <Text variant="large-semibold-italic">critical</Text>
+                <Text variant="default-regular-italic">normal</Text>
+                <Text accent="critical">
+                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
+                </Text>
+
+                <Text variant="default-regular-italic">active</Text>
+                <Text accent="critical">
+                    Lorem ipsum{' '}
+                    <Link variant="unsetColors" dsInternalSimulation="active">
+                        dolor sit amet
+                    </Link>{' '}
+                    amet.
+                </Text>
+            </div>
+        </div>;
+}`,...(x=(h=i.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var k,y,g;l.parameters={...l.parameters,docs:{...(k=l.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
+  const grey = getTokenVar(color.background.primaryInverted);
+  return <div style={{
+    display: 'flex',
+    gap: '16px',
+    flexDirection: 'column'
+  }}>
+            <Text variant="default-regular-italic">normal</Text>
+            <div style={{
+      display: 'flex',
+      gap: '16px'
+    }}>
+                <Link href="https://preply.com" variant="neutral">
+                    neutral
+                </Link>
+                <span style={{
+        backgroundColor: grey
+      }}>
+                    <Link href="https://preply.com" variant="neutralInverted">
+                        neutralInverted
+                    </Link>
+                </span>
+                <Link href="https://preply.com" variant="accentDark">
+                    accentDark
+                </Link>
+                <span style={{
+        backgroundColor: grey
+      }}>
+                    <Link href="https://preply.com" variant="accentDarkInverted">
+                        accentDarkInverted
+                    </Link>
+                </span>
+                <Link href="https://preply.com" variant="unsetColors">
+                    unsetColors
+                </Link>
+            </div>
+            <Text variant="default-regular-italic">hover</Text>
+            <div style={{
+      display: 'flex',
+      gap: '16px'
+    }}>
+                <Link href="https://preply.com" variant="neutral" dsInternalSimulation="hover">
+                    neutral
+                </Link>
+                <span style={{
+        backgroundColor: grey
+      }}>
+                    <Link href="https://preply.com" variant="neutralInverted" dsInternalSimulation="hover">
+                        neutralInverted
+                    </Link>
+                </span>
+                <Link href="https://preply.com" variant="accentDark" dsInternalSimulation="hover">
+                    accentDark
+                </Link>
+                <span style={{
+        backgroundColor: grey
+      }}>
+                    <Link href="https://preply.com" variant="accentDarkInverted" dsInternalSimulation="hover">
+                        accentDarkInverted
+                    </Link>
+                </span>
+                <Link href="https://preply.com" variant="unsetColors" dsInternalSimulation="hover">
+                    unsetColors
+                </Link>
+            </div>
+            <Text variant="default-regular-italic">active</Text>
+            <div style={{
+      display: 'flex',
+      gap: '16px'
+    }}>
+                <Link href="https://preply.com" variant="neutral" dsInternalSimulation="active">
+                    neutral
+                </Link>
+                <span style={{
+        backgroundColor: grey
+      }}>
+                    <Link href="https://preply.com" variant="neutralInverted" dsInternalSimulation="active">
+                        neutralInverted
+                    </Link>
+                </span>
+                <Link href="https://preply.com" variant="accentDark" dsInternalSimulation="active">
+                    accentDark
+                </Link>
+                <span style={{
+        backgroundColor: grey
+      }}>
+                    <Link href="https://preply.com" variant="accentDarkInverted" dsInternalSimulation="active">
+                        accentDarkInverted
+                    </Link>
+                </span>
+                <Link href="https://preply.com" variant="unsetColors" dsInternalSimulation="active">
+                    unsetColors
+                </Link>
+            </div>
+        </div>;
+}`,...(g=(y=l.parameters)==null?void 0:y.docs)==null?void 0:g.source}}};var f,L,j;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`() => <p style={{
+  width: '12ch'
+}}>
+        Unlock your potential;{' '}
+        <Link href="https://preply.com" variant="unsetColors" inline>
+            visit Preply
+        </Link>
+        .
+    </p>`,...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var I,T,C;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    children: 'Click me',
+    href: 'https://preply.com',
+    variant: 'neutral',
+    dataset: {
+      qaid: 'link'
+    }
+  },
+  argTypes: {
+    dataset: {
+      control: 'object'
+    },
+    inline: {
+      control: 'boolean'
+    },
+    noUnderline: {
+      control: 'boolean'
+    },
+    opensInNewTab: {
+      control: 'boolean'
+    },
+    nofollow: {
+      control: 'boolean'
+    },
+    download: {
+      control: 'boolean'
+    },
+    assistiveText: {
+      control: 'text'
+    },
+    href: {
+      control: 'text'
+    },
+    // Disable deprecated props
+    url: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...(C=(T=s.parameters)==null?void 0:T.docs)==null?void 0:C.source}}};const H=["Variants","TextVariants","States","Inline","Playground"];export{o as Inline,s as Playground,l as States,i as TextVariants,n as Variants,H as __namedExportsOrder,G as default};

package/dist/assets/Loader.stories-ltpe_Net.js

@@ -0,0 +1,37 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as h}from"./index-Cb9e4tly.js";import{f as z}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as j}from"./Spinner-T-vTyHiv.js";import{m as k,b as R}from"./classNames-BUL1Zq7e.js";import{w as l}from"./componentNames-NXEPEzbR.js";import{g as N}from"./index-DdzHuZ-Y.js";import{S as C}from"./consts-KAYct7Gj.js";import{g as E}from"./getTokenVar-DU_DEzTd.js";import{c as I}from"./tokens-CJh_FSIl.js";import"./index-ChsGqxH_.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./defaults-Clr6nbGc.js";import"./constants-BgBLeZzp.js";const P="Loader__Ya6Xk",V={Loader:P,"Loader--normal":"Loader--normal__41Xzt","Loader--inverted":"Loader--inverted__NULSk"},a=h.forwardRef(function({size:t,inverted:y=!1,dataset:L,...b},S){const x=k(V,l.Loader,[R("inverted","normal",y)]),_={...z(b),ref:S,className:x.join(" "),...N(L,{preplyDsComponent:l.Loader})};return e.jsx("span",{..._,children:e.jsx(j,{size:t})})});try{a.displayName="Loader",a.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},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: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const G={title:"components/Loader",component:a,argTypes:{size:{description:C}}},o=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"8px"},children:[e.jsx(a,{size:"default"}),e.jsx(a,{size:"large"})]}),n=()=>e.jsx(a,{inverted:!0});n.decorators=[r=>{const t=E(I.background.primaryInverted);return e.jsx("div",{style:{backgroundColor:t},children:r()})}];const s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.inverted?"black":void 0},children:r()})],args:{size:"default",inverted:!1,dataset:{qaid:"loader"}},argTypes:{dataset:{control:"object"},size:{control:"select"},inverted:{control:"boolean"}}};var d,i,c;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <div style={{
+  display: 'flex',
+  alignItems: 'end',
+  gap: '8px'
+}}>
+        <Loader size="default" />
+        <Loader size="large" />
+    </div>`,...(c=(i=o.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var u,m,p;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:"() => <Loader inverted />",...(p=(m=n.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var f,v,g;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  decorators: [(story, {
+    args
+  }) => <div style={{
+    backgroundColor: args.inverted ? 'black' : undefined
+  }}>{story()}</div>],
+  args: {
+    size: 'default',
+    inverted: false,
+    dataset: {
+      qaid: 'loader'
+    }
+  },
+  argTypes: {
+    dataset: {
+      control: 'object'
+    },
+    size: {
+      control: 'select'
+    },
+    inverted: {
+      control: 'boolean'
+    }
+  }
+}`,...(g=(v=s.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const J=["Sizes","Inverted","Playground"];export{n as Inverted,s as Playground,o as Sizes,J as __namedExportsOrder,G as default};

package/dist/assets/Messages-VCFIwUal.js

@@ -0,0 +1 @@
+import{r as e}from"./index-Cb9e4tly.js";const t=({title:a,titleId:r,...l},o)=>e.createElement("svg",{"data-preply-ds-component":"SvgIcon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:o,"aria-labelledby":r,...l},a?e.createElement("title",{id:r},a):null,e.createElement("path",{fillRule:"evenodd",d:"M12 4c-4.63 0-8 2.743-8 6.5 0 2.484 1.429 4.459 3.7 5.564a1 1 0 0 1 .563.936c0 .262.005.502.009.73.006.348.012.666 0 .987-.009.263-.03.544-.066.884 1.339-.505 2.346-1.238 2.954-2.144a.999.999 0 0 1 .854-.457C16.639 16.994 20 14.253 20 10.5 20 6.743 16.63 4 12 4Zm.514 14.99C17.61 18.787 22 15.573 22 10.5 22 5.257 17.31 2 12 2S2 5.257 2 10.5c0 3.144 1.724 5.627 4.268 7.07l.005.283c.006.287.011.507 0 .792-.016.458-.074 1.036-.26 2.196a1 1 0 0 0 1.208 1.134c2.156-.488 4.07-1.45 5.293-2.985Z",clipRule:"evenodd"})),n=e.forwardRef(t);export{n as F};

package/dist/assets/MultiSelectChips-CwiPSabU.js

@@ -0,0 +1,2 @@
+import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as C}from"./index-Cb9e4tly.js";import{c as j,C as x,a as R,b as M,u as I,d as _,D as z,e as E}from"./createRequiredContext-BW3-EdwI.js";import{f as k}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as V}from"./index-DdzHuZ-Y.js";import{w as q}from"./componentNames-NXEPEzbR.js";const[T,L]=j("MultiSelectChips"),y=C.forwardRef(function({items:a,children:r,orientation:l=z,"aria-label":s,"aria-controls":o,value:c,onValueChange:m,defaultValue:d,dataset:p,...f},h){const[u,v]=I({value:c,onValueChange:m,defaultValue:d??[]}),w=(t,n)=>{v(n?u.filter(g=>g!==t):[...u,t])},S=a?a.map(({label:t,value:n,...g})=>e.jsx(b,{value:n,...g,children:t},n)):r;return e.jsx(T,{value:{values:u,onToggle:w},children:e.jsx(_,{orientation:l,children:e.jsx(E,{...k(f),ref:h,orientation:l,"aria-orientation":l,"aria-label":s,"aria-controls":o,role:"listbox","aria-multiselectable":"true",...V(p,{preplyDsComponent:q.MultiSelectChips}),children:S})})})}),b=C.forwardRef(function({value:a,children:r,icon:l,countryFlagCode:s,disabled:o,counter:c,dataset:m,dsInternalSimulation:d,...p},f){const{values:h,onToggle:u}=L(),v=h.includes(a);return e.jsx(x,{role:"presentation",children:e.jsx(R,{...k(p),ref:f,role:"option","aria-selected":v,onClick:()=>u(a,v),icon:l,countryFlagCode:s,disabled:o,dsInternalSimulation:d,...V(m,{preplyDsComponent:q.MultiSelectChipsItem}),children:e.jsx(M,{counter:c,children:r})})})});try{y.displayName="MultiSelectChips",y.__docgenInfo={description:`A chips component that allows selection of multiple options from a group.
+Users can select multiple chips, and clicking a selected chip will deselect it.`,displayName:"MultiSelectChips",props:{"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"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},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"}]}},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:null,description:"Layout orientation of the chips group. @default 'horizontal'",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, "children" | "dsInternalSimulation" | "value"> & { value: NonNullable<T>; label: ReactNode; })[]'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"(instance: HTMLUListElement | null) => void"},{value:"RefObject<HTMLUListElement>"}]}}}}}catch{}try{b.displayName="MultiSelectChipsItem",b.__docgenInfo={description:"Individual chip item for use within MultiSelectChips.",displayName:"MultiSelectChipsItem",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:'"ai"'},{value:'"as"'},{value:'"li"'},{value:'"th"'},{value:'"tr"'},{value:'"td"'},{value:'"is"'},{value:'"af"'},{value:'"ax"'},{value:'"al"'},{value:'"dz"'},{value:'"ad"'},{value:'"ao"'},{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:'"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:'"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:'"tl"'},{value:'"tg"'},{value:'"tk"'},{value:'"to"'},{value:'"tt"'},{value:'"sh-ta"'},{value:'"tn"'},{value:'"tm"'},{value:'"tc"'},{value:'"tv"'},{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{b as M,y as a};