@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/TokyoUILibraryExplore-BZ10fOAZ.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M4 4.667 11 7l7-2.333L20 4v6h-2V6.775l-6 2V21.35L5 19l-3-1V4l2 .667Zm6 13.891V8.775l-6-2v9.783l6 2Zm8-3.058a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm2 0c0 .603-.152 1.17-.42 1.665l1.627 1.628-1.414 1.414-1.628-1.628A3.5 3.5 0 1 1 20 15.5Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUILock-Chkf2ogE.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M15 10V7C15 5.34315 13.6569 4 12 4C10.3431 4 9 5.34315 9 7V10H15ZM7 7V10H3V21H21V10H17V7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7ZM5 12H7H17H19V19H5V12ZM14 16.5V14.5H10V16.5H14Z`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUIMessages-z4JOaU4E.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M16 6H8a4 4 0 0 0-4 4v8h12a4 4 0 0 0 4-4v-4a4 4 0 0 0-4-4ZM8 4a6 6 0 0 0-6 6v10h14a6 6 0 0 0 6-6v-4a6 6 0 0 0-6-6H8Zm0 5h8v2H8V9Zm3 4H8v2h3v-2Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUIMinus-DKK-A5EK.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M13 4h-2v7H4v2h7v7h2v-7h7v-2h-7V4Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.createElement(`path`,{d:`M4 11h16v2H4z`})),d=(0,l.forwardRef)(u)}));export{s as i,f as n,o as r,d as t};

package/dist/assets/TokyoUINotebook-DO8t9gWt.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M5 6h14v10H5V6ZM3 18V4h18v14H3Zm19 1H2v1.75h20V19Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUINotesWithPad-DM2X7aVA.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M18 5v2h2V3H9L4 8v13h16v-4h-2v2H6V9h4V5zm-5 12v-2l6-6 2 2-6 6zm-5-6h5v2H8zm3 4H8v2h3z`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUIPhone-Bw5Vf4vA.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M19 1H5v22h14V1Zm-2 2H7v18h10V3Zm-7 1h4v2h-4V4Zm3 13h-2v2h2v-2Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUISettings-D5pBmcYk.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M9 3H6v2H3v4.5h2V7h14v11H5v-2.5H3V20h18V5h-3V3h-3v2H9V3Zm7.414 9.5-.707.707-4 4-1.414-1.414 2.293-2.293H2v-2h10.586l-2.293-2.293 1.414-1.414 4 4 .707.707Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.createElement(`path`,{fillRule:`evenodd`,d:`M8.155 18.66 4.309 12l3.846-6.66h7.69L19.691 12l-3.846 6.66h-7.69ZM2 12l5-8.66h10L22 12l-5 8.66H7L2 12Zm10 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z`,clipRule:`evenodd`})),d=(0,l.forwardRef)(u)}));export{s as i,f as n,o as r,d as t};

package/dist/assets/TokyoUISparkle-C3Cy7wMI.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`m6 3 .81 2.19L9 6l-2.19.81L6 9l-.81-2.19L3 6l2.19-.81L6 3Zm9.43 6.57-1.444-3.905L13 3l-.986 2.665-1.445 3.904-3.904 1.445L4 12l2.665.986 3.904 1.445 1.445 3.904L13 21l.986-2.665 1.445-3.904 3.904-1.445L22 12l-2.665-.986-3.904-1.445ZM16.67 12l-1.881-.696-.798-.295-.295-.798L13 8.331l-.696 1.88-.295.798-.798.295-1.88.696 1.88.696.798.295.295.798.696 1.88.696-1.88.295-.798.798-.295 1.88-.696Zm-9.86 5.19L6 15l-.81 2.19L3 18l2.19.81L6 21l.81-2.19L9 18l-2.19-.81Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUIStarFilled-CYq7gSvg.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M14.221 8.942 12 3 9.778 8.942l-6.338.277 4.964 3.95L6.71 19.28 12 15.78l5.29 3.501-1.695-6.113 4.965-3.95-6.338-.276Zm-1.234 1.699L11.999 8l-.987 2.64-2.817.124 2.207 1.755-.754 2.717L12 13.68l2.352 1.556-.754-2.717 2.207-1.755-2.817-.123Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)})),c,l,u,d,f=t((()=>{c=e(n()),l=e(n()),u=({title:e,titleId:t,...n},r)=>c.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:r,"aria-labelledby":t,...n},e?c.createElement(`title`,{id:t},e):null,c.createElement(`path`,{d:`m12 3 2.221 5.942 6.338.277-4.965 3.95 1.696 6.112L12 15.78l-5.29 3.501 1.695-6.113-4.965-3.95 6.338-.276L11.999 3Z`})),d=(0,l.forwardRef)(u)}));export{s as i,f as n,o as r,d as t};

package/dist/assets/TokyoUITag-Cg8pSiwB.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`m12 21 1.414-1.414 6.172-6.172L21 12l-1.414-1.414L12 3H3v9l7.586 7.586L12 21Zm0-2.828L18.172 12l-7-7H5v6.172l7 7ZM8.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUIUpload-B1wN3uN1.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,d:`M12 5a3.5 3.5 0 0 0-3.5 3.5V10h-2a3 3 0 1 0 0 6v2a5 5 0 0 1 0-10h.022a5.5 5.5 0 0 1 10.956 0h.022a5 5 0 0 1 0 10v-2a3 3 0 1 0 0-6h-2V8.5A3.5 3.5 0 0 0 12 5Zm0 4.586.707.707 4 4-1.414 1.414L13 13.414V21h-2v-7.586l-2.293 2.293-1.414-1.414 4-4L12 9.586Z`,clipRule:`evenodd`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/TokyoUIUser-BxbKTbW_.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";var r,i,a,o,s=t((()=>{r=e(n()),i=e(n()),a=({title:e,titleId:t,...n},i)=>r.createElement(`svg`,{"data-preply-ds-component":`SvgTokyoUIIcon`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,ref:i,"aria-labelledby":t,...n},e?r.createElement(`title`,{id:t},e):null,r.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M20 21H4V14.9863H20V21ZM6 19H18V16.9863H6V19Z`}),r.createElement(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12 3C14.7614 3 17 5.23858 17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3ZM12 5C10.3431 5 9 6.34315 9 8C9 9.65685 10.3431 11 12 11C13.6569 11 15 9.65685 15 8C15 6.34315 13.6569 5 12 5Z`})),o=(0,i.forwardRef)(a)}));export{s as n,o as t};

package/dist/assets/{Tooltip-Cm9bKrYj.css → Tooltip-C5LpnpaC.css}

