@preply/ds-docs 7.1.0 → 8.0.0

package/dist/assets/{30.storybook-DZPRDZF1.js → 30.storybook-BXPxdYYA.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as n}from"./index-BN6VMYqa.js";import{M as s}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function t(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
+import{j as o,M as s}from"./iframe-CWgEsn_I.js";import{useMDXComponents as t}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function n(r){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...t(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{title:"Guides/Installation/Storybook"}),`
 `,o.jsx(e.h1,{id:"installation-storybook",children:"Installation: Storybook"}),`
 `,o.jsxs(e.p,{children:["This guide applies to Storybook setups that document Preply components libraries, and assumes you have read and followed the steps outlined in the ",o.jsx(e.a,{href:"/story/guides-installation-libraries--page",children:"Installation: Libaries"})," guide."]}),`
 `,o.jsx(e.h2,{id:"packages",children:"Packages"}),`
@@ -39,4 +39,4 @@ import { withProviders } from './decorators';
 
 export const decorators = [withProviders];
 `})}),`
-`,o.jsxs(e.p,{children:["See also: ",o.jsx(e.a,{href:"https://storybook.js.org/docs/react/writing-stories/decorators",rel:"nofollow",children:"Storybook's official docs"}),"."]})]})}function m(r={}){const{wrapper:e}={...n(),...r.components};return e?o.jsx(e,{...r,children:o.jsx(t,{...r})}):t(r)}export{m as default};
+`,o.jsxs(e.p,{children:["See also: ",o.jsx(e.a,{href:"https://storybook.js.org/docs/react/writing-stories/decorators",rel:"nofollow",children:"Storybook's official docs"}),"."]})]})}function a(r={}){const{wrapper:e}={...t(),...r.components};return e?o.jsx(e,{...r,children:o.jsx(n,{...r})}):n(r)}export{a as default};

package/dist/assets/40.illustrations.explorer-Ll2UaYWn.js

@@ -0,0 +1,21 @@
+import{j as t,M as a}from"./iframe-CWgEsn_I.js";import{useMDXComponents as r}from"./index-BiSZC2o0.js";import{L as c}from"./LayoutGrid-Ddqp2KT2.js";import{d as e}from"./styled-components.browser.esm-DsfIp3u0.js";import{g as i}from"./getTokenVar-DGGittrV.js";import{s as u,c as l}from"./tokens-I7xc-5gL.js";import"./preload-helper-Dp1pzeXC.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-1z75aSwo-BlGCRaGo.js";import"./constants-DYYVurUY.js";import"./filterAttributesPassedByRadixUIAtRuntime-Bye2JkZ0.js";import"./componentNames-CmmTyjin.js";import"./emotion-unitless.esm-BZwEwAnk.js";const n=["https://static.preply.com/ds/illustrations/tokyo-ui/airplain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-multiple.svg","https://static.preply.com/ds/illustrations/tokyo-ui/arrows-upwards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/artist.svg","https://static.preply.com/ds/illustrations/tokyo-ui/awesome.svg","https://static.preply.com/ds/illustrations/tokyo-ui/back-to-school.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bar-graph.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bell.svg","https://static.preply.com/ds/illustrations/tokyo-ui/booking-a-lesson.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/brain.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-chromium.svg","https://static.preply.com/ds/illustrations/tokyo-ui/browser-permissions-safari.svg","https://static.preply.com/ds/illustrations/tokyo-ui/bubbles.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/calendar-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/checkmark.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clock.svg","https://static.preply.com/ds/illustrations/tokyo-ui/clocks.svg","https://static.preply.com/ds/illustrations/tokyo-ui/coins.svg","https://static.preply.com/ds/illustrations/tokyo-ui/committed.svg","https://static.preply.com/ds/illustrations/tokyo-ui/confetti.svg","https://static.preply.com/ds/illustrations/tokyo-ui/cosmopolite.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk.svg","https://static.preply.com/ds/illustrations/tokyo-ui/desk-supplies.svg","https://static.preply.com/ds/illustrations/tokyo-ui/discount-badge.svg","https://static.preply.com/ds/illustrations/tokyo-ui/disco-ball.svg","https://static.preply.com/ds/illustrations/tokyo-ui/dog.svg","https://static.preply.com/ds/illustrations/tokyo-ui/first-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/game-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started-down.svg","https://static.preply.com/ds/illustrations/tokyo-ui/getting-started.svg","https://static.preply.com/ds/illustrations/tokyo-ui/globe-spot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/great-homework.svg","https://static.preply.com/ds/illustrations/tokyo-ui/growth.svg","https://static.preply.com/ds/illustrations/tokyo-ui/guitar.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-1.svg","https://static.preply.com/ds/illustrations/tokyo-ui/hard-work-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/heart.svg","https://static.preply.com/ds/illustrations/tokyo-ui/it-guru.svg","https://static.preply.com/ds/illustrations/tokyo-ui/lamp-and-books.svg","https://static.preply.com/ds/illustrations/tokyo-ui/language-flash-cards.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop.svg","https://static.preply.com/ds/illustrations/tokyo-ui/laptop-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/magnifying-glass.svg","https://static.preply.com/ds/illustrations/tokyo-ui/making-progress.svg","https://static.preply.com/ds/illustrations/tokyo-ui/map.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/meeting-with-tutor.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messages.svg","https://static.preply.com/ds/illustrations/tokyo-ui/messaging.svg","https://static.preply.com/ds/illustrations/tokyo-ui/mobile-app.svg","https://static.preply.com/ds/illustrations/tokyo-ui/notes.svg","https://static.preply.com/ds/illustrations/tokyo-ui/open-book.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pause-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pencil-and-pen.svg","https://static.preply.com/ds/illustrations/tokyo-ui/pig.svg","https://static.preply.com/ds/illustrations/tokyo-ui/play-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-2.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot-pink.svg","https://static.preply.com/ds/illustrations/tokyo-ui/polyglot.svg","https://static.preply.com/ds/illustrations/tokyo-ui/present.svg","https://static.preply.com/ds/illustrations/tokyo-ui/professional.svg","https://static.preply.com/ds/illustrations/tokyo-ui/progress-steps.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rising-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/rock-on.svg","https://static.preply.com/ds/illustrations/tokyo-ui/routine-master.svg","https://static.preply.com/ds/illustrations/tokyo-ui/serious-learner.svg","https://static.preply.com/ds/illustrations/tokyo-ui/sheet.svg","https://static.preply.com/ds/illustrations/tokyo-ui/smiley.svg","https://static.preply.com/ds/illustrations/tokyo-ui/speech-bubble.svg","https://static.preply.com/ds/illustrations/tokyo-ui/star_coin.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stop-button.svg","https://static.preply.com/ds/illustrations/tokyo-ui/stopwatch.svg","https://static.preply.com/ds/illustrations/tokyo-ui/system-permissions.svg","https://static.preply.com/ds/illustrations/tokyo-ui/testing-the-water.svg","https://static.preply.com/ds/illustrations/tokyo-ui/three-arrows.svg","https://static.preply.com/ds/illustrations/tokyo-ui/thumbs-up.svg","https://static.preply.com/ds/illustrations/tokyo-ui/you-did-great-today.svg","https://static.preply.com/ds/illustrations/tokyo-ui/warning.svg","https://static.preply.com/ds/illustrations/tokyo-ui/flashcards.svg"],y=e.div`
+    padding: ${i(u[12])};
+    -webkit-background-size: 50px 50px;
+    -moz-background-size: 50px 50px;
+    background-size: 50px 50px;
+    background-color: ${i(l.background.tertiary)};
+    background-image: linear-gradient(
+        45deg,
+        ${i(l.background.secondary)} 25%,
+        transparent 25%,
+        transparent 50%,
+        ${i(l.background.secondary)} 50%,
+        ${i(l.background.secondary)} 75%,
+        transparent 75%,
+        transparent
+    );
+`,d=({svgUrl:s})=>t.jsx("div",{style:{width:"80%"},children:t.jsxs("a",{href:s,target:"_blank",rel:"noreferrer",children:[s.replace("https://static.preply.com/ds/illustrations/tokyo-ui/",""),t.jsx("img",{src:s,alt:"TODO:"})]})}),g=()=>t.jsx(y,{children:t.jsx(c,{columns:["25% 25% 25% 25%"],gap:"16",children:n.map(s=>t.jsx(d,{svgUrl:s},s))})});function p(s){const o={a:"a",h1:"h1",p:"p",...r(),...s.components};return t.jsxs(t.Fragment,{children:[t.jsx(a,{title:"Guides/Assets/Illustration Explorer"}),`
+`,t.jsx(o.h1,{id:"illustration-explorer",children:"Illustration Explorer"}),`
+`,t.jsxs(o.p,{children:["Don't see the illustration you're looking for? You can follow ",t.jsx(o.a,{href:"https://preply.atlassian.net/wiki/spaces/PDS/pages/4332584962/Hosting+new+illustration",rel:"nofollow",children:"this guide"}),` to upload it yourself, it's super easy! Or reach out to us in
+`,t.jsx(o.a,{href:"https://preply.slack.com/archives/C024EAEHP6V",rel:"nofollow",children:"#design-system-public"}),"."]}),`
+`,t.jsx(g,{})]})}function z(s={}){const{wrapper:o}={...r(),...s.components};return o?t.jsx(o,{...s,children:t.jsx(p,{...s})}):p(s)}export{z as default};

package/dist/assets/{90.advanced-C_XdYJPc.js → 90.advanced-BkBCaIij.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{useMDXComponents as t}from"./index-BN6VMYqa.js";import{M as i}from"./index-CRQycg-8.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-C3SpczPa.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./index-CA5R8PN9.js";import"./index-DrFu-skq.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
+import{j as e,M as i}from"./iframe-CWgEsn_I.js";import{useMDXComponents as t}from"./index-BiSZC2o0.js";import"./preload-helper-Dp1pzeXC.js";function r(n){const o={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...t(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Guides/Installation/Advanced"}),`
 `,e.jsx(o.h1,{id:"installation-advanced",children:"Installation: Advanced"}),`
 `,e.jsxs(o.p,{children:["This page is about rolling out your own alternative to ",e.jsx(o.code,{children:"<RootProvider/>"})," (advanced usage)."]}),`
 `,e.jsxs(o.p,{children:["If you are looking for how to install, refer to the ",e.jsx(o.a,{href:"/story/guides-installation-applications--page",children:"installation guides"})," instead."]}),`
