@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/tr-CvfBJD7Q.js

@@ -0,0 +1 @@
+import{n as e}from"./chunk-BneVvdWh.js";var t;e((()=>{t={"preply-ds.alert-banner.critical-prefix":`Uyarı:`,"preply-ds.alert-banner.host-region":`Uyarılar, ikazlar ve güncellemeler`,"preply-ds.alert-banner.positive-prefix":`Güncellenme:`,"preply-ds.alert-banner.warning-prefix":`Dikkat:`,"preply-ds.dropdown-menu.select-option-label-text":`Selected:`,"preply-ds.fieldLabel.optional":`İsteğe bağlı`,"preply-ds.fieldLabel.required":`Gerekli`,"preply-ds.form-control.accessibility-label.text":`{label}<Required>, Zorunlu</Required><Description>. {description}</Description><Error>. Hata: {error}</Error>`,"preply-ds.genericAriaLabels.cancel":`İptal`,"preply-ds.genericAriaLabels.close":`Kapat`,"preply-ds.genericAriaLabels.confirm":`Onayla`,"preply-ds.genericAriaLabels.remove":`Kaldır`,"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":`her cuma`,"preply-ds.intl_formatted.every_monday_full.text":`her pazartesi`,"preply-ds.intl_formatted.every_saturday_full.text":`her cumartesi`,"preply-ds.intl_formatted.every_sunday_full.text":`her pazar`,"preply-ds.intl_formatted.every_thursday_full.text":`her perşembe`,"preply-ds.intl_formatted.every_tuesday_full.text":`her salı`,"preply-ds.intl_formatted.every_wednesday_full.text":`her çarşamba`,"preply-ds.intl_formatted.relative_day_date_short.text":`{relativeDay}, {dateShort}`,"preply-ds.intl_formatted.time_range.text":`{timeStart}–{timeEnd}`,"preply-ds.onboardingTooltip.actionLabel":`Anladım`,"preply-ds.onboardingTour.completeActionLabel":`Anladım`,"preply-ds.onboardingTour.counter":`{currentStep} / {totalSteps}`,"preply-ds.onboardingTour.nextActionLabel":`İleri`,"preply-ds.password-field.conceal.button":`Parolayı gizle`,"preply-ds.password-field.reveal.button":`Parolayı göster`,"preply-ds.rating.value-text":`{currentValue}/{maxValue}`,"preply-ds.slider-field.accessibility-label.maximum":`Maksimum {label}`,"preply-ds.slider-field.accessibility-label.minimum":`Minimum {label}`,"preply-ds.steps.next":`İleri`,"preply-ds.steps.previous":`Geri`,"preply-ds.steps.progress":`Adım {currentStep}/{totalSteps}`}}))();export{t as default};

package/dist/assets/tw-DpiBe17Q.js