@@ -1 +1 @@
-.content__gY3d-{background-color:var(--4983fe);color:var(--c2b191);border-radius:var(--5e8be4);padding:var(--590b8d) var(--66b80b);max-width:354px;box-shadow:var(--df7dbb);z-index:var(--ds-tooltip-z-index-override, auto);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f);animation-duration:.15s;animation-timing-function:cubic-bezier(.25,0,.5,1.3);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}.content__gY3d-[data-state=instant-open],.content__gY3d-[data-state=delayed-open]{animation-name:appear__qG9VZ}.content__gY3d-[data-state=closed]{animation-name:disappear__XUTLV}.arrow__PbWtY{fill:var(--4983fe)}@keyframes appear__qG9VZ{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes disappear__XUTLV{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}
+.content__gY3d-{background-color:var(--4983fe);color:var(--c2b191);border-radius:var(--5e8be4);padding:var(--590b8d) var(--66b80b);max-width:354px;box-shadow:var(--df7dbb);z-index:var(--ds-tooltip-z-index-override,auto);font-size:var(--f7d879);font-weight:var(--87a7e3);line-height:var(--1cb31f);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform, opacity;animation-duration:.15s;animation-timing-function:cubic-bezier(.25,0,.5,1.3)}.content__gY3d-[data-state=instant-open],.content__gY3d-[data-state=delayed-open]{animation-name:appear__qG9VZ}.content__gY3d-[data-state=closed]{animation-name:disappear__XUTLV}.arrow__PbWtY{fill:var(--4983fe)}@keyframes appear__qG9VZ{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes disappear__XUTLV{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}

package/dist/assets/Tooltip-IQdlsINh.js

@@ -0,0 +1,9 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{ht as r,t as i}from"./dist-DtfJeYQK.js";import{t as a}from"./jsx-runtime-C2wGStra.js";import{S as o,St as s,_ as c,b as l,g as u,m as d,v as f,x as p,y as m}from"./iframe-f34VuKy-.js";import{n as h,t as g}from"./dist-Cc1j9Pjk.js";var _,v,y,b,x,S=t((()=>{_=`content__gY3d-`,v=`appear__qG9VZ`,y=`disappear__XUTLV`,b=`arrow__PbWtY`,x={content:_,appear:v,disappear:y,arrow:b}})),C,w,T,E,D=t((()=>{C=e(n(),1),c(),S(),d(),i(),g(),w=a(),T=300,E=(0,C.forwardRef)(function({children:e,content:t,side:n=`top`,trigger:i=`hover`,disabled:a=!1,dataset:c,dsInternalSimulation:d,...g},_){let v=u(),y=(0,C.useRef)(0),[b,S]=(0,C.useState)(!1),E=()=>{i!==`hover`&&(y.current=Date.now(),S(!0))},D=()=>{i!==`hover`&&Date.now()-y.current>T&&S(!1)};if(a)return e;let O;O=d===`open`?!0:i===`hover`?void 0:b||void 0;let k=O===void 0?{}:{open:O};return(0,w.jsxs)(p,{...k,delayDuration:300,children:[(0,w.jsx)(s,{ref:_,...g,children:(0,w.jsx)(o,{onTouchStart:E,onTouchEnd:D,tabIndex:0,asChild:!0,children:e})}),(0,w.jsx)(l,{container:v,children:(0,w.jsxs)(m,{side:n,className:x.content,onPointerDownOutside:()=>S(!1),...r(c,{preplyDsComponent:h.Tooltip}),children:[t,(0,w.jsx)(f,{className:x.arrow,width:10,height:6})]})})]})});try{E.displayName=`Tooltip`,E.__docgenInfo={description:`Tooltip component.
+
+The direct child of the component should be html element, DS component,
+or a component that forwards ref and spreads props to the underlying DOM node.`,displayName:`Tooltip`,props:{content:{defaultValue:null,description:``,name:`content`,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`}]}},trigger:{defaultValue:{value:`hover`},description:`Controls how the tooltip can be triggered.
+
+- 'hover' (default): Tooltip appears on hover
+- 'hover-and-touch': Tooltip appears on hover and touch interactions
+
+In both cases tooltip also appears on focus.`,name:`trigger`,required:!1,type:{name:`enum`,value:[{value:`"hover"`},{value:`"hover-and-touch"`}]}},disabled:{defaultValue:{value:`false`},description:`Disables tooltip completely.`,name:`disabled`,required:!1,type:{name:`enum`,value:[{value:`false`},{value:`true`}]}},side:{defaultValue:{value:`top`},description:`Preferred side of the tooltip to appear from. Use if default side might block important content.`,name:`side`,required:!1,type:{name:`enum`,value:[{value:`"top"`},{value:`"bottom"`},{value:`"left"`},{value:`"right"`}]}},dataset:{defaultValue:null,description:``,name:`dataset`,required:!1,type:{name:`enum`,value:[{value:`Dataset`}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:`ref`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`(instance: HTMLElement | null) => void`},{value:`RefObject<HTMLElement>`}]}},key:{defaultValue:null,description:``,name:`key`,required:!1,type:{name:`enum`,value:[{value:`null`},{value:`string`},{value:`number`},{value:`bigint`}]}}}}}catch{}}));export{D as n,E as t};

package/dist/assets/Tooltip.stories-9Tn4uyBh.js

@@ -0,0 +1,93 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./TokyoUIClose-cJyNy-kq.js";import{n as o,t as s}from"./IconButton-CUt4Aks_.js";import{n as c,t as l}from"./TokyoUIInfo-B-CriP10.js";import{n as u,t as d}from"./LayoutFlex-DdWp4cl3.js";import{n as f,t as p}from"./Tooltip-IQdlsINh.js";import{n as m,t as h}from"./TokyoUIFav-D3EBPocg.js";import{n as g,t as _}from"./TokyoUINotebook-DO8t9gWt.js";var v,y,b,x,S,C,w,T,E,D;t((()=>{f(),v=e(n(),1),u(),o(),m(),i(),g(),c(),y=r(),b={title:`Components/Tooltip`,component:p,parameters:{layout:`centered`,docs:{description:{component:`Also see [Composing Popovers](/docs/guides-composing-popovers--docs) for usage with other popovers.`}}},decorators:[e=>(0,y.jsx)(`div`,{style:{margin:`100px 0`},children:e()})]},x={render:()=>(0,y.jsx)(p,{content:`This is a tooltip`,dsInternalSimulation:`open`,children:(0,y.jsx)(s,{variant:`ghost`,svg:(0,y.jsx)(h,{}),assistiveText:`Favorite`})}),name:`Tooltip`},S={render:()=>(0,y.jsx)(p,{content:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`,dsInternalSimulation:`open`,children:(0,y.jsx)(s,{variant:`ghost`,svg:(0,y.jsx)(h,{}),assistiveText:`Favorite`})})},C={parameters:{chromatic:{disableSnapshot:!0}},render:()=>(0,y.jsxs)(d,{gap:`4`,children:[(0,y.jsx)(p,{content:`This is a tooltip`,children:(0,y.jsx)(s,{variant:`ghost`,svg:(0,y.jsx)(h,{}),assistiveText:`Icon button`})}),(0,y.jsx)(p,{content:`This is a tooltip`,children:(0,y.jsx)(s,{variant:`ghost`,svg:(0,y.jsx)(a,{}),assistiveText:`Icon button`})}),(0,y.jsx)(p,{content:`This is a tooltip`,children:(0,y.jsx)(s,{variant:`ghost`,svg:(0,y.jsx)(_,{}),assistiveText:`Icon button`})})]})},w={parameters:{chromatic:{disableSnapshot:!0}},render:()=>(0,y.jsx)(p,{content:`This is a tooltip`,trigger:`hover-and-touch`,children:(0,y.jsx)(s,{variant:`ghost`,svg:(0,y.jsx)(l,{}),assistiveText:`Icon button`})})},T={parameters:{chromatic:{disableSnapshot:!0}},render:()=>(0,y.jsx)(p,{content:`This is a tooltip`,children:(0,y.jsx)((0,v.forwardRef)((e,t)=>(0,y.jsx)(`button`,{...e,ref:t})),{children:`Custom child`})})},E={parameters:{chromatic:{disableSnapshot:!0}},args:{content:`Tooltip content`,children:(0,y.jsx)(s,{svg:(0,y.jsx)(h,{}),assistiveText:`Icon button`}),trigger:`hover`,side:`top`},argTypes:{content:{control:`text`},children:{control:!1},dataset:{control:`object`}}},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  render: () => <Tooltip content="This is a tooltip" dsInternalSimulation="open">
+            <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Favorite" />
+        </Tooltip>,
+  name: 'Tooltip'
+}`,...x.parameters?.docs?.source}}},S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  render: () => <Tooltip content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." dsInternalSimulation="open">
+            <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Favorite" />
+        </Tooltip>
+}`,...S.parameters?.docs?.source}}},C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: () => <LayoutFlex gap="4">
+            <Tooltip content="This is a tooltip">
+                <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Icon button" />
+            </Tooltip>
+            <Tooltip content="This is a tooltip">
+                <IconButton variant="ghost" svg={<TokyoUIClose />} assistiveText="Icon button" />
+            </Tooltip>
+            <Tooltip content="This is a tooltip">
+                <IconButton variant="ghost" svg={<TokyoUINotebook />} assistiveText="Icon button" />
+            </Tooltip>
+        </LayoutFlex>
+}`,...C.parameters?.docs?.source},description:{story:`Tooltips appear after a short delay when hovering the trigger, or instantly when using keyboard focus.
+This delay is called the "warmup period", and it is a global timer, shared by all tooltips.
+Once a tooltip is displayed, other tooltips display immediately. If the user waits for the
+"cooldown period" before hovering another element, the warmup timer restarts.`,...C.parameters?.docs?.description}}},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: () => <Tooltip content="This is a tooltip" trigger="hover-and-touch">
+            <IconButton variant="ghost" svg={<TokyoUIInfo />} assistiveText="Icon button" />
+        </Tooltip>
+}`,...w.parameters?.docs?.source},description:{story:"By default, tooltips only appear on hover and focus. For mobile devices, you can enable touch support\nby setting the `trigger` prop to `hover-and-touch`. When touched, the tooltip will appear and stay\nvisible until the user taps outside of it. Alternatively, user can press and hold, in which case\ntooltip will be hidden immediately after release.",...w.parameters?.docs?.description}}},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  render: () => {
+    const CustomButton = forwardRef<HTMLButtonElement, {
+      children: ReactNode;
+    }>((props, ref) => {
+      return <button {...props} ref={ref} />;
+    });
+    return <Tooltip content="This is a tooltip">
+                <CustomButton>Custom child</CustomButton>
+            </Tooltip>;
+  }
+}`,...T.parameters?.docs?.source},description:{story:`The tooltip works out of the box with html elements and DS components as children.
+
+If you need to wrap a custom component with the tooltip, component should forward
+the ref and spread props to the underlying DOM node:
+
+\`\`\`tsx
+const CustomButton = forwardRef<HTMLButtonElement, { children: ReactNode }>(
+    (props, ref) => {
+        return <button {...props} ref={ref} />;
+    },
+);
+
+<Tooltip content="This is a tooltip">
+    <CustomButton>Custom child</CustomButton>
+</Tooltip>
+\`\`\``,...T.parameters?.docs?.description}}},E.parameters={...E.parameters,docs:{...E.parameters?.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    content: 'Tooltip content',
+    children: <IconButton svg={<TokyoUIFav />} assistiveText="Icon button" />,
+    trigger: 'hover',
+    side: 'top'
+  },
+  argTypes: {
+    content: {
+      control: 'text'
+    },
+    children: {
+      control: false
+    },
+    dataset: {
+      control: 'object'
+    }
+  }
+}`,...E.parameters?.docs?.source}}},D=[`Basic`,`LongContent`,`Delay`,`UsingOnMobile`,`CustomChildComponent`,`Playground`]}))();export{x as Basic,T as CustomChildComponent,C as Delay,S as LongContent,E as Playground,w as UsingOnMobile,D as __namedExportsOrder,b as default};

package/dist/assets/Tooltip.tests.stories-Cr4rBDLb.js

@@ -0,0 +1,65 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./IconButton-CUt4Aks_.js";import{n as o,t as s}from"./Tooltip-IQdlsINh.js";import{n as c,t as l}from"./TokyoUIFav-D3EBPocg.js";var u,d,f,p,m,h,g,_,v,y,b;t((()=>{e(n(),1),o(),i(),c(),u=r(),{within:d,userEvent:f,waitFor:p,fireEvent:m,expect:h,waitForElementToBeRemoved:g}=__STORYBOOK_MODULE_TEST__,_={title:`Components/Tooltip/Tests`,component:s,parameters:{layout:`centered`,controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:[`!autodocs`,`!a11y-test`,`test`],decorators:[e=>(0,u.jsx)(`div`,{style:{margin:`100px 0`},children:e()})],args:{content:`Tooltip content`,dataset:{testid:`tooltip`},children:(0,u.jsx)(a,{svg:(0,u.jsx)(l,{}),assistiveText:`Favorite`})}},v={play:async({canvas:e,step:t})=>{let n=e.getByRole(`button`);await t(`hover trigger element`,async()=>{await f.hover(n)}),await t(`tooltip should be shown`,async()=>{await p(()=>h(e.getByTestId(`tooltip`)).toBeVisible())}),await t(`unhover trigger element`,async()=>{await f.unhover(n),m.pointerMove(document,{clientX:0,clientY:0})}),await t(`tooltip should be hidden`,async()=>{await g(()=>e.queryByTestId(`tooltip`))})}},y={args:{trigger:`hover-and-touch`},play:async({canvasElement:e,step:t})=>{let n=d(e),r=n.getByRole(`button`);await t(`press trigger element`,async()=>{await m.touchStart(r)}),await t(`tooltip should be shown`,async()=>{await p(()=>{h(n.getByTestId(`tooltip`)).toBeInTheDocument()})}),await t(`release trigger element`,async()=>{await m.touchEnd(r)}),await t(`tooltip should be still visible`,async()=>{await p(()=>{h(n.getByTestId(`tooltip`)).toBeInTheDocument()})}),await t(`click outside of tooltip`,async()=>{await f.click(document.body)}),await t(`tooltip should be hidden`,async()=>{await g(()=>n.queryByTestId(`tooltip`))})}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
+  play: async ({
+    canvas,
+    step
+  }) => {
+    const button = canvas.getByRole('button');
+    await step('hover trigger element', async () => {
+      await userEvent.hover(button);
+    });
+    await step('tooltip should be shown', async () => {
+      await waitFor(() => {
+        const tooltip = canvas.getByTestId('tooltip');
+        return expect(tooltip).toBeVisible();
+      });
+    });
+    await step('unhover trigger element', async () => {
+      await userEvent.unhover(button);
+      // Radix Tooltip uses a "grace area" polygon that requires
+      // a pointermove on document to trigger dismissal.
+      // userEvent.unhover doesn't fire this event.
+      fireEvent.pointerMove(document, {
+        clientX: 0,
+        clientY: 0
+      });
+    });
+    await step('tooltip should be hidden', async () => {
+      await waitForElementToBeRemoved(() => canvas.queryByTestId('tooltip'));
+    });
+  }
+}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+  args: {
+    trigger: 'hover-and-touch'
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    const button = canvas.getByRole('button');
+    await step('press trigger element', async () => {
+      await fireEvent.touchStart(button);
+    });
+    await step('tooltip should be shown', async () => {
+      await waitFor(() => {
+        const tooltip = canvas.getByTestId('tooltip');
+        expect(tooltip).toBeInTheDocument();
+      });
+    });
+    await step('release trigger element', async () => {
+      await fireEvent.touchEnd(button);
+    });
+    await step('tooltip should be still visible', async () => {
+      await waitFor(() => {
+        const tooltip = canvas.getByTestId('tooltip');
+        expect(tooltip).toBeInTheDocument();
+      });
+    });
+    await step('click outside of tooltip', async () => {
+      await userEvent.click(document.body);
+    });
+    await step('tooltip should be hidden', async () => {
+      await waitForElementToBeRemoved(() => canvas.queryByTestId('tooltip'));
+    });
+  }
+}`,...y.parameters?.docs?.source}}},b=[`Hover`,`Touch`]}))();export{v as Hover,y as Touch,b as __namedExportsOrder,_ as default};

