@preply/ds-docs 11.0.0 → 11.1.0

package/dist/assets/breakpoints-DVI9b-sj.js

@@ -0,0 +1,31 @@
+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`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/SCSS/Breakpoints`}),`
+`,(0,c.jsx)(t.h1,{id:`scss-breakpoints`,children:`SCSS: Breakpoints`}),`
+`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:`Note:`}),` Storybook renders this page inside of an `,(0,c.jsx)(t.code,{children:`iframe`}),`! The width taken into account by the media query is that of the `,(0,c.jsx)(t.code,{children:`iframe`}),` and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width.`]}),`
+`,(0,c.jsx)(t.hr,{}),`
+`,(0,c.jsxs)(`details`,{style:{marginBlock:`24px`},children:[(0,c.jsx)(`summary`,{children:`🚧 SCSS Support is experimental 🚧`}),(0,c.jsx)(t.p,{children:`SCSS support was introduced due to the lack of support for LESS in the Next.js app router.`}),(0,c.jsx)(t.p,{children:`Please avoid using it for other purposes, as the API may change or be removed in the future.`})]}),`
+`,(0,c.jsxs)(t.p,{children:[`Import `,(0,c.jsx)(t.code,{children:`breakpoints.less`}),` from `,(0,c.jsx)(t.code,{children:`@preply/ds-web-core`}),` and use the breakpoint mixin:`]}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-css`,children:`@use '@preply/ds-web-core/dist/generated/breakpoints' as *;
+
+.container {
+    display: flex;
+    flex-direction: column;
+
+    @include medium-l {
+        flex-direction: row;
+    }
+}
+`})}),`
+`,(0,c.jsxs)(t.p,{children:[`Alternatively you can use the `,(0,c.jsx)(t.code,{children:`$breakpoints`}),` map to access the pixel values directly:`]}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-css`,children:`@use '@preply/ds-web-core/dist/generated/breakpoints' as *;
+
+.some-css-class {
+    display: flex;
+    flex-direction: column;
+
+    @media (min-width: map-get($breakpoints, medium-l)) {
+        flex-direction: row;
+    }
+}
+`})}),`
+`,(0,c.jsxs)(t.p,{children:[`We recommend using only `,(0,c.jsx)(t.code,{children:`min-width`}),` media queries in order to structure your code with a "mobile first" approach.`]}),`
+`,(0,c.jsxs)(t.p,{children:[`Check out this `,(0,c.jsx)(t.a,{href:`https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78`,rel:`nofollow`,children:`small article (3 min read)`}),` for a quick explanation why.`]})]})}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/breakpoints-DhB77ppz.js

@@ -0,0 +1,32 @@
+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`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/StyledComponents/Breakpoints`}),`
+`,(0,c.jsx)(t.h1,{id:`styledcomponents-breakpoints`,children:`StyledComponents: Breakpoints`}),`
+`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:`Note:`}),` Storybook renders this page inside of an `,(0,c.jsx)(t.code,{children:`iframe`}),`! The width taken into account by the media query is that of the `,(0,c.jsx)(t.code,{children:`iframe`}),` and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width.`]}),`
+`,(0,c.jsx)(t.hr,{}),`
+`,(0,c.jsxs)(t.p,{children:[`Import `,(0,c.jsx)(t.code,{children:`minWidth`}),` from `,(0,c.jsx)(t.code,{children:`@preply/ds-web-core`}),` and use it as a 'mixin':`]}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-ts`,children:`import styled from 'styled-components';
+import { minWidth } from '@preply/ds-web-core';
+
+export const MyComponent = styled.div\`
+    display: flex;
+    flex-direction: column;
+
+    \${minWidth('medium-l')} {
+        flex-direction: row;
+    }
+\`;
+`})}),`
+`,(0,c.jsxs)(t.p,{children:[`Alternatively you can assemble the media query by importing the `,(0,c.jsx)(t.code,{children:`BREAKPOINT`}),` variable from `,(0,c.jsx)(t.code,{children:`@preply/ds-core`}),`:`]}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-ts`,children:`import styled from 'styled-components';
+import { BREAKPOINT } from '@preply/ds-core';
+
+export const MyComponent = styled.div\`
+    display: flex;
+    flex-direction: column;
+
+    @media (min-width: \${BREAKPOINT['medium-l']}px) {
+        flex-direction: row;
+    }
+\`;
+`})}),`
+`,(0,c.jsxs)(t.p,{children:[`We recommend using only `,(0,c.jsx)(t.code,{children:`min-width`}),` media queries in order to structure your code with a "mobile first" approach.`]}),`
+`,(0,c.jsxs)(t.p,{children:[`Check out this `,(0,c.jsx)(t.a,{href:`https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78`,rel:`nofollow`,children:`small article (3 min read)`}),` for a quick explanation why.`]})]})}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/breakpoints-JehRf-HQ.js