@@ -0,0 +1 @@
+import{n as e}from"./chunk-BneVvdWh.js";var t;e((()=>{t={"preply-ds.alert-banner.critical-prefix":`Alert:`,"preply-ds.alert-banner.host-region":`Alerts, warnings, and updates`,"preply-ds.alert-banner.positive-prefix":`Update:`,"preply-ds.alert-banner.warning-prefix":`Warning:`,"preply-ds.dropdown-menu.select-option-label-text":`Selected:`,"preply-ds.fieldLabel.optional":`Optional`,"preply-ds.fieldLabel.required":`Required`,"preply-ds.form-control.accessibility-label.text":`{label}<Required>, required</Required><Description>. {description}</Description><Error>. Error: {error}</Error>`,"preply-ds.genericAriaLabels.cancel":`Cancel`,"preply-ds.genericAriaLabels.close":`Close`,"preply-ds.genericAriaLabels.confirm":`Confirm`,"preply-ds.genericAriaLabels.remove":`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":`every Friday`,"preply-ds.intl_formatted.every_monday_full.text":`every Monday`,"preply-ds.intl_formatted.every_saturday_full.text":`every Saturday`,"preply-ds.intl_formatted.every_sunday_full.text":`every Sunday`,"preply-ds.intl_formatted.every_thursday_full.text":`every Thursday`,"preply-ds.intl_formatted.every_tuesday_full.text":`every Tuesday`,"preply-ds.intl_formatted.every_wednesday_full.text":`every Wednesday`,"preply-ds.intl_formatted.relative_day_date_short.text":`{relativeDay}, {dateShort}`,"preply-ds.intl_formatted.time_range.text":`{timeStart} - {timeEnd}`,"preply-ds.onboardingTooltip.actionLabel":`Got it`,"preply-ds.onboardingTour.completeActionLabel":`Got it`,"preply-ds.onboardingTour.counter":`{currentStep} of {totalSteps}`,"preply-ds.onboardingTour.nextActionLabel":`Next`,"preply-ds.password-field.conceal.button":`Conceal password`,"preply-ds.password-field.reveal.button":`Reveal password`,"preply-ds.rating.value-text":`{currentValue} out of {maxValue}`,"preply-ds.slider-field.accessibility-label.maximum":`Maximum {label}`,"preply-ds.slider-field.accessibility-label.minimum":`Minimum {label}`,"preply-ds.steps.next":`Next`,"preply-ds.steps.previous":`Previous`,"preply-ds.steps.progress":`Step {currentStep} of {totalSteps}`}}))();export{t as default};

package/dist/assets/ua-CPYW3Hlj.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};

package/dist/assets/useBreakpointMatch-B8CIBjwc.js

@@ -0,0 +1 @@
+import{a as e,n as t,t as n}from"./chunk-BneVvdWh.js";import{t as r}from"./react-C7IZe2D1.js";import{pt as i,w as a}from"./dist-DtfJeYQK.js";var o=n(((e,t)=>{var n=`Expected a function`,r=NaN,i=`[object Symbol]`,a=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt,u=typeof global==`object`&&global&&global.Object===Object&&global,d=typeof self==`object`&&self&&self.Object===Object&&self,f=u||d||Function(`return this`)(),p=Object.prototype.toString,m=Math.max,h=Math.min,g=function(){return f.Date.now()};function _(e,t,r){var i,a,o,s,c,l,u=0,d=!1,f=!1,p=!0;if(typeof e!=`function`)throw TypeError(n);t=x(t)||0,v(r)&&(d=!!r.leading,f=`maxWait`in r,o=f?m(x(r.maxWait)||0,t):o,p=`trailing`in r?!!r.trailing:p);function _(t){var n=i,r=a;return i=a=void 0,u=t,s=e.apply(r,n),s}function y(e){return u=e,c=setTimeout(C,t),d?_(e):s}function b(e){var n=e-l,r=e-u,i=t-n;return f?h(i,o-r):i}function S(e){var n=e-l,r=e-u;return l===void 0||n>=t||n<0||f&&r>=o}function C(){var e=g();if(S(e))return w(e);c=setTimeout(C,b(e))}function w(e){return c=void 0,p&&i?_(e):(i=a=void 0,s)}function T(){c!==void 0&&clearTimeout(c),u=0,i=l=a=c=void 0}function E(){return c===void 0?s:w(g())}function D(){var e=g(),n=S(e);if(i=arguments,a=this,l=e,n){if(c===void 0)return y(l);if(f)return c=setTimeout(C,t),_(l)}return c===void 0&&(c=setTimeout(C,t)),s}return D.cancel=T,D.flush=E,D}function v(e){var t=typeof e;return!!e&&(t==`object`||t==`function`)}function y(e){return!!e&&typeof e==`object`}function b(e){return typeof e==`symbol`||y(e)&&p.call(e)==i}function x(e){if(typeof e==`number`)return e;if(b(e))return r;if(v(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=v(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=e.replace(a,``);var n=s.test(e);return n||c.test(e)?l(e.slice(2),n?2:8):o.test(e)?r:+e}t.exports=_}));function s(e,{defaultValue:t=!1,initializeWithValue:n=!0}={}){let r=e=>u?t:window.matchMedia(e).matches,[i,a]=(0,c.useState)(()=>n?r(e):t);function o(){a(r(e))}return l(()=>{let t=window.matchMedia(e);return o(),t.addListener?t.addListener(o):t.addEventListener(`change`,o),()=>{t.removeListener?t.removeListener(o):t.removeEventListener(`change`,o)}},[e]),i}var c,l,u,d=t((()=>{c=e(r(),1),e(o(),1),l=typeof window<`u`?c.useLayoutEffect:c.useEffect,u=typeof window>`u`}));function f(e){let t=i[e];return s(`(min-width: ${t}px)`)}var p=t((()=>{a(),d()}));export{f as n,p as t};

package/dist/assets/useControllableState-BBsZ9A2n.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{n as r,t as i}from"./useStableCallback-DnHVYLVo.js";function a({value:e,defaultValue:t,onValueChange:n}){let i=e!==void 0,[a,s]=(0,o.useState)(i?e:t);(0,o.useEffect)(()=>{i&&e!==a&&s(e)},[i,e,a]);let c=r(n),l=(0,o.useCallback)(e=>{i||s(e),c(e)},[i,c]);return[i?e:a,l]}var o,s=t((()=>{o=e(n(),1),i()}));export{a as n,s as t};

package/dist/assets/useMergeRefs-D0D5dYrn.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=t((()=>{r=e(n(),1),i=(e,t)=>{typeof e==`function`?e(t):e&&(e.current=t)},a=(e,t)=>(0,r.useCallback)(n=>{i(e,n),i(t,n)},[e,t])}));export{a as n,o as t};

package/dist/assets/usePortalElement-uqsVx9U8.js

@@ -0,0 +1,19 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-f34VuKy-.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-Bi0BC7jy.js";function o(e){let t={code:`code`,h1:`h1`,p:`p`,pre:`pre`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Utilities/usePortalElement`}),`
+`,(0,c.jsx)(t.h1,{id:`useportalelement`,children:`usePortalElement()`}),`
+`,(0,c.jsx)(t.p,{children:`Provides reference to the element that can be used as a portal container.`}),`
+`,(0,c.jsx)(t.p,{children:`Use it to avoid issues with unstyled content in portals.`}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-tsx`,children:`import { Tooltip } from 'radix-ui';
+import { usePortalElement } from '@preply/ds-web-root';
+
+const MyComponent = () => {
+    const portalElement = usePortalElement();
+
+    return (
+        <Tooltip.Portal container={portalElement}>
+            <Tooltip.Content>
+                <div>...</div>
+            </Tooltip.Content>
+        </Tooltip.Portal>
+    );
+};
+`})})]})}function s(e={}){let{wrapper:t}={...i(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(o,{...e})}):o(e)}var c;e((()=>{c=t(),a(),n()}))();export{s as default};

package/dist/assets/useStableCallback-DnHVYLVo.js

@@ -0,0 +1 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";function r(e){let t=(0,i.useRef)(e);return(0,i.useEffect)(()=>{t.current=e},[e]),(0,i.useCallback)(((...e)=>t.current?.(...e)),[])}var i,a=t((()=>{i=e(n(),1)}));export{r as n,a as t};

package/dist/assets/welcome-t0_iHw7X.js

@@ -0,0 +1,23 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-f34VuKy-.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-Bi0BC7jy.js";function o(e){let t={a:`a`,h1:`h1`,h2:`h2`,img:`img`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Welcome`}),`
+`,(0,c.jsx)(t.h1,{id:``,children:(0,c.jsx)(t.img,{src:`./assets/path.png`,alt:``})}),`
+`,(0,c.jsxs)(t.p,{children:[`Welcome to Preply's Design System, `,(0,c.jsx)(t.strong,{children:`Path`}),`.`]}),`
+`,(0,c.jsx)(t.p,{children:`Path unlocks rapid, high-quality frontend development and prototyping, whilst
+promoting a shared ownership over Preply's design language throughout our
+product suite.`}),`
+`,(0,c.jsx)(t.h2,{id:`-this-storybook-is-currently-being-reworked-`,children:`🚧 This Storybook is currently being reworked 🚧`}),`
+`,(0,c.jsx)(t.p,{children:`It is being simplified and refocussed into a development environment.`}),`
+`,(0,c.jsx)(t.p,{children:`As part of this:`}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:`Component technical documentation have moved to JSDoc comments, so they
+appear in your IDE at the right time: When you're about to use them.`}),`
+`,(0,c.jsx)(t.li,{children:`Component design documentation have been moved to Figma, where they will be
+closer to the design domain.`}),`
+`,(0,c.jsx)(t.li,{children:`Component stories will be used to run visual, interaction, and accessibility
+tests, ensuring a high degree of quality and confidence for our consumers.`}),`
+`]}),`
+`,(0,c.jsx)(t.h2,{id:`react-native`,children:`React Native`}),`
+`,(0,c.jsxs)(t.ol,{children:[`
+`,(0,c.jsxs)(t.li,{children:[`Download Expo Go (`,(0,c.jsx)(t.a,{href:`https://play.google.com/store/apps/details?id=host.exp.exponent`,rel:`nofollow`,children:`Android`}),`, `,(0,c.jsx)(t.a,{href:`https://apps.apple.com/us/app/expo-go/id982107779`,rel:`nofollow`,children:`iOS`}),`)`]}),`
+`,(0,c.jsx)(t.li,{children:`Open it and scan the following QR`}),`
+`]}),`
+`,(0,c.jsx)(`img`,{src:`https://qr.expo.dev/eas-update?projectId=7526cb51-fbd8-4185-b8ec-c824b6d5e573&groupId=0512e32e-3380-44d5-bda4-c51b1f745595`,alt:`Expo Go QR Code`,width:`200`})]})}function s(e={}){let{wrapper:t}={...i(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(o,{...e})}):o(e)}var c;e((()=>{c=t(),a(),n()}))();export{s as default};