@@ -29,4 +29,4 @@ export const RootProvider: FC = ({ children }) => (
         </ThemeProvider>
     </ThemesProvider>
 );
-`})})]})}function j(n={}){const{wrapper:o}={...t(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(r,{...n})}):r(n)}export{j as default};
+`})})]})}function c(n={}){const{wrapper:o}={...t(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(r,{...n})}):r(n)}export{c as default};

package/dist/assets/Accordion-Bjcf873X.js

@@ -0,0 +1 @@
+import{r as a,j as s,g as c}from"./iframe-CWgEsn_I.js";import{F as R}from"./TokyoUIChevronDown-CV0GTyb_.js";import{I as x}from"./Icon-BbVZ9NP7.js";import{T as d}from"./Text-D2ssZW1_.js";import{u as A}from"./useMergeRefs-Cma75nFm.js";import{w as I}from"./componentNames-CmmTyjin.js";const g="accordion__OKb-C",m={accordion:g,"--dsInternalSimulation-focus":"_--dsInternalSimulation-focus__7V0NR","--dsInternalSimulation-noAnimation":"_--dsInternalSimulation-noAnimation__nuNUW"};function p({ref:e,onOpenChange:r}){const o=a.useRef(null),n=A(o,e);return a.useEffect(()=>{if(!o.current)return;const t=o.current,i=()=>{r==null||r(t.open)};return t&&t.addEventListener("toggle",i),()=>{t&&t.removeEventListener("toggle",i)}},[r]),{mergedRef:r||e?n:null}}const N=({dataset:e,children:r,"aria-label":o})=>s.jsx("div",{className:m.accordion,"aria-label":o,...c(e),"data-preply-ds-component":I.Accordion,children:r}),S=a.forwardRef(function({open:r,name:o,dataset:n,children:t,onOpenChange:i,dsInternalSimulation:l},u){const{mergedRef:f}=p({ref:u,onOpenChange:i});return s.jsx("details",{ref:f,name:o,open:r,...c(n),className:m[`--dsInternalSimulation-${l}`],children:t})}),y=a.forwardRef(function({dataset:r,children:o,onClick:n},t){return s.jsxs("summary",{ref:t,...c(r),onClick:n,children:[s.jsx(d,{variant:"default-semibold",children:o}),s.jsx(x,{svg:R})]})}),T=a.forwardRef(function({dataset:r,children:o},n){return s.jsx(d,{tag:"div",variant:"small-regular",ref:n,...c(r),children:o})});export{N as A,S as a,y as b,T as c};

package/dist/assets/{Accordion.stories-BUn1TO-l.js → Accordion.stories-CwmuD6M9.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as r,a as n,b as t,c as o}from"./Accordion-iUMOrUCV.js";import{T as u}from"./Text-DVl1HBkZ.js";import{H as T}from"./Heading-CzIRSKAr.js";import{B as W}from"./Button-C-6rDSzI.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./TokyoUIChevronDown-CEw5hWWz.js";import"./Icon-BsfKiFZj.js";import"./text-accent-VILyY3zt.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-_YAxqn11.js";import"./useMergeRefs-SFH7Mw4x.js";import"./text-centered-BFb64PJw.js";import"./ButtonBase-h431KMrY.js";import"./Spinner-qiZily8k.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";const te={title:"components/Accordion",component:r,args:{}},s={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},a={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},c={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem ipsum"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Lorem ipsum"}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]})]})}},d={render:function(){return e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsxs(o,{children:[e.jsx(T,{variant:"large",tag:"div",children:"Yes!"}),e.jsx(u,{variant:"large-regular-italic",children:"What are you waiting for?"}),e.jsx(W,{children:"Book a lesson now!"})]})]})})}},l={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Two-week subscription"}),e.jsx(o,{children:"We will charge you every two weeks."})]}),e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Four-week subscription"}),e.jsx(o,{children:"We will charge you every four weeks."})]})]})}},p={render:function(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"closed"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"open"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(u,{variant:"default-regular-italic",children:"focus"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{dsInternalSimulation:"focus",children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]})]})}};var m,h,y;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
+import{j as e}from"./iframe-CWgEsn_I.js";import{A as r,a as n,b as t,c as o}from"./Accordion-Bjcf873X.js";import{T as p}from"./Text-D2ssZW1_.js";import{H as T}from"./Heading-jyl-6mnE.js";import{B as W}from"./Button-KgwWX-kY.js";import"./preload-helper-Dp1pzeXC.js";import"./TokyoUIChevronDown-CV0GTyb_.js";import"./Icon-BbVZ9NP7.js";import"./text-accent-CvDqGyH8.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DCa6Vadq.js";import"./componentNames-CmmTyjin.js";import"./useMergeRefs-Cma75nFm.js";import"./text-centered-4FcavPd_.js";import"./ButtonBase-LoF75NjE.js";import"./Spinner-BtlYJQrD.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";const X={title:"components/Accordion",component:r,args:{}},s={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},a={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsx(o,{children:"Of course it is!"})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Why?"}),e.jsx(o,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})}},c={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem ipsum"})]}),e.jsxs(n,{children:[e.jsx(t,{children:"Lorem ipsum"}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx(o,{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]})]})}},d={render:function(){return e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Is Preply the best platform for learning a language?"}),e.jsxs(o,{children:[e.jsx(T,{variant:"large",tag:"div",children:"Yes!"}),e.jsx(p,{variant:"large-regular-italic",children:"What are you waiting for?"}),e.jsx(W,{children:"Book a lesson now!"})]})]})})}},l={render:function(){return e.jsxs(r,{children:[e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Two-week subscription"}),e.jsx(o,{children:"We will charge you every two weeks."})]}),e.jsxs(n,{name:"choose-subscription-duration",children:[e.jsx(t,{children:"Four-week subscription"}),e.jsx(o,{children:"We will charge you every four weeks."})]})]})}},u={render:function(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(p,{variant:"default-regular-italic",children:"closed"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(p,{variant:"default-regular-italic",children:"open"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{open:!0,children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(p,{variant:"default-regular-italic",children:"focus"}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(r,{children:e.jsxs(n,{dsInternalSimulation:"focus",children:[e.jsx(t,{children:"Header"}),e.jsx(o,{children:"Content"})]})})})]})]})}};var m,h,y;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
   render: function Story() {
     return <Accordion>
                 <AccordionItem>
@@ -115,7 +115,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as r,a as n,b as t,c as o
                 </AccordionItem>
             </Accordion>;
   }