@@ -0,0 +1,30 @@
+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`,code:`code`,h1:`h1`,hr:`hr`,p:`p`,pre:`pre`,strong:`strong`,...i(),...e.components};return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(r,{title:`Guides/Custom Components/Less.js/Breakpoints`}),`
+`,(0,c.jsx)(t.h1,{id:`lessjs-breakpoints`,children:`Less.js: Breakpoints`}),`
+`,(0,c.jsxs)(t.p,{children:[(0,c.jsx)(t.strong,{children:`Note:`}),` Storybook renders this page inside of an `,(0,c.jsx)(t.code,{children:`iframe`}),`! The width taken into account by the media query is that of the `,(0,c.jsx)(t.code,{children:`iframe`}),` and not the full viewport window. Hide Storybook's navigation sidebar (or pop out this page) to preview the media query against the full browser width.`]}),`
+`,(0,c.jsx)(t.hr,{}),`
+`,(0,c.jsxs)(t.p,{children:[`Import the `,(0,c.jsx)(t.code,{children:`breakpoints.less`}),` file from the `,(0,c.jsx)(t.code,{children:`@preply/ds-web-core`}),` package and use the breakpoint name as a mixin:`]}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-css`,children:`@import '@preply/ds-web-core/dist/generated/breakpoints.less';
+
+.container {
+    display: flex;
+    flex-direction: column;
+
+    @media @medium-l {
+        flex-direction: row;
+    }
+}
+`})}),`
+`,(0,c.jsxs)(t.p,{children:[`Alternatively you can use the `,(0,c.jsx)(t.code,{children:`@breakpoints`}),` variable to access the pixel values directly.`]}),`
+`,(0,c.jsxs)(t.p,{children:[`We recommend using only `,(0,c.jsx)(t.code,{children:`min-width`}),` media queries in order to structure your code with a "mobile first" approach.`]}),`
+`,(0,c.jsxs)(t.p,{children:[`Check out this `,(0,c.jsx)(t.a,{href:`https://medium.com/swlh/use-min-width-not-max-width-in-your-css-e6898fcf6a78`,rel:`nofollow`,children:`small article (3 min read)`}),` for a quick explanation why.`]}),`
+`,(0,c.jsx)(t.pre,{children:(0,c.jsx)(t.code,{className:`language-css`,children:`@import '@preply/ds-web-core/dist/generated/breakpoints.less';
+
+.container {
+    display: flex;
+    flex-direction: column;
+
+    @media (min-width: @breakpoints[medium-l]) {
+        flex-direction: row;
+    }
+}
+`})})]})}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/{changelog-BoskfpJ8.js → changelog-BlpT3PVh.js}

@@ -1,4 +1,19 @@
-import{j as e,M as o,X as c}from"./iframe-B_74HtSc.js";import{useMDXComponents as i}from"./index-DWFFXgf1.js";import"./preload-helper-Dp1pzeXC.js";const d=`# Changelog
+import{n as e}from"./chunk-BneVvdWh.js";import{t}from"./jsx-runtime-C2wGStra.js";import{a as n,l as r,o as i}from"./iframe-f34VuKy-.js";import{r as a}from"./react-B8jdHdWa.js";import{t as o}from"./mdx-react-shim-Bi0BC7jy.js";var s,c=e((()=>{s=`# Changelog
+
+## [11.1.0](https://github.com/preply/design-system/compare/v11.0.0...v11.1.0)
+
+### Features
+
+- [App] Add selected state to RN IconButton (aligned with Web) ([137a9d5b](https://github.com/preply/design-system/commit/137a9d5b))
+
+#### Icons
+
+- Add \`Crosswords\` icon ([451593a6](https://github.com/preply/design-system/commit/451593a6))
+- Add \`MusicNote\` icon ([f46ce5a2](https://github.com/preply/design-system/commit/f46ce5a2))
+- Add \`Mathematics\` icon ([f46ce5a2](https://github.com/preply/design-system/commit/f46ce5a2))
+- Add \`Exit\` icon ([9535f389](https://github.com/preply/design-system/commit/9535f389))
+- Update \`LogIn\` icon ([9535f389](https://github.com/preply/design-system/commit/9535f389))
+- Update \`LogOut\` icon ([9535f389](https://github.com/preply/design-system/commit/9535f389))
 
 ## [11.0.0](https://github.com/preply/design-system/compare/v10.0.0...v11.0.0)
 
@@ -2529,5 +2544,5 @@ According to Tokyo UI, some tokens will be dismissed when the 2023 Rebrand is ov
 ### Bug Fixes
 
 - LayoutFlex and LayoutGrid were not exported ([ebe4581](https://github.com/preply/design-system/commit/ebe4581df3d0ae68c12bcddb45c8e0d5b5395d5f))
-`;function s(t){return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Changelog"}),`
-`,e.jsx(c,{children:d})]})}function b(t={}){const{wrapper:n}={...i(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(s,{...t})}):s()}export{b as default};
+`}));function l(e){return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{title:`Changelog`}),`
+`,(0,d.jsx)(n,{children:s})]})}function u(e={}){let{wrapper:t}={...a(),...e.components};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(l,{...e})}):l(e)}var d;e((()=>{d=t(),o(),r(),c()}))();export{u as default};

package/dist/assets/chunk-242VQQM5-BHHKbgg-.js