package/dist/assets/zeroheight-DxMICzug.js

@@ -0,0 +1,75 @@
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{l as n,o as r}from"./iframe-f34VuKy-.js";import{r as i}from"./react-B8jdHdWa.js";import{t as a}from"./mdx-react-shim-Bi0BC7jy.js";function o(e){let t={a:`a`,h1:`h1`,h2:`h2`,img:`img`,li:`li`,p:`p`,ul:`ul`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Zeroheight`}),`
+`,(0,c.jsx)(t.h1,{id:``,children:(0,c.jsx)(t.img,{src:`./assets/path-preply-org.jpg`,alt:``})}),`
+`,(0,c.jsx)(t.h2,{id:`zeroheight-former-pathpreplyorg`,children:`Zeroheight (former path.preply.org)`}),`
+`,(0,c.jsx)(t.p,{children:`On January 2025, we decided not to renew the Zeroheight license, waiting for a new designer before choosing how to properly document the Design System.`}),`
+`,(0,c.jsxs)(t.p,{children:[`The old website should still be available (a `,(0,c.jsx)(t.a,{href:`https://drive.google.com/file/d/1KWlU1hTKbedU4ipoZkSf1TKtwpxVTGCF/view?usp=sharing`,rel:`nofollow`,children:`backup in PDF is available here`}),` in case the site stops working), here you can find all the links`]}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/109536-path-design-system`,rel:`nofollow`,children:`Home`})}),`
+`,(0,c.jsxs)(t.li,{children:[`Get started`,`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsxs)(t.li,{children:[(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/720782-about-path`,rel:`nofollow`,children:`About Path`}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/120e4d-faqs`,rel:`nofollow`,children:`FAQ`})}),`
+`]}),`
+`]}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/3702d5-designers`,rel:`nofollow`,children:`Designers`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/24909b-developers`,rel:`nofollow`,children:`Developers`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/405409-resources`,rel:`nofollow`,children:`Resources`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/442539-glossary`,rel:`nofollow`,children:`Glossary`})}),`
+`]}),`
+`]}),`
+`,(0,c.jsxs)(t.li,{children:[`Foundations`,`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/00853c-color`,rel:`nofollow`,children:`Color`})}),`
+`,(0,c.jsxs)(t.li,{children:[(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/936211-design-tokens`,rel:`nofollow`,children:`Design tokens`}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/8799c1-color-tokens`,rel:`nofollow`,children:`Color tokens`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/462287-dimensions`,rel:`nofollow`,children:`Dimensions`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/14e9ff-font-tokens`,rel:`nofollow`,children:`Font tokens`})}),`
+`]}),`
+`]}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/638221-elevation`,rel:`nofollow`,children:`Elevation`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/42e390-sceen-sizes`,rel:`nofollow`,children:`Screen sizes`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/78680d-iconography`,rel:`nofollow`,children:`Iconography`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/22a5fa-typography`,rel:`nofollow`,children:`Typography`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/9783ca-icons`,rel:`nofollow`,children:`Icons`})}),`
+`]}),`
+`]}),`
+`,(0,c.jsxs)(t.li,{children:[(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/40b8ad-overview`,rel:`nofollow`,children:`Components`}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/877595-badge`,rel:`nofollow`,children:`Badge`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/6560b3-button`,rel:`nofollow`,children:`Button`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/69782c-chip`,rel:`nofollow`,children:`Chip`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/789d89-modal-portal-dialog`,rel:`nofollow`,children:`Modal: Portal dialog`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/16e5e4-modal-bottom-sheet`,rel:`nofollow`,children:`Modal: Bottom sheet`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/02bae3-full-page`,rel:`nofollow`,children:`Full page`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/21285a-navigation`,rel:`nofollow`,children:`Navigation`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/917fc5-onboarding-tooltip`,rel:`nofollow`,children:`Onboarding Tooltip`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/149610-toast`,rel:`nofollow`,children:`Toast`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/20d68e-tooltip`,rel:`nofollow`,children:`Tooltip`})}),`
+`]}),`
+`]}),`
+`,(0,c.jsxs)(t.li,{children:[(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/8512ec-roadmap`,rel:`nofollow`,children:`Roadmap`}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/00f9b2-release-notes`,rel:`nofollow`,children:`Release notes`})}),`
+`]}),`
+`]}),`
+`,(0,c.jsxs)(t.li,{children:[(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/959324-pattern-overview`,rel:`nofollow`,children:`Patterns`}),`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/7586b4-app-navigation`,rel:`nofollow`,children:`App navigation`})}),`
+`,(0,c.jsxs)(t.li,{children:[`Modality`,`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/4005c9-app-bottom-sheet`,rel:`nofollow`,children:`App bottom sheet`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/425eee-app-full-page`,rel:`nofollow`,children:`App full page`})}),`
+`]}),`
+`]}),`
+`]}),`
+`]}),`
+`,(0,c.jsxs)(t.li,{children:[`Tone of voice`,`
+`,(0,c.jsxs)(t.ul,{children:[`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/891ba3-introduction`,rel:`nofollow`,children:`Intro`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/82315b-tone-of-voice`,rel:`nofollow`,children:`Tone of voice`})}),`
+`,(0,c.jsx)(t.li,{children:(0,c.jsx)(t.a,{href:`https://zeroheight.com/62fdeb7ec/p/947991-ux-writing-style-guide`,rel:`nofollow`,children:`UX Writing Style Guide`})}),`
+`]}),`
+`]}),`
+`]})]})}function s(e={}){let{wrapper:t}={...i(),...e.components};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(o,{...e})}):o(e)}var c;e((()=>{c=t(),a(),n()}))();export{s as default};

package/dist/assets/zh-C43VYh_6.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};

package/dist/iframe.html

@@ -45,7 +45,7 @@
       window.LOGLEVEL = 'info';
       window.FRAMEWORK_OPTIONS = {};
       window.CHANNEL_OPTIONS = {};
-      window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true};
+      window.FEATURES = {"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false,"disallowImplicitActionsInRenderV8":true,"viewport":true,"highlight":true,"controls":true,"interactions":true,"actions":true,"backgrounds":true,"outline":true,"measure":true,"sidebarOnboardingChecklist":true};
       window.STORIES = [{"titlePrefix":"","directory":"./pages","files":"**/*.@(stories.tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:pages(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.(stories\\.tsx|mdx))$"},{"titlePrefix":"","directory":"../../packages/web-lib/src","files":"**/*.stories.tsx","importPathMatcher":"^(?:\\.\\.\\/\\.\\.\\/packages\\/web-lib\\/src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.tsx)$"},{"titlePrefix":"","directory":"../../packages/web-lib/src","files":"**/*.mdx","importPathMatcher":"^(?:\\.\\.\\/\\.\\.\\/packages\\/web-lib\\/src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.mdx)$"}];
       window.DOCS_OPTIONS = {"defaultName":"Docs"};
       window.TAGS_OPTIONS = {};
@@ -169,7 +169,13 @@
     margin: auto;
     padding: 30px;
     border-radius: 10px;
-    background: rgba(0, 0, 0, 0.03);
+    background: rgb(247, 247, 247);
+    color: rgb(46, 52, 56);
+
+    & * {
+      background: rgb(247, 247, 247);
+      color: rgb(46, 52, 56);
+    }
   }
 
   .sb-nopreview_heading {
@@ -183,12 +189,35 @@
     width: 100vw;
     min-height: 100vh;
     box-sizing: border-box;
+  }
+
+  .sb-errordisplay_main {
+    margin: auto;
+    padding: 24px;
+    display: flex;
+    box-sizing: border-box;
+
+    flex-direction: column;
+    min-height: 100%;
+    width: 100%;
+    border-radius: 6px;
+    background: white;
+    color: black;
+    border: 1px solid #ff0000;
+    box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
+    gap: 24px;
 
     & ol {
       padding-left: 18px;
       margin: 0;
     }
 
+    /* Redefine colors to ensure readability regardless of user-provided * selectors. */
+    * {
+      background: white;
+      color: black;
+    }
+
     & h1 {
       font-family: Nunito Sans;
       font-size: 22px;
@@ -226,46 +255,35 @@
     & a {
       color: currentColor;
     }
-  }
-
-  .sb-errordisplay_main {
-    margin: auto;
-    padding: 24px;
-    display: flex;
-    box-sizing: border-box;
 
-    flex-direction: column;
-    min-height: 100%;
-    width: 100%;
-    border-radius: 6px;
-    background: white;
-    border: 1px solid #ff0000;
-    box-shadow: 0 0 64px rgba(0, 0, 0, 0.1);
-    gap: 24px;
-  }
+    & .sb-errordisplay_code {
+      padding: 10px;
+      flex: 1;
+      background: #242424;
+      color: #c6c6c6;
+      box-sizing: border-box;
 
-  .sb-errordisplay_code {
-    padding: 10px;
-    flex: 1;
-    background: #242424;
-    color: #c6c6c6;
-    box-sizing: border-box;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 19px;
+      border-radius: 4px;
 
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 19px;
-    border-radius: 4px;
+      font-family:
+        'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
+        'Lucida Console', Consolas, Monaco, monospace;
+      margin: 0;
+      overflow: auto;
 
-    font-family:
-      'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',
-      'Lucida Console', Consolas, Monaco, monospace;
-    margin: 0;
-    overflow: auto;
-  }
+      & code {
+        background-color: inherit;
+        color: inherit;
+      }
+    }
 
-  .sb-errordisplay pre {
-    white-space: pre-wrap;
-    white-space: revert;
+    & .sb-errordisplay pre {
+      white-space: pre-wrap;
+      white-space: revert;
+    }
   }
 
   @-webkit-keyframes sb-rotate360 {
@@ -545,9 +563,20 @@
 
 <noscript id="jss-insertion-point"></noscript>
 
-    <script type="module" crossorigin src="./assets/iframe-B_74HtSc.js"></script>
-    <link rel="modulepreload" crossorigin href="./assets/preload-helper-Dp1pzeXC.js">
-    <link rel="stylesheet" crossorigin href="./assets/iframe-DR4kltvM.css">
+    <script type="module" crossorigin src="./assets/iframe-f34VuKy-.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/chunk-BneVvdWh.js">
+    <link rel="modulepreload" crossorigin href="./assets/preload-helper-nVtPd9zc.js">
+    <link rel="modulepreload" crossorigin href="./assets/react-C7IZe2D1.js">
+    <link rel="modulepreload" crossorigin href="./assets/dist-DtfJeYQK.js">
+    <link rel="modulepreload" crossorigin href="./assets/react-dom-CLuuWI32.js">
+    <link rel="modulepreload" crossorigin href="./assets/chunk-242VQQM5-BHHKbgg-.js">
+    <link rel="modulepreload" crossorigin href="./assets/chunk-3LY4VQVK-Di70sXb8.js">
+    <link rel="modulepreload" crossorigin href="./assets/theming-C7TmxyGw.js">
+    <link rel="modulepreload" crossorigin href="./assets/jsx-runtime-C2wGStra.js">
+    <link rel="modulepreload" crossorigin href="./assets/chunk-YKABRMAI-tsMt0pG-.js">
+    <link rel="modulepreload" crossorigin href="./assets/shim-Do3tPrxV.js">
+    <link rel="modulepreload" crossorigin href="./assets/components-BJI6UJJQ.js">
+    <link rel="stylesheet" crossorigin href="./assets/iframe-CYkk6Y66.css">
   </head>
 
   <body>

package/dist/index.html

@@ -56,7 +56,9 @@
     
     <link href="./sb-addons/docs-4/manager-bundle.js" rel="modulepreload" />
     
-    <link href="./sb-addons/storybook-5/manager-bundle.js" rel="modulepreload" />
+    <link href="./sb-addons/chromatic-com-storybook-5/manager-bundle.js" rel="modulepreload" />
+    
+    <link href="./sb-addons/storybook-6/manager-bundle.js" rel="modulepreload" />
       <link rel="icon" href="./global/docs/static/favicon.svg" sizes="16x16" />
 
 <!-- Hotjar Tracking Code for Design System -->
@@ -107,7 +109,8 @@
   "actions": true,
   "backgrounds": true,
   "outline": true,
-  "measure": true
+  "measure": true,
+  "sidebarOnboardingChecklist": true
 };
         
       
@@ -168,7 +171,9 @@
       
         import './sb-addons/docs-4/manager-bundle.js';
       
-        import './sb-addons/storybook-5/manager-bundle.js';
+        import './sb-addons/chromatic-com-storybook-5/manager-bundle.js';
+      
+        import './sb-addons/storybook-6/manager-bundle.js';
       
 
       import './sb-manager/runtime.js';