-}`,...(C=(L=l.parameters)==null?void 0:L.docs)==null?void 0:C.source}}};var H,S,P;p.parameters={...p.parameters,docs:{...(H=p.parameters)==null?void 0:H.docs,source:{originalSource:`{
+}`,...(C=(L=l.parameters)==null?void 0:L.docs)==null?void 0:C.source}}};var H,S,P;u.parameters={...u.parameters,docs:{...(H=u.parameters)==null?void 0:H.docs,source:{originalSource:`{
   render: function Story() {
     return <>
                 <div style={{
@@ -174,4 +174,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{A as r,a as n,b as t,c as o
                 </div>
             </>;
   }
-}`,...(P=(S=p.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};const oe=["Default","OpenByDefault","LongContent","WithCustomAndInteractiveContent","ImplementExclusiveAccordion","States"];export{s as Default,l as ImplementExclusiveAccordion,c as LongContent,a as OpenByDefault,p as States,d as WithCustomAndInteractiveContent,oe as __namedExportsOrder,te as default};
+}`,...(P=(S=u.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};const Z=["Default","OpenByDefault","LongContent","WithCustomAndInteractiveContent","ImplementExclusiveAccordion","States"];export{s as Default,l as ImplementExclusiveAccordion,c as LongContent,a as OpenByDefault,u as States,d as WithCustomAndInteractiveContent,Z as __namedExportsOrder,X as default};

package/dist/assets/{Accordion.tests.stories-DHNOscki.js → Accordion.tests.stories-DycRaTsm.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i,a as f}from"./index-Dk_MCKuE.js";import{A as d,a as c,b as s,c as l}from"./Accordion-iUMOrUCV.js";import{c as M}from"./OnboardingTour-D3xEUgOf.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./TokyoUIChevronDown-CEw5hWWz.js";import"./Icon-BsfKiFZj.js";import"./text-accent-VILyY3zt.js";import"./classNames-9hsFPPZv.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-BT0Aq7PA.js";import"./componentNames-k0j3gHgH.js";import"./index-qlqSh81O.js";import"./defaults-_YAxqn11.js";import"./Text-DVl1HBkZ.js";import"./text-centered-BFb64PJw.js";import"./useMergeRefs-SFH7Mw4x.js";import"./OnboardingTooltip-DVeLAHtQ.js";import"./TokyoUIClose-thK8sk63.js";import"./Button-C-6rDSzI.js";import"./ButtonBase-h431KMrY.js";import"./Spinner-qiZily8k.js";import"./useHostname-PsilflFC.js";import"./index-CC6DAVyL.js";import"./Heading-CzIRSKAr.js";import"./index-DWSmmBvQ.js";import"./tslib.es6-C7pnyCjR.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./shared-strings-DFzxd8lM.js";import"./PortalElementProvider-BAqvxZzH.js";import"./index-Cc-bXjHe.js";import"./index-BqT8peiM.js";import"./index-s7KTOhR7.js";import"./index-BPCsOyHr.js";import"./message-CSdaKtIj.js";import"./index-CUHsGBvM.js";import"./index-2TVOn9du.js";import"./index-DR63UjCN.js";const We={title:"Components/Accordion/Tests",component:d,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},m={render:function(){return e.jsx(d,{"aria-label":"accordionLabel",children:e.jsxs(c,{children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvasElement:n})=>{const r=K(n).getByLabelText("accordionLabel");o(r).toBeVisible()}},y={args:{},render:function(){return e.jsxs(d,{children:[e.jsxs(c,{children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]}),e.jsxs(c,{children:[e.jsx(s,{children:"Why?"}),e.jsx(l,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})},play:async({canvas:n,step:t})=>{const r=n.getByText("Is Preply the best platform for learning a language?"),a=n.getByText("Of course it is!"),u=n.getByText("Why?"),p=n.getByText("If you are wondering, it means you have not tried it out yet!");await t("Contents are hidden",async()=>{o(a).not.toBeVisible(),o(p).not.toBeVisible()}),await t("Content 1 is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content 2 is revelable",async()=>{await i.click(u),o(p).toBeVisible()}),await t("Both contents are visible (non-exclusivity check)",async()=>{o(a).toBeVisible(),o(p).toBeVisible()}),await t("Item 1 is hidable",async()=>{await i.click(r),o(a).not.toBeVisible()}),await t("Item 2 is hidable",async()=>{await i.click(u),o(p).not.toBeVisible()})}},h={args:{},render:function(){return e.jsx(d,{children:e.jsxs(c,{dsInternalSimulation:"noAnimation",children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,step:t})=>{const r=n.getByText("Is Preply the best platform for learning a language?"),a=n.getByText("Of course it is!");await t("Contents are hidden",async()=>{o(a).not.toBeVisible()}),await t("Content is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content is hidable",async()=>{await i.click(r),o(a).not.toBeVisible()})}},g={args:{},render:function(){return e.jsxs(d,{children:[e.jsxs(c,{name:"choose-subscription-duration",children:[e.jsx(s,{children:"Two-week subscription"}),e.jsx(l,{children:"We will charge you every two weeks."})]}),e.jsxs(c,{name:"choose-subscription-duration",children:[e.jsx(s,{children:"Four-week subscription"}),e.jsx(l,{children:"We will charge you every four weeks."})]})]})},play:async({canvas:n,step:t})=>{const r=n.getByText("Two-week subscription"),a=n.getByText("We will charge you every two weeks."),u=n.getByText("Four-week subscription"),p=n.getByText("We will charge you every four weeks.");await t("Contents are hidden",async()=>{o(a).not.toBeVisible(),o(p).not.toBeVisible()}),await t("Content 1 is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content 2 is revelable",async()=>{await i.click(u),o(p).toBeVisible()}),await t("Item 1 is hidden",async()=>{o(a).not.toBeVisible()})}},b={args:{onOpenChange:J()},render:function(t){return e.jsx(d,{children:e.jsxs(c,{onOpenChange:t.onOpenChange,children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,args:t,step:r})=>{const a=n.getByText("Is Preply the best platform for learning a language?");await r("onOpenChange is not called",async()=>{o(t.onOpenChange).not.toBeCalled()}),await r("onOpenChange is called with true",async()=>{await i.click(a),o(t.onOpenChange).toBeCalledWith(!0)}),await r("onOpenChange is called with false",async()=>{await i.click(a),o(t.onOpenChange).toBeCalledWith(!1)})}},w={args:{onClick:J()},render:function(t){return e.jsx(d,{children:e.jsxs(c,{children:[e.jsx(s,{onClick:t.onClick,children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,args:t,step:r})=>{const a=n.getByText("Is Preply the best platform for learning a language?");await r("onClick is not called",async()=>{o(t.onClick).not.toBeCalled()}),await r("onClick is called",async()=>{await i.click(a),o(t.onClick).toBeCalled()})}},x={render:function(){return e.jsx(d,{"aria-label":"accordion",dataset:{foo:1},children:e.jsxs(c,{dataset:{"qa-id":"firstItem"},children:[e.jsx(s,{dataset:{"qa-id":"firstItemHeader"},children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{dataset:{"qa-id":"firstItemContent"},children:"Yes!"})]})})},play:async({canvas:n})=>{const t=n.getByLabelText("accordion");o(t).toHaveAttribute("data-foo","1")}},C={render:function(){const t=M();return e.jsx(t.Provider,{totalSteps:2,children:e.jsxs(d,{children:[e.jsx(t.Step,{step:0,title:"Step 1",text:"Ensure you can answer this question",children:e.jsxs(c,{children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})}),e.jsx(t.Step,{step:1,title:"Step 2",text:"Push them to try Preply out!",children:e.jsxs(c,{children:[e.jsx(s,{children:"Why?"}),e.jsx(l,{children:"If you are wondering, it means you have not tried it out yet!"})]})})]})})},play:async({canvasElement:n,step:t})=>{const r=K(n);await t("Step 1 should be visible",async()=>{await f(()=>{const a=r.getByText("Ensure you can answer this question");o(a).toBeVisible()})}),await t("Click Next",async()=>{const a=r.getByRole("button",{name:"Next"});await i.click(a)}),await t("Step 2 should be visible",async()=>{await f(()=>{const a=r.getByText("Push them to try Preply out!");o(a).toBeVisible()})})}};var A,B,v;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`{
+import{j as e}from"./iframe-CWgEsn_I.js";import{A as d,a as c,b as s,c as l}from"./Accordion-Bjcf873X.js";import{c as G}from"./OnboardingTour-DlsIO1Gv.js";import"./preload-helper-Dp1pzeXC.js";import"./TokyoUIChevronDown-CV0GTyb_.js";import"./Icon-BbVZ9NP7.js";import"./text-accent-CvDqGyH8.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DCa6Vadq.js";import"./componentNames-CmmTyjin.js";import"./Text-D2ssZW1_.js";import"./text-centered-4FcavPd_.js";import"./useMergeRefs-Cma75nFm.js";import"./OnboardingTooltip-Clfuyvq4.js";import"./TokyoUIClose-Bf-N_4aK.js";import"./Button-KgwWX-kY.js";import"./ButtonBase-LoF75NjE.js";import"./Spinner-BtlYJQrD.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";import"./Heading-jyl-6mnE.js";import"./index-BAEPs7Y-.js";import"./shared-strings-I9WUPC_k.js";import"./message-qc_MCF3J.js";import"./index-D3eu31XZ.js";const{userEvent:i,expect:o,within:U,waitFor:f,fn:z}=__STORYBOOK_MODULE_TEST__,Ce={title:"Components/Accordion/Tests",component:d,parameters:{controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"]},y={render:function(){return e.jsx(d,{"aria-label":"accordionLabel",children:e.jsxs(c,{children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvasElement:n})=>{const r=U(n).getByLabelText("accordionLabel");o(r).toBeVisible()}},m={args:{},render:function(){return e.jsxs(d,{children:[e.jsxs(c,{children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]}),e.jsxs(c,{children:[e.jsx(s,{children:"Why?"}),e.jsx(l,{children:"If you are wondering, it means you have not tried it out yet!"})]})]})},play:async({canvas:n,step:t})=>{const r=n.getByText("Is Preply the best platform for learning a language?"),a=n.getByText("Of course it is!"),u=n.getByText("Why?"),p=n.getByText("If you are wondering, it means you have not tried it out yet!");await t("Contents are hidden",async()=>{o(a).not.toBeVisible(),o(p).not.toBeVisible()}),await t("Content 1 is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content 2 is revelable",async()=>{await i.click(u),o(p).toBeVisible()}),await t("Both contents are visible (non-exclusivity check)",async()=>{o(a).toBeVisible(),o(p).toBeVisible()}),await t("Item 1 is hidable",async()=>{await i.click(r),o(a).not.toBeVisible()}),await t("Item 2 is hidable",async()=>{await i.click(u),o(p).not.toBeVisible()})}},h={args:{},render:function(){return e.jsx(d,{children:e.jsxs(c,{dsInternalSimulation:"noAnimation",children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,step:t})=>{const r=n.getByText("Is Preply the best platform for learning a language?"),a=n.getByText("Of course it is!");await t("Contents are hidden",async()=>{o(a).not.toBeVisible()}),await t("Content is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content is hidable",async()=>{await i.click(r),o(a).not.toBeVisible()})}},g={args:{},render:function(){return e.jsxs(d,{children:[e.jsxs(c,{name:"choose-subscription-duration",children:[e.jsx(s,{children:"Two-week subscription"}),e.jsx(l,{children:"We will charge you every two weeks."})]}),e.jsxs(c,{name:"choose-subscription-duration",children:[e.jsx(s,{children:"Four-week subscription"}),e.jsx(l,{children:"We will charge you every four weeks."})]})]})},play:async({canvas:n,step:t})=>{const r=n.getByText("Two-week subscription"),a=n.getByText("We will charge you every two weeks."),u=n.getByText("Four-week subscription"),p=n.getByText("We will charge you every four weeks.");await t("Contents are hidden",async()=>{o(a).not.toBeVisible(),o(p).not.toBeVisible()}),await t("Content 1 is revelable",async()=>{await i.click(r),o(a).toBeVisible()}),await t("Content 2 is revelable",async()=>{await i.click(u),o(p).toBeVisible()}),await t("Item 1 is hidden",async()=>{o(a).not.toBeVisible()})}},b={args:{onOpenChange:z()},render:function(t){return e.jsx(d,{children:e.jsxs(c,{onOpenChange:t.onOpenChange,children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,args:t,step:r})=>{const a=n.getByText("Is Preply the best platform for learning a language?");await r("onOpenChange is not called",async()=>{o(t.onOpenChange).not.toBeCalled()}),await r("onOpenChange is called with true",async()=>{await i.click(a),o(t.onOpenChange).toBeCalledWith(!0)}),await r("onOpenChange is called with false",async()=>{await i.click(a),o(t.onOpenChange).toBeCalledWith(!1)})}},w={args:{onClick:z()},render:function(t){return e.jsx(d,{children:e.jsxs(c,{children:[e.jsx(s,{onClick:t.onClick,children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})})},play:async({canvas:n,args:t,step:r})=>{const a=n.getByText("Is Preply the best platform for learning a language?");await r("onClick is not called",async()=>{o(t.onClick).not.toBeCalled()}),await r("onClick is called",async()=>{await i.click(a),o(t.onClick).toBeCalled()})}},x={render:function(){return e.jsx(d,{"aria-label":"accordion",dataset:{foo:1},children:e.jsxs(c,{dataset:{"qa-id":"firstItem"},children:[e.jsx(s,{dataset:{"qa-id":"firstItemHeader"},children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{dataset:{"qa-id":"firstItemContent"},children:"Yes!"})]})})},play:async({canvas:n})=>{const t=n.getByLabelText("accordion");o(t).toHaveAttribute("data-foo","1")}},C={render:function(){const t=G();return e.jsx(t.Provider,{totalSteps:2,children:e.jsxs(d,{children:[e.jsx(t.Step,{step:0,title:"Step 1",text:"Ensure you can answer this question",children:e.jsxs(c,{children:[e.jsx(s,{children:"Is Preply the best platform for learning a language?"}),e.jsx(l,{children:"Of course it is!"})]})}),e.jsx(t.Step,{step:1,title:"Step 2",text:"Push them to try Preply out!",children:e.jsxs(c,{children:[e.jsx(s,{children:"Why?"}),e.jsx(l,{children:"If you are wondering, it means you have not tried it out yet!"})]})})]})})},play:async({canvasElement:n,step:t})=>{const r=U(n);await t("Step 1 should be visible",async()=>{await f(()=>{const a=r.getByText("Ensure you can answer this question");o(a).toBeVisible()})}),await t("Click Next",async()=>{const a=r.getByRole("button",{name:"Next"});await i.click(a)}),await t("Step 2 should be visible",async()=>{await f(()=>{const a=r.getByText("Push them to try Preply out!");o(a).toBeVisible()})})}};var A,B,v;y.parameters={...y.parameters,docs:{...(A=y.parameters)==null?void 0:A.docs,source:{originalSource:`{
   render: function Story() {
     return <Accordion aria-label="accordionLabel">
                 <AccordionItem>
@@ -16,7 +16,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
     const accordion = canvas.getByLabelText('accordionLabel');
     expect(accordion).toBeVisible();
   }
-}`,...(v=(B=m.parameters)==null?void 0:B.docs)==null?void 0:v.source}}};var I,T,k;y.parameters={...y.parameters,docs:{...(I=y.parameters)==null?void 0:I.docs,source:{originalSource:`{
+}`,...(v=(B=y.parameters)==null?void 0:B.docs)==null?void 0:v.source}}};var I,T,k;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`{
   args: {},
   render: function Story() {
     return <Accordion>
@@ -67,7 +67,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
       expect(item2Content).not.toBeVisible();
     });
   }
-}`,...(k=(T=y.parameters)==null?void 0:T.docs)==null?void 0:k.source}}};var H,j,O;h.parameters={...h.parameters,docs:{...(H=h.parameters)==null?void 0:H.docs,source:{originalSource:`{
+}`,...(k=(T=m.parameters)==null?void 0:T.docs)==null?void 0:k.source}}};var O,H,S;h.parameters={...h.parameters,docs:{...(O=h.parameters)==null?void 0:O.docs,source:{originalSource:`{
   args: {},
   render: function Story() {
     return <Accordion>
@@ -97,7 +97,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
       expect(item1Content).not.toBeVisible();
     });
   }
-}`,...(O=(j=h.parameters)==null?void 0:j.docs)==null?void 0:O.source}}};var S,V,P;g.parameters={...g.parameters,docs:{...(S=g.parameters)==null?void 0:S.docs,source:{originalSource:`{
+}`,...(S=(H=h.parameters)==null?void 0:H.docs)==null?void 0:S.source}}};var j,V,P;g.parameters={...g.parameters,docs:{...(j=g.parameters)==null?void 0:j.docs,source:{originalSource:`{
   args: {},
   render: function Story() {
     return <Accordion>
@@ -167,7 +167,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
       expect(args.onOpenChange).toBeCalledWith(false);
     });
   }
-}`,...(q=(W=b.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var L,F,D;w.parameters={...w.parameters,docs:{...(L=w.parameters)==null?void 0:L.docs,source:{originalSource:`{
+}`,...(q=(W=b.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var L,_,F;w.parameters={...w.parameters,docs:{...(L=w.parameters)==null?void 0:L.docs,source:{originalSource:`{
   args: {
     onClick: fn()
   },
@@ -195,7 +195,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
       expect(args.onClick).toBeCalled();
     });
   }
-}`,...(D=(F=w.parameters)==null?void 0:F.docs)==null?void 0:D.source}}};var N,R,Y;x.parameters={...x.parameters,docs:{...(N=x.parameters)==null?void 0:N.docs,source:{originalSource:`{
+}`,...(F=(_=w.parameters)==null?void 0:_.docs)==null?void 0:F.source}}};var D,N,R;x.parameters={...x.parameters,docs:{...(D=x.parameters)==null?void 0:D.docs,source:{originalSource:`{
   render: function Story() {
     return <Accordion aria-label="accordion" dataset={{
       foo: 1
@@ -222,7 +222,7 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
     const accordion = canvas.getByLabelText('accordion');
     expect(accordion).toHaveAttribute('data-foo', '1');
   }
-}`,...(Y=(R=x.parameters)==null?void 0:R.docs)==null?void 0:Y.source}}};var _,z,G;C.parameters={...C.parameters,docs:{...(_=C.parameters)==null?void 0:_.docs,source:{originalSource:`{
+}`,...(R=(N=x.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var Y,K,M;C.parameters={...C.parameters,docs:{...(Y=C.parameters)==null?void 0:Y.docs,source:{originalSource:`{
   render: function Story() {
     const Tour = createOnboardingTour();
     return <Tour.Provider totalSteps={2}>
@@ -270,4 +270,4 @@ import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{f as J,w as K,e as o,u as i
       });
     });
   }
-}`,...(G=(z=C.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};const qe=["AriaAttributesAreSet","TestDisclosableContent","TestWithoutAnimation","TestExclusiveAccordion","TestItemOnOpenChange","TestHeaderOnClick","TestDataset","IntegrationWithOnboardingTour"];export{m as AriaAttributesAreSet,C as IntegrationWithOnboardingTour,x as TestDataset,y as TestDisclosableContent,g as TestExclusiveAccordion,w as TestHeaderOnClick,b as TestItemOnOpenChange,h as TestWithoutAnimation,qe as __namedExportsOrder,We as default};
+}`,...(M=(K=C.parameters)==null?void 0:K.docs)==null?void 0:M.source}}};const fe=["AriaAttributesAreSet","TestDisclosableContent","TestWithoutAnimation","TestExclusiveAccordion","TestItemOnOpenChange","TestHeaderOnClick","TestDataset","IntegrationWithOnboardingTour"];export{y as AriaAttributesAreSet,C as IntegrationWithOnboardingTour,x as TestDataset,m as TestDisclosableContent,g as TestExclusiveAccordion,w as TestHeaderOnClick,b as TestItemOnOpenChange,h as TestWithoutAnimation,fe as __namedExportsOrder,Ce as default};

package/dist/assets/AlertDialog.stories-CMG96OPW.js

@@ -0,0 +1,240 @@
+import{ab as J,r as i,aw as Ie,a9 as ke,j as t,ac as P,ae as w,af as Be,ag as C,ah as D,aj as x,ak as Fe,al as Me,ax as ze,G as We,g as $e}from"./iframe-CWgEsn_I.js";import{H as Le}from"./Heading-jyl-6mnE.js";import{B as m}from"./Button-KgwWX-kY.js";import{w as Ge}from"./componentNames-CmmTyjin.js";import{R as Ue,h as Ve,u as Ye,F as qe}from"./index-D3eu31XZ.js";import"./preload-helper-Dp1pzeXC.js";import"./text-accent-CvDqGyH8.js";import"./text-centered-4FcavPd_.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-DCa6Vadq.js";import"./ButtonBase-LoF75NjE.js";import"./Spinner-BtlYJQrD.js";import"./useMergeRefs-Cma75nFm.js";import"./useHostname-DENeD9To.js";import"./index-CC6DAVyL.js";var N="Dialog",[Q,ee]=J(N),[He,p]=Q(N),te=e=>{const{__scopeDialog:n,children:o,open:r,defaultOpen:a,onOpenChange:s,modal:l=!0}=e,c=i.useRef(null),u=i.useRef(null),[d,v]=ke({prop:r,defaultProp:a??!1,onChange:s,caller:N});return t.jsx(He,{scope:n,triggerRef:c,contentRef:u,contentId:P(),titleId:P(),descriptionId:P(),open:d,onOpenChange:v,onOpenToggle:i.useCallback(()=>v(we=>!we),[v]),modal:l,children:o})};te.displayName=N;var ne="DialogTrigger",oe=i.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ne,o),s=x(n,a.triggerRef);return t.jsx(C.button,{type:"button","aria-haspopup":"dialog","aria-expanded":a.open,"aria-controls":a.contentId,"data-state":B(a.open),...r,ref:s,onClick:D(e.onClick,a.onOpenToggle)})});oe.displayName=ne;var I="DialogPortal",[Ke,re]=Q(I,{forceMount:void 0}),ae=e=>{const{__scopeDialog:n,forceMount:o,children:r,container:a}=e,s=p(I,n);return t.jsx(Ke,{scope:n,forceMount:o,children:i.Children.map(r,l=>t.jsx(w,{present:o||s.open,children:t.jsx(Be,{asChild:!0,container:a,children:l})}))})};ae.displayName=I;var E="DialogOverlay",se=i.forwardRef((e,n)=>{const o=re(E,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,s=p(E,e.__scopeDialog);return s.modal?t.jsx(w,{present:r||s.open,children:t.jsx(Xe,{...a,ref:n})}):null});se.displayName=E;var Ze=Fe("DialogOverlay.RemoveScroll"),Xe=i.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(E,o);return t.jsx(Ue,{as:Ze,allowPinchZoom:!0,shards:[a.contentRef],children:t.jsx(C.div,{"data-state":B(a.open),...r,ref:n,style:{pointerEvents:"auto",...r.style}})})}),h="DialogContent",ie=i.forwardRef((e,n)=>{const o=re(h,e.__scopeDialog),{forceMount:r=o.forceMount,...a}=e,s=p(h,e.__scopeDialog);return t.jsx(w,{present:r||s.open,children:s.modal?t.jsx(Je,{...a,ref:n}):t.jsx(Qe,{...a,ref:n})})});ie.displayName=h;var Je=i.forwardRef((e,n)=>{const o=p(h,e.__scopeDialog),r=i.useRef(null),a=x(n,o.contentRef,r);return i.useEffect(()=>{const s=r.current;if(s)return Ve(s)},[]),t.jsx(le,{...e,ref:a,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:D(e.onCloseAutoFocus,s=>{var l;s.preventDefault(),(l=o.triggerRef.current)==null||l.focus()}),onPointerDownOutside:D(e.onPointerDownOutside,s=>{const l=s.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0;(l.button===2||c)&&s.preventDefault()}),onFocusOutside:D(e.onFocusOutside,s=>s.preventDefault())})}),Qe=i.forwardRef((e,n)=>{const o=p(h,e.__scopeDialog),r=i.useRef(!1),a=i.useRef(!1);return t.jsx(le,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{var l,c;(l=e.onCloseAutoFocus)==null||l.call(e,s),s.defaultPrevented||(r.current||(c=o.triggerRef.current)==null||c.focus(),s.preventDefault()),r.current=!1,a.current=!1},onInteractOutside:s=>{var u,d;(u=e.onInteractOutside)==null||u.call(e,s),s.defaultPrevented||(r.current=!0,s.detail.originalEvent.type==="pointerdown"&&(a.current=!0));const l=s.target;((d=o.triggerRef.current)==null?void 0:d.contains(l))&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&a.current&&s.preventDefault()}})}),le=i.forwardRef((e,n)=>{const{__scopeDialog:o,trapFocus:r,onOpenAutoFocus:a,onCloseAutoFocus:s,...l}=e,c=p(h,o),u=i.useRef(null),d=x(n,u);return Ye(),t.jsxs(t.Fragment,{children:[t.jsx(qe,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:a,onUnmountAutoFocus:s,children:t.jsx(Me,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":B(c.open),...l,ref:d,onDismiss:()=>c.onOpenChange(!1)})}),t.jsxs(t.Fragment,{children:[t.jsx(tt,{titleId:c.titleId}),t.jsx(ot,{contentRef:u,descriptionId:c.descriptionId})]})]})}),k="DialogTitle",ce=i.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(k,o);return t.jsx(C.h2,{id:a.titleId,...r,ref:n})});ce.displayName=k;var de="DialogDescription",ge=i.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(de,o);return t.jsx(C.p,{id:a.descriptionId,...r,ref:n})});ge.displayName=de;var ue="DialogClose",pe=i.forwardRef((e,n)=>{const{__scopeDialog:o,...r}=e,a=p(ue,o);return t.jsx(C.button,{type:"button",...r,ref:n,onClick:D(e.onClick,()=>a.onOpenChange(!1))})});pe.displayName=ue;function B(e){return e?"open":"closed"}var fe="DialogTitleWarning",[et,he]=Ie(fe,{contentName:h,titleName:k,docsSlug:"dialog"}),tt=({titleId:e})=>{const n=he(fe),o=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return i.useEffect(()=>{e&&(document.getElementById(e)||console.error(o))},[o,e]),null},nt="DialogDescriptionWarning",ot=({contentRef:e,descriptionId:n})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${he(nt).contentName}}.`;return i.useEffect(()=>{var s;const a=(s=e.current)==null?void 0:s.getAttribute("aria-describedby");n&&a&&(document.getElementById(n)||console.warn(r))},[r,e,n]),null},rt=te,at=oe,st=ae,it=se,lt=ie,ct=ce,dt=ge,ye=pe,me="AlertDialog",[gt]=J(me,[ee]),f=ee(),ve=e=>{const{__scopeAlertDialog:n,...o}=e,r=f(n);return t.jsx(rt,{...r,...o,modal:!0})};ve.displayName=me;var ut="AlertDialogTrigger",De=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,...r}=e,a=f(o);return t.jsx(at,{...a,...r,ref:n})});De.displayName=ut;var pt="AlertDialogPortal",Ae=e=>{const{__scopeAlertDialog:n,...o}=e,r=f(n);return t.jsx(st,{...r,...o})};Ae.displayName=pt;var ft="AlertDialogOverlay",Ce=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,...r}=e,a=f(o);return t.jsx(it,{...a,...r,ref:n})});Ce.displayName=ft;var A="AlertDialogContent",[ht,yt]=gt(A),mt=ze("AlertDialogContent"),xe=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,children:r,...a}=e,s=f(o),l=i.useRef(null),c=x(n,l),u=i.useRef(null);return t.jsx(et,{contentName:A,titleName:_e,docsSlug:"alert-dialog",children:t.jsx(ht,{scope:o,cancelRef:u,children:t.jsxs(lt,{role:"alertdialog",...s,...a,ref:c,onOpenAutoFocus:D(a.onOpenAutoFocus,d=>{var v;d.preventDefault(),(v=u.current)==null||v.focus({preventScroll:!0})}),onPointerDownOutside:d=>d.preventDefault(),onInteractOutside:d=>d.preventDefault(),children:[t.jsx(mt,{children:r}),t.jsx(Dt,{contentRef:l})]})})})});xe.displayName=A;var _e="AlertDialogTitle",Te=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,...r}=e,a=f(o);return t.jsx(ct,{...a,...r,ref:n})});Te.displayName=_e;var be="AlertDialogDescription",je=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,...r}=e,a=f(o);return t.jsx(dt,{...a,...r,ref:n})});je.displayName=be;var vt="AlertDialogAction",Se=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,...r}=e,a=f(o);return t.jsx(ye,{...a,...r,ref:n})});Se.displayName=vt;var Oe="AlertDialogCancel",Re=i.forwardRef((e,n)=>{const{__scopeAlertDialog:o,...r}=e,{cancelRef:a}=yt(Oe,o),s=f(o),l=x(n,a);return t.jsx(ye,{...s,...r,ref:l})});Re.displayName=Oe;var Dt=({contentRef:e})=>{const n=`\`${A}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${A}\` by passing a \`${be}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${A}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;return i.useEffect(()=>{var r;document.getElementById((r=e.current)==null?void 0:r.getAttribute("aria-describedby"))||console.warn(n)},[n,e]),null},At=ve,Ct=De,xt=Ae,_t=Ce,Tt=xe,bt=Se,jt=Re,St=Te,Ot=je;const Rt="overlay__vG-Gu",Et="content__Nk-Ib",Nt="description__1dRpy",Pt="actions__FsX-e",_={overlay:Rt,content:Et,description:Nt,actions:Pt},Ee=({children:e})=>t.jsx(Ct,{asChild:!0,children:i.Children.only(e)}),wt=i.forwardRef(function(n,o){return t.jsx(bt,{asChild:!0,children:t.jsx(m,{...n,ref:o})})}),It=i.forwardRef(function(n,o){return t.jsx(jt,{asChild:!0,children:t.jsx(m,{...n,ref:o})})}),kt=({open:e,title:n,description:o,dataset:r,children:a})=>{const s=We(),l=$e(r,{preplyDsComponent:Ge.AlertDialog});let c;const u=[];return i.Children.forEach(a,d=>{i.isValidElement(d)&&(d.type===Ee?c=d:u.push(d))}),t.jsxs(At,{open:e,children:[c,t.jsxs(xt,{container:s,children:[t.jsx(_t,{className:_.overlay}),t.jsxs(Tt,{...l,className:_.content,children:[t.jsx(St,{asChild:!0,children:t.jsx(Le,{tag:"h3",variant:"medium",children:n})}),t.jsx(Ot,{asChild:!0,children:t.jsx("p",{className:_.description,children:o})}),t.jsx("div",{className:_.actions,children:u})]})]})]})},g=Object.assign(kt,{Trigger:Ee,Action:wt,Cancel:It}),{expect:R,userEvent:Ne,waitFor:Pe}=__STORYBOOK_MODULE_TEST__,{action:y}=__STORYBOOK_MODULE_ACTIONS__,Xt={title:"Components/AlertDialog",component:g,parameters:{preventIframeFromScrollingParent:!0,docs:{description:{component:"A modal alert dialog for confirming destructive or important actions."},story:{inline:!1,height:300}}},play:async({canvas:e,step:n})=>{await n("Open alert",async()=>(await Ne.click(e.getByTestId("alert-trigger")),Pe(()=>{const o=e.getByTestId("alert-dialog");R(o).toBeVisible()})))}},T={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, `Cancel`, and `Action` subcomponents."}}},args:{title:"Confirm",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){return t.jsxs(g,{...n,children:[t.jsx(g.Trigger,{children:t.jsx(m,{dataset:{testid:"alert-trigger"},children:"Action"})}),t.jsx(g.Cancel,{variant:"secondary",onClick:y("cancel"),children:"Cancel"}),t.jsx(g.Action,{onClick:y("confirm"),children:"Confirm"})]})}},b={parameters:{docs:{description:{story:"Uncontrolled alert using the `Trigger`, and two `Action` subcomponents.\n\nThe two actions are styled differently to suggest a preferred action to the one the user has requested.\n\nFor example, in this case, the user is prompted to reschedule instead of canceling."}}},args:{title:"Cancel Lesson",description:"Your balance will not be refunded. Would you like to reschedule instead?",dataset:{testid:"alert-dialog"}},render:function(n){return t.jsxs(g,{...n,children:[t.jsx(g.Trigger,{children:t.jsx(m,{variant:"critical",dataset:{testid:"alert-trigger"},children:"Cancel Lesson"})}),t.jsx(g.Action,{variant:"ghost",onClick:y("cancel"),children:"Cancel lesson"}),t.jsx(g.Action,{variant:"secondary",onClick:y("reschedule"),children:"Reschedule"})]})}},j={parameters:{docs:{description:{story:"Fully controlled using custom `Buttons`."}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,r]=i.useState(!1),a=()=>{r(!1),y("account deleted")()},s=()=>{r(!1),y("deletion canceled")()};return t.jsxs(t.Fragment,{children:[t.jsx(m,{onClick:()=>r(!0),dataset:{testid:"alert-trigger"},children:"Action"}),t.jsxs(g,{...n,open:o,children:[t.jsx(g.Cancel,{variant:"secondary",onClick:s,children:"Cancel"}),t.jsx(g.Action,{variant:"critical",onClick:a,children:"Delete"})]})]})}},S={parameters:{docs:{description:{story:"Fully controlled using a single custom `Button`."}}},args:{title:"Payment failed",description:"The page will refresh. Please try again.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,r]=i.useState(!1);return t.jsxs(t.Fragment,{children:[t.jsx(m,{onClick:()=>r(!0),dataset:{testid:"alert-trigger"},children:"Action"}),t.jsx(g,{...n,open:o,children:t.jsx(g.Action,{onClick:()=>{r(!1),y("page refreshed")()},children:"Refresh"})})]})}},O={parameters:{docs:{description:{story:`
+The Dialog component provides CSS property escape hatches for controlling the z-index of both the overlay and content:
+
+- \`--ds-dialog-overlay-z-index-override\`: Controls the overlay's z-index
+- \`--ds-dialog-content-z-index-override\`: Controls the content's z-index
+
+These should only be used when necessary, as proper stacking context isolation is preferred.
+
+In the following example, the stacking order of the dialog trigger, overlay, and content are
+reveresed using the above CSS properties.
+
+Note: This is done using a \`useEffect\` just for the sake of the story. In a real-world scenario, this should ideally be done in a global stylesheet or a theme provider.
+                `}}},args:{title:"Delete Account",description:"This action cannot be undone.",dataset:{testid:"alert-dialog"}},render:function(n){const[o,r]=i.useState(!1);return i.useEffect(()=>(document.body.style.setProperty("--ds-dialog-overlay-z-index-override","88"),document.body.style.setProperty("--ds-dialog-content-z-index-override","77"),()=>{document.body.style.removeProperty("--ds-dialog-overlay-z-index-override"),document.body.style.removeProperty("--ds-dialog-content-z-index-override")}),[]),t.jsxs("div",{style:{position:"relative",zIndex:99},children:[t.jsx(m,{dataset:{testid:"alert-trigger"},onClick:()=>r(!0),children:"Open"}),t.jsxs(g,{...n,open:o,children:[t.jsx(g.Cancel,{variant:"secondary",onClick:()=>r(!1),children:"Cancel"}),t.jsx(g.Action,{variant:"critical",onClick:()=>r(!1),children:"Delete"})]})]})},play:async({canvas:e,step:n})=>{await n("Open alert",async()=>(await Ne.click(e.getByTestId("alert-trigger")),Pe(()=>{const o=e.getByTestId("alert-dialog");R(o).toBeVisible()}))),await n("Check content's computed z-index",async()=>{const o=e.getByTestId("alert-dialog"),r=getComputedStyle(o);R(r.zIndex).toBe("77")}),await n("Check overlay's computed z-index",async()=>{const o=e.getByTestId("alert-dialog").previousElementSibling;if(!o)throw new Error("The overlay happened to be the previous sibling of the dialog content, but it isn't anymore. Please update the test.");const r=getComputedStyle(o);R(r.zIndex).toBe("88")})}};var F,M,z;T.parameters={...T.parameters,docs:{...(F=T.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`Uncontrolled alert using the \\\`Trigger\\\`, \\\`Cancel\\\`, and \\\`Action\\\` subcomponents.\`
+      }
+    }
+  },
+  args: {
+    title: 'Confirm',
+    description: 'This action cannot be undone.',
+    dataset: {
+      testid: 'alert-dialog'
+    }
+  },
+  render: function Story(props) {
+    return <AlertDialog {...props}>
+                <AlertDialog.Trigger>
+                    <Button dataset={{
+          testid: 'alert-trigger'
+        }}>Action</Button>
+                </AlertDialog.Trigger>
+                <AlertDialog.Cancel variant="secondary" onClick={action('cancel')}>
+                    Cancel
+                </AlertDialog.Cancel>
+                <AlertDialog.Action onClick={action('confirm')}>Confirm</AlertDialog.Action>
+            </AlertDialog>;
+  }
+}`,...(z=(M=T.parameters)==null?void 0:M.docs)==null?void 0:z.source}}};var W,$,L;b.parameters={...b.parameters,docs:{...(W=b.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`Uncontrolled alert using the \\\`Trigger\\\`, and two \\\`Action\\\` subcomponents.
+
+The two actions are styled differently to suggest a preferred action to the one the user has requested.
+
+For example, in this case, the user is prompted to reschedule instead of canceling.\`
+      }
+    }
+  },
+  args: {
+    title: 'Cancel Lesson',
+    description: 'Your balance will not be refunded. Would you like to reschedule instead?',
+    dataset: {
+      testid: 'alert-dialog'
+    }
+  },
+  render: function Story(props) {
+    return <AlertDialog {...props}>
+                <AlertDialog.Trigger>
+                    <Button variant="critical" dataset={{
+          testid: 'alert-trigger'
+        }}>
+                        Cancel Lesson
+                    </Button>
+                </AlertDialog.Trigger>
+                <AlertDialog.Action variant="ghost" onClick={action('cancel')}>
+                    Cancel lesson
+                </AlertDialog.Action>
+                <AlertDialog.Action variant="secondary" onClick={action('reschedule')}>
+                    Reschedule
+                </AlertDialog.Action>
+            </AlertDialog>;
+  }
+}`,...(L=($=b.parameters)==null?void 0:$.docs)==null?void 0:L.source}}};var G,U,V;j.parameters={...j.parameters,docs:{...(G=j.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: 'Fully controlled using custom \`Buttons\`.'
+      }
+    }
+  },
+  args: {
+    title: 'Delete Account',
+    description: 'This action cannot be undone.',
+    dataset: {
+      testid: 'alert-dialog'
+    }
+  },
+  render: function Story(props) {
+    const [open, setOpen] = useState(false);
+    const handleConfirm = () => {
+      setOpen(false);
+      action('account deleted')();
+    };
+    const handleCancel = () => {
+      setOpen(false);
+      action('deletion canceled')();
+    };
+    return <>
+                <Button onClick={() => setOpen(true)} dataset={{
+        testid: 'alert-trigger'
+      }}>
+                    Action
+                </Button>
+                <AlertDialog {...props} open={open}>
+                    <AlertDialog.Cancel variant="secondary" onClick={handleCancel}>
+                        Cancel
+                    </AlertDialog.Cancel>
+                    <AlertDialog.Action variant="critical" onClick={handleConfirm}>
+                        Delete
+                    </AlertDialog.Action>
+                </AlertDialog>
+            </>;
+  }
+}`,...(V=(U=j.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var Y,q,H;S.parameters={...S.parameters,docs:{...(Y=S.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: 'Fully controlled using a single custom \`Button\`.'
+      }
+    }
+  },
+  args: {
+    title: 'Payment failed',
+    description: 'The page will refresh. Please try again.',
+    dataset: {
+      testid: 'alert-dialog'
+    }
+  },
+  render: function Story(props) {
+    const [open, setOpen] = useState(false);
+    return <>
+                <Button onClick={() => setOpen(true)} dataset={{
+        testid: 'alert-trigger'
+      }}>
+                    Action
+                </Button>
+                <AlertDialog {...props} open={open}>
+                    <AlertDialog.Action onClick={() => {
+          setOpen(false);
+          action('page refreshed')();
+        }}>
+                        Refresh
+                    </AlertDialog.Action>
+                </AlertDialog>
+            </>;
+  }
+}`,...(H=(q=S.parameters)==null?void 0:q.docs)==null?void 0:H.source}}};var K,Z,X;O.parameters={...O.parameters,docs:{...(K=O.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: \`
+The Dialog component provides CSS property escape hatches for controlling the z-index of both the overlay and content:
+
+- \\\`--ds-dialog-overlay-z-index-override\\\`: Controls the overlay's z-index
+- \\\`--ds-dialog-content-z-index-override\\\`: Controls the content's z-index
+
+These should only be used when necessary, as proper stacking context isolation is preferred.
+
+In the following example, the stacking order of the dialog trigger, overlay, and content are
+reveresed using the above CSS properties.
+
+Note: This is done using a \\\`useEffect\\\` just for the sake of the story. In a real-world scenario, this should ideally be done in a global stylesheet or a theme provider.
+                \`
+      }
+    }
+  },
+  args: {
+    title: 'Delete Account',
+    description: 'This action cannot be undone.',
+    dataset: {
+      testid: 'alert-dialog'
+    }
+  },
+  render: function Story(props) {
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+      document.body.style.setProperty('--ds-dialog-overlay-z-index-override', '88');
+      document.body.style.setProperty('--ds-dialog-content-z-index-override', '77');
+      return () => {
+        document.body.style.removeProperty('--ds-dialog-overlay-z-index-override');
+        document.body.style.removeProperty('--ds-dialog-content-z-index-override');
+      };
+    }, []);
+    return <div style={{
+      position: 'relative',
+      zIndex: 99
+    }}>
+                <Button dataset={{
+        testid: 'alert-trigger'
+      }} onClick={() => setOpen(true)}>
+                    Open
+                </Button>
+                <AlertDialog {...props} open={open}>
+                    <AlertDialog.Cancel variant="secondary" onClick={() => setOpen(false)}>
+                        Cancel
+                    </AlertDialog.Cancel>
+                    <AlertDialog.Action variant="critical" onClick={() => setOpen(false)}>
+                        Delete
+                    </AlertDialog.Action>
+                </AlertDialog>
+            </div>;
+  },
+  play: async ({
+    canvas,
+    step
+  }) => {
+    await step('Open alert', async () => {
+      await userEvent.click(canvas.getByTestId('alert-trigger'));
+      return waitFor(() => {
+        const alert = canvas.getByTestId('alert-dialog');
+        expect(alert).toBeVisible();
+      });
+    });
+    await step(\`Check content's computed z-index\`, async () => {
+      const alert = canvas.getByTestId('alert-dialog');
+      const styles = getComputedStyle(alert);
+      expect(styles.zIndex).toBe('77');
+    });
+    await step(\`Check overlay's computed z-index\`, async () => {
+      const overlay = canvas.getByTestId('alert-dialog').previousElementSibling;
+      if (!overlay) throw new Error(\`The overlay happened to be the previous sibling of the dialog content, but it isn't anymore. Please update the test.\`);
+      const styles = getComputedStyle(overlay);
+      expect(styles.zIndex).toBe('88');
+    });
+  }
+}`,...(X=(Z=O.parameters)==null?void 0:Z.docs)==null?void 0:X.source}}};const Jt=["Uncontrolled","UncontrolledWithSuggestionAction","Controlled","ControlledWithSingleButton","WithZIndexOverride"];export{j as Controlled,S as ControlledWithSingleButton,T as Uncontrolled,b as UncontrolledWithSuggestionAction,O as WithZIndexOverride,Jt as __namedExportsOrder,Xt as default};

package/dist/assets/Avatar-BHWZ6iZn.js

@@ -0,0 +1 @@
+import{r as l,t as w,u,v as n,g as p,j as a,A as c}from"./iframe-CWgEsn_I.js";import{f}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{w as e}from"./componentNames-CmmTyjin.js";import{A as x}from"./constants-5om8Ptru.js";const N="Avatar__K41Tw",C={Avatar:N,"Avatar--size-24":"Avatar--size-24__hDb5G","Avatar--size-32":"Avatar--size-32__0goVI","Avatar--size-48":"Avatar--size-48__uGMSJ","Avatar--size-64":"Avatar--size-64__WD77O","Avatar--size-96":"Avatar--size-96__OxIe2","Avatar--size-160":"Avatar--size-160__8tEPo","Avatar--narrow-l--size-24":"Avatar--narrow-l--size-24__L-54O","Avatar--narrow-l--size-32":"Avatar--narrow-l--size-32__Mdeh3","Avatar--narrow-l--size-48":"Avatar--narrow-l--size-48__1xNsg","Avatar--narrow-l--size-64":"Avatar--narrow-l--size-64__ZQ5C-","Avatar--narrow-l--size-96":"Avatar--narrow-l--size-96__DuZVB","Avatar--narrow-l--size-160":"Avatar--narrow-l--size-160__PN1pX","Avatar--medium-s--size-24":"Avatar--medium-s--size-24__6--6m","Avatar--medium-s--size-32":"Avatar--medium-s--size-32__7rlpv","Avatar--medium-s--size-48":"Avatar--medium-s--size-48__R893D","Avatar--medium-s--size-64":"Avatar--medium-s--size-64__x4N0d","Avatar--medium-s--size-96":"Avatar--medium-s--size-96__1qdaO","Avatar--medium-s--size-160":"Avatar--medium-s--size-160__z7IAl","Avatar--medium-l--size-24":"Avatar--medium-l--size-24__Ndkzw","Avatar--medium-l--size-32":"Avatar--medium-l--size-32__3miIB","Avatar--medium-l--size-48":"Avatar--medium-l--size-48__arPBB","Avatar--medium-l--size-64":"Avatar--medium-l--size-64__aFQa7","Avatar--medium-l--size-96":"Avatar--medium-l--size-96__eg03F","Avatar--medium-l--size-160":"Avatar--medium-l--size-160__fGJ7K","Avatar--wide-s--size-24":"Avatar--wide-s--size-24__Ue7o0","Avatar--wide-s--size-32":"Avatar--wide-s--size-32__hYoGY","Avatar--wide-s--size-48":"Avatar--wide-s--size-48__Q9kzJ","Avatar--wide-s--size-64":"Avatar--wide-s--size-64__vvQME","Avatar--wide-s--size-96":"Avatar--wide-s--size-96__tVnz3","Avatar--wide-s--size-160":"Avatar--wide-s--size-160__brJ59","Avatar--wide-l--size-24":"Avatar--wide-l--size-24__EMfbp","Avatar--wide-l--size-32":"Avatar--wide-l--size-32__7bYZs","Avatar--wide-l--size-48":"Avatar--wide-l--size-48__548Bt","Avatar--wide-l--size-64":"Avatar--wide-l--size-64__5Ce08","Avatar--wide-l--size-96":"Avatar--wide-l--size-96__-6w7Y","Avatar--wide-l--size-160":"Avatar--wide-l--size-160__5ft-T","Avatar--round":"Avatar--round__ZDtGc"},I=l.forwardRef(function({size:s=c,round:i,src:r,alt:t="",dataset:A,crossOrigin:v,..._},z){const m=i??!0,d=w(C,e.Avatar,[u("size",s),n("round",void 0,m)]),o={...f(_),ref:z,className:d.join(" "),...p(A,{preplyDsComponent:e.Avatar})};return a.jsx("picture",{...o,children:a.jsx("img",{src:r||x,alt:t,crossOrigin:v})})});export{I as A};

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

@@ -0,0 +1,42 @@
+import{j as a}from"./iframe-CWgEsn_I.js";import{A as s}from"./Avatar-BHWZ6iZn.js";import{S as d}from"./consts-KAYct7Gj.js";import"./preload-helper-Dp1pzeXC.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./componentNames-CmmTyjin.js";import"./constants-5om8Ptru.js";const S={title:"components/Avatar",component:s,argTypes:{size:{description:d}}},t=()=>a.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"end"},children:[a.jsx(s,{size:"160"}),a.jsx(s,{src:"./assets/avatar-1.png",size:"96"}),a.jsx(s,{src:"./assets/avatar-2.png",size:"64"}),a.jsx(s,{src:"./assets/avatar-3.png",size:"48"}),a.jsx(s,{src:"./assets/avatar-4.png",size:"32"}),a.jsx(s,{src:"./assets/avatar-5.png",size:"24"})]}),r={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"32",src:"./assets/avatar-1.png",dataset:{qaid:"avatar"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},round:{table:{disable:!0}}}};var e,n,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => <div style={{
+  display: 'flex',
+  gap: '8px',
+  alignItems: 'end'
+}}>
+        <Avatar size="160" />
+        <Avatar src="./assets/avatar-1.png" size="96" />
+        <Avatar src="./assets/avatar-2.png" size="64" />
+        <Avatar src="./assets/avatar-3.png" size="48" />
+        <Avatar src="./assets/avatar-4.png" size="32" />
+        <Avatar src="./assets/avatar-5.png" size="24" />
+    </div>`,...(o=(n=t.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};var i,p,c;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    size: '32',
+    src: './assets/avatar-1.png',
+    dataset: {
+      qaid: 'avatar'
+    }
+  },
+  argTypes: {
+    src: {
+      control: 'text'
+    },
+    dataset: {
+      control: 'object'
+    },
+    alt: {
+      control: 'text'
+    },
+    // Disable deprecated props
+    round: {
+      table: {
+        disable: true
+      }
+    }
+  }
+}`,...(c=(p=r.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const j=["Sizes","Playground"];export{r as Playground,t as Sizes,j as __namedExportsOrder,S as default};

package/dist/assets/AvatarWithStatus.stories-BQ9j0v-r.js

@@ -0,0 +1,36 @@
+import{r as y,t as T,v as b,u as C,E,g as N,j as t,a3 as R,A as w}from"./iframe-CWgEsn_I.js";import{f as D}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{A as I}from"./Avatar-BHWZ6iZn.js";import{w as e}from"./componentNames-CmmTyjin.js";import"./preload-helper-Dp1pzeXC.js";import"./constants-5om8Ptru.js";const P="AvatarWithStatus__z8Zik",o={AvatarWithStatus:P,"AvatarWithStatus--indicator":"AvatarWithStatus--indicator__dsdXa","AvatarWithStatus--online":"AvatarWithStatus--online__pGAFw","AvatarWithStatus--size-64":"AvatarWithStatus--size-64__vG-kB","AvatarWithStatus--size-96":"AvatarWithStatus--size-96__Dgqc1","AvatarWithStatus--size-160":"AvatarWithStatus--size-160__7gCR7"},r=y.forwardRef(function({online:v=!1,size:n=R,dataset:h,alt:S,crossOrigin:W,src:x,..._},g){const f=T(o,e.AvatarWithStatus,[b("online",void 0,v),C("size",n)]),z=[...E(o,e.AvatarWithStatus,["indicator"])],j={...D(_),ref:g,className:f.join(" "),...N(h,{preplyDsComponent:e.AvatarWithStatus})};return t.jsxs("div",{...j,children:[t.jsx("span",{className:z.join(" ")}),t.jsx("div",{children:t.jsx(I,{alt:S,crossOrigin:W,src:x,size:n??w})})]})}),G={title:"components/AvatarWithStatus",component:r},a=()=>t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsx(r,{size:"64",online:!0}),t.jsx(r,{size:"64",online:!1})]}),s={parameters:{chromatic:{disableSnapshot:!0}},args:{size:"64",src:"./assets/avatar-1.png",online:!1,dataset:{qaid:"avatar-with-status"}},argTypes:{src:{control:"text"},dataset:{control:"object"},alt:{control:"text"},online:{control:"boolean"}}};var i,c,l,d,p;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`() => <div style={{
+  display: 'flex',
+  gap: '8px'
+}}>
+        <AvatarWithStatus size="64" online />
+        <AvatarWithStatus size="64" online={false} />
+    </div>`,...(l=(c=a.parameters)==null?void 0:c.docs)==null?void 0:l.source},description:{story:`This component augments [Avatar](/docs/components-avatar--docs) to add a
+connection status indicator.`,...(p=(d=a.parameters)==null?void 0:d.docs)==null?void 0:p.description}}};var u,m,A;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  parameters: {
+    chromatic: {
+      disableSnapshot: true
+    }
+  },
+  args: {
+    size: '64',
+    src: './assets/avatar-1.png',
+    online: false,
+    dataset: {
+      qaid: 'avatar-with-status'
+    }
+  },
+  argTypes: {
+    src: {
+      control: 'text'
+    },
+    dataset: {
+      control: 'object'
+    },
+    alt: {
+      control: 'text'
+    },
+    online: {
+      control: 'boolean'
+    }
+  }
+}`,...(A=(m=s.parameters)==null?void 0:m.docs)==null?void 0:A.source}}};const V=["Statuses","Playground"];export{s as Playground,a as Statuses,V as __namedExportsOrder,G as default};

package/dist/assets/Badge-e3LEfrfi.css

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