package/dist/assets/VisuallyHidden-CN0xhFLZ.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";var i,a,o=t((()=>{i=`visuallyHidden__SMp5o`,a={visuallyHidden:i}}));function s({as:e=`span`,children:t}){return(0,c.jsx)(e??`span`,{className:a.visuallyHidden,children:t})}var c,l=t((()=>{e(n(),1),o(),c=r();try{s.displayName=`VisuallyHidden`,s.__docgenInfo={description:`Visually hides content while keeping it accessible to screen readers.`,displayName:`VisuallyHidden`,props:{as:{defaultValue:{value:`span`},description:``,name:`as`,required:!1,type:{name:`enum`,value:[{value:`"div"`},{value:`"span"`}]}}}}}catch{}}));export{l as n,s as t};

package/dist/assets/VisuallyHidden-SLhaLKxx.css

@@ -0,0 +1 @@
+.visuallyHidden__SMp5o{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}

package/dist/assets/WithTooltip-65CFNBJE-B-ngulbF.js

@@ -0,0 +1,9 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{a as n,c as r,i,r as a,s as o}from"./chunk-3LY4VQVK-Di70sXb8.js";import{t as s}from"./react-C7IZe2D1.js";import{t as c}from"./react-dom-CLuuWI32.js";import{O as l,c as u,f as d,k as f,y as p}from"./theming-C7TmxyGw.js";import{n as m,t as h}from"./chunk-242VQQM5-BHHKbgg-.js";function g(e){return e?(e.nodeName||``).toLowerCase():null}function _(e){if(e==null)return window;if(e.toString()!==`[object Window]`){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function v(e){return e instanceof _(e).Element||e instanceof Element}function y(e){return e instanceof _(e).HTMLElement||e instanceof HTMLElement}function b(e){return typeof ShadowRoot>`u`?!1:e instanceof _(e).ShadowRoot||e instanceof ShadowRoot}function x(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var n=t.styles[e]||{},r=t.attributes[e]||{},i=t.elements[e];!y(i)||!g(i)||(Object.assign(i.style,n),Object.keys(r).forEach(function(e){var t=r[e];t===!1?i.removeAttribute(e):i.setAttribute(e,t===!0?``:t)}))})}function S(e){var t=e.state,n={popper:{position:t.options.strategy,left:`0`,top:`0`,margin:`0`},arrow:{position:`absolute`},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach(function(e){var r=t.elements[e],i=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce(function(e,t){return e[t]=``,e},{});!y(r)||!g(r)||(Object.assign(r.style,a),Object.keys(i).forEach(function(e){r.removeAttribute(e)}))})}}function C(e){return e.split(`-`)[0]}function w(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+`/`+e.version}).join(` `):navigator.userAgent}function T(){return!/^((?!chrome|android).)*safari/i.test(w())}function E(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!1);var r=e.getBoundingClientRect(),i=1,a=1;t&&y(e)&&(i=e.offsetWidth>0&&Z(r.width)/e.offsetWidth||1,a=e.offsetHeight>0&&Z(r.height)/e.offsetHeight||1);var o=(v(e)?_(e):window).visualViewport,s=!T()&&n,c=(r.left+(s&&o?o.offsetLeft:0))/i,l=(r.top+(s&&o?o.offsetTop:0))/a,u=r.width/i,d=r.height/a;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c,x:c,y:l}}function D(e){var t=E(e),n=e.offsetWidth,r=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-r)<=1&&(r=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:r}}function O(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&b(n)){var r=t;do{if(r&&e.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}function k(e){return _(e).getComputedStyle(e)}function A(e){return[`table`,`td`,`th`].indexOf(g(e))>=0}function j(e){return((v(e)?e.ownerDocument:e.document)||window.document).documentElement}function M(e){return g(e)===`html`?e:e.assignedSlot||e.parentNode||(b(e)?e.host:null)||j(e)}function N(e){return!y(e)||k(e).position===`fixed`?null:e.offsetParent}function P(e){var t=/firefox/i.test(w());if(/Trident/i.test(w())&&y(e)&&k(e).position===`fixed`)return null;var n=M(e);for(b(n)&&(n=n.host);y(n)&&[`html`,`body`].indexOf(g(n))<0;){var r=k(n);if(r.transform!==`none`||r.perspective!==`none`||r.contain===`paint`||[`transform`,`perspective`].indexOf(r.willChange)!==-1||t&&r.willChange===`filter`||t&&r.filter&&r.filter!==`none`)return n;n=n.parentNode}return null}function F(e){for(var t=_(e),n=N(e);n&&A(n)&&k(n).position===`static`;)n=N(n);return n&&(g(n)===`html`||g(n)===`body`&&k(n).position===`static`)?t:n||P(e)||t}function ee(e){return[`top`,`bottom`].indexOf(e)>=0?`x`:`y`}function I(e,t,n){return X(e,gt(t,n))}function te(e,t,n){var r=I(e,t,n);return r>n?n:r}function ne(){return{top:0,right:0,bottom:0,left:0}}function re(e){return Object.assign({},ne(),e)}function ie(e,t){return t.reduce(function(t,n){return t[n]=e,t},{})}function ae(e){var t,n=e.state,r=e.name,i=e.options,a=n.elements.arrow,o=n.modifiersData.popperOffsets,s=C(n.placement),c=ee(s),l=[J,q].indexOf(s)>=0?`height`:`width`;if(!(!a||!o)){var u=_t(i.padding,n),d=D(a),f=c===`y`?G:J,p=c===`y`?K:q,m=n.rects.reference[l]+n.rects.reference[c]-o[c]-n.rects.popper[l],h=o[c]-n.rects.reference[c],g=F(a),_=g?c===`y`?g.clientHeight||0:g.clientWidth||0:0,v=m/2-h/2,y=u[f],b=_-d[l]-u[p],x=_/2-d[l]/2+v,S=I(y,x,b),w=c;n.modifiersData[r]=(t={},t[w]=S,t.centerOffset=S-x,t)}}function oe(e){var t=e.state,n=e.options.element,r=n===void 0?`[data-popper-arrow]`:n;r!=null&&(typeof r==`string`&&(r=t.elements.popper.querySelector(r),!r)||O(t.elements.popper,r)&&(t.elements.arrow=r))}function L(e){return e.split(`-`)[1]}function se(e,t){var n=e.x,r=e.y,i=t.devicePixelRatio||1;return{x:Z(n*i)/i||0,y:Z(r*i)/i||0}}function ce(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,o=e.offsets,s=e.position,c=e.gpuAcceleration,l=e.adaptive,u=e.roundOffsets,d=e.isFixed,f=o.x,p=f===void 0?0:f,m=o.y,h=m===void 0?0:m,g=typeof u==`function`?u({x:p,y:h}):{x:p,y:h};p=g.x,h=g.y;var v=o.hasOwnProperty(`x`),y=o.hasOwnProperty(`y`),b=J,x=G,S=window;if(l){var C=F(n),w=`clientHeight`,T=`clientWidth`;if(C===_(n)&&(C=j(n),k(C).position!==`static`&&s===`absolute`&&(w=`scrollHeight`,T=`scrollWidth`)),C=C,i===G||(i===J||i===q)&&a===st){x=K;var E=d&&C===S&&S.visualViewport?S.visualViewport.height:C[w];h-=E-r.height,h*=c?1:-1}if(i===J||(i===G||i===K)&&a===st){b=q;var D=d&&C===S&&S.visualViewport?S.visualViewport.width:C[T];p-=D-r.width,p*=c?1:-1}}var O=Object.assign({position:s},l&&yt),A=u===!0?se({x:p,y:h},_(n)):{x:p,y:h};if(p=A.x,h=A.y,c){var M;return Object.assign({},O,(M={},M[x]=y?`0`:``,M[b]=v?`0`:``,M.transform=(S.devicePixelRatio||1)<=1?`translate(`+p+`px, `+h+`px)`:`translate3d(`+p+`px, `+h+`px, 0)`,M))}return Object.assign({},O,(t={},t[x]=y?h+`px`:``,t[b]=v?p+`px`:``,t.transform=``,t))}function le(e){var t=e.state,n=e.options,r=n.gpuAcceleration,i=r===void 0?!0:r,a=n.adaptive,o=a===void 0?!0:a,s=n.roundOffsets,c=s===void 0?!0:s,l={placement:C(t.placement),variation:L(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy===`fixed`};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,ce(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:c})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,ce(Object.assign({},l,{offsets:t.modifiersData.arrow,position:`absolute`,adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}function ue(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=i===void 0?!0:i,o=r.resize,s=o===void 0?!0:o,c=_(t.elements.popper),l=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&l.forEach(function(e){e.addEventListener(`scroll`,n.update,xt)}),s&&c.addEventListener(`resize`,n.update,xt),function(){a&&l.forEach(function(e){e.removeEventListener(`scroll`,n.update,xt)}),s&&c.removeEventListener(`resize`,n.update,xt)}}function R(e){return e.replace(/left|right|bottom|top/g,function(e){return Ct[e]})}function de(e){return e.replace(/start|end/g,function(e){return wt[e]})}function z(e){var t=_(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function fe(e){return E(j(e)).left+z(e).scrollLeft}function pe(e,t){var n=_(e),r=j(e),i=n.visualViewport,a=r.clientWidth,o=r.clientHeight,s=0,c=0;if(i){a=i.width,o=i.height;var l=T();(l||!l&&t===`fixed`)&&(s=i.offsetLeft,c=i.offsetTop)}return{width:a,height:o,x:s+fe(e),y:c}}function me(e){var t=j(e),n=z(e),r=e.ownerDocument?.body,i=X(t.scrollWidth,t.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=X(t.scrollHeight,t.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),o=-n.scrollLeft+fe(e),s=-n.scrollTop;return k(r||t).direction===`rtl`&&(o+=X(t.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:o,y:s}}function he(e){var t=k(e),n=t.overflow,r=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+i+r)}function ge(e){return[`html`,`body`,`#document`].indexOf(g(e))>=0?e.ownerDocument.body:y(e)&&he(e)?e:ge(M(e))}function B(e,t){t===void 0&&(t=[]);var n=ge(e),r=n===e.ownerDocument?.body,i=_(n),a=r?[i].concat(i.visualViewport||[],he(n)?n:[]):n,o=t.concat(a);return r?o:o.concat(B(M(a)))}function _e(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function ve(e,t){var n=E(e,!1,t===`fixed`);return n.top+=e.clientTop,n.left+=e.clientLeft,n.bottom=n.top+e.clientHeight,n.right=n.left+e.clientWidth,n.width=e.clientWidth,n.height=e.clientHeight,n.x=n.left,n.y=n.top,n}function ye(e,t,n){return t===lt?_e(pe(e,n)):v(t)?ve(t,n):_e(me(j(e)))}function be(e){var t=B(M(e)),n=[`absolute`,`fixed`].indexOf(k(e).position)>=0&&y(e)?F(e):e;return v(n)?t.filter(function(e){return v(e)&&O(e,n)&&g(e)!==`body`}):[]}function V(e,t,n,r){var i=t===`clippingParents`?be(e):[].concat(t),a=[].concat(i,[n]),o=a[0],s=a.reduce(function(t,n){var i=ye(e,n,r);return t.top=X(i.top,t.top),t.right=gt(i.right,t.right),t.bottom=gt(i.bottom,t.bottom),t.left=X(i.left,t.left),t},ye(e,o,r));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function H(e){var t=e.reference,n=e.element,r=e.placement,i=r?C(r):null,a=r?L(r):null,o=t.x+t.width/2-n.width/2,s=t.y+t.height/2-n.height/2,c;switch(i){case G:c={x:o,y:t.y-n.height};break;case K:c={x:o,y:t.y+t.height};break;case q:c={x:t.x+t.width,y:s};break;case J:c={x:t.x-n.width,y:s};break;default:c={x:t.x,y:t.y}}var l=i?ee(i):null;if(l!=null){var u=l===`y`?`height`:`width`;switch(a){case Y:c[l]=c[l]-(t[u]/2-n[u]/2);break;case st:c[l]=c[l]+(t[u]/2-n[u]/2);break;default:}}return c}function xe(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=r===void 0?e.placement:r,a=n.strategy,o=a===void 0?e.strategy:a,s=n.boundary,c=s===void 0?ct:s,l=n.rootBoundary,u=l===void 0?lt:l,d=n.elementContext,f=d===void 0?ut:d,p=n.altBoundary,m=p===void 0?!1:p,h=n.padding,g=h===void 0?0:h,_=re(typeof g==`number`?ie(g,ot):g),y=f===ut?dt:ut,b=e.rects.popper,x=e.elements[m?y:f],S=V(v(x)?x:x.contextElement||j(e.elements.popper),c,u,o),C=E(e.elements.reference),w=H({reference:C,element:b,strategy:`absolute`,placement:i}),T=_e(Object.assign({},b,w)),D=f===ut?T:C,O={top:S.top-D.top+_.top,bottom:D.bottom-S.bottom+_.bottom,left:S.left-D.left+_.left,right:D.right-S.right+_.right},k=e.modifiersData.offset;if(f===ut&&k){var A=k[i];Object.keys(O).forEach(function(e){var t=[q,K].indexOf(e)>=0?1:-1,n=[G,K].indexOf(e)>=0?`y`:`x`;O[e]+=A[n]*t})}return O}function Se(e,t){t===void 0&&(t={});var n=t,r=n.placement,i=n.boundary,a=n.rootBoundary,o=n.padding,s=n.flipVariations,c=n.allowedAutoPlacements,l=c===void 0?pt:c,u=L(r),d=u?s?ft:ft.filter(function(e){return L(e)===u}):ot,f=d.filter(function(e){return l.indexOf(e)>=0});f.length===0&&(f=d);var p=f.reduce(function(t,n){return t[n]=xe(e,{placement:n,boundary:i,rootBoundary:a,padding:o})[C(n)],t},{});return Object.keys(p).sort(function(e,t){return p[e]-p[t]})}function Ce(e){if(C(e)===at)return[];var t=R(e);return[de(e),t,de(t)]}function we(e){var t=e.state,n=e.options,r=e.name;if(!t.modifiersData[r]._skip){for(var i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!0:o,c=n.fallbackPlacements,l=n.padding,u=n.boundary,d=n.rootBoundary,f=n.altBoundary,p=n.flipVariations,m=p===void 0?!0:p,h=n.allowedAutoPlacements,g=t.options.placement,_=C(g)===g,v=c||(_||!m?[R(g)]:Ce(g)),y=[g].concat(v).reduce(function(e,n){return e.concat(C(n)===at?Se(t,{placement:n,boundary:u,rootBoundary:d,padding:l,flipVariations:m,allowedAutoPlacements:h}):n)},[]),b=t.rects.reference,x=t.rects.popper,S=new Map,w=!0,T=y[0],E=0;E<y.length;E++){var D=y[E],O=C(D),k=L(D)===Y,A=[G,K].indexOf(O)>=0,j=A?`width`:`height`,M=xe(t,{placement:D,boundary:u,rootBoundary:d,altBoundary:f,padding:l}),N=A?k?q:J:k?K:G;b[j]>x[j]&&(N=R(N));var P=R(N),F=[];if(a&&F.push(M[O]<=0),s&&F.push(M[N]<=0,M[P]<=0),F.every(function(e){return e})){T=D,w=!1;break}S.set(D,F)}if(w)for(var ee=m?3:1,I=function(e){var t=y.find(function(t){var n=S.get(t);if(n)return n.slice(0,e).every(function(e){return e})});if(t)return T=t,`break`},te=ee;te>0&&I(te)!==`break`;te--);t.placement!==T&&(t.modifiersData[r]._skip=!0,t.placement=T,t.reset=!0)}}function Te(e,t,n){return n===void 0&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function Ee(e){return[G,q,K,J].some(function(t){return e[t]>=0})}function De(e){var t=e.state,n=e.name,r=t.rects.reference,i=t.rects.popper,a=t.modifiersData.preventOverflow,o=xe(t,{elementContext:`reference`}),s=xe(t,{altBoundary:!0}),c=Te(o,r),l=Te(s,i,a),u=Ee(c),d=Ee(l);t.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:d},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":d})}function Oe(e,t,n){var r=C(e),i=[J,G].indexOf(r)>=0?-1:1,a=typeof n==`function`?n(Object.assign({},t,{placement:e})):n,o=a[0],s=a[1];return o||=0,s=(s||0)*i,[J,q].indexOf(r)>=0?{x:s,y:o}:{x:o,y:s}}function ke(e){var t=e.state,n=e.options,r=e.name,i=n.offset,a=i===void 0?[0,0]:i,o=pt.reduce(function(e,n){return e[n]=Oe(n,t.rects,a),e},{}),s=o[t.placement],c=s.x,l=s.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[r]=o}function Ae(e){var t=e.state,n=e.name;t.modifiersData[n]=H({reference:t.rects.reference,element:t.rects.popper,strategy:`absolute`,placement:t.placement})}function je(e){return e===`x`?`y`:`x`}function Me(e){var t=e.state,n=e.options,r=e.name,i=n.mainAxis,a=i===void 0?!0:i,o=n.altAxis,s=o===void 0?!1:o,c=n.boundary,l=n.rootBoundary,u=n.altBoundary,d=n.padding,f=n.tether,p=f===void 0?!0:f,m=n.tetherOffset,h=m===void 0?0:m,g=xe(t,{boundary:c,rootBoundary:l,padding:d,altBoundary:u}),_=C(t.placement),v=L(t.placement),y=!v,b=ee(_),x=je(b),S=t.modifiersData.popperOffsets,w=t.rects.reference,T=t.rects.popper,E=typeof h==`function`?h(Object.assign({},t.rects,{placement:t.placement})):h,O=typeof E==`number`?{mainAxis:E,altAxis:E}:Object.assign({mainAxis:0,altAxis:0},E),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,A={x:0,y:0};if(S){if(a){var j=b===`y`?G:J,M=b===`y`?K:q,N=b===`y`?`height`:`width`,P=S[b],re=P+g[j],ie=P-g[M],ae=p?-T[N]/2:0,oe=v===Y?w[N]:T[N],se=v===Y?-T[N]:-w[N],ce=t.elements.arrow,le=p&&ce?D(ce):{width:0,height:0},ue=t.modifiersData[`arrow#persistent`]?t.modifiersData[`arrow#persistent`].padding:ne(),R=ue[j],de=ue[M],z=I(0,w[N],le[N]),fe=y?w[N]/2-ae-z-R-O.mainAxis:oe-z-R-O.mainAxis,pe=y?-w[N]/2+ae+z+de+O.mainAxis:se+z+de+O.mainAxis,me=t.elements.arrow&&F(t.elements.arrow),he=me?b===`y`?me.clientTop||0:me.clientLeft||0:0,ge=k?.[b]??0,B=P+fe-ge-he,_e=P+pe-ge,ve=I(p?gt(re,B):re,P,p?X(ie,_e):ie);S[b]=ve,A[b]=ve-P}if(s){var ye=b===`x`?G:J,be=b===`x`?K:q,V=S[x],H=x===`y`?`height`:`width`,Se=V+g[ye],Ce=V-g[be],we=[G,J].indexOf(_)!==-1,Te=k?.[x]??0,Ee=we?Se:V-w[H]-T[H]-Te+O.altAxis,De=we?V+w[H]+T[H]-Te-O.altAxis:Ce,Oe=p&&we?te(Ee,V,De):I(p?Ee:Se,V,p?De:Ce);S[x]=Oe,A[x]=Oe-V}t.modifiersData[r]=A}}function Ne(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Pe(e){return e===_(e)||!y(e)?z(e):Ne(e)}function Fe(e){var t=e.getBoundingClientRect(),n=Z(t.width)/e.offsetWidth||1,r=Z(t.height)/e.offsetHeight||1;return n!==1||r!==1}function Ie(e,t,n){n===void 0&&(n=!1);var r=y(t),i=y(t)&&Fe(t),a=j(t),o=E(e,i,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&((g(t)!==`body`||he(a))&&(s=Pe(t)),y(t)?(c=E(t,!0),c.x+=t.clientLeft,c.y+=t.clientTop):a&&(c.x=fe(a))),{x:o.left+s.scrollLeft-c.x,y:o.top+s.scrollTop-c.y,width:o.width,height:o.height}}function Le(e){var t=new Map,n=new Set,r=[];e.forEach(function(e){t.set(e.name,e)});function i(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!n.has(e)){var r=t.get(e);r&&i(r)}}),r.push(e)}return e.forEach(function(e){n.has(e.name)||i(e)}),r}function Re(e){var t=Le(e);return mt.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}function ze(e){var t;return function(){return t||=new Promise(function(n){Promise.resolve().then(function(){t=void 0,n(e())})}),t}}function Be(e){var t=e.reduce(function(e,t){var n=e[t.name];return e[t.name]=n?Object.assign({},n,t,{options:Object.assign({},n.options,t.options),data:Object.assign({},n.data,t.data)}):t,e},{});return Object.keys(t).map(function(e){return t[e]})}function Ve(){return![...arguments].some(function(e){return!(e&&typeof e.getBoundingClientRect==`function`)})}function He(e){e===void 0&&(e={});var t=e,n=t.defaultModifiers,r=n===void 0?[]:n,i=t.defaultOptions,a=i===void 0?At:i;return function(e,t,n){n===void 0&&(n=a);var i={placement:`bottom`,orderedModifiers:[],options:Object.assign({},At,a),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},o=[],s=!1,c={state:i,setOptions:function(n){var o=typeof n==`function`?n(i.options):n;u(),i.options=Object.assign({},a,i.options,o),i.scrollParents={reference:v(e)?B(e):e.contextElement?B(e.contextElement):[],popper:B(t)};var s=Re(Be([].concat(r,i.options.modifiers)));return i.orderedModifiers=s.filter(function(e){return e.enabled}),l(),c.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,n=e.popper;if(Ve(t,n)){i.rects={reference:Ie(t,F(n),i.options.strategy===`fixed`),popper:D(n)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(e){return i.modifiersData[e.name]=Object.assign({},e.data)});for(var r=0;r<i.orderedModifiers.length;r++){if(i.reset===!0){i.reset=!1,r=-1;continue}var a=i.orderedModifiers[r],o=a.fn,l=a.options,u=l===void 0?{}:l,d=a.name;typeof o==`function`&&(i=o({state:i,options:u,name:d,instance:c})||i)}}}},update:ze(function(){return new Promise(function(e){c.forceUpdate(),e(i)})}),destroy:function(){u(),s=!0}};if(!Ve(e,t))return c;c.setOptions(n).then(function(e){!s&&n.onFirstUpdate&&n.onFirstUpdate(e)});function l(){i.orderedModifiers.forEach(function(e){var t=e.name,n=e.options,r=n===void 0?{}:n,a=e.effect;if(typeof a==`function`){var s=a({state:i,name:t,instance:c,options:r});o.push(s||function(){})}})}function u(){o.forEach(function(e){return e()}),o=[]}return c}}function Ue(e){var t=W.useRef(e);return t.current=e,W.useCallback(function(){return t.current},[])}function We(e){var t=e.initial,n=e.value,r=e.onChange,i=r===void 0?Ft:r;if(t===void 0&&n===void 0)throw TypeError(`Either "value" or "initial" variable must be set. Now both are undefined`);var a=W.useState(t),o=a[0],s=a[1],c=Ue(o),l=W.useCallback(function(e){var t=c(),n=typeof e==`function`?e(t):e;typeof n.persist==`function`&&n.persist(),s(n),typeof i==`function`&&i(n)},[c,i]),u=n!==void 0;return[u?n:o,u?i:l]}function Ge(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}function Ke(e,t){var n,r,i;e===void 0&&(e={}),t===void 0&&(t={});var a=Object.keys(Rt).reduce(function(e,t){var n;return l({},e,(n={},n[t]=e[t]===void 0?Rt[t]:e[t],n))},e),o=W.useMemo(function(){return[{name:`offset`,options:{offset:a.offset}}]},Array.isArray(a.offset)?a.offset:[]),s=l({},t,{placement:t.placement||a.placement,modifiers:t.modifiers||o}),c=W.useState(null),u=c[0],d=c[1],f=W.useState(null),p=f[0],m=f[1],g=We({initial:a.defaultVisible,value:a.visible,onChange:a.onVisibleChange}),_=g[0],v=g[1],y=W.useRef();W.useEffect(function(){return function(){return clearTimeout(y.current)}},[]);var b=Pt(a.followCursor?Lt:u,p,s),x=b.styles,S=b.attributes,C=h(b,It),w=C.update,T=Ue({visible:_,triggerRef:u,tooltipRef:p,finalConfig:a}),E=W.useCallback(function(e){return Array.isArray(a.trigger)?a.trigger.includes(e):a.trigger===e},Array.isArray(a.trigger)?a.trigger:[a.trigger]),D=W.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!1)},a.delayHide)},[a.delayHide,v]),O=W.useCallback(function(){clearTimeout(y.current),y.current=window.setTimeout(function(){return v(!0)},a.delayShow)},[a.delayShow,v]),k=W.useCallback(function(){T().visible?D():O()},[T,D,O]);W.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var e=function(e){var t,n=T(),r=n.tooltipRef,i=n.triggerRef,a=(e.composedPath==null||(t=e.composedPath())==null?void 0:t[0])||e.target;a instanceof Node&&r!=null&&i!=null&&!r.contains(a)&&!i.contains(a)&&D()};return document.addEventListener(`mousedown`,e),function(){return document.removeEventListener(`mousedown`,e)}}},[T,D]),W.useEffect(function(){if(!(u==null||!E(`click`)))return u.addEventListener(`click`,k),function(){return u.removeEventListener(`click`,k)}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`double-click`)))return u.addEventListener(`dblclick`,k),function(){return u.removeEventListener(`dblclick`,k)}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`right-click`))){var e=function(e){e.preventDefault(),k()};return u.addEventListener(`contextmenu`,e),function(){return u.removeEventListener(`contextmenu`,e)}}},[u,E,k]),W.useEffect(function(){if(!(u==null||!E(`focus`)))return u.addEventListener(`focus`,O),u.addEventListener(`blur`,D),function(){u.removeEventListener(`focus`,O),u.removeEventListener(`blur`,D)}},[u,E,O,D]),W.useEffect(function(){if(!(u==null||!E(`hover`)))return u.addEventListener(`mouseenter`,O),u.addEventListener(`mouseleave`,D),function(){u.removeEventListener(`mouseenter`,O),u.removeEventListener(`mouseleave`,D)}},[u,E,O,D]),W.useEffect(function(){if(!(p==null||!E(`hover`)||!T().finalConfig.interactive))return p.addEventListener(`mouseenter`,O),p.addEventListener(`mouseleave`,D),function(){p.removeEventListener(`mouseenter`,O),p.removeEventListener(`mouseleave`,D)}},[p,E,O,D,T]);var A=C==null||(n=C.state)==null||(r=n.modifiersData)==null||(i=r.hide)==null?void 0:i.isReferenceHidden;return W.useEffect(function(){a.closeOnTriggerHidden&&A&&D()},[a.closeOnTriggerHidden,D,A]),W.useEffect(function(){if(!a.followCursor||u==null)return;function e(e){var t=e.clientX,n=e.clientY;Lt.getBoundingClientRect=Ge(t,n),w?.()}return u.addEventListener(`mousemove`,e),function(){return u.removeEventListener(`mousemove`,e)}},[a.followCursor,u,w]),W.useEffect(function(){if(!(p==null||w==null||a.mutationObserverOptions==null)){var e=new MutationObserver(w);return e.observe(p,a.mutationObserverOptions),function(){return e.disconnect()}}},[a.mutationObserverOptions,p,w]),l({getArrowProps:function(e){return e===void 0&&(e={}),l({},e,S.arrow,{style:l({},e.style,x.arrow),"data-popper-arrow":!0})},getTooltipProps:function(e){return e===void 0&&(e={}),l({},e,{style:l({},e.style,x.popper)},S.popper,{"data-popper-interactive":a.interactive})},setTooltipRef:m,setTriggerRef:d,tooltipRef:p,triggerRef:u,visible:_},C)}var U,qe,W,Je,Ye,Xe,Ze,Qe,$e,et,tt,nt,rt,it,G,K,q,J,at,ot,Y,st,ct,lt,ut,dt,ft,pt,mt,ht,X,gt,Z,_t,vt,yt,bt,xt,St,Ct,wt,Tt,Et,Dt,Ot,kt,At,jt,Mt,Nt,Pt,Ft,It,Lt,Rt,zt,Q,$,Bt,Vt,Ht,Ut,Wt,Gt,Kt,qt;t((()=>{m(),f(),a(),r(),U=e(s(),1),qe=e(c(),1),W=e(s(),1),e(s(),1),Je=e(s(),1),Ye=e(s(),1),Xe=e(s(),1),Ze=e(c(),1),e(s(),1),u(),Qe=n({"../../node_modules/react-fast-compare/index.js"(e,t){var n=typeof Element<`u`,r=typeof Map==`function`,i=typeof Set==`function`,a=typeof ArrayBuffer==`function`&&!!ArrayBuffer.isView;function o(e,t){if(e===t)return!0;if(e&&t&&typeof e==`object`&&typeof t==`object`){if(e.constructor!==t.constructor)return!1;var s,c,l;if(Array.isArray(e)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(!o(e[c],t[c]))return!1;return!0}var u;if(r&&e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;for(u=e.entries();!(c=u.next()).done;)if(!o(c.value[1],t.get(c.value[0])))return!1;return!0}if(i&&e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(u=e.entries();!(c=u.next()).done;)if(!t.has(c.value[0]))return!1;return!0}if(a&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(t)){if(s=e.length,s!=t.length)return!1;for(c=s;c--!==0;)if(e[c]!==t[c])return!1;return!0}if(e.constructor===RegExp)return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf&&typeof e.valueOf==`function`&&typeof t.valueOf==`function`)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString&&typeof e.toString==`function`&&typeof t.toString==`function`)return e.toString()===t.toString();if(l=Object.keys(e),s=l.length,s!==Object.keys(t).length)return!1;for(c=s;c--!==0;)if(!Object.prototype.hasOwnProperty.call(t,l[c]))return!1;if(n&&e instanceof Element)return!1;for(c=s;c--!==0;)if(!((l[c]===`_owner`||l[c]===`__v`||l[c]===`__o`)&&e.$$typeof)&&!o(e[l[c]],t[l[c]]))return!1;return!0}return e!==e&&t!==t}t.exports=function(e,t){try{return o(e,t)}catch(e){if((e.message||``).match(/stack|recursion/i))return console.warn(`react-fast-compare cannot handle circular refs`),!1;throw e}}}}),$e=n({"../../node_modules/warning/warning.js"(e,t){var n=!1,r=function(){};n&&(i=function(e,t){var n=arguments.length;t=Array(n>1?n-1:0);for(var r=1;r<n;r++)t[r-1]=arguments[r];var i=0,a=`Warning: `+e.replace(/%s/g,function(){return t[i++]});typeof console<`u`&&console.error(a);try{throw Error(a)}catch{}},r=function(e,t,n){var r=arguments.length;n=Array(r>2?r-2:0);for(var a=2;a<r;a++)n[a-2]=arguments[a];if(t===void 0)throw Error("`warning(condition, format, ...args)` requires a warning message argument");e||i.apply(null,[t].concat(n))});var i;t.exports=r}}),et=o(i(),1),{deprecate:tt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:nt}=__STORYBOOK_MODULE_GLOBAL__,Je.createContext(),Je.createContext(),rt=function(e){return e.reduce(function(e,t){var n=t[0];return e[n]=t[1],e},{})},it=typeof window<`u`&&window.document&&window.document.createElement?Ye.useLayoutEffect:Ye.useEffect,G=`top`,K=`bottom`,q=`right`,J=`left`,at=`auto`,ot=[G,K,q,J],Y=`start`,st=`end`,ct=`clippingParents`,lt=`viewport`,ut=`popper`,dt=`reference`,ft=ot.reduce(function(e,t){return e.concat([t+`-`+Y,t+`-`+st])},[]),pt=[].concat(ot,[at]).reduce(function(e,t){return e.concat([t,t+`-`+Y,t+`-`+st])},[]),mt=[`beforeRead`,`read`,`afterRead`,`beforeMain`,`main`,`afterMain`,`beforeWrite`,`write`,`afterWrite`],ht={name:`applyStyles`,enabled:!0,phase:`write`,fn:x,effect:S,requires:[`computeStyles`]},X=Math.max,gt=Math.min,Z=Math.round,_t=function(e,t){return e=typeof e==`function`?e(Object.assign({},t.rects,{placement:t.placement})):e,re(typeof e==`number`?ie(e,ot):e)},vt={name:`arrow`,enabled:!0,phase:`main`,fn:ae,effect:oe,requires:[`popperOffsets`],requiresIfExists:[`preventOverflow`]},yt={top:`auto`,right:`auto`,bottom:`auto`,left:`auto`},bt={name:`computeStyles`,enabled:!0,phase:`beforeWrite`,fn:le,data:{}},xt={passive:!0},St={name:`eventListeners`,enabled:!0,phase:`write`,fn:function(){},effect:ue,data:{}},Ct={left:`right`,right:`left`,bottom:`top`,top:`bottom`},wt={start:`end`,end:`start`},Tt={name:`flip`,enabled:!0,phase:`main`,fn:we,requiresIfExists:[`offset`],data:{_skip:!1}},Et={name:`hide`,enabled:!0,phase:`main`,requiresIfExists:[`preventOverflow`],fn:De},Dt={name:`offset`,enabled:!0,phase:`main`,requires:[`popperOffsets`],fn:ke},Ot={name:`popperOffsets`,enabled:!0,phase:`read`,fn:Ae,data:{}},kt={name:`preventOverflow`,enabled:!0,phase:`main`,fn:Me,requiresIfExists:[`offset`]},At={placement:`bottom`,modifiers:[],strategy:`absolute`},He(),He({defaultModifiers:[St,Ot,bt,ht]}),jt=He({defaultModifiers:[St,Ot,bt,ht,Dt,Tt,kt,vt,Et]}),Mt=o(Qe()),Nt=[],Pt=function(e,t,n){n===void 0&&(n={});var r=Xe.useRef(null),i={onFirstUpdate:n.onFirstUpdate,placement:n.placement||`bottom`,strategy:n.strategy||`absolute`,modifiers:n.modifiers||Nt},a=Xe.useState({styles:{popper:{position:i.strategy,left:`0`,top:`0`},arrow:{position:`absolute`}},attributes:{}}),o=a[0],s=a[1],c=Xe.useMemo(function(){return{name:`updateState`,enabled:!0,phase:`write`,fn:function(e){var t=e.state,n=Object.keys(t.elements);Ze.flushSync(function(){s({styles:rt(n.map(function(e){return[e,t.styles[e]||{}]})),attributes:rt(n.map(function(e){return[e,t.attributes[e]]}))})})},requires:[`computeStyles`]}},[]),l=Xe.useMemo(function(){var e={onFirstUpdate:i.onFirstUpdate,placement:i.placement,strategy:i.strategy,modifiers:[].concat(i.modifiers,[c,{name:`applyStyles`,enabled:!1}])};return(0,Mt.default)(r.current,e)?r.current||e:(r.current=e,e)},[i.onFirstUpdate,i.placement,i.strategy,i.modifiers,c]),u=Xe.useRef();return it(function(){u.current&&u.current.setOptions(l)},[l]),it(function(){if(!(e==null||t==null)){var r=(n.createPopper||jt)(e,t,l);return u.current=r,function(){r.destroy(),u.current=null}}},[e,t,n.createPopper]),{state:u.current?u.current.state:null,styles:o.styles,attributes:o.attributes,update:u.current?u.current.update:null,forceUpdate:u.current?u.current.forceUpdate:null}},o($e()),Ft=function(){},It=[`styles`,`attributes`],Lt={getBoundingClientRect:Ge()},Rt={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:`hover`},{document:zt}=nt,Q=(0,et.default)(1e3)((e,t,n,r=0)=>t.split(`-`)[0]===e?n:r),$=8,Bt=d.div({position:`absolute`,borderStyle:`solid`},({placement:e})=>{let t=0,n=0;switch(!0){case e.startsWith(`left`)||e.startsWith(`right`):n=8;break;case e.startsWith(`top`)||e.startsWith(`bottom`):t=8;break;default:}return{transform:`translate3d(${t}px, ${n}px, 0px)`}},({theme:e,color:t,placement:n})=>({bottom:`${Q(`top`,n,`${$*-1}px`,`auto`)}`,top:`${Q(`bottom`,n,`${$*-1}px`,`auto`)}`,right:`${Q(`left`,n,`${$*-1}px`,`auto`)}`,left:`${Q(`right`,n,`${$*-1}px`,`auto`)}`,borderBottomWidth:`${Q(`top`,n,`0`,$)}px`,borderTopWidth:`${Q(`bottom`,n,`0`,$)}px`,borderRightWidth:`${Q(`left`,n,`0`,$)}px`,borderLeftWidth:`${Q(`right`,n,`0`,$)}px`,borderTopColor:Q(`top`,n,e.color[t]||t||e.base===`light`?p(e.background.app):e.background.app,`transparent`),borderBottomColor:Q(`bottom`,n,e.color[t]||t||e.base===`light`?p(e.background.app):e.background.app,`transparent`),borderLeftColor:Q(`left`,n,e.color[t]||t||e.base===`light`?p(e.background.app):e.background.app,`transparent`),borderRightColor:Q(`right`,n,e.color[t]||t||e.base===`light`?p(e.background.app):e.background.app,`transparent`)})),Vt=d.div(({hidden:e})=>({display:e?`none`:`inline-block`,zIndex:2147483647,colorScheme:`light dark`}),({theme:e,color:t,hasChrome:n})=>n?{background:t&&e.color[t]||t||e.base===`light`?p(e.background.app):e.background.app,filter:`
+            drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
+            drop-shadow(0 1px 3px rgba(0,0,0,0.1))
+          `,borderRadius:e.appBorderRadius+2,fontSize:e.typography.size.s1}:{}),Ht=U.forwardRef(({placement:e=`top`,hasChrome:t=!0,children:n,arrowProps:r={},tooltipRef:i,color:a,withArrows:o,...s},c)=>U.createElement(Vt,{"data-testid":`tooltip`,hasChrome:t,ref:c,...s,color:a},t&&o&&U.createElement(Bt,{placement:e,...r,color:a}),n)),Ht.displayName=`Tooltip`,Ut=d.div`
+  display: inline-block;
+  cursor: ${e=>e.trigger===`hover`||e.trigger?.includes(`hover`)?`default`:`pointer`};
+`,Wt=d.g`
+  cursor: ${e=>e.trigger===`hover`||e.trigger?.includes(`hover`)?`default`:`pointer`};
+`,Gt=({svg:e=!1,trigger:t=`click`,closeOnOutsideClick:n=!1,placement:r=`top`,modifiers:i=[{name:`preventOverflow`,options:{padding:8}},{name:`offset`,options:{offset:[8,8]}},{name:`arrow`,options:{padding:8}}],hasChrome:a=!0,defaultVisible:o=!1,withArrows:s,offset:c,tooltip:l,children:u,closeOnTriggerHidden:d,mutationObserverOptions:f,delayHide:p=t===`hover`?200:0,visible:m,interactive:h,delayShow:g=t===`hover`?400:0,strategy:_,followCursor:v,onVisibleChange:y,portalContainer:b,...x})=>{let S=e?Wt:Ut,{getArrowProps:C,getTooltipProps:w,setTooltipRef:T,setTriggerRef:E,visible:D,state:O}=Ke({trigger:t,placement:r,defaultVisible:o,delayHide:p,interactive:h,closeOnOutsideClick:n,closeOnTriggerHidden:d,onVisibleChange:y,delayShow:g,followCursor:v,mutationObserverOptions:f,visible:m,offset:c},{modifiers:i,strategy:_}),k=(typeof b==`string`?zt.querySelector(b):b)||zt.body,A=D?U.createElement(Ht,{placement:O?.placement,ref:T,hasChrome:a,arrowProps:C(),withArrows:s,...w()},typeof l==`function`?l({onHide:()=>y(!1)}):l):null;return U.createElement(U.Fragment,null,U.createElement(S,{trigger:t,ref:E,...x},u),D&&qe.createPortal(A,k))},Kt=({startOpen:e=!1,onVisibleChange:t,...n})=>{let[r,i]=(0,U.useState)(e),a=(0,U.useCallback)(e=>{t&&t(e)===!1||i(e)},[t]);return(0,U.useEffect)(()=>{let e=()=>a(!1),t=t=>{t.key===`Escape`&&e()};zt.addEventListener(`keydown`,t,!1);let n=Array.from(zt.getElementsByTagName(`iframe`)),r=[];return n.forEach(t=>{let n=()=>{try{t.contentWindow.document&&(t.contentWindow.document.addEventListener(`click`,e),r.push(()=>{try{t.contentWindow.document.removeEventListener(`click`,e)}catch{}}))}catch{}};n(),t.addEventListener(`load`,n),r.push(()=>{t.removeEventListener(`load`,n)})}),()=>{zt.removeEventListener(`keydown`,t),r.forEach(e=>{e()})}}),U.createElement(Gt,{...n,visible:r,onVisibleChange:a})},qt=e=>(tt(`WithTooltipPure is deprecated and will be removed in Storybook 11. Please use WithTooltip instead.`),U.createElement(Gt,{"data-deprecated":`WithTooltipPure`,...e}))}))();export{Kt as WithTooltip,qt as WithTooltipPure};

package/dist/assets/align-self-B8vQODdk.css

@@ -0,0 +1 @@
+.AlignSelf__leDSR.AlignSelf--align-self-start__LgwGs{align-self:start}.AlignSelf__leDSR.AlignSelf--align-self-center__Wse1S{align-self:center}.AlignSelf__leDSR.AlignSelf--align-self-end__6tikI{align-self:end}.AlignSelf__leDSR.AlignSelf--align-self-stretch__qrMyK{align-self:stretch}@media (width>=400px){.AlignSelf__leDSR.AlignSelf--narrow-l--align-self-start__COlwA{align-self:start}.AlignSelf__leDSR.AlignSelf--narrow-l--align-self-center__ELuDH{align-self:center}.AlignSelf__leDSR.AlignSelf--narrow-l--align-self-end__sjn-5{align-self:end}.AlignSelf__leDSR.AlignSelf--narrow-l--align-self-stretch__h2h5y{align-self:stretch}}@media (width>=700px){.AlignSelf__leDSR.AlignSelf--medium-s--align-self-start__bfr9R{align-self:start}.AlignSelf__leDSR.AlignSelf--medium-s--align-self-center__liai8{align-self:center}.AlignSelf__leDSR.AlignSelf--medium-s--align-self-end__zUlqW{align-self:end}.AlignSelf__leDSR.AlignSelf--medium-s--align-self-stretch__eLaVE{align-self:stretch}}@media (width>=880px){.AlignSelf__leDSR.AlignSelf--medium-l--align-self-start__lMYt4{align-self:start}.AlignSelf__leDSR.AlignSelf--medium-l--align-self-center__7r34b{align-self:center}.AlignSelf__leDSR.AlignSelf--medium-l--align-self-end__7py-F{align-self:end}.AlignSelf__leDSR.AlignSelf--medium-l--align-self-stretch__YFiZu{align-self:stretch}}@media (width>=1200px){.AlignSelf__leDSR.AlignSelf--wide-s--align-self-start__jBg7e{align-self:start}.AlignSelf__leDSR.AlignSelf--wide-s--align-self-center__6YJoJ{align-self:center}.AlignSelf__leDSR.AlignSelf--wide-s--align-self-end__Gzhkv{align-self:end}.AlignSelf__leDSR.AlignSelf--wide-s--align-self-stretch__g8zpq{align-self:stretch}}@media (width>=1900px){.AlignSelf__leDSR.AlignSelf--wide-l--align-self-start__gz6yC{align-self:start}.AlignSelf__leDSR.AlignSelf--wide-l--align-self-center__TQLXK{align-self:center}.AlignSelf__leDSR.AlignSelf--wide-l--align-self-end__sfoC5{align-self:end}.AlignSelf__leDSR.AlignSelf--wide-l--align-self-stretch__cYlv1{align-self:stretch}}

package/dist/assets/align-self-DLZqaACP.js

@@ -0,0 +1 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{t,x as n,y as r}from"./dist-DtfJeYQK.js";var i,a,o=e((()=>{i=`AlignSelf__leDSR`,a={AlignSelf:i,"AlignSelf--align-self-start":`AlignSelf--align-self-start__LgwGs`,"AlignSelf--align-self-center":`AlignSelf--align-self-center__Wse1S`,"AlignSelf--align-self-end":`AlignSelf--align-self-end__6tikI`,"AlignSelf--align-self-stretch":`AlignSelf--align-self-stretch__qrMyK`,"AlignSelf--narrow-l--align-self-start":`AlignSelf--narrow-l--align-self-start__COlwA`,"AlignSelf--narrow-l--align-self-center":`AlignSelf--narrow-l--align-self-center__ELuDH`,"AlignSelf--narrow-l--align-self-end":`AlignSelf--narrow-l--align-self-end__sjn-5`,"AlignSelf--narrow-l--align-self-stretch":`AlignSelf--narrow-l--align-self-stretch__h2h5y`,"AlignSelf--medium-s--align-self-start":`AlignSelf--medium-s--align-self-start__bfr9R`,"AlignSelf--medium-s--align-self-center":`AlignSelf--medium-s--align-self-center__liai8`,"AlignSelf--medium-s--align-self-end":`AlignSelf--medium-s--align-self-end__zUlqW`,"AlignSelf--medium-s--align-self-stretch":`AlignSelf--medium-s--align-self-stretch__eLaVE`,"AlignSelf--medium-l--align-self-start":`AlignSelf--medium-l--align-self-start__lMYt4`,"AlignSelf--medium-l--align-self-center":`AlignSelf--medium-l--align-self-center__7r34b`,"AlignSelf--medium-l--align-self-end":`AlignSelf--medium-l--align-self-end__7py-F`,"AlignSelf--medium-l--align-self-stretch":`AlignSelf--medium-l--align-self-stretch__YFiZu`,"AlignSelf--wide-s--align-self-start":`AlignSelf--wide-s--align-self-start__jBg7e`,"AlignSelf--wide-s--align-self-center":`AlignSelf--wide-s--align-self-center__6YJoJ`,"AlignSelf--wide-s--align-self-end":`AlignSelf--wide-s--align-self-end__Gzhkv`,"AlignSelf--wide-s--align-self-stretch":`AlignSelf--wide-s--align-self-stretch__g8zpq`,"AlignSelf--wide-l--align-self-start":`AlignSelf--wide-l--align-self-start__gz6yC`,"AlignSelf--wide-l--align-self-center":`AlignSelf--wide-l--align-self-center__TQLXK`,"AlignSelf--wide-l--align-self-end":`AlignSelf--wide-l--align-self-end__sfoC5`,"AlignSelf--wide-l--align-self-stretch":`AlignSelf--wide-l--align-self-stretch__cYlv1`}})),s,c,l=e((()=>{t(),o(),s=`AlignSelf`,c=e=>r(a,s,[n(`align-self`,e)])}));export{l as n,c as t};

package/dist/assets/ar-CmAh1fW1.js

@@ -0,0 +1 @@
+import{n as e}from"./chunk-BneVvdWh.js";var t;e((()=>{t={"preply-ds.alert-banner.critical-prefix":`تنبيه:`,"preply-ds.alert-banner.host-region":`تنبيهات، تحذيرات وتحديثات`,"preply-ds.alert-banner.positive-prefix":`تحديث:`,"preply-ds.alert-banner.warning-prefix":`تحذير:`,"preply-ds.dropdown-menu.select-option-label-text":`Selected:`,"preply-ds.fieldLabel.optional":`اختياري`,"preply-ds.fieldLabel.required":`مطلوب`,"preply-ds.form-control.accessibility-label.text":`{label}<Required>, مطلوب</Required><Description>. {description}</Description><Error>. خطأ: {error}</Error>`,"preply-ds.genericAriaLabels.cancel":`إلغاء`,"preply-ds.genericAriaLabels.close":`غلق`,"preply-ds.genericAriaLabels.confirm":`تأكيد`,"preply-ds.genericAriaLabels.remove":`مسح`,"preply-ds.intl_formatted.date_and_time.v3.text":`{date} · {time}`,"preply-ds.intl_formatted.date_and_time_range.v3.text":`{date} · {timeRange}`,"preply-ds.intl_formatted.date_range.text":`{dateStart} - {dateEnd}`,"preply-ds.intl_formatted.date_time_and_date_time.text":`{dateTimeStart} - {dateTimeEnd}`,"preply-ds.intl_formatted.day_date_number_short.text":`{day_name} {date_number}`,"preply-ds.intl_formatted.every_friday_full.text":`كل جمعة`,"preply-ds.intl_formatted.every_monday_full.text":`كل اثنين`,"preply-ds.intl_formatted.every_saturday_full.text":`كل سبت`,"preply-ds.intl_formatted.every_sunday_full.text":`كل احد`,"preply-ds.intl_formatted.every_thursday_full.text":`كل خميس`,"preply-ds.intl_formatted.every_tuesday_full.text":`كل ثلاثاء`,"preply-ds.intl_formatted.every_wednesday_full.text":`كل أربعاء`,"preply-ds.intl_formatted.relative_day_date_short.text":`{relativeDay}، {dateShort}`,"preply-ds.intl_formatted.time_range.text":`{timeStart}–{timeEnd}`,"preply-ds.onboardingTooltip.actionLabel":`تم`,"preply-ds.onboardingTour.completeActionLabel":`تم`,"preply-ds.onboardingTour.counter":`{currentStep} من {totalSteps}`,"preply-ds.onboardingTour.nextActionLabel":`التالي`,"preply-ds.password-field.conceal.button":`إخفاء كلمة المرور`,"preply-ds.password-field.reveal.button":`عرض كلمة المرور`,"preply-ds.rating.value-text":`{currentValue} من {maxValue}`,"preply-ds.slider-field.accessibility-label.maximum":`الحد الأقصى {label}`,"preply-ds.slider-field.accessibility-label.minimum":`الحد الأدنى {label}`,"preply-ds.steps.next":`التالي`,"preply-ds.steps.previous":`السابق`,"preply-ds.steps.progress":`الخطوة {currentStep} من {totalSteps}`}}))();export{t as default};