@jongh/ui 1.6.5 → 2.20260905.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base.css +1103 -0
- package/dist/blue.css +155 -0
- package/dist/chunks/component-accordion-fyrDP4PS.js +28 -0
- package/dist/chunks/component-avatar-Cl7qxXL7.js +15 -0
- package/dist/chunks/component-badge-BqDGL-KR.js +23 -0
- package/dist/chunks/component-box-BVJJ_2Ye.js +27 -0
- package/dist/chunks/component-button-6iooYVkM.js +21 -0
- package/dist/chunks/component-calendar-BIBA_BgQ.js +241 -0
- package/dist/chunks/component-center-rifwb_-x.js +33 -0
- package/dist/chunks/component-checkbox-KSwDeqdV.js +54 -0
- package/dist/chunks/component-dialog-xLex6FJh.js +36 -0
- package/dist/chunks/component-grid-aWgGm3Ad.js +39 -0
- package/dist/chunks/component-h-stack-Cj62v71l.js +37 -0
- package/dist/chunks/component-select-B35mHD7A.js +52 -0
- package/dist/chunks/component-slider-CPcl-o95.js +16 -0
- package/dist/chunks/component-tabs-2-w8TPID.js +58 -0
- package/dist/chunks/component-textfield-CaSHslMS.js +53 -0
- package/dist/chunks/component-v-stack-BzMHYpjP.js +37 -0
- package/dist/chunks/panda-runtime-C6bA3kfx.js +496 -0
- package/dist/chunks/recipe-accordion-recipe-CchKveXQ.js +27 -0
- package/dist/chunks/recipe-avatar-recipe-5VMtXIhg.js +24 -0
- package/dist/chunks/recipe-badge-recipe-D02izv1z.js +136 -0
- package/dist/chunks/recipe-button-recipe-CjRb9Hj9.js +36 -0
- package/dist/chunks/recipe-calendar-recipe-BUUS4QEd.js +31 -0
- package/dist/chunks/recipe-center-recipe-_gQI_rG1.js +24 -0
- package/dist/chunks/recipe-checkbox-recipe-D72btvoT.js +31 -0
- package/dist/chunks/recipe-dialog-recipe-RKZYROxV.js +31 -0
- package/dist/chunks/recipe-layout-recipe-BMWtqxiV.js +20 -0
- package/dist/chunks/recipe-select-recipe-BbGnyPQ_.js +33 -0
- package/dist/chunks/recipe-slider-recipe-BHAFeUmN.js +25 -0
- package/dist/chunks/recipe-tabs-recipe-Cbr23IZY.js +26 -0
- package/dist/chunks/recipe-textfield-recipe-C2tyOCzn.js +27 -0
- package/dist/chunks/rolldown-runtime-CKyOoeiN.js +12 -0
- package/dist/index.d.ts +21694 -0
- package/dist/index.js +93 -0
- package/dist/purple.css +155 -0
- package/dist/recipes/accordion-recipe.css +118 -0
- package/dist/recipes/avatar-recipe.css +44 -0
- package/dist/recipes/badge-recipe.css +47 -0
- package/dist/recipes/button-recipe.css +153 -0
- package/dist/recipes/calendar-recipe.css +145 -0
- package/dist/recipes/center-recipe.css +13 -0
- package/dist/recipes/checkbox-recipe.css +156 -0
- package/dist/recipes/dialog-recipe.css +101 -0
- package/dist/recipes/layout-recipe.css +427 -0
- package/dist/recipes/select-recipe.css +175 -0
- package/dist/recipes/slider-recipe.css +60 -0
- package/dist/recipes/tabs-recipe.css +76 -0
- package/dist/recipes/textfield-recipe.css +95 -0
- package/dist/style.css +1 -0
- package/package.json +64 -39
- package/.storybook/index.css +0 -1
- package/.storybook/main.ts +0 -40
- package/.storybook/preview.ts +0 -16
- package/.storybook/vitest.setup.ts +0 -9
- package/.turbo/turbo-build.log +0 -79
- package/CHANGELOG.md +0 -54
- package/chromatic.config.json +0 -6
- package/eslint.config.mjs +0 -14
- package/index.html +0 -13
- package/panda.config.ts +0 -13
- package/postcss.config.cjs +0 -3
- package/preset.ts +0 -134
- package/src/component/accordion/ui/index.tsx +0 -80
- package/src/component/accordion/ui/recipe.ts +0 -65
- package/src/component/avatar/ui/index.tsx +0 -47
- package/src/component/avatar/ui/recipe.ts +0 -30
- package/src/component/button/ui/index.tsx +0 -29
- package/src/component/button/ui/recipe.ts +0 -102
- package/src/component/chip/ui/index.tsx +0 -30
- package/src/component/chip/ui/recipe.ts +0 -112
- package/src/component/dialog/ui/index.tsx +0 -73
- package/src/component/dialog/ui/recipe.ts +0 -92
- package/src/component/select/ui/index.tsx +0 -128
- package/src/component/select/ui/recipe.ts +0 -142
- package/src/component/slider/ui/index.tsx +0 -61
- package/src/component/slider/ui/recipe.ts +0 -52
- package/src/component/tabs/ui/index.tsx +0 -61
- package/src/component/tabs/ui/recipe.ts +0 -59
- package/src/hooks/createContext.tsx +0 -34
- package/src/hooks/useComposedRefs.ts +0 -20
- package/src/hooks/useControllableState.ts +0 -87
- package/src/hooks/useKeyboardEvent.ts +0 -58
- package/src/stories/accordion.stories.tsx +0 -63
- package/src/stories/avatar.stories.tsx +0 -33
- package/src/stories/button.stories.tsx +0 -53
- package/src/stories/chip.stories.tsx +0 -69
- package/src/stories/dialog.stories.tsx +0 -134
- package/src/stories/select.stories.tsx +0 -35
- package/src/stories/slider.stories.tsx +0 -31
- package/src/stories/tabs.stories.tsx +0 -63
- package/src/test/accordion.test.tsx +0 -66
- package/src/test/tabs.test.tsx +0 -30
- package/src/types/index.ts +0 -1
- package/src/utils/createStyleContext.tsx +0 -108
- package/src/utils/defineSafe.ts +0 -46
- package/src/utils/getObjectKeys.ts +0 -20
- package/src/vite-env.d.ts +0 -1
- package/storybook-static/assets/Color-F6OSRLHC-CrKta8Qx.js +0 -1
- package/storybook-static/assets/DocsRenderer-CFRXHY34-Crd9Mepd.js +0 -586
- package/storybook-static/assets/_commonjsHelpers-Cpj98o6Y.js +0 -1
- package/storybook-static/assets/accordion.stories-0Om0AnMm.js +0 -50
- package/storybook-static/assets/avatar.stories-DMDsrSks.js +0 -16
- package/storybook-static/assets/axe-Dzet_oDA.js +0 -30
- package/storybook-static/assets/button.stories-CuVC-3x-.js +0 -40
- package/storybook-static/assets/chip.stories-FBIp8XNi.js +0 -48
- package/storybook-static/assets/chunk-XP5HYGXS-D5tuasO7.js +0 -1
- package/storybook-static/assets/createLucideIcon-DmXe7Z8R.js +0 -21
- package/storybook-static/assets/dialog.stories-3WsEvXt4.js +0 -106
- package/storybook-static/assets/entry-preview-Bkgdgq1b.js +0 -10
- package/storybook-static/assets/entry-preview-docs-zLz1Es7d.js +0 -46
- package/storybook-static/assets/iframe-LPPPXabV.js +0 -199
- package/storybook-static/assets/index-Bklpsb39.js +0 -1
- package/storybook-static/assets/index-BrlJLjep.js +0 -24
- package/storybook-static/assets/index-C2tRLqin.js +0 -41
- package/storybook-static/assets/index-CBft-ReK.js +0 -8
- package/storybook-static/assets/index-CSbWd7UJ.js +0 -1
- package/storybook-static/assets/index-ClcD9ViR.js +0 -9
- package/storybook-static/assets/index-Cu4lwwaE.js +0 -1
- package/storybook-static/assets/index-Cvkemp2J.js +0 -1
- package/storybook-static/assets/index-D59aU5s_.js +0 -240
- package/storybook-static/assets/index-DNo8LKN3.js +0 -1
- package/storybook-static/assets/index-DUy19JZU.js +0 -1
- package/storybook-static/assets/index-D_35mznO.js +0 -1
- package/storybook-static/assets/index-DrFu-skq.js +0 -6
- package/storybook-static/assets/index-DvbTp2M2.js +0 -1
- package/storybook-static/assets/index-rtmQni2k.js +0 -1
- package/storybook-static/assets/jsx-runtime-BYYWji4R.js +0 -9
- package/storybook-static/assets/matchers-57EZJSQE-oeXCqs4p.js +0 -14
- package/storybook-static/assets/preview-1l6V4UsQ.js +0 -1
- package/storybook-static/assets/preview-B3PTUHS7.js +0 -1
- package/storybook-static/assets/preview-BBWR9nbA.js +0 -1
- package/storybook-static/assets/preview-BCV5r-Ja.js +0 -1
- package/storybook-static/assets/preview-BWzBA1C2.js +0 -396
- package/storybook-static/assets/preview-Bb56VplF.js +0 -2
- package/storybook-static/assets/preview-Bl8rsKRy.js +0 -1
- package/storybook-static/assets/preview-Bm-a94Ct.js +0 -2
- package/storybook-static/assets/preview-Br-h4d84.js +0 -1
- package/storybook-static/assets/preview-D77C14du.js +0 -34
- package/storybook-static/assets/preview-DC8N7cZb.css +0 -1
- package/storybook-static/assets/preview-DGUiP6tS.js +0 -7
- package/storybook-static/assets/react-18-BPs3tMGP.js +0 -1
- package/storybook-static/assets/select.stories-AN8Hb81Z.js +0 -20
- package/storybook-static/assets/slider.stories-CxOczq0y.js +0 -12
- package/storybook-static/assets/tabs.stories-BbTU4QU3.js +0 -28
- package/storybook-static/favicon.svg +0 -1
- package/storybook-static/iframe.html +0 -666
- package/storybook-static/index.html +0 -193
- package/storybook-static/index.json +0 -1
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +0 -1
- package/storybook-static/sb-addons/a11y-12/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/a11y-12/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js +0 -331
- package/storybook-static/sb-addons/chromatic-com-storybook-10/manager-bundle.js.LEGAL.txt +0 -51
- package/storybook-static/sb-addons/controls-11/manager-bundle.js +0 -391
- package/storybook-static/sb-addons/controls-11/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +0 -12
- package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +0 -391
- package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js +0 -230
- package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/links-1/manager-bundle.js +0 -3
- package/storybook-static/sb-addons/links-1/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/storybook-experimental-addon-test-13/manager-bundle.js +0 -211
- package/storybook-static/sb-addons/storybook-experimental-addon-test-13/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-common-assets/favicon.svg +0 -1
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +0 -1037
- package/storybook-static/sb-manager/globals-runtime.js +0 -40857
- package/storybook-static/sb-manager/globals.js +0 -48
- package/storybook-static/sb-manager/runtime.js +0 -11963
- package/styled-system/css/conditions.mjs +0 -36
- package/styled-system/css/css.d.ts +0 -22
- package/styled-system/css/css.mjs +0 -45
- package/styled-system/css/cva.d.ts +0 -6
- package/styled-system/css/cva.mjs +0 -87
- package/styled-system/css/cx.d.ts +0 -5
- package/styled-system/css/cx.mjs +0 -15
- package/styled-system/css/index.d.ts +0 -5
- package/styled-system/css/index.mjs +0 -4
- package/styled-system/css/sva.d.ts +0 -4
- package/styled-system/css/sva.mjs +0 -41
- package/styled-system/helpers.mjs +0 -336
- package/styled-system/jsx/aspect-ratio.d.ts +0 -10
- package/styled-system/jsx/aspect-ratio.mjs +0 -14
- package/styled-system/jsx/bleed.d.ts +0 -10
- package/styled-system/jsx/bleed.mjs +0 -14
- package/styled-system/jsx/box.d.ts +0 -10
- package/styled-system/jsx/box.mjs +0 -14
- package/styled-system/jsx/center.d.ts +0 -10
- package/styled-system/jsx/center.mjs +0 -14
- package/styled-system/jsx/circle.d.ts +0 -10
- package/styled-system/jsx/circle.mjs +0 -14
- package/styled-system/jsx/container.d.ts +0 -10
- package/styled-system/jsx/container.mjs +0 -14
- package/styled-system/jsx/cq.d.ts +0 -10
- package/styled-system/jsx/cq.mjs +0 -14
- package/styled-system/jsx/divider.d.ts +0 -10
- package/styled-system/jsx/divider.mjs +0 -14
- package/styled-system/jsx/factory-helper.mjs +0 -22
- package/styled-system/jsx/factory.d.ts +0 -3
- package/styled-system/jsx/factory.mjs +0 -80
- package/styled-system/jsx/flex.d.ts +0 -10
- package/styled-system/jsx/flex.mjs +0 -14
- package/styled-system/jsx/float.d.ts +0 -10
- package/styled-system/jsx/float.mjs +0 -14
- package/styled-system/jsx/grid-item.d.ts +0 -10
- package/styled-system/jsx/grid-item.mjs +0 -14
- package/styled-system/jsx/grid.d.ts +0 -10
- package/styled-system/jsx/grid.mjs +0 -14
- package/styled-system/jsx/hstack.d.ts +0 -10
- package/styled-system/jsx/hstack.mjs +0 -14
- package/styled-system/jsx/index.d.ts +0 -24
- package/styled-system/jsx/index.mjs +0 -22
- package/styled-system/jsx/is-valid-prop.d.ts +0 -11
- package/styled-system/jsx/is-valid-prop.mjs +0 -17
- package/styled-system/jsx/link-overlay.d.ts +0 -10
- package/styled-system/jsx/link-overlay.mjs +0 -14
- package/styled-system/jsx/spacer.d.ts +0 -10
- package/styled-system/jsx/spacer.mjs +0 -14
- package/styled-system/jsx/square.d.ts +0 -10
- package/styled-system/jsx/square.mjs +0 -14
- package/styled-system/jsx/stack.d.ts +0 -10
- package/styled-system/jsx/stack.mjs +0 -14
- package/styled-system/jsx/visually-hidden.d.ts +0 -10
- package/styled-system/jsx/visually-hidden.mjs +0 -14
- package/styled-system/jsx/vstack.d.ts +0 -10
- package/styled-system/jsx/vstack.mjs +0 -14
- package/styled-system/jsx/wrap.d.ts +0 -10
- package/styled-system/jsx/wrap.mjs +0 -14
- package/styled-system/patterns/aspect-ratio.d.ts +0 -21
- package/styled-system/patterns/aspect-ratio.mjs +0 -38
- package/styled-system/patterns/bleed.d.ts +0 -22
- package/styled-system/patterns/bleed.mjs +0 -24
- package/styled-system/patterns/box.d.ts +0 -21
- package/styled-system/patterns/box.mjs +0 -15
- package/styled-system/patterns/center.d.ts +0 -21
- package/styled-system/patterns/center.mjs +0 -21
- package/styled-system/patterns/circle.d.ts +0 -21
- package/styled-system/patterns/circle.mjs +0 -25
- package/styled-system/patterns/container.d.ts +0 -21
- package/styled-system/patterns/container.mjs +0 -21
- package/styled-system/patterns/cq.d.ts +0 -22
- package/styled-system/patterns/cq.mjs +0 -21
- package/styled-system/patterns/divider.d.ts +0 -23
- package/styled-system/patterns/divider.mjs +0 -25
- package/styled-system/patterns/flex.d.ts +0 -27
- package/styled-system/patterns/flex.mjs +0 -26
- package/styled-system/patterns/float.d.ts +0 -24
- package/styled-system/patterns/float.mjs +0 -52
- package/styled-system/patterns/grid-item.d.ts +0 -26
- package/styled-system/patterns/grid-item.mjs +0 -25
- package/styled-system/patterns/grid.d.ts +0 -25
- package/styled-system/patterns/grid.mjs +0 -27
- package/styled-system/patterns/hstack.d.ts +0 -22
- package/styled-system/patterns/hstack.mjs +0 -24
- package/styled-system/patterns/index.d.ts +0 -21
- package/styled-system/patterns/index.mjs +0 -20
- package/styled-system/patterns/link-overlay.d.ts +0 -21
- package/styled-system/patterns/link-overlay.mjs +0 -24
- package/styled-system/patterns/spacer.d.ts +0 -21
- package/styled-system/patterns/spacer.mjs +0 -21
- package/styled-system/patterns/square.d.ts +0 -21
- package/styled-system/patterns/square.mjs +0 -24
- package/styled-system/patterns/stack.d.ts +0 -24
- package/styled-system/patterns/stack.mjs +0 -24
- package/styled-system/patterns/visually-hidden.d.ts +0 -21
- package/styled-system/patterns/visually-hidden.mjs +0 -18
- package/styled-system/patterns/vstack.d.ts +0 -22
- package/styled-system/patterns/vstack.mjs +0 -24
- package/styled-system/patterns/wrap.d.ts +0 -25
- package/styled-system/patterns/wrap.mjs +0 -25
- package/styled-system/tokens/index.d.ts +0 -9
- package/styled-system/tokens/index.mjs +0 -1992
- package/styled-system/tokens/tokens.d.ts +0 -60
- package/styled-system/types/composition.d.ts +0 -164
- package/styled-system/types/conditions.d.ts +0 -274
- package/styled-system/types/csstype.d.ts +0 -21298
- package/styled-system/types/global.d.ts +0 -20
- package/styled-system/types/index.d.ts +0 -8
- package/styled-system/types/jsx.d.ts +0 -52
- package/styled-system/types/parts.d.ts +0 -8
- package/styled-system/types/pattern.d.ts +0 -78
- package/styled-system/types/prop-type.d.ts +0 -235
- package/styled-system/types/recipe.d.ts +0 -181
- package/styled-system/types/selectors.d.ts +0 -59
- package/styled-system/types/static-css.d.ts +0 -56
- package/styled-system/types/style-props.d.ts +0 -7468
- package/styled-system/types/system-types.d.ts +0 -109
- package/tsconfig.json +0 -13
- package/turbo/generators/config.cjs +0 -7
- package/turbo/generators/stories.cjs +0 -23
- package/turbo/generators/templates/stories.tsx.hbs +0 -16
- package/turbo/generators/templates/ui.tsx.hbs +0 -8
- package/turbo/generators/ui.cjs +0 -19
- package/vite.config.ts +0 -7
- package/vitest.config.ts +0 -45
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import{d as Y}from"./index-DrFu-skq.js";const{useEffect:_,useMemo:h}=__STORYBOOK_MODULE_PREVIEW_API__,{global:H}=__STORYBOOK_MODULE_GLOBAL__,{logger:K}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var g="backgrounds",C={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:$,window:T}=H,I=()=>{var r;return!!((r=T==null?void 0:T.matchMedia("(prefers-reduced-motion: reduce)"))!=null&&r.matches)},A=r=>{(Array.isArray(r)?r:[r]).forEach(P)},P=r=>{var t;let e=$.getElementById(r);e&&((t=e.parentElement)==null||t.removeChild(e))},z=(r,e)=>{let t=$.getElementById(r);if(t)t.innerHTML!==e&&(t.innerHTML=e);else{let d=$.createElement("style");d.setAttribute("id",r),d.innerHTML=e,$.head.appendChild(d)}},U=(r,e,t)=>{var a;let d=$.getElementById(r);if(d)d.innerHTML!==e&&(d.innerHTML=e);else{let o=$.createElement("style");o.setAttribute("id",r),o.innerHTML=e;let i=`addon-backgrounds-grid${t?`-docs-${t}`:""}`,n=$.getElementById(i);n?(a=n.parentElement)==null||a.insertBefore(o,n):$.head.appendChild(o)}},j={cellSize:100,cellAmount:10,opacity:.8},w="addon-backgrounds",R="addon-backgrounds-grid",X=I()?"":"transition: background-color 0.3s;",N=(r,e)=>{let{globals:t,parameters:d,viewMode:a,id:o}=e,{options:i=C,disable:n,grid:s=j}=d[g]||{},c=t[g]||{},u=c.value,l=u?i[u]:void 0,b=(l==null?void 0:l.value)||"transparent",f=c.grid||!1,y=!!l&&!n,m=a==="docs"?`#anchor--${o} .docs-story`:".sb-show-main",E=a==="docs"?`#anchor--${o} .docs-story`:".sb-show-main",D=d.layout===void 0||d.layout==="padded",L=a==="docs"?20:D?16:0,{cellAmount:k,cellSize:p,opacity:x,offsetX:v=L,offsetY:S=L}=s,B=a==="docs"?`${w}-docs-${o}`:`${w}-color`,G=a==="docs"?o:null;_(()=>{let O=`
|
|
2
|
-
${m} {
|
|
3
|
-
background: ${b} !important;
|
|
4
|
-
${X}
|
|
5
|
-
}`;if(!y){A(B);return}U(B,O,G)},[m,B,G,y,b]);let M=a==="docs"?`${R}-docs-${o}`:`${R}`;return _(()=>{if(!f){A(M);return}let O=[`${p*k}px ${p*k}px`,`${p*k}px ${p*k}px`,`${p}px ${p}px`,`${p}px ${p}px`].join(", "),F=`
|
|
6
|
-
${E} {
|
|
7
|
-
background-size: ${O} !important;
|
|
8
|
-
background-position: ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px !important;
|
|
9
|
-
background-blend-mode: difference !important;
|
|
10
|
-
background-image: linear-gradient(rgba(130, 130, 130, ${x}) 1px, transparent 1px),
|
|
11
|
-
linear-gradient(90deg, rgba(130, 130, 130, ${x}) 1px, transparent 1px),
|
|
12
|
-
linear-gradient(rgba(130, 130, 130, ${x/2}) 1px, transparent 1px),
|
|
13
|
-
linear-gradient(90deg, rgba(130, 130, 130, ${x/2}) 1px, transparent 1px) !important;
|
|
14
|
-
}
|
|
15
|
-
`;z(M,F)},[k,p,E,M,f,v,S,x]),r()},W=(r,e=[],t)=>{if(r==="transparent")return"transparent";if(e.find(a=>a.value===r)||r)return r;let d=e.find(a=>a.name===t);if(d)return d.value;if(t){let a=e.map(o=>o.name).join(", ");K.warn(Y`
|
|
16
|
-
Backgrounds Addon: could not find the default color "${t}".
|
|
17
|
-
These are the available colors for your story based on your configuration:
|
|
18
|
-
${a}.
|
|
19
|
-
`)}return"transparent"},q=(r,e)=>{var u;let{globals:t,parameters:d}=e,a=(u=t[g])==null?void 0:u.value,o=d[g],i=h(()=>o.disable?"transparent":W(a,o.values,o.default),[o,a]),n=h(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",c=h(()=>`
|
|
20
|
-
${s} {
|
|
21
|
-
background: ${i} !important;
|
|
22
|
-
${I()?"":"transition: background-color 0.3s;"}
|
|
23
|
-
}
|
|
24
|
-
`,[i,s]);return _(()=>{let l=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!n){A(l);return}U(l,c,e.viewMode==="docs"?e.id:null)},[n,c,e]),r()},J=(r,e)=>{var y;let{globals:t,parameters:d}=e,a=d[g].grid,o=((y=t[g])==null?void 0:y.grid)===!0&&a.disable!==!0,{cellAmount:i,cellSize:n,opacity:s}=a,c=e.viewMode==="docs",u=d.layout===void 0||d.layout==="padded"?16:0,l=a.offsetX??(c?20:u),b=a.offsetY??(c?20:u),f=h(()=>{let m=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",E=[`${n*i}px ${n*i}px`,`${n*i}px ${n*i}px`,`${n}px ${n}px`,`${n}px ${n}px`].join(", ");return`
|
|
25
|
-
${m} {
|
|
26
|
-
background-size: ${E} !important;
|
|
27
|
-
background-position: ${l}px ${b}px, ${l}px ${b}px, ${l}px ${b}px, ${l}px ${b}px !important;
|
|
28
|
-
background-blend-mode: difference !important;
|
|
29
|
-
background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
|
|
30
|
-
linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
|
|
31
|
-
linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
|
|
32
|
-
linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
|
|
33
|
-
}
|
|
34
|
-
`},[n]);return _(()=>{let m=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!o){A(m);return}z(m,f)},[o,f,e]),r()},V=FEATURES!=null&&FEATURES.backgroundsStoryGlobals?[N]:[J,q],ee={[g]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1,...!(FEATURES!=null&&FEATURES.backgroundsStoryGlobals)&&{values:Object.values(C)}}},Q={[g]:{value:void 0,grid:!1}},re=FEATURES!=null&&FEATURES.backgroundsStoryGlobals?Q:{[g]:null};export{V as decorators,re as initialGlobals,ee as parameters};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@layer reset,base,tokens,recipes,utilities;@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:var(--colors-transparent)}::placeholder{opacity:1;--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder, var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}html,body{width:var(--sizes-full);height:var(--sizes-full)}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--aspect-ratios-square: 1 / 1;--aspect-ratios-landscape: 4 / 3;--aspect-ratios-portrait: 3 / 4;--aspect-ratios-wide: 16 / 9;--aspect-ratios-ultrawide: 18 / 5;--aspect-ratios-golden: 1.618 / 1;--borders-none: none;--easings-default: cubic-bezier(.4, 0, .2, 1);--easings-linear: linear;--easings-in: cubic-bezier(.4, 0, 1, 1);--easings-out: cubic-bezier(0, 0, .2, 1);--easings-in-out: cubic-bezier(.4, 0, .2, 1);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .3s;--durations-slower: .4s;--durations-slowest: .5s;--font-weights-thin: 100;--font-weights-extralight: 200;--font-weights-light: 300;--font-weights-normal: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--font-weights-extrabold: 800;--font-weights-black: 900;--line-heights-none: 1;--line-heights-tight: 1.25;--line-heights-snug: 1.375;--line-heights-normal: 1.5;--line-heights-relaxed: 1.625;--line-heights-loose: 2;--fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--font-sizes-2xs: .5rem;--font-sizes-xs: .75rem;--font-sizes-sm: .875rem;--font-sizes-md: 1rem;--font-sizes-lg: 1.125rem;--font-sizes-xl: 1.25rem;--font-sizes-2xl: 1.5rem;--font-sizes-3xl: 1.875rem;--font-sizes-4xl: 2.25rem;--font-sizes-5xl: 3rem;--font-sizes-6xl: 3.75rem;--font-sizes-7xl: 4.5rem;--font-sizes-8xl: 6rem;--font-sizes-9xl: 8rem;--shadows-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadows-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadows-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadows-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--colors-current: currentColor;--colors-black: #000;--colors-white: #fff;--colors-transparent: rgb(0 0 0 / 0);--colors-rose-50: #fff1f2;--colors-rose-100: #ffe4e6;--colors-rose-200: #fecdd3;--colors-rose-300: #fda4af;--colors-rose-400: #fb7185;--colors-rose-500: #f43f5e;--colors-rose-600: #e11d48;--colors-rose-700: #be123c;--colors-rose-800: #9f1239;--colors-rose-900: #881337;--colors-rose-950: #4c0519;--colors-pink-50: #fdf2f8;--colors-pink-100: #fce7f3;--colors-pink-200: #fbcfe8;--colors-pink-300: #f9a8d4;--colors-pink-400: #f472b6;--colors-pink-500: #ec4899;--colors-pink-600: #db2777;--colors-pink-700: #be185d;--colors-pink-800: #9d174d;--colors-pink-900: #831843;--colors-pink-950: #500724;--colors-fuchsia-50: #fdf4ff;--colors-fuchsia-100: #fae8ff;--colors-fuchsia-200: #f5d0fe;--colors-fuchsia-300: #f0abfc;--colors-fuchsia-400: #e879f9;--colors-fuchsia-500: #d946ef;--colors-fuchsia-600: #c026d3;--colors-fuchsia-700: #a21caf;--colors-fuchsia-800: #86198f;--colors-fuchsia-900: #701a75;--colors-fuchsia-950: #4a044e;--colors-purple-50: #faf5ff;--colors-purple-100: #f3e8ff;--colors-purple-200: #e9d5ff;--colors-purple-300: #d8b4fe;--colors-purple-400: #c084fc;--colors-purple-500: #a855f7;--colors-purple-600: #9333ea;--colors-purple-700: #7e22ce;--colors-purple-800: #6b21a8;--colors-purple-900: #581c87;--colors-purple-950: #3b0764;--colors-violet-50: #f5f3ff;--colors-violet-100: #ede9fe;--colors-violet-200: #ddd6fe;--colors-violet-300: #c4b5fd;--colors-violet-400: #a78bfa;--colors-violet-500: #8b5cf6;--colors-violet-600: #7c3aed;--colors-violet-700: #6d28d9;--colors-violet-800: #5b21b6;--colors-violet-900: #4c1d95;--colors-violet-950: #2e1065;--colors-indigo-50: #eef2ff;--colors-indigo-100: #e0e7ff;--colors-indigo-200: #c7d2fe;--colors-indigo-300: #a5b4fc;--colors-indigo-400: #818cf8;--colors-indigo-500: #6366f1;--colors-indigo-600: #4f46e5;--colors-indigo-700: #4338ca;--colors-indigo-800: #3730a3;--colors-indigo-900: #312e81;--colors-indigo-950: #1e1b4b;--colors-blue-50: #eff6ff;--colors-blue-100: #dbeafe;--colors-blue-200: #bfdbfe;--colors-blue-300: #93c5fd;--colors-blue-400: #60a5fa;--colors-blue-500: #3b82f6;--colors-blue-600: #2563eb;--colors-blue-700: #1d4ed8;--colors-blue-800: #1e40af;--colors-blue-900: #1e3a8a;--colors-blue-950: #172554;--colors-sky-50: #f0f9ff;--colors-sky-100: #e0f2fe;--colors-sky-200: #bae6fd;--colors-sky-300: #7dd3fc;--colors-sky-400: #38bdf8;--colors-sky-500: #0ea5e9;--colors-sky-600: #0284c7;--colors-sky-700: #0369a1;--colors-sky-800: #075985;--colors-sky-900: #0c4a6e;--colors-sky-950: #082f49;--colors-cyan-50: #ecfeff;--colors-cyan-100: #cffafe;--colors-cyan-200: #a5f3fc;--colors-cyan-300: #67e8f9;--colors-cyan-400: #22d3ee;--colors-cyan-500: #06b6d4;--colors-cyan-600: #0891b2;--colors-cyan-700: #0e7490;--colors-cyan-800: #155e75;--colors-cyan-900: #164e63;--colors-cyan-950: #083344;--colors-teal-50: #f0fdfa;--colors-teal-100: #ccfbf1;--colors-teal-200: #99f6e4;--colors-teal-300: #5eead4;--colors-teal-400: #2dd4bf;--colors-teal-500: #14b8a6;--colors-teal-600: #0d9488;--colors-teal-700: #0f766e;--colors-teal-800: #115e59;--colors-teal-900: #134e4a;--colors-teal-950: #042f2e;--colors-emerald-50: #ecfdf5;--colors-emerald-100: #d1fae5;--colors-emerald-200: #a7f3d0;--colors-emerald-300: #6ee7b7;--colors-emerald-400: #34d399;--colors-emerald-500: #10b981;--colors-emerald-600: #059669;--colors-emerald-700: #047857;--colors-emerald-800: #065f46;--colors-emerald-900: #064e3b;--colors-emerald-950: #022c22;--colors-green-50: #f0fdf4;--colors-green-100: #dcfce7;--colors-green-200: #bbf7d0;--colors-green-300: #86efac;--colors-green-400: #4ade80;--colors-green-500: #22c55e;--colors-green-600: #16a34a;--colors-green-700: #15803d;--colors-green-800: #166534;--colors-green-900: #14532d;--colors-green-950: #052e16;--colors-lime-50: #f7fee7;--colors-lime-100: #ecfccb;--colors-lime-200: #d9f99d;--colors-lime-300: #bef264;--colors-lime-400: #a3e635;--colors-lime-500: #84cc16;--colors-lime-600: #65a30d;--colors-lime-700: #4d7c0f;--colors-lime-800: #3f6212;--colors-lime-900: #365314;--colors-lime-950: #1a2e05;--colors-yellow-50: #fefce8;--colors-yellow-100: #fef9c3;--colors-yellow-200: #fef08a;--colors-yellow-300: #fde047;--colors-yellow-400: #facc15;--colors-yellow-500: #eab308;--colors-yellow-600: #ca8a04;--colors-yellow-700: #a16207;--colors-yellow-800: #854d0e;--colors-yellow-900: #713f12;--colors-yellow-950: #422006;--colors-amber-50: #fffbeb;--colors-amber-100: #fef3c7;--colors-amber-200: #fde68a;--colors-amber-300: #fcd34d;--colors-amber-400: #fbbf24;--colors-amber-500: #f59e0b;--colors-amber-600: #d97706;--colors-amber-700: #b45309;--colors-amber-800: #92400e;--colors-amber-900: #78350f;--colors-amber-950: #451a03;--colors-orange-50: #fff7ed;--colors-orange-100: #ffedd5;--colors-orange-200: #fed7aa;--colors-orange-300: #fdba74;--colors-orange-400: #fb923c;--colors-orange-500: #f97316;--colors-orange-600: #ea580c;--colors-orange-700: #c2410c;--colors-orange-800: #9a3412;--colors-orange-900: #7c2d12;--colors-orange-950: #431407;--colors-red-50: #fef2f2;--colors-red-100: #fee2e2;--colors-red-200: #fecaca;--colors-red-300: #fca5a5;--colors-red-400: #f87171;--colors-red-500: #ef4444;--colors-red-600: #dc2626;--colors-red-700: #b91c1c;--colors-red-800: #991b1b;--colors-red-900: #7f1d1d;--colors-red-950: #450a0a;--colors-neutral-50: #fafafa;--colors-neutral-100: #f5f5f5;--colors-neutral-200: #e5e5e5;--colors-neutral-300: #d4d4d4;--colors-neutral-400: #a3a3a3;--colors-neutral-500: #737373;--colors-neutral-600: #525252;--colors-neutral-700: #404040;--colors-neutral-800: #262626;--colors-neutral-900: #171717;--colors-neutral-950: #0a0a0a;--colors-stone-50: #fafaf9;--colors-stone-100: #f5f5f4;--colors-stone-200: #e7e5e4;--colors-stone-300: #d6d3d1;--colors-stone-400: #a8a29e;--colors-stone-500: #78716c;--colors-stone-600: #57534e;--colors-stone-700: #44403c;--colors-stone-800: #292524;--colors-stone-900: #1c1917;--colors-stone-950: #0c0a09;--colors-zinc-50: #fafafa;--colors-zinc-100: #f4f4f5;--colors-zinc-200: #e4e4e7;--colors-zinc-300: #d4d4d8;--colors-zinc-400: #a1a1aa;--colors-zinc-500: #71717a;--colors-zinc-600: #52525b;--colors-zinc-700: #3f3f46;--colors-zinc-800: #27272a;--colors-zinc-900: #18181b;--colors-zinc-950: #09090b;--colors-gray-50: #f9fafb;--colors-gray-100: #f3f4f6;--colors-gray-200: #e5e7eb;--colors-gray-300: #d1d5db;--colors-gray-400: #9ca3af;--colors-gray-500: #6b7280;--colors-gray-600: #4b5563;--colors-gray-700: #374151;--colors-gray-800: #1f2937;--colors-gray-900: #111827;--colors-gray-950: #030712;--colors-slate-50: #f8fafc;--colors-slate-100: #f1f5f9;--colors-slate-200: #e2e8f0;--colors-slate-300: #cbd5e1;--colors-slate-400: #94a3b8;--colors-slate-500: #64748b;--colors-slate-600: #475569;--colors-slate-700: #334155;--colors-slate-800: #1e293b;--colors-slate-900: #0f172a;--colors-slate-950: #020617;--blurs-sm: 4px;--blurs-base: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-0\.5: .125rem;--spacing-1\.5: .375rem;--spacing-2\.5: .625rem;--spacing-3\.5: .875rem;--sizes-0: 0rem;--sizes-1: .25rem;--sizes-2: .5rem;--sizes-3: .75rem;--sizes-4: 1rem;--sizes-5: 1.25rem;--sizes-6: 1.5rem;--sizes-7: 1.75rem;--sizes-8: 2rem;--sizes-9: 2.25rem;--sizes-10: 2.5rem;--sizes-11: 2.75rem;--sizes-12: 3rem;--sizes-14: 3.5rem;--sizes-16: 4rem;--sizes-20: 5rem;--sizes-24: 6rem;--sizes-28: 7rem;--sizes-32: 8rem;--sizes-36: 9rem;--sizes-40: 10rem;--sizes-44: 11rem;--sizes-48: 12rem;--sizes-52: 13rem;--sizes-56: 14rem;--sizes-60: 15rem;--sizes-64: 16rem;--sizes-72: 18rem;--sizes-80: 20rem;--sizes-96: 24rem;--sizes-0\.5: .125rem;--sizes-1\.5: .375rem;--sizes-2\.5: .625rem;--sizes-3\.5: .875rem;--sizes-xs: 20rem;--sizes-sm: 24rem;--sizes-md: 28rem;--sizes-lg: 32rem;--sizes-xl: 36rem;--sizes-2xl: 42rem;--sizes-3xl: 48rem;--sizes-4xl: 56rem;--sizes-5xl: 64rem;--sizes-6xl: 72rem;--sizes-7xl: 80rem;--sizes-8xl: 90rem;--sizes-prose: 65ch;--sizes-full: 100%;--sizes-min: min-content;--sizes-max: max-content;--sizes-fit: fit-content;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--animations-spin: spin 1s linear infinite;--animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce: bounce 1s infinite;--radii-xs: .125rem;--radii-sm: calc(var(--radii-radius) - 4px);--radii-md: calc(var(--radii-radius) - 2px);--radii-lg: var(--radii-radius);--radii-xl: calc(var(--radii-radius) + 4px);--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-4xl: 2rem;--radii-full: 9999px;--radii-radius: .5rem;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-background: hsl(0 0% 100%);--colors-foreground: hsl(222.2 84% 4.9%);--colors-card: hsl(0 0% 100%);--colors-card-foreground: hsl(222.2 84% 4.9%);--colors-popover: hsl(0 0% 100%);--colors-popover-foreground: hsl(222.2 84% 4.9%);--colors-primary: hsl(222.2 47.4% 11.2%);--colors-primary-foreground: hsl(210 40% 98%);--colors-secondary: hsl(210 40% 96.1%);--colors-secondary-foreground: hsl(222.2 47.4% 11.2%);--colors-muted: hsl(210 40% 96.1%);--colors-muted-foreground: hsl(215.4 16.3% 46.9%);--colors-accent: hsl(210 40% 96.1%);--colors-accent-foreground: hsl(222.2 47.4% 11.2%);--colors-destructive: hsl(0 84.2% 60.2%);--colors-destructive-foreground: hsl(210 40% 98%);--colors-border: hsl(214.3 31.8% 91.4%);--colors-input: hsl(214.3 31.8% 91.4%);--colors-ring: hsl(222.2 84% 4.9%);--borders-base: 1px solid var(--colors-border);--borders-input: 1px solid var(--colors-input);--borders-primary: 1px solid var(--colors-primary);--borders-destructive: 1px solid var(--colors-destructive)}.dark{--colors-background: hsl(222.2 84% 4.9%);--colors-foreground: hsl(210 40% 98%);--colors-card: hsl(222.2 84% 4.9%);--colors-card-foreground: hsl(210 40% 98%);--colors-popover: hsl(222.2 84% 4.9%);--colors-popover-foreground: hsl(210 40% 98%);--colors-primary: hsl(210 40% 98%);--colors-primary-foreground: hsl(222.2 47.4% 11.2%);--colors-secondary: hsl(217.2 32.6% 17.5%);--colors-secondary-foreground: hsl(210 40% 98%);--colors-muted: hsl(217.2 32.6% 17.5%);--colors-muted-foreground: hsl(215 20.2% 65.1%);--colors-accent: hsl(217.2 32.6% 17.5%);--colors-accent-foreground: hsl(210 40% 98%);--colors-destructive: hsl(0 62.8% 30.6%);--colors-destructive-foreground: hsl(210 40% 98%);--colors-border: hsl(217.2 32.6% 17.5%);--colors-input: hsl(217.2 32.6% 17.5%);--colors-ring: hsl(212.7 26.8% 83.9%) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes accordion-down_radix{0%{height:var(--sizes-0)}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up_radix{0%{height:var(--radix-accordion-content-height)}to{height:var(--sizes-0)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}0%,20%,53%,to{transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{transform:translate3d(0,-30px,0) scaleY(1.1);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-15px,0) scaleY(1.05);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}80%{transform:translateZ(0) scaleY(.95);--transition-easing: cubic-bezier(.215, .61, .355, 1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%{transform:scaleX(1)}50%{opacity:.5;transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInLeft{0%{transform:translate(-2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInRight{0%{transform:translate(2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translate(0) scale(.7);opacity:.7}to{transform:translate(-2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translate(0) scale(.7);opacity:.7}to{transform:translate(2000px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes bounceIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}}@keyframes bounceInDown{0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}}@keyframes bounceInLeft{0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}}@keyframes bounceInRight{0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}}@keyframes bounceInUp{0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0;animation-timing-function:ease-in}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;animation-timing-function:ease-in}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{transform:skew(-20deg);opacity:1}80%{transform:skew(5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skew(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}@keyframes hinge{20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);opacity:1;animation-timing-function:ease-in-out}to{transform:translate3d(0,700px,0);opacity:0}0%{animation-timing-function:ease-in-out}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}@layer utilities{@layer compositions{.textStyle_6xl{font-size:3.75rem;line-height:1}.textStyle_sm{font-size:.875rem;line-height:1.25rem}}.c_red\.100{color:var(--colors-red-100)}.bg_cyan\.600{background:var(--colors-cyan-600)}.w_\[100px\]{width:100px}.bd-b_base{border-bottom:var(--borders-base)}.d_flex{display:flex}.flex_1{flex:1 1 0%}.py_4{padding-block:var(--spacing-4)}.trs_all{transition-property:var(--transition-prop, all);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.cursor_pointer{cursor:pointer}.c_amber\.700{color:var(--colors-amber-700)}.ov_hidden{overflow:hidden}.c_pink\.300{color:var(--colors-pink-300)}.pos_relative{position:relative}.h_12{height:var(--sizes-12)}.w_12{width:var(--sizes-12)}.bdr_full{border-radius:var(--radii-full)}.asp_square{aspect-ratio:var(--aspect-ratios-square)}.h_full{height:var(--sizes-full)}.w_full{width:var(--sizes-full)}.bg_muted{background:var(--colors-muted)}.d_inline-flex{display:inline-flex}.bdr_md{border-radius:var(--radii-md)}.trs_colors{transition-property:var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.gap_2{gap:var(--spacing-2)}.bg_primary{background:var(--colors-primary)}.c_primary\.foreground{color:var(--colors-primary-foreground)}.bg_destructive{background:var(--colors-destructive)}.c_destructive\.foreground{color:var(--colors-destructive-foreground)}.bd_input{border:var(--borders-input)}.bg_background{background:var(--colors-background)}.bg_secondary{background:var(--colors-secondary)}.c_secondary\.foreground{color:var(--colors-secondary-foreground)}.c_primary{color:var(--colors-primary)}.tu-o_4px{text-underline-offset:4px}.h_10{height:var(--sizes-10)}.px_4{padding-inline:var(--spacing-4)}.py_2{padding-block:var(--spacing-2)}.h_9{height:var(--sizes-9)}.px_3{padding-inline:var(--spacing-3)}.h_11{height:var(--sizes-11)}.px_8{padding-inline:var(--spacing-8)}.w_10{width:var(--sizes-10)}.bd_base{border:var(--borders-base)}.c_foreground{color:var(--colors-foreground)}.h_7{height:var(--sizes-7)}.px_2{padding-inline:var(--spacing-2)}.w_7{width:var(--sizes-7)}.w_9{width:var(--sizes-9)}.py_1{padding-block:var(--spacing-1)}.gap_1{gap:var(--spacing-1)}.sr_true{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pos_fixed{position:fixed}.inset_0{inset:var(--spacing-0)}.bg_black\/90{--mix-background: color-mix(in srgb, var(--colors-black) 90%, transparent);background:var(--mix-background, var(--colors-black))}.pos_absolute{position:absolute}.bdr_sm{border-radius:var(--radii-sm)}.op_0\.7{opacity:.7}.trs_opacity{transition-property:var(--transition-prop, opacity);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.trf_translate\(-50\%\,-50\%\){transform:translate(-50%,-50%)}.w_\[100\%\]{width:100%}.max-w_\[32rem\]{max-width:32rem}.max-h_\[85vh\]{max-height:85vh}.p_4{padding:var(--spacing-4)}.gap_1\.5{gap:var(--spacing-1\.5)}.ls_tight{letter-spacing:var(--letter-spacings-tight)}.pos_popper{position:popper}.bg_transparent{background:var(--colors-transparent)}.z_50{z-index:50}.min-w_full{min-width:var(--sizes-full)}.bg_popover{background:var(--colors-popover)}.c_popover\.foreground{color:var(--colors-popover-foreground)}.bx-sh_md{box-shadow:var(--shadows-md)}.max-h_96{max-height:var(--sizes-96)}.py_1\.5{padding-block:var(--spacing-1\.5)}.cursor_default{cursor:default}.us_none{-webkit-user-select:none;user-select:none}.h_3\.5{height:var(--sizes-3\.5)}.w_3\.5{width:var(--sizes-3\.5)}.mx_-1{margin-inline:calc(var(--spacing-1) * -1)}.my_1{margin-block:var(--spacing-1)}.h_1{height:var(--sizes-1)}.tch-a_none{touch-action:none}.h_2{height:var(--sizes-2)}.d_block{display:block}.h_5{height:var(--sizes-5)}.w_5{width:var(--sizes-5)}.p_1{padding:var(--spacing-1)}.c_muted\.foreground{color:var(--colors-muted-foreground)}.white-space_nowrap{white-space:nowrap}.fs_sm{font-size:var(--font-sizes-sm)}.ai_center{align-items:center}.jc_space-between{justify-content:space-between}.fw_medium{font-weight:var(--font-weights-medium)}.flex-sh_0{flex-shrink:0}.jc_center{justify-content:center}.fs_lg{font-size:var(--font-sizes-lg)}.right_4{right:var(--spacing-4)}.top_4{top:var(--spacing-4)}.top_\[50\%\]{top:50%}.left_\[50\%\]{left:50%}.flex-d_column{flex-direction:column}.flex-d_column-reverse{flex-direction:column-reverse}.fw_semibold{font-weight:var(--font-weights-semibold)}.lh_none{line-height:var(--line-heights-none)}.ring-c_background{outline-color:var(--colors-background)}.pl_8{padding-left:var(--spacing-8)}.pr_2{padding-right:var(--spacing-2)}.left_2{left:var(--spacing-2)}.flex-g_1{flex-grow:1}.bd-w_2px{border-width:2px}.border-style_solid{border-style:solid}.bd-c_primary{border-color:var(--colors-primary)}.mt_2{margin-top:var(--spacing-2)}.\[\&_\>_svg\]\:h_4>svg{height:var(--sizes-4)}.\[\&_\>_svg\]\:w_4>svg{width:var(--sizes-4)}.\[\&_\>_svg\]\:trs_transform>svg{transition-property:var(--transition-prop, transform);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.\[\&\[data-state\=open\]_\>_svg\]\:trf_rotate\(180deg\)[data-state=open]>svg{transform:rotate(180deg)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:op_50\%:is(:disabled,[disabled],[data-disabled]){opacity:50%}.disabled\:op_0\.5:is(:disabled,[disabled],[data-disabled]){opacity:.5}.\[\&_svg\]\:w_3 svg{width:var(--sizes-3)}.\[\&_svg\]\:h_3 svg{height:var(--sizes-3)}.\[\&_svg\]\:w_4 svg{width:var(--sizes-4)}.\[\&_svg\]\:h_4 svg{height:var(--sizes-4)}.\[\&_svg\]\:m_0 svg{margin:var(--spacing-0)}.disabled\:pointer-events_none:is(:disabled,[disabled],[data-disabled]){pointer-events:none}.\[\&\[data-state\=open\]\]\:bg_accent[data-state=open]{background:var(--colors-accent)}.\[\&\[data-state\=open\]\]\:c_muted\.foreground[data-state=open]{color:var(--colors-muted-foreground)}.placeholder\:c_muted\.foreground::placeholder,.placeholder\:c_muted\.foreground[data-placeholder]{color:var(--colors-muted-foreground)}.\[\&\:is\(\[data-position\=popper\]\)\]\:h_var\(--radix-select-trigger-height\):is([data-position=popper]){height:var(--radix-select-trigger-height)}.\[\&\:is\(\[data-position\=popper\]\)\]\:w_full:is([data-position=popper]){width:var(--sizes-full)}.\[\&\:is\(\[data-position\=popper\]\)\]\:min-w_var\(--radix-select-trigger-width\):is([data-position=popper]){min-width:var(--radix-select-trigger-width)}.\[\&\:is\(\[data-state\=open\]\)\]\:anim-s_ease-in:is([data-state=open]){animation-state:ease-in}.\[\&\:is\(\&\[data-state\=closed\]\)\]\:anim-s_ease-in:is(.\[\&\:is\(\&\[data-state\=closed\]\)\]\:anim-s_ease-in[data-state=closed]){animation-state:ease-in}.\[\&\[data-disabled\]\]\:pointer-events_none[data-disabled]{pointer-events:none}.\[\&\[data-disabled\]\]\:op_0\.5[data-disabled]{opacity:.5}.\[\&\:is\(\[data-state\=active\]\)\]\:bg_background:is([data-state=active]){background:var(--colors-background)}.\[\&\:is\(\[data-state\=active\]\)\]\:c_foreground:is([data-state=active]){color:var(--colors-foreground)}.\[\&\:is\(\[data-state\=active\]\)\]\:bx-sh_sm:is([data-state=active]){box-shadow:var(--shadows-sm)}.\[\&_\>_svg\]\:flex-sh_0>svg{flex-shrink:0}.\[\&_\>_svg\]\:trs-dur_normal>svg{--transition-duration: var(--durations-normal);transition-duration:var(--durations-normal)}.\[\&\[data-state\=closed\]\]\:anim-n_accordion-up_radix[data-state=closed]{animation-name:accordion-up_radix}.\[\&\[data-state\=closed\]\]\:anim-dur_normal[data-state=closed]{animation-duration:var(--durations-normal)}.\[\&\[data-state\=open\]\]\:anim-n_accordion-down_radix[data-state=open]{animation-name:accordion-down_radix}.\[\&\[data-state\=open\]\]\:anim-dur_normal[data-state=open]{animation-duration:var(--durations-normal)}.\[\&_svg\]\:flex-sh_0 svg{flex-shrink:0}.\[\&\[data-state\=open\]\]\:anim-n_contentShow[data-state=open]{animation-name:contentShow}.\[\&\[data-state\=open\]\]\:anim-dur_slow[data-state=open]{animation-duration:var(--durations-slow)}.\[\&\[data-state\=closed\]\]\:anim-n_fadeOut[data-state=closed]{animation-name:fadeOut}.\[\&\[data-state\=closed\]\]\:anim-dur_slow[data-state=closed]{animation-duration:var(--durations-slow)}.\[\&\:is\(\[data-state\=open\]\)\]\:anim-n_fadeIn:is([data-state=open]){animation-name:fadeIn}.\[\&\:is\(\[data-state\=open\]\)\]\:anim-dur_slowest:is([data-state=open]){animation-duration:var(--durations-slowest)}.\[\&\:is\(\&\[data-state\=closed\]\)\]\:anim-n_slideInDown:is(.\[\&\:is\(\&\[data-state\=closed\]\)\]\:anim-n_slideInDown[data-state=closed]){animation-name:slideInDown}.\[\&\:is\(\&\[data-state\=closed\]\)\]\:anim-dur_slowest:is(.\[\&\:is\(\&\[data-state\=closed\]\)\]\:anim-dur_slowest[data-state=closed]){animation-duration:var(--durations-slowest)}.focusVisible\:ring-o_1:is(:focus-visible,[data-focus-visible]){outline-offset:var(--spacing-1)}.focus\:ring-o_1:is(:focus,[data-focus]){outline-offset:var(--spacing-1)}.focus\:bg_accent:is(:focus,[data-focus]){background:var(--colors-accent)}.focus\:c_accent\.foreground:is(:focus,[data-focus]){color:var(--colors-accent-foreground)}.focusVisible\:ring-o_2:is(:focus-visible,[data-focus-visible]){outline-offset:var(--spacing-2)}.focusVisible\:ring-w_1:is(:focus-visible,[data-focus-visible]){outline-width:1px}.focusVisible\:ring-c_ring:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-ring)}.focus\:ring-w_1:is(:focus,[data-focus]){outline-width:1px}.focus\:ring-c_ring:is(:focus,[data-focus]){outline-color:var(--colors-ring)}.focusVisible\:ring-w_2:is(:focus-visible,[data-focus-visible]){outline-width:2px}.hover\:td_underline:is(:hover,[data-hover]){text-decoration:underline}.hover\:bg_primary\/90:is(:hover,[data-hover]){--mix-background: color-mix(in srgb, var(--colors-primary) 90%, transparent);background:var(--mix-background, var(--colors-primary))}.hover\:bg_destructive\/90:is(:hover,[data-hover]){--mix-background: color-mix(in srgb, var(--colors-destructive) 90%, transparent);background:var(--mix-background, var(--colors-destructive))}.hover\:bg_accent:is(:hover,[data-hover]){background:var(--colors-accent)}.hover\:c_accent\.foreground:is(:hover,[data-hover]){color:var(--colors-accent-foreground)}.hover\:bga_secondary\/90:is(:hover,[data-hover]){bga:secondary/90}.hover\:bg_secondary\/80:is(:hover,[data-hover]){--mix-background: color-mix(in srgb, var(--colors-secondary) 80%, transparent);background:var(--mix-background, var(--colors-secondary))}.hover\:bg_secondary:is(:hover,[data-hover]){background:var(--colors-secondary)}.hover\:op_1:is(:hover,[data-hover]){opacity:1}.\[\&\:is\(\[data-position\=popper\]\)\]\:\[\&\:is\(\[data-side\=top\]\)\]\:translate-y_-1:is([data-position=popper]):is([data-side=top]){--translate-y: calc(var(--spacing-1) * -1)}.\[\&\:is\(\[data-position\=popper\]\)\]\:\[\&\:is\(\[data-side\=bottom\]\)\]\:translate-y_1:is([data-position=popper]):is([data-side=bottom]){--translate-y: var(--spacing-1)}.\[\&\:is\(\[data-position\=popper\]\)\]\:\[\&\:is\(\[data-side\=left\]\)\]\:translate-x_-1:is([data-position=popper]):is([data-side=left]){--translate-x: calc(var(--spacing-1) * -1)}.\[\&\:is\(\[data-position\=popper\]\)\]\:\[\&\:is\(\[data-side\=right\]\)\]\:translate-x_1:is([data-position=popper]):is([data-side=right]){--translate-x: var(--spacing-1)}}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
const{STORY_CHANGED:r}=__STORYBOOK_MODULE_CORE_EVENTS__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var d="storybook/highlight",i="storybookHighlight",g=`${d}/add`,E=`${d}/reset`,{document:l}=O,H=(e="#FF4785",t="dashed")=>`
|
|
2
|
-
outline: 2px ${t} ${e};
|
|
3
|
-
outline-offset: 2px;
|
|
4
|
-
box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
|
|
5
|
-
`,h=s.getChannel(),T=e=>{let t=i;n();let o=Array.from(new Set(e.elements)),_=l.createElement("style");_.setAttribute("id",t),_.innerHTML=o.map(a=>`${a}{
|
|
6
|
-
${H(e.color,e.style)}
|
|
7
|
-
}`).join(" "),l.head.appendChild(_)},n=()=>{var o;let e=i,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};h.on(r,n);h.on(E,n);h.on(g,T);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s}from"./index-ClcD9ViR.js";import{r as l}from"./index-BrlJLjep.js";import"./_commonjsHelpers-Cpj98o6Y.js";var u,a=l;u=a.createRoot,a.hydrateRoot;var n=new Map;function c(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var R=({callback:e,children:t})=>{let r=s.useRef();return s.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}});var h=async(e,t,r)=>{let o=await p(t,r);if(c()){o.render(e);return}let{promise:i,resolve:m}=Promise.withResolvers();return o.render(s.createElement(R,{callback:m},e)),i},w=(e,t)=>{let r=n.get(e);r&&(r.unmount(),n.delete(e))},p=async(e,t)=>{let r=n.get(e);return r||(r=u(e,t),n.set(e,r)),r};export{h as renderElement,w as unmountElement};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import{j as x}from"./jsx-runtime-BYYWji4R.js";import{u as X,S as $n,a as we,b as xe}from"./index-DvbTp2M2.js";import{r as d}from"./index-ClcD9ViR.js";import{P as U,c as Wt,a as $t,u as ne,s as zn}from"./index-D_35mznO.js";import{r as ht}from"./index-BrlJLjep.js";import{u as Un,a as Kn,c as At}from"./index-rtmQni2k.js";import{u as Tt,c as $}from"./index-Cvkemp2J.js";import{u as Yn,c as qn}from"./index-Bklpsb39.js";import{P as Gn,h as Xn,u as Zn,R as Jn,F as Qn,D as eo}from"./index-C2tRLqin.js";import{u as gt}from"./index-DNo8LKN3.js";import"./_commonjsHelpers-Cpj98o6Y.js";var to="VisuallyHidden",zt=d.forwardRef((e,t)=>x.jsx(U.span,{...e,ref:t,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...e.style}}));zt.displayName=to;const no=["top","right","bottom","left"],ae=Math.min,q=Math.max,Be=Math.round,ke=Math.floor,te=e=>({x:e,y:e}),oo={left:"right",right:"left",bottom:"top",top:"bottom"},ro={start:"end",end:"start"};function Qe(e,t,n){return q(e,ae(t,n))}function se(e,t){return typeof e=="function"?e(t):e}function ce(e){return e.split("-")[0]}function Ce(e){return e.split("-")[1]}function wt(e){return e==="x"?"y":"x"}function xt(e){return e==="y"?"height":"width"}function de(e){return["top","bottom"].includes(ce(e))?"y":"x"}function yt(e){return wt(de(e))}function io(e,t,n){n===void 0&&(n=!1);const o=Ce(e),r=yt(e),s=xt(r);let i=r==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(i=Fe(i)),[i,Fe(i)]}function so(e){const t=Fe(e);return[et(e),t,et(t)]}function et(e){return e.replace(/start|end/g,t=>ro[t])}function co(e,t,n){const o=["left","right"],r=["right","left"],s=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return n?t?r:o:t?o:r;case"left":case"right":return t?s:i;default:return[]}}function lo(e,t,n,o){const r=Ce(e);let s=co(ce(e),n==="start",o);return r&&(s=s.map(i=>i+"-"+r),t&&(s=s.concat(s.map(et)))),s}function Fe(e){return e.replace(/left|right|bottom|top/g,t=>oo[t])}function ao(e){return{top:0,right:0,bottom:0,left:0,...e}}function Ut(e){return typeof e!="number"?ao(e):{top:e,right:e,bottom:e,left:e}}function We(e){const{x:t,y:n,width:o,height:r}=e;return{width:o,height:r,top:n,left:t,right:t+o,bottom:n+r,x:t,y:n}}function Et(e,t,n){let{reference:o,floating:r}=e;const s=de(t),i=yt(t),c=xt(i),l=ce(t),a=s==="y",f=o.x+o.width/2-r.width/2,p=o.y+o.height/2-r.height/2,y=o[c]/2-r[c]/2;let m;switch(l){case"top":m={x:f,y:o.y-r.height};break;case"bottom":m={x:f,y:o.y+o.height};break;case"right":m={x:o.x+o.width,y:p};break;case"left":m={x:o.x-r.width,y:p};break;default:m={x:o.x,y:o.y}}switch(Ce(t)){case"start":m[i]-=y*(n&&a?-1:1);break;case"end":m[i]+=y*(n&&a?-1:1);break}return m}const fo=async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:s=[],platform:i}=n,c=s.filter(Boolean),l=await(i.isRTL==null?void 0:i.isRTL(t));let a=await i.getElementRects({reference:e,floating:t,strategy:r}),{x:f,y:p}=Et(a,o,l),y=o,m={},g=0;for(let u=0;u<c.length;u++){const{name:w,fn:S}=c[u],{x:h,y:v,data:b,reset:C}=await S({x:f,y:p,initialPlacement:o,placement:y,strategy:r,middlewareData:m,rects:a,platform:i,elements:{reference:e,floating:t}});f=h??f,p=v??p,m={...m,[w]:{...m[w],...b}},C&&g<=50&&(g++,typeof C=="object"&&(C.placement&&(y=C.placement),C.rects&&(a=C.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:r}):C.rects),{x:f,y:p}=Et(a,y,l)),u=-1)}return{x:f,y:p,placement:y,strategy:r,middlewareData:m}};async function Oe(e,t){var n;t===void 0&&(t={});const{x:o,y:r,platform:s,rects:i,elements:c,strategy:l}=e,{boundary:a="clippingAncestors",rootBoundary:f="viewport",elementContext:p="floating",altBoundary:y=!1,padding:m=0}=se(t,e),g=Ut(m),w=c[y?p==="floating"?"reference":"floating":p],S=We(await s.getClippingRect({element:(n=await(s.isElement==null?void 0:s.isElement(w)))==null||n?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:a,rootBoundary:f,strategy:l})),h=p==="floating"?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,v=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),b=await(s.isElement==null?void 0:s.isElement(v))?await(s.getScale==null?void 0:s.getScale(v))||{x:1,y:1}:{x:1,y:1},C=We(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:h,offsetParent:v,strategy:l}):h);return{top:(S.top-C.top+g.top)/b.y,bottom:(C.bottom-S.bottom+g.bottom)/b.y,left:(S.left-C.left+g.left)/b.x,right:(C.right-S.right+g.right)/b.x}}const uo=e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:r,rects:s,platform:i,elements:c,middlewareData:l}=t,{element:a,padding:f=0}=se(e,t)||{};if(a==null)return{};const p=Ut(f),y={x:n,y:o},m=yt(r),g=xt(m),u=await i.getDimensions(a),w=m==="y",S=w?"top":"left",h=w?"bottom":"right",v=w?"clientHeight":"clientWidth",b=s.reference[g]+s.reference[m]-y[m]-s.floating[g],C=y[m]-s.reference[m],A=await(i.getOffsetParent==null?void 0:i.getOffsetParent(a));let P=A?A[v]:0;(!P||!await(i.isElement==null?void 0:i.isElement(A)))&&(P=c.floating[v]||s.floating[g]);const N=b/2-C/2,F=P/2-u[g]/2-1,j=ae(p[S],F),k=ae(p[h],F),V=j,O=P-u[g]-k,E=P/2-u[g]/2+N,W=Qe(V,E,O),T=!l.arrow&&Ce(r)!=null&&E!==W&&s.reference[g]/2-(E<V?j:k)-u[g]/2<0,I=T?E<V?E-V:E-O:0;return{[m]:y[m]+I,data:{[m]:W,centerOffset:E-W-I,...T&&{alignmentOffset:I}},reset:T}}}),po=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var n,o;const{placement:r,middlewareData:s,rects:i,initialPlacement:c,platform:l,elements:a}=t,{mainAxis:f=!0,crossAxis:p=!0,fallbackPlacements:y,fallbackStrategy:m="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:u=!0,...w}=se(e,t);if((n=s.arrow)!=null&&n.alignmentOffset)return{};const S=ce(r),h=de(c),v=ce(c)===c,b=await(l.isRTL==null?void 0:l.isRTL(a.floating)),C=y||(v||!u?[Fe(c)]:so(c)),A=g!=="none";!y&&A&&C.push(...lo(c,u,g,b));const P=[c,...C],N=await Oe(t,w),F=[];let j=((o=s.flip)==null?void 0:o.overflows)||[];if(f&&F.push(N[S]),p){const E=io(r,i,b);F.push(N[E[0]],N[E[1]])}if(j=[...j,{placement:r,overflows:F}],!F.every(E=>E<=0)){var k,V;const E=(((k=s.flip)==null?void 0:k.index)||0)+1,W=P[E];if(W)return{data:{index:E,overflows:j},reset:{placement:W}};let T=(V=j.filter(I=>I.overflows[0]<=0).sort((I,_)=>I.overflows[1]-_.overflows[1])[0])==null?void 0:V.placement;if(!T)switch(m){case"bestFit":{var O;const I=(O=j.filter(_=>{if(A){const H=de(_.placement);return H===h||H==="y"}return!0}).map(_=>[_.placement,_.overflows.filter(H=>H>0).reduce((H,K)=>H+K,0)]).sort((_,H)=>_[1]-H[1])[0])==null?void 0:O[0];I&&(T=I);break}case"initialPlacement":T=c;break}if(r!==T)return{reset:{placement:T}}}return{}}}};function It(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Nt(e){return no.some(t=>e[t]>=0)}const mo=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){const{rects:n}=t,{strategy:o="referenceHidden",...r}=se(e,t);switch(o){case"referenceHidden":{const s=await Oe(t,{...r,elementContext:"reference"}),i=It(s,n.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:Nt(i)}}}case"escaped":{const s=await Oe(t,{...r,altBoundary:!0}),i=It(s,n.floating);return{data:{escapedOffsets:i,escaped:Nt(i)}}}default:return{}}}}};async function ho(e,t){const{placement:n,platform:o,elements:r}=e,s=await(o.isRTL==null?void 0:o.isRTL(r.floating)),i=ce(n),c=Ce(n),l=de(n)==="y",a=["left","top"].includes(i)?-1:1,f=s&&l?-1:1,p=se(t,e);let{mainAxis:y,crossAxis:m,alignmentAxis:g}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return c&&typeof g=="number"&&(m=c==="end"?g*-1:g),l?{x:m*f,y:y*a}:{x:y*a,y:m*f}}const go=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var n,o;const{x:r,y:s,placement:i,middlewareData:c}=t,l=await ho(t,e);return i===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:r+l.x,y:s+l.y,data:{...l,placement:i}}}}},wo=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:r}=t,{mainAxis:s=!0,crossAxis:i=!1,limiter:c={fn:w=>{let{x:S,y:h}=w;return{x:S,y:h}}},...l}=se(e,t),a={x:n,y:o},f=await Oe(t,l),p=de(ce(r)),y=wt(p);let m=a[y],g=a[p];if(s){const w=y==="y"?"top":"left",S=y==="y"?"bottom":"right",h=m+f[w],v=m-f[S];m=Qe(h,m,v)}if(i){const w=p==="y"?"top":"left",S=p==="y"?"bottom":"right",h=g+f[w],v=g-f[S];g=Qe(h,g,v)}const u=c.fn({...t,[y]:m,[p]:g});return{...u,data:{x:u.x-n,y:u.y-o,enabled:{[y]:s,[p]:i}}}}}},xo=function(e){return e===void 0&&(e={}),{options:e,fn(t){const{x:n,y:o,placement:r,rects:s,middlewareData:i}=t,{offset:c=0,mainAxis:l=!0,crossAxis:a=!0}=se(e,t),f={x:n,y:o},p=de(r),y=wt(p);let m=f[y],g=f[p];const u=se(c,t),w=typeof u=="number"?{mainAxis:u,crossAxis:0}:{mainAxis:0,crossAxis:0,...u};if(l){const v=y==="y"?"height":"width",b=s.reference[y]-s.floating[v]+w.mainAxis,C=s.reference[y]+s.reference[v]-w.mainAxis;m<b?m=b:m>C&&(m=C)}if(a){var S,h;const v=y==="y"?"width":"height",b=["top","left"].includes(ce(r)),C=s.reference[p]-s.floating[v]+(b&&((S=i.offset)==null?void 0:S[p])||0)+(b?0:w.crossAxis),A=s.reference[p]+s.reference[v]+(b?0:((h=i.offset)==null?void 0:h[p])||0)-(b?w.crossAxis:0);g<C?g=C:g>A&&(g=A)}return{[y]:m,[p]:g}}}},yo=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var n,o;const{placement:r,rects:s,platform:i,elements:c}=t,{apply:l=()=>{},...a}=se(e,t),f=await Oe(t,a),p=ce(r),y=Ce(r),m=de(r)==="y",{width:g,height:u}=s.floating;let w,S;p==="top"||p==="bottom"?(w=p,S=y===(await(i.isRTL==null?void 0:i.isRTL(c.floating))?"start":"end")?"left":"right"):(S=p,w=y==="end"?"top":"bottom");const h=u-f.top-f.bottom,v=g-f.left-f.right,b=ae(u-f[w],h),C=ae(g-f[S],v),A=!t.middlewareData.shift;let P=b,N=C;if((n=t.middlewareData.shift)!=null&&n.enabled.x&&(N=v),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(P=h),A&&!y){const j=q(f.left,0),k=q(f.right,0),V=q(f.top,0),O=q(f.bottom,0);m?N=g-2*(j!==0||k!==0?j+k:q(f.left,f.right)):P=u-2*(V!==0||O!==0?V+O:q(f.top,f.bottom))}await l({...t,availableWidth:N,availableHeight:P});const F=await i.getDimensions(c.floating);return g!==F.width||u!==F.height?{reset:{rects:!0}}:{}}}};function Ue(){return typeof window<"u"}function Re(e){return Kt(e)?(e.nodeName||"").toLowerCase():"#document"}function G(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function re(e){var t;return(t=(Kt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Kt(e){return Ue()?e instanceof Node||e instanceof G(e).Node:!1}function J(e){return Ue()?e instanceof Element||e instanceof G(e).Element:!1}function oe(e){return Ue()?e instanceof HTMLElement||e instanceof G(e).HTMLElement:!1}function Ot(e){return!Ue()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof G(e).ShadowRoot}function De(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=Q(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function vo(e){return["table","td","th"].includes(Re(e))}function Ke(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch{return!1}})}function vt(e){const t=St(),n=J(e)?Q(e):e;return["transform","translate","scale","rotate","perspective"].some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!t&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!t&&(n.filter?n.filter!=="none":!1)||["transform","translate","scale","rotate","perspective","filter"].some(o=>(n.willChange||"").includes(o))||["paint","layout","strict","content"].some(o=>(n.contain||"").includes(o))}function So(e){let t=fe(e);for(;oe(t)&&!be(t);){if(vt(t))return t;if(Ke(t))return null;t=fe(t)}return null}function St(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}function be(e){return["html","body","#document"].includes(Re(e))}function Q(e){return G(e).getComputedStyle(e)}function Ye(e){return J(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function fe(e){if(Re(e)==="html")return e;const t=e.assignedSlot||e.parentNode||Ot(e)&&e.host||re(e);return Ot(t)?t.host:t}function Yt(e){const t=fe(e);return be(t)?e.ownerDocument?e.ownerDocument.body:e.body:oe(t)&&De(t)?t:Yt(t)}function Me(e,t,n){var o;t===void 0&&(t=[]),n===void 0&&(n=!0);const r=Yt(e),s=r===((o=e.ownerDocument)==null?void 0:o.body),i=G(r);if(s){const c=tt(i);return t.concat(i,i.visualViewport||[],De(r)?r:[],c&&n?Me(c):[])}return t.concat(r,Me(r,[],n))}function tt(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function qt(e){const t=Q(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=oe(e),s=r?e.offsetWidth:n,i=r?e.offsetHeight:o,c=Be(n)!==s||Be(o)!==i;return c&&(n=s,o=i),{width:n,height:o,$:c}}function bt(e){return J(e)?e:e.contextElement}function Se(e){const t=bt(e);if(!oe(t))return te(1);const n=t.getBoundingClientRect(),{width:o,height:r,$:s}=qt(t);let i=(s?Be(n.width):n.width)/o,c=(s?Be(n.height):n.height)/r;return(!i||!Number.isFinite(i))&&(i=1),(!c||!Number.isFinite(c))&&(c=1),{x:i,y:c}}const bo=te(0);function Gt(e){const t=G(e);return!St()||!t.visualViewport?bo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Co(e,t,n){return t===void 0&&(t=!1),!n||t&&n!==G(e)?!1:t}function he(e,t,n,o){t===void 0&&(t=!1),n===void 0&&(n=!1);const r=e.getBoundingClientRect(),s=bt(e);let i=te(1);t&&(o?J(o)&&(i=Se(o)):i=Se(e));const c=Co(s,n,o)?Gt(s):te(0);let l=(r.left+c.x)/i.x,a=(r.top+c.y)/i.y,f=r.width/i.x,p=r.height/i.y;if(s){const y=G(s),m=o&&J(o)?G(o):o;let g=y,u=tt(g);for(;u&&o&&m!==g;){const w=Se(u),S=u.getBoundingClientRect(),h=Q(u),v=S.left+(u.clientLeft+parseFloat(h.paddingLeft))*w.x,b=S.top+(u.clientTop+parseFloat(h.paddingTop))*w.y;l*=w.x,a*=w.y,f*=w.x,p*=w.y,l+=v,a+=b,g=G(u),u=tt(g)}}return We({width:f,height:p,x:l,y:a})}function Ct(e,t){const n=Ye(e).scrollLeft;return t?t.left+n:he(re(e)).left+n}function Xt(e,t,n){n===void 0&&(n=!1);const o=e.getBoundingClientRect(),r=o.left+t.scrollLeft-(n?0:Ct(e,o)),s=o.top+t.scrollTop;return{x:r,y:s}}function Ro(e){let{elements:t,rect:n,offsetParent:o,strategy:r}=e;const s=r==="fixed",i=re(o),c=t?Ke(t.floating):!1;if(o===i||c&&s)return n;let l={scrollLeft:0,scrollTop:0},a=te(1);const f=te(0),p=oe(o);if((p||!p&&!s)&&((Re(o)!=="body"||De(i))&&(l=Ye(o)),oe(o))){const m=he(o);a=Se(o),f.x=m.x+o.clientLeft,f.y=m.y+o.clientTop}const y=i&&!p&&!s?Xt(i,l,!0):te(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-l.scrollLeft*a.x+f.x+y.x,y:n.y*a.y-l.scrollTop*a.y+f.y+y.y}}function _o(e){return Array.from(e.getClientRects())}function Po(e){const t=re(e),n=Ye(e),o=e.ownerDocument.body,r=q(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),s=q(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-n.scrollLeft+Ct(e);const c=-n.scrollTop;return Q(o).direction==="rtl"&&(i+=q(t.clientWidth,o.clientWidth)-r),{width:r,height:s,x:i,y:c}}function Ao(e,t){const n=G(e),o=re(e),r=n.visualViewport;let s=o.clientWidth,i=o.clientHeight,c=0,l=0;if(r){s=r.width,i=r.height;const a=St();(!a||a&&t==="fixed")&&(c=r.offsetLeft,l=r.offsetTop)}return{width:s,height:i,x:c,y:l}}function To(e,t){const n=he(e,!0,t==="fixed"),o=n.top+e.clientTop,r=n.left+e.clientLeft,s=oe(e)?Se(e):te(1),i=e.clientWidth*s.x,c=e.clientHeight*s.y,l=r*s.x,a=o*s.y;return{width:i,height:c,x:l,y:a}}function Mt(e,t,n){let o;if(t==="viewport")o=Ao(e,n);else if(t==="document")o=Po(re(e));else if(J(t))o=To(t,n);else{const r=Gt(e);o={x:t.x-r.x,y:t.y-r.y,width:t.width,height:t.height}}return We(o)}function Zt(e,t){const n=fe(e);return n===t||!J(n)||be(n)?!1:Q(n).position==="fixed"||Zt(n,t)}function Eo(e,t){const n=t.get(e);if(n)return n;let o=Me(e,[],!1).filter(c=>J(c)&&Re(c)!=="body"),r=null;const s=Q(e).position==="fixed";let i=s?fe(e):e;for(;J(i)&&!be(i);){const c=Q(i),l=vt(i);!l&&c.position==="fixed"&&(r=null),(s?!l&&!r:!l&&c.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||De(i)&&!l&&Zt(e,i))?o=o.filter(f=>f!==i):r=c,i=fe(i)}return t.set(e,o),o}function Io(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const i=[...n==="clippingAncestors"?Ke(t)?[]:Eo(t,this._c):[].concat(n),o],c=i[0],l=i.reduce((a,f)=>{const p=Mt(t,f,r);return a.top=q(p.top,a.top),a.right=ae(p.right,a.right),a.bottom=ae(p.bottom,a.bottom),a.left=q(p.left,a.left),a},Mt(t,c,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function No(e){const{width:t,height:n}=qt(e);return{width:t,height:n}}function Oo(e,t,n){const o=oe(t),r=re(t),s=n==="fixed",i=he(e,!0,s,t);let c={scrollLeft:0,scrollTop:0};const l=te(0);if(o||!o&&!s)if((Re(t)!=="body"||De(r))&&(c=Ye(t)),o){const y=he(t,!0,s,t);l.x=y.x+t.clientLeft,l.y=y.y+t.clientTop}else r&&(l.x=Ct(r));const a=r&&!o&&!s?Xt(r,c):te(0),f=i.left+c.scrollLeft-l.x-a.x,p=i.top+c.scrollTop-l.y-a.y;return{x:f,y:p,width:i.width,height:i.height}}function Ze(e){return Q(e).position==="static"}function Dt(e,t){if(!oe(e)||Q(e).position==="fixed")return null;if(t)return t(e);let n=e.offsetParent;return re(e)===n&&(n=n.ownerDocument.body),n}function Jt(e,t){const n=G(e);if(Ke(e))return n;if(!oe(e)){let r=fe(e);for(;r&&!be(r);){if(J(r)&&!Ze(r))return r;r=fe(r)}return n}let o=Dt(e,t);for(;o&&vo(o)&&Ze(o);)o=Dt(o,t);return o&&be(o)&&Ze(o)&&!vt(o)?n:o||So(e)||n}const Mo=async function(e){const t=this.getOffsetParent||Jt,n=this.getDimensions,o=await n(e.floating);return{reference:Oo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Do(e){return Q(e).direction==="rtl"}const Lo={convertOffsetParentRelativeRectToViewportRelativeRect:Ro,getDocumentElement:re,getClippingRect:Io,getOffsetParent:Jt,getElementRects:Mo,getClientRects:_o,getDimensions:No,getScale:Se,isElement:J,isRTL:Do};function Qt(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function jo(e,t){let n=null,o;const r=re(e);function s(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function i(c,l){c===void 0&&(c=!1),l===void 0&&(l=1),s();const a=e.getBoundingClientRect(),{left:f,top:p,width:y,height:m}=a;if(c||t(),!y||!m)return;const g=ke(p),u=ke(r.clientWidth-(f+y)),w=ke(r.clientHeight-(p+m)),S=ke(f),v={rootMargin:-g+"px "+-u+"px "+-w+"px "+-S+"px",threshold:q(0,ae(1,l))||1};let b=!0;function C(A){const P=A[0].intersectionRatio;if(P!==l){if(!b)return i();P?i(!1,P):o=setTimeout(()=>{i(!1,1e-7)},1e3)}P===1&&!Qt(a,e.getBoundingClientRect())&&i(),b=!1}try{n=new IntersectionObserver(C,{...v,root:r.ownerDocument})}catch{n=new IntersectionObserver(C,v)}n.observe(e)}return i(!0),s}function ko(e,t,n,o){o===void 0&&(o={});const{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,a=bt(e),f=r||s?[...a?Me(a):[],...Me(t)]:[];f.forEach(S=>{r&&S.addEventListener("scroll",n,{passive:!0}),s&&S.addEventListener("resize",n)});const p=a&&c?jo(a,n):null;let y=-1,m=null;i&&(m=new ResizeObserver(S=>{let[h]=S;h&&h.target===a&&m&&(m.unobserve(t),cancelAnimationFrame(y),y=requestAnimationFrame(()=>{var v;(v=m)==null||v.observe(t)})),n()}),a&&!l&&m.observe(a),m.observe(t));let g,u=l?he(e):null;l&&w();function w(){const S=he(e);u&&!Qt(u,S)&&n(),u=S,g=requestAnimationFrame(w)}return n(),()=>{var S;f.forEach(h=>{r&&h.removeEventListener("scroll",n),s&&h.removeEventListener("resize",n)}),p==null||p(),(S=m)==null||S.disconnect(),m=null,l&&cancelAnimationFrame(g)}}const Vo=go,Ho=wo,Bo=po,Fo=yo,Wo=mo,Lt=uo,$o=xo,zo=(e,t,n)=>{const o=new Map,r={platform:Lo,...n},s={...r.platform,_c:o};return fo(e,t,{...r,platform:s})};var He=typeof document<"u"?d.useLayoutEffect:d.useEffect;function $e(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,o,r;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(o=n;o--!==0;)if(!$e(e[o],t[o]))return!1;return!0}if(r=Object.keys(e),n=r.length,n!==Object.keys(t).length)return!1;for(o=n;o--!==0;)if(!{}.hasOwnProperty.call(t,r[o]))return!1;for(o=n;o--!==0;){const s=r[o];if(!(s==="_owner"&&e.$$typeof)&&!$e(e[s],t[s]))return!1}return!0}return e!==e&&t!==t}function en(e){return typeof window>"u"?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function jt(e,t){const n=en(e);return Math.round(t*n)/n}function Je(e){const t=d.useRef(e);return He(()=>{t.current=e}),t}function Uo(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:o=[],platform:r,elements:{reference:s,floating:i}={},transform:c=!0,whileElementsMounted:l,open:a}=e,[f,p]=d.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[y,m]=d.useState(o);$e(y,o)||m(o);const[g,u]=d.useState(null),[w,S]=d.useState(null),h=d.useCallback(_=>{_!==A.current&&(A.current=_,u(_))},[]),v=d.useCallback(_=>{_!==P.current&&(P.current=_,S(_))},[]),b=s||g,C=i||w,A=d.useRef(null),P=d.useRef(null),N=d.useRef(f),F=l!=null,j=Je(l),k=Je(r),V=Je(a),O=d.useCallback(()=>{if(!A.current||!P.current)return;const _={placement:t,strategy:n,middleware:y};k.current&&(_.platform=k.current),zo(A.current,P.current,_).then(H=>{const K={...H,isPositioned:V.current!==!1};E.current&&!$e(N.current,K)&&(N.current=K,ht.flushSync(()=>{p(K)}))})},[y,t,n,k,V]);He(()=>{a===!1&&N.current.isPositioned&&(N.current.isPositioned=!1,p(_=>({..._,isPositioned:!1})))},[a]);const E=d.useRef(!1);He(()=>(E.current=!0,()=>{E.current=!1}),[]),He(()=>{if(b&&(A.current=b),C&&(P.current=C),b&&C){if(j.current)return j.current(b,C,O);O()}},[b,C,O,j,F]);const W=d.useMemo(()=>({reference:A,floating:P,setReference:h,setFloating:v}),[h,v]),T=d.useMemo(()=>({reference:b,floating:C}),[b,C]),I=d.useMemo(()=>{const _={position:n,left:0,top:0};if(!T.floating)return _;const H=jt(T.floating,f.x),K=jt(T.floating,f.y);return c?{..._,transform:"translate("+H+"px, "+K+"px)",...en(T.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:H,top:K}},[n,c,T.floating,f.x,f.y]);return d.useMemo(()=>({...f,update:O,refs:W,elements:T,floatingStyles:I}),[f,O,W,T,I])}const Ko=e=>{function t(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:e,fn(n){const{element:o,padding:r}=typeof e=="function"?e(n):e;return o&&t(o)?o.current!=null?Lt({element:o.current,padding:r}).fn(n):{}:o?Lt({element:o,padding:r}).fn(n):{}}}},Yo=(e,t)=>({...Vo(e),options:[e,t]}),qo=(e,t)=>({...Ho(e),options:[e,t]}),Go=(e,t)=>({...$o(e),options:[e,t]}),Xo=(e,t)=>({...Bo(e),options:[e,t]}),Zo=(e,t)=>({...Fo(e),options:[e,t]}),Jo=(e,t)=>({...Wo(e),options:[e,t]}),Qo=(e,t)=>({...Ko(e),options:[e,t]});var er="Arrow",tn=d.forwardRef((e,t)=>{const{children:n,width:o=10,height:r=5,...s}=e;return x.jsx(U.svg,{...s,ref:t,width:o,height:r,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?n:x.jsx("polygon",{points:"0,0 30,0 15,10"})})});tn.displayName=er;var tr=tn,Rt="Popper",[nn,on]=Wt(Rt),[nr,rn]=nn(Rt),sn=e=>{const{__scopePopper:t,children:n}=e,[o,r]=d.useState(null);return x.jsx(nr,{scope:t,anchor:o,onAnchorChange:r,children:n})};sn.displayName=Rt;var cn="PopperAnchor",ln=d.forwardRef((e,t)=>{const{__scopePopper:n,virtualRef:o,...r}=e,s=rn(cn,n),i=d.useRef(null),c=X(t,i);return d.useEffect(()=>{s.onAnchorChange((o==null?void 0:o.current)||i.current)}),o?null:x.jsx(U.div,{...r,ref:c})});ln.displayName=cn;var _t="PopperContent",[or,rr]=nn(_t),an=d.forwardRef((e,t)=>{var R,B,z,L,M,D;const{__scopePopper:n,side:o="bottom",sideOffset:r=0,align:s="center",alignOffset:i=0,arrowPadding:c=0,avoidCollisions:l=!0,collisionBoundary:a=[],collisionPadding:f=0,sticky:p="partial",hideWhenDetached:y=!1,updatePositionStrategy:m="optimized",onPlaced:g,...u}=e,w=rn(_t,n),[S,h]=d.useState(null),v=X(t,Y=>h(Y)),[b,C]=d.useState(null),A=Un(b),P=(A==null?void 0:A.width)??0,N=(A==null?void 0:A.height)??0,F=o+(s!=="center"?"-"+s:""),j=typeof f=="number"?f:{top:0,right:0,bottom:0,left:0,...f},k=Array.isArray(a)?a:[a],V=k.length>0,O={padding:j,boundary:k.filter(sr),altBoundary:V},{refs:E,floatingStyles:W,placement:T,isPositioned:I,middlewareData:_}=Uo({strategy:"fixed",placement:F,whileElementsMounted:(...Y)=>ko(...Y,{animationFrame:m==="always"}),elements:{reference:w.anchor},middleware:[Yo({mainAxis:r+N,alignmentAxis:i}),l&&qo({mainAxis:!0,crossAxis:!1,limiter:p==="partial"?Go():void 0,...O}),l&&Xo({...O}),Zo({...O,apply:({elements:Y,rects:ee,availableWidth:Te,availableHeight:Ee})=>{const{width:Ie,height:Wn}=ee.reference,je=Y.floating.style;je.setProperty("--radix-popper-available-width",`${Te}px`),je.setProperty("--radix-popper-available-height",`${Ee}px`),je.setProperty("--radix-popper-anchor-width",`${Ie}px`),je.setProperty("--radix-popper-anchor-height",`${Wn}px`)}}),b&&Qo({element:b,padding:c}),cr({arrowWidth:P,arrowHeight:N}),y&&Jo({strategy:"referenceHidden",...O})]}),[H,K]=un(T),ie=$t(g);ne(()=>{I&&(ie==null||ie())},[I,ie]);const Pe=(R=_.arrow)==null?void 0:R.x,Ae=(B=_.arrow)==null?void 0:B.y,le=((z=_.arrow)==null?void 0:z.centerOffset)!==0,[ve,me]=d.useState();return ne(()=>{S&&me(window.getComputedStyle(S).zIndex)},[S]),x.jsx("div",{ref:E.setFloating,"data-radix-popper-content-wrapper":"",style:{...W,transform:I?W.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:ve,"--radix-popper-transform-origin":[(L=_.transformOrigin)==null?void 0:L.x,(M=_.transformOrigin)==null?void 0:M.y].join(" "),...((D=_.hide)==null?void 0:D.referenceHidden)&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:x.jsx(or,{scope:n,placedSide:H,onArrowChange:C,arrowX:Pe,arrowY:Ae,shouldHideArrow:le,children:x.jsx(U.div,{"data-side":H,"data-align":K,...u,ref:v,style:{...u.style,animation:I?void 0:"none"}})})})});an.displayName=_t;var dn="PopperArrow",ir={top:"bottom",right:"left",bottom:"top",left:"right"},fn=d.forwardRef(function(t,n){const{__scopePopper:o,...r}=t,s=rr(dn,o),i=ir[s.placedSide];return x.jsx("span",{ref:s.onArrowChange,style:{position:"absolute",left:s.arrowX,top:s.arrowY,[i]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[s.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[s.placedSide],visibility:s.shouldHideArrow?"hidden":void 0},children:x.jsx(tr,{...r,ref:n,style:{...r.style,display:"block"}})})});fn.displayName=dn;function sr(e){return e!==null}var cr=e=>({name:"transformOrigin",options:e,fn(t){var w,S,h;const{placement:n,rects:o,middlewareData:r}=t,i=((w=r.arrow)==null?void 0:w.centerOffset)!==0,c=i?0:e.arrowWidth,l=i?0:e.arrowHeight,[a,f]=un(n),p={start:"0%",center:"50%",end:"100%"}[f],y=(((S=r.arrow)==null?void 0:S.x)??0)+c/2,m=(((h=r.arrow)==null?void 0:h.y)??0)+l/2;let g="",u="";return a==="bottom"?(g=i?p:`${y}px`,u=`${-l}px`):a==="top"?(g=i?p:`${y}px`,u=`${o.floating.height+l}px`):a==="right"?(g=`${-l}px`,u=i?p:`${m}px`):a==="left"&&(g=`${o.floating.width+l}px`,u=i?p:`${m}px`),{data:{x:g,y:u}}}});function un(e){const[t,n="center"]=e.split("-");return[t,n]}var lr=sn,ar=ln,dr=an,fr=fn,ur=[" ","Enter","ArrowUp","ArrowDown"],pr=[" ","Enter"],Le="Select",[qe,Ge,mr]=qn(Le),[_e,ni]=Wt(Le,[mr,on]),Xe=on(),[hr,ue]=_e(Le),[gr,wr]=_e(Le),pn=e=>{const{__scopeSelect:t,children:n,open:o,defaultOpen:r,onOpenChange:s,value:i,defaultValue:c,onValueChange:l,dir:a,name:f,autoComplete:p,disabled:y,required:m,form:g}=e,u=Xe(t),[w,S]=d.useState(null),[h,v]=d.useState(null),[b,C]=d.useState(!1),A=Yn(a),[P=!1,N]=Tt({prop:o,defaultProp:r,onChange:s}),[F,j]=Tt({prop:i,defaultProp:c,onChange:l}),k=d.useRef(null),V=w?g||!!w.closest("form"):!0,[O,E]=d.useState(new Set),W=Array.from(O).map(T=>T.props.value).join(";");return x.jsx(lr,{...u,children:x.jsxs(hr,{required:m,scope:t,trigger:w,onTriggerChange:S,valueNode:h,onValueNodeChange:v,valueNodeHasChildren:b,onValueNodeHasChildrenChange:C,contentId:gt(),value:F,onValueChange:j,open:P,onOpenChange:N,dir:A,triggerPointerDownPosRef:k,disabled:y,children:[x.jsx(qe.Provider,{scope:t,children:x.jsx(gr,{scope:e.__scopeSelect,onNativeOptionAdd:d.useCallback(T=>{E(I=>new Set(I).add(T))},[]),onNativeOptionRemove:d.useCallback(T=>{E(I=>{const _=new Set(I);return _.delete(T),_})},[]),children:n})}),V?x.jsxs(kn,{"aria-hidden":!0,required:m,tabIndex:-1,name:f,autoComplete:p,value:F,onChange:T=>j(T.target.value),disabled:y,form:g,children:[F===void 0?x.jsx("option",{value:""}):null,Array.from(O)]},W):null]})})};pn.displayName=Le;var mn="SelectTrigger",hn=d.forwardRef((e,t)=>{const{__scopeSelect:n,disabled:o=!1,...r}=e,s=Xe(n),i=ue(mn,n),c=i.disabled||o,l=X(t,i.onTriggerChange),a=Ge(n),f=d.useRef("touch"),[p,y,m]=Vn(u=>{const w=a().filter(v=>!v.disabled),S=w.find(v=>v.value===i.value),h=Hn(w,u,S);h!==void 0&&i.onValueChange(h.value)}),g=u=>{c||(i.onOpenChange(!0),m()),u&&(i.triggerPointerDownPosRef.current={x:Math.round(u.pageX),y:Math.round(u.pageY)})};return x.jsx(ar,{asChild:!0,...s,children:x.jsx(U.button,{type:"button",role:"combobox","aria-controls":i.contentId,"aria-expanded":i.open,"aria-required":i.required,"aria-autocomplete":"none",dir:i.dir,"data-state":i.open?"open":"closed",disabled:c,"data-disabled":c?"":void 0,"data-placeholder":jn(i.value)?"":void 0,...r,ref:l,onClick:$(r.onClick,u=>{u.currentTarget.focus(),f.current!=="mouse"&&g(u)}),onPointerDown:$(r.onPointerDown,u=>{f.current=u.pointerType;const w=u.target;w.hasPointerCapture(u.pointerId)&&w.releasePointerCapture(u.pointerId),u.button===0&&u.ctrlKey===!1&&u.pointerType==="mouse"&&(g(u),u.preventDefault())}),onKeyDown:$(r.onKeyDown,u=>{const w=p.current!=="";!(u.ctrlKey||u.altKey||u.metaKey)&&u.key.length===1&&y(u.key),!(w&&u.key===" ")&&ur.includes(u.key)&&(g(),u.preventDefault())})})})});hn.displayName=mn;var gn="SelectValue",wn=d.forwardRef((e,t)=>{const{__scopeSelect:n,className:o,style:r,children:s,placeholder:i="",...c}=e,l=ue(gn,n),{onValueNodeHasChildrenChange:a}=l,f=s!==void 0,p=X(t,l.onValueNodeChange);return ne(()=>{a(f)},[a,f]),x.jsx(U.span,{...c,ref:p,style:{pointerEvents:"none"},children:jn(l.value)?x.jsx(x.Fragment,{children:i}):s})});wn.displayName=gn;var xr="SelectIcon",xn=d.forwardRef((e,t)=>{const{__scopeSelect:n,children:o,...r}=e;return x.jsx(U.span,{"aria-hidden":!0,...r,ref:t,children:o||"▼"})});xn.displayName=xr;var yr="SelectPortal",yn=e=>x.jsx(Gn,{asChild:!0,...e});yn.displayName=yr;var ge="SelectContent",vn=d.forwardRef((e,t)=>{const n=ue(ge,e.__scopeSelect),[o,r]=d.useState();if(ne(()=>{r(new DocumentFragment)},[]),!n.open){const s=o;return s?ht.createPortal(x.jsx(Sn,{scope:e.__scopeSelect,children:x.jsx(qe.Slot,{scope:e.__scopeSelect,children:x.jsx("div",{children:e.children})})}),s):null}return x.jsx(bn,{...e,ref:t})});vn.displayName=ge;var Z=10,[Sn,pe]=_e(ge),vr="SelectContentImpl",bn=d.forwardRef((e,t)=>{const{__scopeSelect:n,position:o="item-aligned",onCloseAutoFocus:r,onEscapeKeyDown:s,onPointerDownOutside:i,side:c,sideOffset:l,align:a,alignOffset:f,arrowPadding:p,collisionBoundary:y,collisionPadding:m,sticky:g,hideWhenDetached:u,avoidCollisions:w,...S}=e,h=ue(ge,n),[v,b]=d.useState(null),[C,A]=d.useState(null),P=X(t,R=>b(R)),[N,F]=d.useState(null),[j,k]=d.useState(null),V=Ge(n),[O,E]=d.useState(!1),W=d.useRef(!1);d.useEffect(()=>{if(v)return Xn(v)},[v]),Zn();const T=d.useCallback(R=>{const[B,...z]=V().map(D=>D.ref.current),[L]=z.slice(-1),M=document.activeElement;for(const D of R)if(D===M||(D==null||D.scrollIntoView({block:"nearest"}),D===B&&C&&(C.scrollTop=0),D===L&&C&&(C.scrollTop=C.scrollHeight),D==null||D.focus(),document.activeElement!==M))return},[V,C]),I=d.useCallback(()=>T([N,v]),[T,N,v]);d.useEffect(()=>{O&&I()},[O,I]);const{onOpenChange:_,triggerPointerDownPosRef:H}=h;d.useEffect(()=>{if(v){let R={x:0,y:0};const B=L=>{var M,D;R={x:Math.abs(Math.round(L.pageX)-(((M=H.current)==null?void 0:M.x)??0)),y:Math.abs(Math.round(L.pageY)-(((D=H.current)==null?void 0:D.y)??0))}},z=L=>{R.x<=10&&R.y<=10?L.preventDefault():v.contains(L.target)||_(!1),document.removeEventListener("pointermove",B),H.current=null};return H.current!==null&&(document.addEventListener("pointermove",B),document.addEventListener("pointerup",z,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",B),document.removeEventListener("pointerup",z,{capture:!0})}}},[v,_,H]),d.useEffect(()=>{const R=()=>_(!1);return window.addEventListener("blur",R),window.addEventListener("resize",R),()=>{window.removeEventListener("blur",R),window.removeEventListener("resize",R)}},[_]);const[K,ie]=Vn(R=>{const B=V().filter(M=>!M.disabled),z=B.find(M=>M.ref.current===document.activeElement),L=Hn(B,R,z);L&&setTimeout(()=>L.ref.current.focus())}),Pe=d.useCallback((R,B,z)=>{const L=!W.current&&!z;(h.value!==void 0&&h.value===B||L)&&(F(R),L&&(W.current=!0))},[h.value]),Ae=d.useCallback(()=>v==null?void 0:v.focus(),[v]),le=d.useCallback((R,B,z)=>{const L=!W.current&&!z;(h.value!==void 0&&h.value===B||L)&&k(R)},[h.value]),ve=o==="popper"?nt:Cn,me=ve===nt?{side:c,sideOffset:l,align:a,alignOffset:f,arrowPadding:p,collisionBoundary:y,collisionPadding:m,sticky:g,hideWhenDetached:u,avoidCollisions:w}:{};return x.jsx(Sn,{scope:n,content:v,viewport:C,onViewportChange:A,itemRefCallback:Pe,selectedItem:N,onItemLeave:Ae,itemTextRefCallback:le,focusSelectedItem:I,selectedItemText:j,position:o,isPositioned:O,searchRef:K,children:x.jsx(Jn,{as:$n,allowPinchZoom:!0,children:x.jsx(Qn,{asChild:!0,trapped:h.open,onMountAutoFocus:R=>{R.preventDefault()},onUnmountAutoFocus:$(r,R=>{var B;(B=h.trigger)==null||B.focus({preventScroll:!0}),R.preventDefault()}),children:x.jsx(eo,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:s,onPointerDownOutside:i,onFocusOutside:R=>R.preventDefault(),onDismiss:()=>h.onOpenChange(!1),children:x.jsx(ve,{role:"listbox",id:h.contentId,"data-state":h.open?"open":"closed",dir:h.dir,onContextMenu:R=>R.preventDefault(),...S,...me,onPlaced:()=>E(!0),ref:P,style:{display:"flex",flexDirection:"column",outline:"none",...S.style},onKeyDown:$(S.onKeyDown,R=>{const B=R.ctrlKey||R.altKey||R.metaKey;if(R.key==="Tab"&&R.preventDefault(),!B&&R.key.length===1&&ie(R.key),["ArrowUp","ArrowDown","Home","End"].includes(R.key)){let L=V().filter(M=>!M.disabled).map(M=>M.ref.current);if(["ArrowUp","End"].includes(R.key)&&(L=L.slice().reverse()),["ArrowUp","ArrowDown"].includes(R.key)){const M=R.target,D=L.indexOf(M);L=L.slice(D+1)}setTimeout(()=>T(L)),R.preventDefault()}})})})})})})});bn.displayName=vr;var Sr="SelectItemAlignedPosition",Cn=d.forwardRef((e,t)=>{const{__scopeSelect:n,onPlaced:o,...r}=e,s=ue(ge,n),i=pe(ge,n),[c,l]=d.useState(null),[a,f]=d.useState(null),p=X(t,P=>f(P)),y=Ge(n),m=d.useRef(!1),g=d.useRef(!0),{viewport:u,selectedItem:w,selectedItemText:S,focusSelectedItem:h}=i,v=d.useCallback(()=>{if(s.trigger&&s.valueNode&&c&&a&&u&&w&&S){const P=s.trigger.getBoundingClientRect(),N=a.getBoundingClientRect(),F=s.valueNode.getBoundingClientRect(),j=S.getBoundingClientRect();if(s.dir!=="rtl"){const M=j.left-N.left,D=F.left-M,Y=P.left-D,ee=P.width+Y,Te=Math.max(ee,N.width),Ee=window.innerWidth-Z,Ie=At(D,[Z,Math.max(Z,Ee-Te)]);c.style.minWidth=ee+"px",c.style.left=Ie+"px"}else{const M=N.right-j.right,D=window.innerWidth-F.right-M,Y=window.innerWidth-P.right-D,ee=P.width+Y,Te=Math.max(ee,N.width),Ee=window.innerWidth-Z,Ie=At(D,[Z,Math.max(Z,Ee-Te)]);c.style.minWidth=ee+"px",c.style.right=Ie+"px"}const k=y(),V=window.innerHeight-Z*2,O=u.scrollHeight,E=window.getComputedStyle(a),W=parseInt(E.borderTopWidth,10),T=parseInt(E.paddingTop,10),I=parseInt(E.borderBottomWidth,10),_=parseInt(E.paddingBottom,10),H=W+T+O+_+I,K=Math.min(w.offsetHeight*5,H),ie=window.getComputedStyle(u),Pe=parseInt(ie.paddingTop,10),Ae=parseInt(ie.paddingBottom,10),le=P.top+P.height/2-Z,ve=V-le,me=w.offsetHeight/2,R=w.offsetTop+me,B=W+T+R,z=H-B;if(B<=le){const M=k.length>0&&w===k[k.length-1].ref.current;c.style.bottom="0px";const D=a.clientHeight-u.offsetTop-u.offsetHeight,Y=Math.max(ve,me+(M?Ae:0)+D+I),ee=B+Y;c.style.height=ee+"px"}else{const M=k.length>0&&w===k[0].ref.current;c.style.top="0px";const Y=Math.max(le,W+u.offsetTop+(M?Pe:0)+me)+z;c.style.height=Y+"px",u.scrollTop=B-le+u.offsetTop}c.style.margin=`${Z}px 0`,c.style.minHeight=K+"px",c.style.maxHeight=V+"px",o==null||o(),requestAnimationFrame(()=>m.current=!0)}},[y,s.trigger,s.valueNode,c,a,u,w,S,s.dir,o]);ne(()=>v(),[v]);const[b,C]=d.useState();ne(()=>{a&&C(window.getComputedStyle(a).zIndex)},[a]);const A=d.useCallback(P=>{P&&g.current===!0&&(v(),h==null||h(),g.current=!1)},[v,h]);return x.jsx(Cr,{scope:n,contentWrapper:c,shouldExpandOnScrollRef:m,onScrollButtonChange:A,children:x.jsx("div",{ref:l,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:b},children:x.jsx(U.div,{...r,ref:p,style:{boxSizing:"border-box",maxHeight:"100%",...r.style}})})})});Cn.displayName=Sr;var br="SelectPopperPosition",nt=d.forwardRef((e,t)=>{const{__scopeSelect:n,align:o="start",collisionPadding:r=Z,...s}=e,i=Xe(n);return x.jsx(dr,{...i,...s,ref:t,align:o,collisionPadding:r,style:{boxSizing:"border-box",...s.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});nt.displayName=br;var[Cr,Pt]=_e(ge,{}),ot="SelectViewport",Rn=d.forwardRef((e,t)=>{const{__scopeSelect:n,nonce:o,...r}=e,s=pe(ot,n),i=Pt(ot,n),c=X(t,s.onViewportChange),l=d.useRef(0);return x.jsxs(x.Fragment,{children:[x.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:o}),x.jsx(qe.Slot,{scope:n,children:x.jsx(U.div,{"data-radix-select-viewport":"",role:"presentation",...r,ref:c,style:{position:"relative",flex:1,overflow:"hidden auto",...r.style},onScroll:$(r.onScroll,a=>{const f=a.currentTarget,{contentWrapper:p,shouldExpandOnScrollRef:y}=i;if(y!=null&&y.current&&p){const m=Math.abs(l.current-f.scrollTop);if(m>0){const g=window.innerHeight-Z*2,u=parseFloat(p.style.minHeight),w=parseFloat(p.style.height),S=Math.max(u,w);if(S<g){const h=S+m,v=Math.min(g,h),b=h-v;p.style.height=v+"px",p.style.bottom==="0px"&&(f.scrollTop=b>0?b:0,p.style.justifyContent="flex-end")}}}l.current=f.scrollTop})})})]})});Rn.displayName=ot;var _n="SelectGroup",[Rr,_r]=_e(_n),Pn=d.forwardRef((e,t)=>{const{__scopeSelect:n,...o}=e,r=gt();return x.jsx(Rr,{scope:n,id:r,children:x.jsx(U.div,{role:"group","aria-labelledby":r,...o,ref:t})})});Pn.displayName=_n;var An="SelectLabel",Tn=d.forwardRef((e,t)=>{const{__scopeSelect:n,...o}=e,r=_r(An,n);return x.jsx(U.div,{id:r.id,...o,ref:t})});Tn.displayName=An;var ze="SelectItem",[Pr,En]=_e(ze),In=d.forwardRef((e,t)=>{const{__scopeSelect:n,value:o,disabled:r=!1,textValue:s,...i}=e,c=ue(ze,n),l=pe(ze,n),a=c.value===o,[f,p]=d.useState(s??""),[y,m]=d.useState(!1),g=X(t,h=>{var v;return(v=l.itemRefCallback)==null?void 0:v.call(l,h,o,r)}),u=gt(),w=d.useRef("touch"),S=()=>{r||(c.onValueChange(o),c.onOpenChange(!1))};if(o==="")throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return x.jsx(Pr,{scope:n,value:o,disabled:r,textId:u,isSelected:a,onItemTextChange:d.useCallback(h=>{p(v=>v||((h==null?void 0:h.textContent)??"").trim())},[]),children:x.jsx(qe.ItemSlot,{scope:n,value:o,disabled:r,textValue:f,children:x.jsx(U.div,{role:"option","aria-labelledby":u,"data-highlighted":y?"":void 0,"aria-selected":a&&y,"data-state":a?"checked":"unchecked","aria-disabled":r||void 0,"data-disabled":r?"":void 0,tabIndex:r?void 0:-1,...i,ref:g,onFocus:$(i.onFocus,()=>m(!0)),onBlur:$(i.onBlur,()=>m(!1)),onClick:$(i.onClick,()=>{w.current!=="mouse"&&S()}),onPointerUp:$(i.onPointerUp,()=>{w.current==="mouse"&&S()}),onPointerDown:$(i.onPointerDown,h=>{w.current=h.pointerType}),onPointerMove:$(i.onPointerMove,h=>{var v;w.current=h.pointerType,r?(v=l.onItemLeave)==null||v.call(l):w.current==="mouse"&&h.currentTarget.focus({preventScroll:!0})}),onPointerLeave:$(i.onPointerLeave,h=>{var v;h.currentTarget===document.activeElement&&((v=l.onItemLeave)==null||v.call(l))}),onKeyDown:$(i.onKeyDown,h=>{var b;((b=l.searchRef)==null?void 0:b.current)!==""&&h.key===" "||(pr.includes(h.key)&&S(),h.key===" "&&h.preventDefault())})})})})});In.displayName=ze;var Ne="SelectItemText",Nn=d.forwardRef((e,t)=>{const{__scopeSelect:n,className:o,style:r,...s}=e,i=ue(Ne,n),c=pe(Ne,n),l=En(Ne,n),a=wr(Ne,n),[f,p]=d.useState(null),y=X(t,S=>p(S),l.onItemTextChange,S=>{var h;return(h=c.itemTextRefCallback)==null?void 0:h.call(c,S,l.value,l.disabled)}),m=f==null?void 0:f.textContent,g=d.useMemo(()=>x.jsx("option",{value:l.value,disabled:l.disabled,children:m},l.value),[l.disabled,l.value,m]),{onNativeOptionAdd:u,onNativeOptionRemove:w}=a;return ne(()=>(u(g),()=>w(g)),[u,w,g]),x.jsxs(x.Fragment,{children:[x.jsx(U.span,{id:l.textId,...s,ref:y}),l.isSelected&&i.valueNode&&!i.valueNodeHasChildren?ht.createPortal(s.children,i.valueNode):null]})});Nn.displayName=Ne;var On="SelectItemIndicator",Mn=d.forwardRef((e,t)=>{const{__scopeSelect:n,...o}=e;return En(On,n).isSelected?x.jsx(U.span,{"aria-hidden":!0,...o,ref:t}):null});Mn.displayName=On;var rt="SelectScrollUpButton",Ar=d.forwardRef((e,t)=>{const n=pe(rt,e.__scopeSelect),o=Pt(rt,e.__scopeSelect),[r,s]=d.useState(!1),i=X(t,o.onScrollButtonChange);return ne(()=>{if(n.viewport&&n.isPositioned){let c=function(){const a=l.scrollTop>0;s(a)};const l=n.viewport;return c(),l.addEventListener("scroll",c),()=>l.removeEventListener("scroll",c)}},[n.viewport,n.isPositioned]),r?x.jsx(Dn,{...e,ref:i,onAutoScroll:()=>{const{viewport:c,selectedItem:l}=n;c&&l&&(c.scrollTop=c.scrollTop-l.offsetHeight)}}):null});Ar.displayName=rt;var it="SelectScrollDownButton",Tr=d.forwardRef((e,t)=>{const n=pe(it,e.__scopeSelect),o=Pt(it,e.__scopeSelect),[r,s]=d.useState(!1),i=X(t,o.onScrollButtonChange);return ne(()=>{if(n.viewport&&n.isPositioned){let c=function(){const a=l.scrollHeight-l.clientHeight,f=Math.ceil(l.scrollTop)<a;s(f)};const l=n.viewport;return c(),l.addEventListener("scroll",c),()=>l.removeEventListener("scroll",c)}},[n.viewport,n.isPositioned]),r?x.jsx(Dn,{...e,ref:i,onAutoScroll:()=>{const{viewport:c,selectedItem:l}=n;c&&l&&(c.scrollTop=c.scrollTop+l.offsetHeight)}}):null});Tr.displayName=it;var Dn=d.forwardRef((e,t)=>{const{__scopeSelect:n,onAutoScroll:o,...r}=e,s=pe("SelectScrollButton",n),i=d.useRef(null),c=Ge(n),l=d.useCallback(()=>{i.current!==null&&(window.clearInterval(i.current),i.current=null)},[]);return d.useEffect(()=>()=>l(),[l]),ne(()=>{var f;const a=c().find(p=>p.ref.current===document.activeElement);(f=a==null?void 0:a.ref.current)==null||f.scrollIntoView({block:"nearest"})},[c]),x.jsx(U.div,{"aria-hidden":!0,...r,ref:t,style:{flexShrink:0,...r.style},onPointerDown:$(r.onPointerDown,()=>{i.current===null&&(i.current=window.setInterval(o,50))}),onPointerMove:$(r.onPointerMove,()=>{var a;(a=s.onItemLeave)==null||a.call(s),i.current===null&&(i.current=window.setInterval(o,50))}),onPointerLeave:$(r.onPointerLeave,()=>{l()})})}),Er="SelectSeparator",Ln=d.forwardRef((e,t)=>{const{__scopeSelect:n,...o}=e;return x.jsx(U.div,{"aria-hidden":!0,...o,ref:t})});Ln.displayName=Er;var st="SelectArrow",Ir=d.forwardRef((e,t)=>{const{__scopeSelect:n,...o}=e,r=Xe(n),s=ue(st,n),i=pe(st,n);return s.open&&i.position==="popper"?x.jsx(fr,{...r,...o,ref:t}):null});Ir.displayName=st;function jn(e){return e===""||e===void 0}var kn=d.forwardRef((e,t)=>{const{value:n,...o}=e,r=d.useRef(null),s=X(t,r),i=Kn(n);return d.useEffect(()=>{const c=r.current,l=window.HTMLSelectElement.prototype,f=Object.getOwnPropertyDescriptor(l,"value").set;if(i!==n&&f){const p=new Event("change",{bubbles:!0});f.call(c,n),c.dispatchEvent(p)}},[i,n]),x.jsx(zt,{asChild:!0,children:x.jsx("select",{...o,ref:s,defaultValue:n})})});kn.displayName="BubbleSelect";function Vn(e){const t=$t(e),n=d.useRef(""),o=d.useRef(0),r=d.useCallback(i=>{const c=n.current+i;t(c),function l(a){n.current=a,window.clearTimeout(o.current),a!==""&&(o.current=window.setTimeout(()=>l(""),1e3))}(c)},[t]),s=d.useCallback(()=>{n.current="",window.clearTimeout(o.current)},[]);return d.useEffect(()=>()=>window.clearTimeout(o.current),[]),[n,r,s]}function Hn(e,t,n){const r=t.length>1&&Array.from(t).every(a=>a===t[0])?t[0]:t,s=n?e.indexOf(n):-1;let i=Nr(e,Math.max(s,0));r.length===1&&(i=i.filter(a=>a!==n));const l=i.find(a=>a.textValue.toLowerCase().startsWith(r.toLowerCase()));return l!==n?l:void 0}function Nr(e,t){return e.map((n,o)=>e[(t+o)%e.length])}var Or=pn,Bn=hn,Mr=wn,Dr=xn,Lr=yn,jr=vn,kr=Rn,Vr=Pn,Hr=Tn,Br=In,Fr=Nn,Wr=Mn,$r=Ln;const ye=zn({className:"select",slots:["root","group","value","trigger","viewport","content","label","item","itemIndicator","separator"],base:{trigger:{display:"flex",h:"10",w:"full",alignItems:"center",justifyContent:"space-between",rounded:"md",border:"input",bg:"transparent",px:"3",py:"2",textStyle:"sm",cursor:"pointer",ringColor:"background",_placeholder:{color:"muted.foreground"},_focus:{ringWidth:"1",ringColor:"ring",outlineOffset:"1"},_disabled:{cursor:"not-allowed",opacity:"0.5"}},viewport:{"&:is([data-position=popper])":{h:"var(--radix-select-trigger-height)",w:"full",minW:"var(--radix-select-trigger-width)"}},content:{position:"relative",zIndex:50,minW:"full",overflow:"hidden",rounded:"md",border:"base",bg:"popover",color:"popover.foreground",shadow:"md",maxH:"96","&:is([data-state=open])":{animationName:"fadeIn",animationState:"ease-in",animationDuration:"slowest"},"&:is(&[data-state=closed])":{animationName:"slideInDown",animationState:"ease-in",animationDuration:"slowest"},"&:is([data-position=popper])":{"&:is([data-side=top])":{translateY:"-1"},"&:is([data-side=bottom])":{translateY:"1"},"&:is([data-side=left])":{translateX:"-1"},"&:is([data-side=right])":{translateX:"1"}}},label:{py:"1.5",pl:"8",pr:"2",textStyle:"sm",fontWeight:"semibold"},item:{position:"relative",display:"flex",cursor:"default",userSelect:"none",alignItems:"center",rounded:"sm",py:"1.5",pl:"8",pr:"2",textStyle:"sm",_focus:{bg:"accent",color:"accent.foreground"},"&[data-disabled]":{pointerEvents:"none",opacity:"0.5"}},itemIndicator:{position:"absolute",left:"2",display:"flex",h:"3.5",w:"3.5",alignItems:"center",justifyContent:"center"},separator:{mx:"-1",my:"1",h:"1",bg:"muted"}}}),Fn=d.forwardRef(({children:e,...t},n)=>x.jsxs(Bn,{ref:n,...t,children:[e,x.jsx(Dr,{asChild:!0})]}));Fn.displayName=Bn.displayName;const ct=Or,lt=Vr,at=Mr,dt=d.forwardRef(({className:e,...t},n)=>{const o=ye.raw();return x.jsx(Fn,{ref:n,className:we(xe(o.trigger),e),...t})}),ft=d.forwardRef(({className:e,position:t="popper",children:n,...o},r)=>{const s=ye.raw();return x.jsx(Lr,{children:x.jsx(jr,{ref:r,position:t,"data-position":t,className:we(xe(s.content),e),...o,children:x.jsx(ut,{"data-position":t,children:n})})})}),ut=d.forwardRef(({className:e,...t},n)=>{const o=ye.raw();return x.jsx(kr,{ref:n,...t,className:we(xe(o.viewport),e)})}),pt=d.forwardRef(({className:e,children:t,...n},o)=>{const r=ye.raw();return x.jsxs(Br,{ref:o,className:we(xe(r.item),e),...n,children:[x.jsx(mt,{}),x.jsx(Fr,{children:t})]})}),kt=d.forwardRef(({className:e,...t},n)=>{const o=ye.raw();return x.jsx(Hr,{ref:n,className:we(xe(o.label),e),...t})}),Vt=d.forwardRef(({className:e,...t},n)=>{const o=ye.raw();return x.jsx($r,{ref:n,className:we(xe(o.separator),e),...t})}),mt=d.forwardRef(({className:e,...t},n)=>{const o=ye.raw();return x.jsx(Wr,{ref:n,className:we(xe(o.itemIndicator),e),...t})});try{ct.displayName="Root",ct.__docgenInfo={description:"",displayName:"Root",props:{}}}catch{}try{lt.displayName="Group",lt.__docgenInfo={description:"",displayName:"Group",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{at.displayName="Value",at.__docgenInfo={description:"",displayName:"Value",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{dt.displayName="Trigger",dt.__docgenInfo={description:"",displayName:"Trigger",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{ft.displayName="Content",ft.__docgenInfo={description:"",displayName:"Content",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{ut.displayName="Viewport",ut.__docgenInfo={description:"",displayName:"Viewport",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{pt.displayName="Item",pt.__docgenInfo={description:"",displayName:"Item",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{kt.displayName="Label",kt.__docgenInfo={description:"",displayName:"Label",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{Vt.displayName="Separator",Vt.__docgenInfo={description:"",displayName:"Separator",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{mt.displayName="Indicator",mt.__docgenInfo={description:"",displayName:"Indicator",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const oi={title:"Select",tags:["autodocs"]},zr=Array.from({length:100},(e,t)=>t),Ve={render:()=>x.jsx("div",{style:{width:"300px"},children:x.jsxs(ct,{children:[x.jsx(dt,{children:x.jsx(at,{placeholder:"Select a frui"})}),x.jsx(ft,{children:x.jsx(lt,{children:zr.map(e=>x.jsx(pt,{value:e.toString(),children:e},e))})})]})})};var Ht,Bt,Ft;Ve.parameters={...Ve.parameters,docs:{...(Ht=Ve.parameters)==null?void 0:Ht.docs,source:{originalSource:`{
|
|
2
|
-
render: () => {
|
|
3
|
-
return <div style={{
|
|
4
|
-
width: "300px"
|
|
5
|
-
}}>
|
|
6
|
-
<Select.Root>
|
|
7
|
-
<Select.Trigger>
|
|
8
|
-
<Select.Value placeholder="Select a frui" />
|
|
9
|
-
</Select.Trigger>
|
|
10
|
-
<Select.Content>
|
|
11
|
-
<Select.Group>
|
|
12
|
-
{arr.map(num => <Select.Item key={num} value={num.toString()}>
|
|
13
|
-
{num}
|
|
14
|
-
</Select.Item>)}
|
|
15
|
-
</Select.Group>
|
|
16
|
-
</Select.Content>
|
|
17
|
-
</Select.Root>
|
|
18
|
-
</div>;
|
|
19
|
-
}
|
|
20
|
-
}`,...(Ft=(Bt=Ve.parameters)==null?void 0:Bt.docs)==null?void 0:Ft.source}}};const ri=["Primary"];export{Ve as Primary,ri as __namedExportsOrder,oi as default};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-BYYWji4R.js";import{u as I,a as A,b as M}from"./index-DvbTp2M2.js";import{r as l}from"./index-ClcD9ViR.js";import{c as xe,P as K,s as be}from"./index-D_35mznO.js";import{c as re,u as ye,a as we}from"./index-rtmQni2k.js";import{u as ve,c as E}from"./index-Cvkemp2J.js";import{c as _e,u as Re}from"./index-Bklpsb39.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BrlJLjep.js";var oe=["PageUp","PageDown"],ne=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],se={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},j="Slider",[$,Pe,Ce]=_e(j),[ae,Ze]=xe(j,[Ce]),[De,B]=ae(j),ie=l.forwardRef((e,t)=>{const{name:o,min:r=0,max:s=100,step:c=1,orientation:n="horizontal",disabled:i=!1,minStepsBetweenThumbs:u=0,defaultValue:p=[r],value:w,onValueChange:a=()=>{},onValueCommit:f=()=>{},inverted:x=!1,form:v,...S}=e,h=l.useRef(new Set),m=l.useRef(0),b=n==="horizontal"?Ee:je,[g=[],T]=ve({prop:w,defaultProp:p,onChange:y=>{var C;(C=[...h.current][m.current])==null||C.focus(),a(y)}}),O=l.useRef(g);function z(y){const _=Me(g,y);V(y,_)}function ge(y){V(y,m.current)}function Se(){const y=O.current[m.current];g[m.current]!==y&&f(g)}function V(y,_,{commit:C}={commit:!1}){const J=Be(c),L=He(Math.round((y-r)/c)*c+r,J),k=re(L,[r,s]);T((D=[])=>{const R=ke(D,k,_);if(Ke(R,u*c)){m.current=R.indexOf(k);const Q=String(R)!==String(D);return Q&&C&&f(R),Q?R:D}else return D})}return d.jsx(De,{scope:e.__scopeSlider,name:o,disabled:i,min:r,max:s,valueIndexToChangeRef:m,thumbs:h.current,values:g,orientation:n,form:v,children:d.jsx($.Provider,{scope:e.__scopeSlider,children:d.jsx($.Slot,{scope:e.__scopeSlider,children:d.jsx(b,{"aria-disabled":i,"data-disabled":i?"":void 0,...S,ref:t,onPointerDown:E(S.onPointerDown,()=>{i||(O.current=g)}),min:r,max:s,inverted:x,onSlideStart:i?void 0:z,onSlideMove:i?void 0:ge,onSlideEnd:i?void 0:Se,onHomeKeyDown:()=>!i&&V(r,0,{commit:!0}),onEndKeyDown:()=>!i&&V(s,g.length-1,{commit:!0}),onStepKeyDown:({event:y,direction:_})=>{if(!i){const L=oe.includes(y.key)||y.shiftKey&&ne.includes(y.key)?10:1,k=m.current,D=g[k],R=c*L*_;V(D+R,k,{commit:!0})}}})})})})});ie.displayName=j;var[ce,le]=ae(j,{startEdge:"left",endEdge:"right",size:"width",direction:1}),Ee=l.forwardRef((e,t)=>{const{min:o,max:r,dir:s,inverted:c,onSlideStart:n,onSlideMove:i,onSlideEnd:u,onStepKeyDown:p,...w}=e,[a,f]=l.useState(null),x=I(t,b=>f(b)),v=l.useRef(void 0),S=Re(s),h=S==="ltr",m=h&&!c||!h&&c;function P(b){const g=v.current||a.getBoundingClientRect(),T=[0,g.width],z=X(T,m?[o,r]:[r,o]);return v.current=g,z(b-g.left)}return d.jsx(ce,{scope:e.__scopeSlider,startEdge:m?"left":"right",endEdge:m?"right":"left",direction:m?1:-1,size:"width",children:d.jsx(de,{dir:S,"data-orientation":"horizontal",...w,ref:x,style:{...w.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const g=P(b.clientX);n==null||n(g)},onSlideMove:b=>{const g=P(b.clientX);i==null||i(g)},onSlideEnd:()=>{v.current=void 0,u==null||u()},onStepKeyDown:b=>{const T=se[m?"from-left":"from-right"].includes(b.key);p==null||p({event:b,direction:T?-1:1})}})})}),je=l.forwardRef((e,t)=>{const{min:o,max:r,inverted:s,onSlideStart:c,onSlideMove:n,onSlideEnd:i,onStepKeyDown:u,...p}=e,w=l.useRef(null),a=I(t,w),f=l.useRef(void 0),x=!s;function v(S){const h=f.current||w.current.getBoundingClientRect(),m=[0,h.height],b=X(m,x?[r,o]:[o,r]);return f.current=h,b(S-h.top)}return d.jsx(ce,{scope:e.__scopeSlider,startEdge:x?"bottom":"top",endEdge:x?"top":"bottom",size:"height",direction:x?1:-1,children:d.jsx(de,{"data-orientation":"vertical",...p,ref:a,style:{...p.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:S=>{const h=v(S.clientY);c==null||c(h)},onSlideMove:S=>{const h=v(S.clientY);n==null||n(h)},onSlideEnd:()=>{f.current=void 0,i==null||i()},onStepKeyDown:S=>{const m=se[x?"from-bottom":"from-top"].includes(S.key);u==null||u({event:S,direction:m?-1:1})}})})}),de=l.forwardRef((e,t)=>{const{__scopeSlider:o,onSlideStart:r,onSlideMove:s,onSlideEnd:c,onHomeKeyDown:n,onEndKeyDown:i,onStepKeyDown:u,...p}=e,w=B(j,o);return d.jsx(K.span,{...p,ref:t,onKeyDown:E(e.onKeyDown,a=>{a.key==="Home"?(n(a),a.preventDefault()):a.key==="End"?(i(a),a.preventDefault()):oe.concat(ne).includes(a.key)&&(u(a),a.preventDefault())}),onPointerDown:E(e.onPointerDown,a=>{const f=a.target;f.setPointerCapture(a.pointerId),a.preventDefault(),w.thumbs.has(f)?f.focus():r(a)}),onPointerMove:E(e.onPointerMove,a=>{a.target.hasPointerCapture(a.pointerId)&&s(a)}),onPointerUp:E(e.onPointerUp,a=>{const f=a.target;f.hasPointerCapture(a.pointerId)&&(f.releasePointerCapture(a.pointerId),c(a))})})}),ue="SliderTrack",fe=l.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,s=B(ue,o);return d.jsx(K.span,{"data-disabled":s.disabled?"":void 0,"data-orientation":s.orientation,...r,ref:t})});fe.displayName=ue;var F="SliderRange",me=l.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,s=B(F,o),c=le(F,o),n=l.useRef(null),i=I(t,n),u=s.values.length,p=s.values.map(f=>he(f,s.min,s.max)),w=u>1?Math.min(...p):0,a=100-Math.max(...p);return d.jsx(K.span,{"data-orientation":s.orientation,"data-disabled":s.disabled?"":void 0,...r,ref:i,style:{...e.style,[c.startEdge]:w+"%",[c.endEdge]:a+"%"}})});me.displayName=F;var U="SliderThumb",pe=l.forwardRef((e,t)=>{const o=Pe(e.__scopeSlider),[r,s]=l.useState(null),c=I(t,i=>s(i)),n=l.useMemo(()=>r?o().findIndex(i=>i.ref.current===r):-1,[o,r]);return d.jsx(Te,{...e,ref:c,index:n})}),Te=l.forwardRef((e,t)=>{const{__scopeSlider:o,index:r,name:s,...c}=e,n=B(U,o),i=le(U,o),[u,p]=l.useState(null),w=I(t,P=>p(P)),a=u?n.form||!!u.closest("form"):!0,f=ye(u),x=n.values[r],v=x===void 0?0:he(x,n.min,n.max),S=Ie(r,n.values.length),h=f==null?void 0:f[i.size],m=h?Ne(h,v,i.direction):0;return l.useEffect(()=>{if(u)return n.thumbs.add(u),()=>{n.thumbs.delete(u)}},[u,n.thumbs]),d.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[i.startEdge]:`calc(${v}% + ${m}px)`},children:[d.jsx($.ItemSlot,{scope:e.__scopeSlider,children:d.jsx(K.span,{role:"slider","aria-label":e["aria-label"]||S,"aria-valuemin":n.min,"aria-valuenow":x,"aria-valuemax":n.max,"aria-orientation":n.orientation,"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,tabIndex:n.disabled?void 0:0,...c,ref:w,style:x===void 0?{display:"none"}:e.style,onFocus:E(e.onFocus,()=>{n.valueIndexToChangeRef.current=r})})}),a&&d.jsx(Ve,{name:s??(n.name?n.name+(n.values.length>1?"[]":""):void 0),form:n.form,value:x},r)]})});pe.displayName=U;var Ve=e=>{const{value:t,...o}=e,r=l.useRef(null),s=we(t);return l.useEffect(()=>{const c=r.current,n=window.HTMLInputElement.prototype,u=Object.getOwnPropertyDescriptor(n,"value").set;if(s!==t&&u){const p=new Event("input",{bubbles:!0});u.call(c,t),c.dispatchEvent(p)}},[s,t]),d.jsx("input",{style:{display:"none"},...o,ref:r,defaultValue:t})};function ke(e=[],t,o){const r=[...e];return r[o]=t,r.sort((s,c)=>s-c)}function he(e,t,o){const c=100/(o-t)*(e-t);return re(c,[0,100])}function Ie(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function Me(e,t){if(e.length===1)return 0;const o=e.map(s=>Math.abs(s-t)),r=Math.min(...o);return o.indexOf(r)}function Ne(e,t,o){const r=e/2,c=X([0,50],[0,r]);return(r-c(t)*o)*o}function Ae(e){return e.slice(0,-1).map((t,o)=>e[o+1]-t)}function Ke(e,t){if(t>0){const o=Ae(e);return Math.min(...o)>=t}return!0}function X(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function Be(e){return(String(e).split(".")[1]||"").length}function He(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}var Oe=ie,ze=fe,Le=me,$e=pe;const H=be({slots:["root","track","range","thumb"],base:{root:{position:"relative",display:"flex",touchAction:"none",userSelect:"none",alignItems:"center"},track:{position:"relative",h:"2",w:"full",flexGrow:"1",overflow:"hidden",rounded:"full",bg:"secondary"},range:{position:"absolute",h:"full",bg:"primary"},thumb:{display:"block",h:"5",w:"5",cursor:"pointer",rounded:"full",borderWidth:"2px",borderStyle:"solid",borderColor:"primary",bg:"background",ringColor:"background",transition:"colors",_focusVisible:{ringWidth:"1",ringColor:"ring",ringOffset:"1"},_disabled:{pointerEvents:"none",opacity:"0.5"}}}}),Y=l.forwardRef(({className:e,...t},o)=>{const r=H.raw();return d.jsx(Oe,{ref:o,className:A(M(r.root),e),...t})}),q=l.forwardRef(({className:e,...t},o)=>{const r=H.raw();return d.jsx(ze,{ref:o,className:A(M(r.track),e),...t})}),W=l.forwardRef(({className:e,...t},o)=>{const r=H.raw();return d.jsx(Le,{ref:o,className:A(M(r.range),e),...t})}),G=l.forwardRef(({className:e,...t},o)=>{const r=H.raw();return d.jsx($e,{ref:o,className:A(M(r.thumb),e),...t})});try{Y.displayName="Root",Y.__docgenInfo={description:"",displayName:"Root",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{q.displayName="Track",q.__docgenInfo={description:"",displayName:"Track",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{W.displayName="Range",W.__docgenInfo={description:"",displayName:"Range",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{G.displayName="Thumb",G.__docgenInfo={description:"",displayName:"Thumb",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const et={title:"Slider",tags:["autodocs"]},N={render:()=>d.jsxs(Y,{defaultValue:[50,100],max:100,step:2,className:M({width:"[100px]"}),children:[d.jsx(q,{children:d.jsx(W,{})}),d.jsx(G,{})]})};var Z,ee,te;N.parameters={...N.parameters,docs:{...(Z=N.parameters)==null?void 0:Z.docs,source:{originalSource:`{
|
|
2
|
-
render: () => {
|
|
3
|
-
return <Slider.Root defaultValue={[50, 100]} max={100} step={2} className={css({
|
|
4
|
-
width: "[100px]"
|
|
5
|
-
})}>
|
|
6
|
-
<Slider.Track>
|
|
7
|
-
<Slider.Range />
|
|
8
|
-
</Slider.Track>
|
|
9
|
-
<Slider.Thumb />
|
|
10
|
-
</Slider.Root>;
|
|
11
|
-
}
|
|
12
|
-
}`,...(te=(ee=N.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const tt=["Primary"];export{N as Primary,tt as __namedExportsOrder,et as default};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-BYYWji4R.js";import{u as he,a as A,b as j}from"./index-DvbTp2M2.js";import{r as a}from"./index-ClcD9ViR.js";import{c as Q,P as I,a as Re,s as xe}from"./index-D_35mznO.js";import{c as _,u as X}from"./index-Cvkemp2J.js";import{c as we,u as Z}from"./index-Bklpsb39.js";import{u as ee}from"./index-DNo8LKN3.js";import{P as Fe}from"./index-CSbWd7UJ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-BrlJLjep.js";var k="rovingFocusGroup.onEntryFocus",Ee={bubbles:!1,cancelable:!0},P="RovingFocusGroup",[G,te,Se]=we(P),[Ne,oe]=Q(P,[Se]),[Ae,je]=Ne(P),re=a.forwardRef((e,o)=>n.jsx(G.Provider,{scope:e.__scopeRovingFocusGroup,children:n.jsx(G.Slot,{scope:e.__scopeRovingFocusGroup,children:n.jsx(Pe,{...e,ref:o})})}));re.displayName=P;var Pe=a.forwardRef((e,o)=>{const{__scopeRovingFocusGroup:r,orientation:t,loop:l=!1,dir:f,currentTabStopId:s,defaultCurrentTabStopId:m,onCurrentTabStopIdChange:v,onEntryFocus:i,preventScrollOnEntryFocus:u=!1,...c}=e,g=a.useRef(null),h=he(o,g),d=Z(f),[C=null,V]=X({prop:s,defaultProp:m,onChange:v}),[b,T]=a.useState(!1),L=Re(i),be=te(r),M=a.useRef(!1),[Te,B]=a.useState(0);return a.useEffect(()=>{const p=g.current;if(p)return p.addEventListener(k,L),()=>p.removeEventListener(k,L)},[L]),n.jsx(Ae,{scope:r,orientation:t,dir:d,loop:l,currentTabStopId:C,onItemFocus:a.useCallback(p=>V(p),[V]),onItemShiftTab:a.useCallback(()=>T(!0),[]),onFocusableItemAdd:a.useCallback(()=>B(p=>p+1),[]),onFocusableItemRemove:a.useCallback(()=>B(p=>p-1),[]),children:n.jsx(I.div,{tabIndex:b||Te===0?-1:0,"data-orientation":t,...c,ref:h,style:{outline:"none",...e.style},onMouseDown:_(e.onMouseDown,()=>{M.current=!0}),onFocus:_(e.onFocus,p=>{const _e=!M.current;if(p.target===p.currentTarget&&_e&&!b){const $=new CustomEvent(k,Ee);if(p.currentTarget.dispatchEvent($),!$.defaultPrevented){const O=be().filter(y=>y.focusable),Ce=O.find(y=>y.active),ye=O.find(y=>y.id===C),Ie=[Ce,ye,...O].filter(Boolean).map(y=>y.ref.current);se(Ie,u)}}M.current=!1}),onBlur:_(e.onBlur,()=>T(!1))})})}),ne="RovingFocusGroupItem",ae=a.forwardRef((e,o)=>{const{__scopeRovingFocusGroup:r,focusable:t=!0,active:l=!1,tabStopId:f,...s}=e,m=ee(),v=f||m,i=je(ne,r),u=i.currentTabStopId===v,c=te(r),{onFocusableItemAdd:g,onFocusableItemRemove:h}=i;return a.useEffect(()=>{if(t)return g(),()=>h()},[t,g,h]),n.jsx(G.ItemSlot,{scope:r,id:v,focusable:t,active:l,children:n.jsx(I.span,{tabIndex:u?0:-1,"data-orientation":i.orientation,...s,ref:o,onMouseDown:_(e.onMouseDown,d=>{t?i.onItemFocus(v):d.preventDefault()}),onFocus:_(e.onFocus,()=>i.onItemFocus(v)),onKeyDown:_(e.onKeyDown,d=>{if(d.key==="Tab"&&d.shiftKey){i.onItemShiftTab();return}if(d.target!==d.currentTarget)return;const C=Le(d,i.orientation,i.dir);if(C!==void 0){if(d.metaKey||d.ctrlKey||d.altKey||d.shiftKey)return;d.preventDefault();let b=c().filter(T=>T.focusable).map(T=>T.ref.current);if(C==="last")b.reverse();else if(C==="prev"||C==="next"){C==="prev"&&b.reverse();const T=b.indexOf(d.currentTarget);b=i.loop?Me(b,T+1):b.slice(T+1)}setTimeout(()=>se(b))}})})})});ae.displayName=ne;var De={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function Ve(e,o){return o!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function Le(e,o,r){const t=Ve(e.key,r);if(!(o==="vertical"&&["ArrowLeft","ArrowRight"].includes(t))&&!(o==="horizontal"&&["ArrowUp","ArrowDown"].includes(t)))return De[t]}function se(e,o=!1){const r=document.activeElement;for(const t of e)if(t===r||(t.focus({preventScroll:o}),document.activeElement!==r))return}function Me(e,o){return e.map((r,t)=>e[(o+t)%e.length])}var Oe=re,ke=ae,K="Tabs",[Ge,nt]=Q(K,[oe]),ie=oe(),[Ke,U]=Ge(K),ce=a.forwardRef((e,o)=>{const{__scopeTabs:r,value:t,onValueChange:l,defaultValue:f,orientation:s="horizontal",dir:m,activationMode:v="automatic",...i}=e,u=Z(m),[c,g]=X({prop:t,onChange:l,defaultProp:f});return n.jsx(Ke,{scope:r,baseId:ee(),value:c,onValueChange:g,orientation:s,dir:u,activationMode:v,children:n.jsx(I.div,{dir:u,"data-orientation":s,...i,ref:o})})});ce.displayName=K;var le="TabsList",ue=a.forwardRef((e,o)=>{const{__scopeTabs:r,loop:t=!0,...l}=e,f=U(le,r),s=ie(r);return n.jsx(Oe,{asChild:!0,...s,orientation:f.orientation,dir:f.dir,loop:t,children:n.jsx(I.div,{role:"tablist","aria-orientation":f.orientation,...l,ref:o})})});ue.displayName=le;var de="TabsTrigger",fe=a.forwardRef((e,o)=>{const{__scopeTabs:r,value:t,disabled:l=!1,...f}=e,s=U(de,r),m=ie(r),v=ve(s.baseId,t),i=ge(s.baseId,t),u=t===s.value;return n.jsx(ke,{asChild:!0,...m,focusable:!l,active:u,children:n.jsx(I.button,{type:"button",role:"tab","aria-selected":u,"aria-controls":i,"data-state":u?"active":"inactive","data-disabled":l?"":void 0,disabled:l,id:v,...f,ref:o,onMouseDown:_(e.onMouseDown,c=>{!l&&c.button===0&&c.ctrlKey===!1?s.onValueChange(t):c.preventDefault()}),onKeyDown:_(e.onKeyDown,c=>{[" ","Enter"].includes(c.key)&&s.onValueChange(t)}),onFocus:_(e.onFocus,()=>{const c=s.activationMode!=="manual";!u&&!l&&c&&s.onValueChange(t)})})})});fe.displayName=de;var pe="TabsContent",me=a.forwardRef((e,o)=>{const{__scopeTabs:r,value:t,forceMount:l,children:f,...s}=e,m=U(pe,r),v=ve(m.baseId,t),i=ge(m.baseId,t),u=t===m.value,c=a.useRef(u);return a.useEffect(()=>{const g=requestAnimationFrame(()=>c.current=!1);return()=>cancelAnimationFrame(g)},[]),n.jsx(Fe,{present:l||u,children:({present:g})=>n.jsx(I.div,{"data-state":u?"active":"inactive","data-orientation":m.orientation,role:"tabpanel","aria-labelledby":v,hidden:!g,id:i,tabIndex:0,...s,ref:o,style:{...e.style,animationDuration:c.current?"0s":void 0},children:g&&f})})});me.displayName=pe;function ve(e,o){return`${e}-trigger-${o}`}function ge(e,o){return`${e}-content-${o}`}var Ue=ce,Be=ue,$e=fe,qe=me;const D=xe({slots:["root","list","trigger","content"],base:{list:{display:"inline-flex",h:"10",alignItems:"center",justifyContent:"center",rounded:"md",bg:"muted",p:"1",color:"muted.foreground"},trigger:{display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",rounded:"sm",px:"3",py:"1.5",textStyle:"sm",fontWeight:"medium",transition:"all",cursor:"pointer",ringColor:"background",_focusVisible:{ringWidth:"1",ringColor:"ring",ringOffset:"1"},_disabled:{pointerEvents:"none",opacity:"50%"},"&:is([data-state=active])":{bg:"background",color:"foreground",shadow:"sm"}},content:{mt:"2",ringColor:"background",_focusVisible:{outlineWidth:"2",outlineOffset:"2",ringWidth:"2",ringColor:"ring"}}}}),w=a.forwardRef(({className:e,...o},r)=>{const t=D.raw();return n.jsx(Ue,{ref:r,className:A(j(t.root),e),...o})}),F=a.forwardRef(({className:e,...o},r)=>{const t=D.raw();return n.jsx(Be,{ref:r,className:A(j(t.list),e),...o})}),E=a.forwardRef(({className:e,...o},r)=>{const t=D.raw();return n.jsx($e,{ref:r,className:A(j(t.trigger),e),...o})}),S=a.forwardRef(({className:e,...o},r)=>{const t=D.raw();return n.jsx(qe,{ref:r,className:A(j(t.content),e),...o})});try{w.displayName="Root",w.__docgenInfo={description:"",displayName:"Root",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{F.displayName="List",F.__docgenInfo={description:"",displayName:"List",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{E.displayName="Trigger",E.__docgenInfo={description:"",displayName:"Trigger",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}try{S.displayName="Content",S.__docgenInfo={description:"",displayName:"Content",props:{asChild:{defaultValue:null,description:"",name:"asChild",required:!1,type:{name:"boolean"}}}}}catch{}const{useState:We}=__STORYBOOK_MODULE_PREVIEW_API__,at={title:"Tabs",tags:["autodocs"]},N=[{value:"1",label:"Tab 1",content:"1번"},{value:"2",label:"Tab 2",content:"2번"},{value:"3",label:"Tab 3",content:"3번"}],R={render:e=>n.jsxs(w,{...e,children:[n.jsx(F,{children:N.map(o=>n.jsx(E,{value:o.value,children:o.label},o.value))}),N.map(o=>n.jsx(S,{value:o.value,children:o.content},o.value))]})},x={render:e=>{const[o,r]=We("2");return n.jsxs(w,{value:o,onValueChange:r,...e,children:[n.jsx(F,{children:N.map(t=>n.jsx(E,{value:t.value,children:t.label},t.value))}),N.map(t=>n.jsx(S,{value:t.value,children:t.content},t.value))]})}};var q,W,Y;R.parameters={...R.parameters,docs:{...(q=R.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
2
|
-
render: args => {
|
|
3
|
-
return <Tabs.Root {...args}>
|
|
4
|
-
<Tabs.List>
|
|
5
|
-
{data.map(item => <Tabs.Trigger key={item.value} value={item.value}>
|
|
6
|
-
{item.label}
|
|
7
|
-
</Tabs.Trigger>)}
|
|
8
|
-
</Tabs.List>
|
|
9
|
-
{data.map(item => <Tabs.Content key={item.value} value={item.value}>
|
|
10
|
-
{item.content}
|
|
11
|
-
</Tabs.Content>)}
|
|
12
|
-
</Tabs.Root>;
|
|
13
|
-
}
|
|
14
|
-
}`,...(Y=(W=R.parameters)==null?void 0:W.docs)==null?void 0:Y.source}}};var z,H,J;x.parameters={...x.parameters,docs:{...(z=x.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
15
|
-
render: args => {
|
|
16
|
-
const [value, setValue] = useState("2");
|
|
17
|
-
return <Tabs.Root value={value} onValueChange={setValue} {...args}>
|
|
18
|
-
<Tabs.List>
|
|
19
|
-
{data.map(item => <Tabs.Trigger key={item.value} value={item.value}>
|
|
20
|
-
{item.label}
|
|
21
|
-
</Tabs.Trigger>)}
|
|
22
|
-
</Tabs.List>
|
|
23
|
-
{data.map(item => <Tabs.Content key={item.value} value={item.value}>
|
|
24
|
-
{item.content}
|
|
25
|
-
</Tabs.Content>)}
|
|
26
|
-
</Tabs.Root>;
|
|
27
|
-
}
|
|
28
|
-
}`,...(J=(H=x.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};const st=["Primary","Controlled"];export{x as Controlled,R as Primary,st as __namedExportsOrder,at as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>
|