@@ -0,0 +1 @@
+import{n as e}from"./chunk-BneVvdWh.js";function t(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var n=e((()=>{}));export{n,t};

package/dist/assets/chunk-3LY4VQVK-Di70sXb8.js

@@ -0,0 +1,6 @@
+import{i as e,n as t}from"./chunk-BneVvdWh.js";var n,r,i,a,o,s,c,l,u,d,f,p=t((()=>{n=Object.create,r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,c=(t=>typeof e<`u`?e:typeof Proxy<`u`?new Proxy(t,{get:(t,n)=>(typeof e<`u`?e:t)[n]}):t)(function(t){if(typeof e<`u`)return e.apply(this,arguments);throw Error(`Dynamic require of "`+t+`" is not supported`)}),l=(e,t)=>function(){return t||(0,e[a(e)[0]])((t={exports:{}}).exports,t),t.exports},u=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:!0})},d=(e,t,n,o)=>{if(t&&typeof t==`object`||typeof t==`function`)for(let c of a(t))!s.call(e,c)&&c!==n&&r(e,c,{get:()=>t[c],enumerable:!(o=i(t,c))||o.enumerable});return e},f=(e,t,i)=>(i=e==null?{}:n(o(e)),d(t||!e||!e.__esModule?r(i,`default`,{value:e,enumerable:!0}):i,e))})),m,h=t((()=>{p(),m=l({"../../node_modules/memoizerific/memoizerific.js"(e,t){(function(n){if(typeof e==`object`&&typeof t<`u`)t.exports=n();else if(typeof define==`function`&&define.amd)define([],n);else{var r=typeof window<`u`?window:typeof global<`u`?global:typeof self<`u`?self:this;r.memoizerific=n()}})(function(){return(function e(t,n,r){function i(o,s){if(!n[o]){if(!t[o]){var l=typeof c==`function`&&c;if(!s&&l)return l(o,!0);if(a)return a(o,!0);var u=Error(`Cannot find module '`+o+`'`);throw u.code=`MODULE_NOT_FOUND`,u}var d=n[o]={exports:{}};t[o][0].call(d.exports,function(e){var n=t[o][1][e];return i(n||e)},d,d.exports,e,t,n,r)}return n[o].exports}for(var a=typeof c==`function`&&c,o=0;o<r.length;o++)i(r[o]);return i})({1:[function(e,t,n){t.exports=function(t){return typeof Map!=`function`||t?new(e(`./similar`)):new Map}},{"./similar":2}],2:[function(e,t,n){function r(){return this.list=[],this.lastItem=void 0,this.size=0,this}r.prototype.get=function(e){var t;if(this.lastItem&&this.isEqual(this.lastItem.key,e))return this.lastItem.val;if(t=this.indexOf(e),t>=0)return this.lastItem=this.list[t],this.list[t].val},r.prototype.set=function(e,t){var n;return this.lastItem&&this.isEqual(this.lastItem.key,e)?(this.lastItem.val=t,this):(n=this.indexOf(e),n>=0?(this.lastItem=this.list[n],this.list[n].val=t,this):(this.lastItem={key:e,val:t},this.list.push(this.lastItem),this.size++,this))},r.prototype.delete=function(e){var t;if(this.lastItem&&this.isEqual(this.lastItem.key,e)&&(this.lastItem=void 0),t=this.indexOf(e),t>=0)return this.size--,this.list.splice(t,1)[0]},r.prototype.has=function(e){var t;return this.lastItem&&this.isEqual(this.lastItem.key,e)?!0:(t=this.indexOf(e),t>=0?(this.lastItem=this.list[t],!0):!1)},r.prototype.forEach=function(e,t){var n;for(n=0;n<this.size;n++)e.call(t||this,this.list[n].val,this.list[n].key,this)},r.prototype.indexOf=function(e){var t;for(t=0;t<this.size;t++)if(this.isEqual(this.list[t].key,e))return t;return-1},r.prototype.isEqual=function(e,t){return e===t||e!==e&&t!==t},t.exports=r},{}],3:[function(e,t,n){var r=e(`map-or-similar`);t.exports=function(e){var t=new r(!1),n=[];return function(o){var s=function(){var c=t,l,u,d=arguments.length-1,f=Array(d+1),p=!0,m;if((s.numArgs||s.numArgs===0)&&s.numArgs!==d+1)throw Error(`Memoizerific functions should always be called with the same number of arguments`);for(m=0;m<d;m++){if(f[m]={cacheItem:c,arg:arguments[m]},c.has(arguments[m])){c=c.get(arguments[m]);continue}p=!1,l=new r(!1),c.set(arguments[m],l),c=l}return p&&(c.has(arguments[d])?u=c.get(arguments[d]):p=!1),p||(u=o.apply(null,arguments),c.set(arguments[d],u)),e>0&&(f[d]={cacheItem:c,arg:arguments[d]},p?i(n,f):n.push(f),n.length>e&&a(n.shift())),s.wasMemoized=p,s.numArgs=d+1,u};return s.limit=e,s.wasMemoized=!1,s.cache=t,s.lru=n,s}};function i(e,t){var n=e.length,r=t.length,i,a,s;for(a=0;a<n;a++){for(i=!0,s=0;s<r;s++)if(!o(e[a][s].arg,t[s].arg)){i=!1;break}if(i)break}e.push(e.splice(a,1)[0])}function a(e){var t=e.length,n=e[t-1],r,i;for(n.cacheItem.delete(n.arg),i=t-2;i>=0&&(n=e[i],r=n.cacheItem.get(n.arg),!r||!r.size);i--)n.cacheItem.delete(n.arg)}function o(e,t){return e===t||e!==e&&t!==t}},{"map-or-similar":1}]},{},[3])(3)})}})}));function g(e){var t=[...arguments].slice(1),n=Array.from(typeof e==`string`?[e]:e);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,``);var r=n.reduce(function(e,t){var n=t.match(/\n([\t ]+|(?!\s).)/g);return n?e.concat(n.map(function(e){return e.match(/[\t ]/g)?.length??0})):e},[]);if(r.length){var i=RegExp(`
+[	 ]{`+Math.min.apply(Math,r)+`}`,`g`);n=n.map(function(e){return e.replace(i,`
+`)})}n[0]=n[0].replace(/^\r?\n/,``);var a=n[0];return t.forEach(function(e,t){var r=a.match(/(?:^|\n)( *)$/),i=r?r[1]:``,o=e;typeof e==`string`&&e.includes(`
+`)&&(o=String(e).split(`
+`).map(function(e,t){return t===0?e:``+i+e}).join(`
+`)),a+=o+n[t+1]}),a}var _=t((()=>{}));export{l as a,p as c,m as i,_ as n,u as o,h as r,f as s,g as t};

package/dist/assets/chunk-BneVvdWh.js

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(e&&(t=e(e=0)),t),s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),c=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},l=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},u=(n,r,a)=>(a=n==null?{}:e(i(n)),l(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),d=(e=>typeof require<`u`?require:typeof Proxy<`u`?new Proxy(e,{get:(e,t)=>(typeof require<`u`?require:e)[t]}):e)(function(e){if(typeof require<`u`)return require.apply(this,arguments);throw Error('Calling `require` for "'+e+"\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.")});export{u as a,d as i,o as n,c as r,s as t};

package/dist/assets/chunk-YKABRMAI-tsMt0pG-.js

@@ -0,0 +1,18 @@
+import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./react-dom-CLuuWI32.js";import{t as i}from"./jsx-runtime-C2wGStra.js";import{c as a,f as o}from"./theming-C7TmxyGw.js";function s(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function c(...e){return t=>e.forEach(e=>s(e,t))}function l(...e){return le.useCallback(c(...e),e)}function u(e){return M.isValidElement(e)&&e.type===ve}function d(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{a(...e),i(...e)}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function ee(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function f(e,t){return pe.useReducer((e,n)=>t[e][n]??e,e)}function p(e){let[t,n]=P.useState(),r=P.useRef({}),i=P.useRef(e),a=P.useRef(`none`),[o,s]=f(e?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}});return P.useEffect(()=>{let e=m(r.current);a.current=o===`mounted`?e:`none`},[o]),U(()=>{let t=r.current,n=i.current;if(n!==e){let r=a.current,o=m(t);e?s(`MOUNT`):o===`none`||t?.display===`none`?s(`UNMOUNT`):s(n&&r!==o?`ANIMATION_OUT`:`UNMOUNT`),i.current=e}},[e,s]),U(()=>{if(t){let e=e=>{let n=m(r.current).includes(e.animationName);e.target===t&&n&&de.flushSync(()=>s(`ANIMATION_END`))},n=e=>{e.target===t&&(a.current=m(r.current))};return t.addEventListener(`animationstart`,n),t.addEventListener(`animationcancel`,e),t.addEventListener(`animationend`,e),()=>{t.removeEventListener(`animationstart`,n),t.removeEventListener(`animationcancel`,e),t.removeEventListener(`animationend`,e)}}else s(`ANIMATION_END`)},[t,s]),{isPresent:[`mounted`,`unmountSuspended`].includes(o),ref:P.useCallback(e=>{e&&(r.current=getComputedStyle(e)),n(e)},[])}}function m(e){return e?.animationName||`none`}function h(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}function te(e,t=[]){let n=[];function r(t,r){let i=F.createContext(r),a=n.length;n=[...n,r];function o(t){let{scope:n,children:r,...o}=t,s=n?.[e][a]||i,c=F.useMemo(()=>o,Object.values(o));return(0,me.jsx)(s.Provider,{value:c,children:r})}function s(n,o){let s=o?.[e][a]||i,c=F.useContext(s);if(c)return c;if(r!==void 0)return r;throw Error(`\`${n}\` must be used within \`${t}\``)}return o.displayName=t+`Provider`,[o,s]}let i=()=>{let t=n.map(e=>F.createContext(e));return function(n){let r=n?.[e]||t;return F.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return i.scopeName=e,[r,g(i,...t)]}function g(...e){let t=e[0];if(e.length===1)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let i=n(e)[`__scope${r}`];return{...t,...i}},{});return F.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}function _(e){let t=I.useRef(e);return I.useEffect(()=>{t.current=e}),I.useMemo(()=>(...e)=>t.current?.(...e),[])}function v(e){let t=L.useContext(ye);return e||t||`ltr`}function y(e,[t,n]){return Math.min(n,Math.max(t,e))}function b(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),n===!1||!r.defaultPrevented)return t?.(r)}}function x(e,t){return he.useReducer((e,n)=>t[e][n]??e,e)}function S(e){return e?parseInt(e,10):0}function C(e,t){let n=e/t;return isNaN(n)?0:n}function w(e){let t=C(e.viewport,e.content),n=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,r=(e.scrollbar.size-n)*t;return Math.max(r,18)}function T(e,t,n,r=`ltr`){let i=w(n),a=i/2,o=t||a,s=i-o,c=n.scrollbar.paddingStart+o,l=n.scrollbar.size-n.scrollbar.paddingEnd-s,u=n.content-n.viewport,d=r===`ltr`?[0,u]:[u*-1,0];return ne([c,l],d)(e)}function E(e,t,n=`ltr`){let r=w(t),i=t.scrollbar.paddingStart+t.scrollbar.paddingEnd,a=t.scrollbar.size-i,o=t.content-t.viewport,s=a-r,c=y(e,n===`ltr`?[0,o]:[o*-1,0]);return ne([0,o],[0,s])(c)}function ne(e,t){return n=>{if(e[0]===e[1]||t[0]===t[1])return t[0];let r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(n-e[0])}}function re(e,t){return e>0&&e<t}function D(e,t){let n=_(e),r=j.useRef(0);return j.useEffect(()=>()=>window.clearTimeout(r.current),[]),j.useCallback(()=>{window.clearTimeout(r.current),r.current=window.setTimeout(n,t)},[n,t])}function O(e,t){let n=_(t);U(()=>{let t=0;if(e){let r=new ResizeObserver(()=>{cancelAnimationFrame(t),t=window.requestAnimationFrame(n)});return r.observe(e),()=>{window.cancelAnimationFrame(t),r.unobserve(e)}}},[e,n])}function ie(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t==`function`?t(r):t;let i=j.Children.only(r);return j.cloneElement(i,{children:typeof t==`function`?t(i.props.children):t})}async function ae(e){try{await $.top?.navigator.clipboard.writeText(e)}catch{await $.navigator.clipboard.writeText(e)}}async function oe(e){let t=Q.createElement(`TEXTAREA`),n=Q.activeElement;t.value=e,Q.body.appendChild(t),t.select(),Q.execCommand(`copy`),Q.body.removeChild(t),n.focus()}function se(){return $.navigator?.clipboard?ae:oe}var k,A,j,ce,M,le,N,ue,P,de,fe,pe,F,me,I,L,he,R,ge,z,_e,B,V,ve,H,U,W,ye,G,be,xe,Se,K,Ce,we,Te,q,Ee,De,Oe,ke,J,Ae,je,Me,Ne,Pe,Y,Fe,Ie,X,Le,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,Z,Ye,Q,$,Xe=t((()=>{k=e(n(),1),a(),A=e(n(),1),j=e(n(),1),ce=e(n(),1),e(r(),1),M=e(n(),1),le=e(n(),1),N=i(),ue=i(),P=e(n(),1),de=e(r(),1),fe=e(n(),1),pe=e(n(),1),F=e(n(),1),me=i(),I=e(n(),1),L=e(n(),1),i(),he=e(n(),1),R=i(),ge=o.div(({theme:e})=>({position:`absolute`,bottom:0,right:0,maxWidth:`100%`,display:`flex`,background:e.background.content,zIndex:1})),z=o.button(({theme:e})=>({margin:0,border:`0 none`,padding:`4px 10px`,cursor:`pointer`,display:`flex`,alignItems:`center`,color:e.color.defaultText,background:e.background.content,fontSize:12,lineHeight:`16px`,fontFamily:e.typography.fonts.base,fontWeight:e.typography.weight.bold,borderTop:`1px solid ${e.appBorderColor}`,borderLeft:`1px solid ${e.appBorderColor}`,marginLeft:-1,borderRadius:`4px 0 0 0`,"&:not(:last-child)":{borderRight:`1px solid ${e.appBorderColor}`},"& + *":{borderLeft:`1px solid ${e.appBorderColor}`,borderRadius:0},"&:focus":{boxShadow:`${e.color.secondary} 0 -3px 0 0 inset`,outline:`0 none`,"@media (forced-colors: active)":{outline:`1px solid highlight`}}}),({disabled:e})=>e&&{cursor:`not-allowed`,opacity:.5}),z.displayName=`ActionButton`,_e=({actionItems:e,...t})=>k.createElement(ge,{...t},e.map(({title:e,className:t,onClick:n,disabled:r},i)=>k.createElement(z,{key:i,className:t,onClick:n,disabled:!!r},e))),B=M.forwardRef((e,t)=>{let{children:n,...r}=e,i=M.Children.toArray(n),a=i.find(u);if(a){let e=a.props.children,n=i.map(t=>t===a?M.Children.count(e)>1?M.Children.only(null):M.isValidElement(e)?e.props.children:null:t);return(0,N.jsx)(V,{...r,ref:t,children:M.isValidElement(e)?M.cloneElement(e,void 0,n):null})}return(0,N.jsx)(V,{...r,ref:t,children:n})}),B.displayName=`Slot`,V=M.forwardRef((e,t)=>{let{children:n,...r}=e;if(M.isValidElement(n)){let e=ee(n);return M.cloneElement(n,{...d(r,n.props),ref:t?c(t,e):e})}return M.Children.count(n)>1?M.Children.only(null):null}),V.displayName=`SlotClone`,ve=({children:e})=>(0,N.jsx)(N.Fragment,{children:e}),H=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=ce.forwardRef((e,n)=>{let{asChild:r,...i}=e,a=r?B:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,ue.jsx)(a,{...i,ref:n})});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{}),U=globalThis?.document?fe.useLayoutEffect:()=>{},W=e=>{let{present:t,children:n}=e,r=p(t),i=typeof n==`function`?n({present:r.isPresent}):P.Children.only(n),a=l(r.ref,h(i));return typeof n==`function`||r.isPresent?P.cloneElement(i,{ref:a}):null},W.displayName=`Presence`,ye=L.createContext(void 0),G=`ScrollArea`,[be,xe]=te(G),[Se,K]=be(G),Ce=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,type:r=`hover`,dir:i,scrollHideDelay:a=600,...o}=e,[s,c]=j.useState(null),[u,d]=j.useState(null),[ee,f]=j.useState(null),[p,m]=j.useState(null),[h,te]=j.useState(null),[g,_]=j.useState(0),[y,b]=j.useState(0),[x,S]=j.useState(!1),[C,w]=j.useState(!1),T=l(t,e=>c(e)),E=v(i);return(0,R.jsx)(Se,{scope:n,type:r,dir:E,scrollHideDelay:a,scrollArea:s,viewport:u,onViewportChange:d,content:ee,onContentChange:f,scrollbarX:p,onScrollbarXChange:m,scrollbarXEnabled:x,onScrollbarXEnabledChange:S,scrollbarY:h,onScrollbarYChange:te,scrollbarYEnabled:C,onScrollbarYEnabledChange:w,onCornerWidthChange:_,onCornerHeightChange:b,children:(0,R.jsx)(H.div,{dir:E,...o,ref:T,style:{position:`relative`,"--radix-scroll-area-corner-width":g+`px`,"--radix-scroll-area-corner-height":y+`px`,...e.style}})})}),Ce.displayName=G,we=`ScrollAreaViewport`,Te=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,children:r,asChild:i,nonce:a,...o}=e,s=K(we,n),c=l(t,j.useRef(null),s.onViewportChange);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+[data-radix-scroll-area-viewport] {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+}
+[data-radix-scroll-area-viewport]::-webkit-scrollbar {
+  display: none;
+}
+:where([data-radix-scroll-area-viewport]) {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+:where([data-radix-scroll-area-content]) {
+  flex-grow: 1;
+}
+`},nonce:a}),(0,R.jsx)(H.div,{"data-radix-scroll-area-viewport":``,...o,asChild:i,ref:c,style:{overflowX:s.scrollbarXEnabled?`scroll`:`hidden`,overflowY:s.scrollbarYEnabled?`scroll`:`hidden`,...e.style},children:ie({asChild:i,children:r},e=>(0,R.jsx)(`div`,{"data-radix-scroll-area-content":``,ref:s.onContentChange,style:{minWidth:s.scrollbarXEnabled?`fit-content`:void 0},children:e}))})]})}),Te.displayName=we,q=`ScrollAreaScrollbar`,Ee=j.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=K(q,e.__scopeScrollArea),{onScrollbarXEnabledChange:a,onScrollbarYEnabledChange:o}=i,s=e.orientation===`horizontal`;return j.useEffect(()=>(s?a(!0):o(!0),()=>{s?a(!1):o(!1)}),[s,a,o]),i.type===`hover`?(0,R.jsx)(De,{...r,ref:t,forceMount:n}):i.type===`scroll`?(0,R.jsx)(Oe,{...r,ref:t,forceMount:n}):i.type===`auto`?(0,R.jsx)(ke,{...r,ref:t,forceMount:n}):i.type===`always`?(0,R.jsx)(J,{...r,ref:t}):null}),Ee.displayName=q,De=j.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=K(q,e.__scopeScrollArea),[a,o]=j.useState(!1);return j.useEffect(()=>{let e=i.scrollArea,t=0;if(e){let n=()=>{window.clearTimeout(t),o(!0)},r=()=>{t=window.setTimeout(()=>o(!1),i.scrollHideDelay)};return e.addEventListener(`pointerenter`,n),e.addEventListener(`pointerleave`,r),()=>{window.clearTimeout(t),e.removeEventListener(`pointerenter`,n),e.removeEventListener(`pointerleave`,r)}}},[i.scrollArea,i.scrollHideDelay]),(0,R.jsx)(W,{present:n||a,children:(0,R.jsx)(ke,{"data-state":a?`visible`:`hidden`,...r,ref:t})})}),Oe=j.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=K(q,e.__scopeScrollArea),a=e.orientation===`horizontal`,o=D(()=>c(`SCROLL_END`),100),[s,c]=x(`hidden`,{hidden:{SCROLL:`scrolling`},scrolling:{SCROLL_END:`idle`,POINTER_ENTER:`interacting`},interacting:{SCROLL:`interacting`,POINTER_LEAVE:`idle`},idle:{HIDE:`hidden`,SCROLL:`scrolling`,POINTER_ENTER:`interacting`}});return j.useEffect(()=>{if(s===`idle`){let e=window.setTimeout(()=>c(`HIDE`),i.scrollHideDelay);return()=>window.clearTimeout(e)}},[s,i.scrollHideDelay,c]),j.useEffect(()=>{let e=i.viewport,t=a?`scrollLeft`:`scrollTop`;if(e){let n=e[t],r=()=>{let r=e[t];n!==r&&(c(`SCROLL`),o()),n=r};return e.addEventListener(`scroll`,r),()=>e.removeEventListener(`scroll`,r)}},[i.viewport,a,c,o]),(0,R.jsx)(W,{present:n||s!==`hidden`,children:(0,R.jsx)(J,{"data-state":s===`hidden`?`hidden`:`visible`,...r,ref:t,onPointerEnter:b(e.onPointerEnter,()=>c(`POINTER_ENTER`)),onPointerLeave:b(e.onPointerLeave,()=>c(`POINTER_LEAVE`))})})}),ke=j.forwardRef((e,t)=>{let n=K(q,e.__scopeScrollArea),{forceMount:r,...i}=e,[a,o]=j.useState(!1),s=e.orientation===`horizontal`,c=D(()=>{if(n.viewport){let e=n.viewport.offsetWidth<n.viewport.scrollWidth,t=n.viewport.offsetHeight<n.viewport.scrollHeight;o(s?e:t)}},10);return O(n.viewport,c),O(n.content,c),(0,R.jsx)(W,{present:r||a,children:(0,R.jsx)(J,{"data-state":a?`visible`:`hidden`,...i,ref:t})})}),J=j.forwardRef((e,t)=>{let{orientation:n=`vertical`,...r}=e,i=K(q,e.__scopeScrollArea),a=j.useRef(null),o=j.useRef(0),[s,c]=j.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),l=C(s.viewport,s.content),u={...r,sizes:s,onSizesChange:c,hasThumb:l>0&&l<1,onThumbChange:e=>a.current=e,onThumbPointerUp:()=>o.current=0,onThumbPointerDown:e=>o.current=e};function d(e,t){return T(e,o.current,s,t)}return n===`horizontal`?(0,R.jsx)(Ae,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollLeft,t=E(e,s,i.dir);a.current.style.transform=`translate3d(${t}px, 0, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollLeft=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollLeft=d(e,i.dir))}}):n===`vertical`?(0,R.jsx)(je,{...u,ref:t,onThumbPositionChange:()=>{if(i.viewport&&a.current){let e=i.viewport.scrollTop,t=E(e,s);a.current.style.transform=`translate3d(0, ${t}px, 0)`}},onWheelScroll:e=>{i.viewport&&(i.viewport.scrollTop=e)},onDragScroll:e=>{i.viewport&&(i.viewport.scrollTop=d(e))}}):null}),Ae=j.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,a=K(q,e.__scopeScrollArea),[o,s]=j.useState(),c=j.useRef(null),u=l(t,c,a.onScrollbarXChange);return j.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,R.jsx)(Pe,{"data-orientation":`horizontal`,...i,ref:u,sizes:n,style:{bottom:0,left:a.dir===`rtl`?`var(--radix-scroll-area-corner-width)`:0,right:a.dir===`ltr`?`var(--radix-scroll-area-corner-width)`:0,"--radix-scroll-area-thumb-width":w(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.x),onDragScroll:t=>e.onDragScroll(t.x),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollLeft+t.deltaX;e.onWheelScroll(r),re(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollWidth,viewport:a.viewport.offsetWidth,scrollbar:{size:c.current.clientWidth,paddingStart:S(o.paddingLeft),paddingEnd:S(o.paddingRight)}})}})}),je=j.forwardRef((e,t)=>{let{sizes:n,onSizesChange:r,...i}=e,a=K(q,e.__scopeScrollArea),[o,s]=j.useState(),c=j.useRef(null),u=l(t,c,a.onScrollbarYChange);return j.useEffect(()=>{c.current&&s(getComputedStyle(c.current))},[c]),(0,R.jsx)(Pe,{"data-orientation":`vertical`,...i,ref:u,sizes:n,style:{top:0,right:a.dir===`ltr`?0:void 0,left:a.dir===`rtl`?0:void 0,bottom:`var(--radix-scroll-area-corner-height)`,"--radix-scroll-area-thumb-height":w(n)+`px`,...e.style},onThumbPointerDown:t=>e.onThumbPointerDown(t.y),onDragScroll:t=>e.onDragScroll(t.y),onWheelScroll:(t,n)=>{if(a.viewport){let r=a.viewport.scrollTop+t.deltaY;e.onWheelScroll(r),re(r,n)&&t.preventDefault()}},onResize:()=>{c.current&&a.viewport&&o&&r({content:a.viewport.scrollHeight,viewport:a.viewport.offsetHeight,scrollbar:{size:c.current.clientHeight,paddingStart:S(o.paddingTop),paddingEnd:S(o.paddingBottom)}})}})}),[Me,Ne]=be(q),Pe=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,sizes:r,hasThumb:i,onThumbChange:a,onThumbPointerUp:o,onThumbPointerDown:s,onThumbPositionChange:c,onDragScroll:u,onWheelScroll:d,onResize:ee,...f}=e,p=K(q,n),[m,h]=j.useState(null),te=l(t,e=>h(e)),g=j.useRef(null),v=j.useRef(``),y=p.viewport,x=r.content-r.viewport,S=_(d),C=_(c),w=D(ee,10);function T(e){g.current&&u({x:e.clientX-g.current.left,y:e.clientY-g.current.top})}return j.useEffect(()=>{let e=e=>{let t=e.target;m?.contains(t)&&S(e,x)};return document.addEventListener(`wheel`,e,{passive:!1}),()=>document.removeEventListener(`wheel`,e,{passive:!1})},[y,m,x,S]),j.useEffect(C,[r,C]),O(m,w),O(p.content,w),(0,R.jsx)(Me,{scope:n,scrollbar:m,hasThumb:i,onThumbChange:_(a),onThumbPointerUp:_(o),onThumbPositionChange:C,onThumbPointerDown:_(s),children:(0,R.jsx)(H.div,{...f,ref:te,style:{position:`absolute`,...f.style},onPointerDown:b(e.onPointerDown,e=>{e.button===0&&(e.target.setPointerCapture(e.pointerId),g.current=m.getBoundingClientRect(),v.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect=`none`,p.viewport&&(p.viewport.style.scrollBehavior=`auto`),T(e))}),onPointerMove:b(e.onPointerMove,T),onPointerUp:b(e.onPointerUp,e=>{let t=e.target;t.hasPointerCapture(e.pointerId)&&t.releasePointerCapture(e.pointerId),document.body.style.webkitUserSelect=v.current,p.viewport&&(p.viewport.style.scrollBehavior=``),g.current=null})})})}),Y=`ScrollAreaThumb`,Fe=j.forwardRef((e,t)=>{let{forceMount:n,...r}=e,i=Ne(Y,e.__scopeScrollArea);return(0,R.jsx)(W,{present:n||i.hasThumb,children:(0,R.jsx)(Ie,{ref:t,...r})})}),Ie=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,style:r,...i}=e,a=K(Y,n),o=Ne(Y,n),{onThumbPositionChange:s}=o,c=l(t,e=>o.onThumbChange(e)),u=j.useRef(),d=D(()=>{u.current&&=(u.current(),void 0)},100);return j.useEffect(()=>{let e=a.viewport;if(e){let t=()=>{d(),!u.current&&(u.current=ze(e,s),s())};return s(),e.addEventListener(`scroll`,t),()=>e.removeEventListener(`scroll`,t)}},[a.viewport,d,s]),(0,R.jsx)(H.div,{"data-state":o.hasThumb?`visible`:`hidden`,...i,ref:c,style:{width:`var(--radix-scroll-area-thumb-width)`,height:`var(--radix-scroll-area-thumb-height)`,...r},onPointerDownCapture:b(e.onPointerDownCapture,e=>{let t=e.target.getBoundingClientRect(),n=e.clientX-t.left,r=e.clientY-t.top;o.onThumbPointerDown({x:n,y:r})}),onPointerUp:b(e.onPointerUp,o.onThumbPointerUp)})}),Fe.displayName=Y,X=`ScrollAreaCorner`,Le=j.forwardRef((e,t)=>{let n=K(X,e.__scopeScrollArea),r=!!(n.scrollbarX&&n.scrollbarY);return n.type!==`scroll`&&r?(0,R.jsx)(Re,{...e,ref:t}):null}),Le.displayName=X,Re=j.forwardRef((e,t)=>{let{__scopeScrollArea:n,...r}=e,i=K(X,n),[a,o]=j.useState(0),[s,c]=j.useState(0),l=!!(a&&s);return O(i.scrollbarX,()=>{let e=i.scrollbarX?.offsetHeight||0;i.onCornerHeightChange(e),c(e)}),O(i.scrollbarY,()=>{let e=i.scrollbarY?.offsetWidth||0;i.onCornerWidthChange(e),o(e)}),l?(0,R.jsx)(H.div,{...r,ref:t,style:{width:a,height:s,position:`absolute`,right:i.dir===`ltr`?0:void 0,left:i.dir===`rtl`?0:void 0,bottom:0,...e.style}}):null}),ze=(e,t=()=>{})=>{let n={left:e.scrollLeft,top:e.scrollTop},r=0;return(function i(){let a={left:e.scrollLeft,top:e.scrollTop},o=n.left!==a.left,s=n.top!==a.top;(o||s)&&t(),n=a,r=window.requestAnimationFrame(i)})(),()=>window.cancelAnimationFrame(r)},Be=Ce,Ve=Te,He=Ee,Ue=Fe,We=Le,Ge=o(Be)(({scrollbarsize:e,offset:t})=>({width:`100%`,height:`100%`,overflow:`hidden`,"--scrollbar-size":`${e+t}px`,"--radix-scroll-area-thumb-width":`${e}px`})),Ke=o(Ve)({width:`100%`,height:`100%`}),qe=o(He)(({offset:e,horizontal:t,vertical:n})=>({display:`flex`,userSelect:`none`,touchAction:`none`,background:`transparent`,transition:`all 0.2s ease-out`,borderRadius:`var(--scrollbar-size)`,zIndex:1,'&[data-orientation="vertical"]':{width:`var(--scrollbar-size)`,paddingRight:e,marginTop:e,marginBottom:t===`true`&&n===`true`?0:e},'&[data-orientation="horizontal"]':{flexDirection:`column`,height:`var(--scrollbar-size)`,paddingBottom:e,marginLeft:e,marginRight:t===`true`&&n===`true`?0:e}})),Je=o(Ue)(({theme:e})=>({flex:1,background:e.textMutedColor,opacity:.5,borderRadius:`var(--scrollbar-size)`,position:`relative`,transition:`opacity 0.2s ease-out`,zIndex:1,"&:hover":{opacity:.8},"::before":{content:`""`,position:`absolute`,top:`50%`,left:`50%`,transform:`translate(-50%,-50%)`,width:`100%`,height:`100%`}})),Z=(0,A.forwardRef)(({children:e,horizontal:t=!1,vertical:n=!1,offset:r=2,scrollbarSize:i=6,scrollPadding:a=0,className:o},s)=>A.createElement(Ge,{scrollbarsize:i,offset:r,className:o},A.createElement(Ke,{ref:s,style:{scrollPadding:a}},e),t&&A.createElement(qe,{orientation:`horizontal`,offset:r,horizontal:t.toString(),vertical:n.toString()},A.createElement(Je,null)),n&&A.createElement(qe,{orientation:`vertical`,offset:r,horizontal:t.toString(),vertical:n.toString()},A.createElement(Je,null)),t&&n&&A.createElement(We,null))),Z.displayName=`ScrollArea`,{global:Ye}=__STORYBOOK_MODULE_GLOBAL__,{document:Q,window:$}=Ye}));export{Xe as i,Z as n,se as r,_e as t};

package/dist/assets/client-o3HipSzo.js

@@ -0,0 +1 @@
+import{t as e}from"./chunk-BneVvdWh.js";import{t}from"./react-dom-CLuuWI32.js";var n=e((e=>{var n=t();e.createRoot=n.createRoot,e.hydrateRoot=n.hydrateRoot}));export{n as t};

package/dist/assets/components-B2mdrQXl.js

@@ -0,0 +1 @@
+import{rt as e}from"./components-BJI6UJJQ.js";import{r as t}from"./chunk-YKABRMAI-tsMt0pG-.js";e();export{t as createCopyToClipboardFunction};