bonkers-ui 2.0.2 → 2.0.4

package/index.d.ts

@@ -1,20 +1,24 @@
-export * as UiAlert from './components/UiAlert';
-export * as UiBerRank from './components/UiBerRank';
-export * as UiButton from './components/UiButton';
-export * as UiCheckbox from './components/UiCheckbox';
-export * as UiIcon from './components/UiIcon';
-export * as UiInput from './components/UiInput';
-export * as UiInputRange from './components/UiInputRange';
-export * as UiList from './components/UiList';
-export * as UiNotificationBadge from './components/UiNotificationBadge';
-export * as UiRadio from './components/UiRadio';
-export * as UiPlainRadio from './components/UiPlainRadio';
-export * as UiPills from './components/UiPills';
-export * as UiProductCard from './components/UiProductCard';
-export * as UiProgress from './components/UiProgress';
-export * as UiRadioFancy from './components/UiRadioFancy';
-export * as UiSkeleton from './components/UiSkeleton';
-export * as UiTable from './components/UiTable';
-export * as UiTypography from './components/UiTypography';
-export * as UiToggle from './components/UiToggle';
-export * as UiTabs from './components/UiTabs';
+export * from './components/UiAccordion';
+export * from './components/UiAlert';
+export * from './components/UiBerRank';
+export * from './components/UiButton';
+export * from './components/UiCheckbox';
+export * from './components/UiIcon';
+export * from './components/UiIconBadge';
+export * from './components/UiInput';
+export * from './components/UiInputRange';
+export * from './components/UiList';
+export * from './components/UiNotificationBadge';
+export * from './components/UiPills';
+export * from './components/UiPlainRadio';
+export * from './components/UiProductCard';
+export * from './components/UiProgress';
+export * from './components/UiRadio';
+export * from './components/UiRadioFancy';
+export * from './components/UiSelect';
+export * from './components/UiSkeleton';
+export * from './components/UiSnackbar';
+export * from './components/UiTable';
+export * from './components/UiTabs';
+export * from './components/UiToggle';
+export * from './components/UiTypography';

package/package.json

@@ -1,6 +1,7 @@
 {
     "name": "bonkers-ui",
-    "version": "v2.0.2",
+    "version": "v2.0.4",
+    "type": "module",
     "description": "Bonkers ui library",
     "author": "cc6.magister@gmail.com",
     "scripts": {
@@ -10,55 +11,52 @@
         "lint:style": "bun run prettier './src/**/*.{css,scss}' --check",
         "upgrade": "bun x npm-check-updates -ui",
         "build-storybook": "storybook build",
-        "build": "vite build",
+        "build": "tsc && vite build",
         "typecheck": "tsc --noEmit",
         "i": "bun install --frozen-lockfile",
         "pack": "bun run build && bun run postbuild.ts && cd dist && npm pack --pack-destination ../",
         "prepare": "husky"
     },
     "dependencies": {
+        "@tailwindcss/vite": "^4.0.14",
+        "ajv": "^8.17.1",
         "classnames": "^2.5.1",
-        "prettier": "^3.4.2",
+        "postcss": "^8.5.3",
+        "prettier": "^3.5.3",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
-        "stylelint": "^16.13.2",
-        "stylelint-config-standard": "^37.0.0",
-        "stylelint-config-tailwindcss": "^0.0.7",
-        "stylelint-prettier": "^5.0.2",
-        "tailwindcss": "^3.4.17",
+        "tailwindcss": "^4.0.14",
         "vite-tsconfig-paths": "^5.1.4"
     },
     "devDependencies": {
-        "@chromatic-com/storybook": "^3.2.3",
-        "@storybook/addon-essentials": "^8.5.0",
-        "@storybook/addon-interactions": "^8.5.0",
-        "@storybook/addon-onboarding": "^8.5.0",
-        "@storybook/blocks": "^8.5.0",
-        "@storybook/manager-api": "^8.5.0",
-        "@storybook/preview-api": "^8.5.0",
-        "@storybook/react": "^8.5.0",
-        "@storybook/react-vite": "^8.5.0",
-        "@storybook/test": "^8.5.0",
-        "@stylistic/eslint-plugin": "^2.13.0",
+        "@chromatic-com/storybook": "^3.2.6",
+        "@storybook/addon-essentials": "^8.6.7",
+        "@storybook/addon-interactions": "^8.6.7",
+        "@storybook/addon-onboarding": "^8.6.7",
+        "@storybook/blocks": "^8.6.7",
+        "@storybook/manager-api": "^8.6.7",
+        "@storybook/preview-api": "^8.6.7",
+        "@storybook/react": "^8.6.7",
+        "@storybook/react-vite": "^8.6.7",
+        "@storybook/test": "^8.6.7",
+        "@stylistic/eslint-plugin": "^4.2.0",
         "@types/bun": "latest",
-        "@types/react-dom": "^19.0.3",
+        "@types/react": "^19.0.12",
+        "@types/react-dom": "^19.0.4",
         "@vitejs/plugin-react": "^4.3.4",
-        "ajv": "^8.17.1",
-        "autoprefixer": "^10.4.20",
-        "eslint": "^9.18.0",
+        "eslint": "^9.22.0",
         "eslint-plugin-react": "^7.37.4",
-        "eslint-plugin-storybook": "^0.11.2",
-        "eslint-plugin-tailwindcss": "^3.17.5",
+        "eslint-plugin-storybook": "^0.11.6",
+        "eslint-plugin-tailwindcss": "^3.18.0",
         "gh-pages": "^6.3.0",
         "husky": "^9.1.7",
-        "lint-staged": "^15.4.0",
-        "postcss": "^8.5.1",
-        "storybook": "^8.5.0",
+        "lint-staged": "^15.5.0",
+        "storybook": "^8.6.7",
         "storybook-dark-mode": "^4.0.2",
-        "typescript": "^5.7.3",
-        "typescript-eslint": "^8.20.0",
-        "vite": "^6.0.7",
-        "vite-plugin-dts": "^4.5.0",
+        "typescript": "^5.8.2",
+        "typescript-eslint": "^8.26.1",
+        "vite": "^6.2.2",
+        "vite-plugin-dts": "^4.5.3",
         "vite-plugin-lib-inject-css": "^2.2.1"
     },
     "peerDependencies": {
@@ -70,7 +68,7 @@
         "classnames": "^2",
         "react": "^18",
         "react-dom": "^18",
-        "tailwindcss": "^3"
+        "tailwindcss": "^4"
     },
     "lint-staged": {
         "./src/**/*.css": [
@@ -83,25 +81,28 @@
     },
     "keywords": [],
     "license": "ISC",
-    "main": "./bonkers-ui.umd.js",
+    "main": "./index.js",
     "module": "./index.js",
     "types": "./index.d.ts",
     "exports": {
         ".": "./index.js",
-        "./types": {
-            "import": "./types.js",
-            "types": "./types.d.ts"
+        "./types/*": {
+            "import": "./_types/*.js",
+            "types": "./_types/*.d.ts*"
         },
-        "./plugin": "./plugin.ts",
+        "./theme": "./bonkers.css",
         "./*": {
             "types": "./components/*/index.d.ts",
             "import": "./components/*/index.js"
         },
         "./components/*": {
-            "types": "./components/*/index.d.ts",
-            "import": "./components/*/index.js"
+            "types": "./components/*",
+            "import": "./components/*"
         },
-        "./postcss.config.mjs": "./postcss.config.mjs",
         "./eslint.config.mjs": "./eslint.config.mjs"
-    }
+    },
+    "sideEffects": [
+        "*.css",
+        "./assets/*.css"
+    ]
 }

package/stories/Colors/Colors.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Colors: () => React.JSX.Element;

package/stories/FontSizes/FontSizes.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const FontSizes: React.FC;

package/stories/Spacings/Spacings.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Spacings: () => React.JSX.Element;

package/bonkers-ui.css

@@ -1 +0,0 @@
-._icon_medium_18il7_1{height:60px}._icon_small_18il7_5{height:30px}._UiCheckbox_fnxq5_1{grid-template-columns:auto auto}._UiCheckbox__custom_fnxq5_5{transition:background-color ease-in-out .3s .3s,border-width ease-in-out .2s}._UiCheckbox__icon_fnxq5_11{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .3s ease-in-out}input+._UiCheckbox__custom_fnxq5_5:active{transition:background-color ease-in-out .1s;background-color:var(--color-secondary-alt-200)}input+._UiCheckbox__custom_fnxq5_5:active,input:focus+._UiCheckbox__custom_fnxq5_5{box-shadow:var(--shadow-selected-disabled)}input:disabled+._UiCheckbox__custom_fnxq5_5{background-color:var(--color-secondary-alt-200);border-color:var(--color-secondary-alt-400)}input:checked+._UiCheckbox__custom_fnxq5_5 ._UiCheckbox__icon_fnxq5_11{stroke-dashoffset:0}input:checked+._UiCheckbox__custom_fnxq5_5>svg{opacity:1}input:checked+._UiCheckbox__custom_fnxq5_5{border-width:0;background-color:var(--color-primary-500);transition:background-color ease-in-out .1s,border-width ease-in-out .1s,box-shadow ease-in-out .2s;animation:_cb-pop_fnxq5_1 .5s ease-in-out}input:checked+._UiCheckbox__custom_fnxq5_5:hover{background-color:var(--color-primary-600)}input:checked+._UiCheckbox__custom_fnxq5_5:active{background-color:var(--color-primary-700)}input:checked:disabled+._UiCheckbox__custom_fnxq5_5{background-color:var(--color-primary-300);border:1px solid var(--color-primary-400)}._UiCheckbox__disabled_fnxq5_63{pointer-events:none;cursor:default}@keyframes _cb-pop_fnxq5_1{0%{transform:scale(1)}33%{transform:scale(.95)}66%{transform:scale(1.05)}to{transform:scale(1)}}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}._thumb_hkko1_18{top:50%;border-width:4px}._UiRadio__custom_wei69_1{transition:all ease-in-out .15s}._UiRadio__dot_wei69_4{transform:translate3d(-50%,-50%,0) scale(0);transition:transform .2s ease-in-out}input:checked+._UiRadio__custom_wei69_1 ._UiRadio__dot_wei69_4{transform:translate3d(-50%,-50%,0) scale(1)}input:checked+._UiRadio__custom_wei69_1:hover ._UiRadio__dot_wei69_4{background-color:var(--color-primary-600)}input:checked+._UiRadio__custom_wei69_1:active ._UiRadio__dot_wei69_4{background-color:var(--color-primary-800)}input:checked:disabled+._UiRadio__custom_wei69_1{border:2px solid var(--color-primary-300)}input:checked:disabled+._UiRadio__custom_wei69_1 ._UiRadio__dot_wei69_4{background-color:var(--color-primary-300)}

package/bonkers-ui.umd.js

@@ -1,103 +0,0 @@
-(function(c,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react"),require("classnames"),require("@fortawesome/react-fontawesome"),require("@fortawesome/fontawesome-svg-core")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","classnames","@fortawesome/react-fontawesome","@fortawesome/fontawesome-svg-core"],t):(c=typeof globalThis<"u"?globalThis:c||self,t(c["bonkers-ui"]={},c.jsxRuntime,c.React,c.cx,c.reactFontawesome))})(this,function(c,t,m,l,re){"use strict";var f=(e=>(e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.ERROR="ERROR",e.WARNING="WARNING",e))(f||{}),A=(e=>(e.AUTO="auto",e.ZERO="zero",e.XXXS="xxxs",e.XXS="xxs",e.XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="xxl",e.XXXL="xxxl",e.XXXXL="xxxxl",e.XXXXXL="xxxxxl",e))(A||{});const te={[A.XXXS]:"size-xxxs",[A.XXS]:"size-xxs",[A.XS]:"size-xs",[A.SM]:"size-sm",[A.MD]:"size-md",[A.LG]:"size-lg",[A.XL]:"size-xl",[A.XXL]:"size-xxl",[A.XXXL]:"size-xxxl",[A.XXXXL]:"size-xxxxl",[A.XXXXXL]:"size-xxxxxl",[A.AUTO]:"size-auto",[A.ZERO]:"size-zero"},F=({size:e,name:o})=>t.jsx(re.FontAwesomeIcon,{icon:o,className:l("ui-icon","inline","overflow-visible","align-[-.125em]",e&&te[e])}),ae=Object.freeze(Object.defineProperty({__proto__:null,UiIcon:F},Symbol.toStringTag,{value:"Module"})),oe={[f.PRIMARY]:"border-primary text-primary ",[f.SECONDARY]:"'border-secondary text-secondary",[f.ERROR]:"border-error text-error",[f.WARNING]:"border-warning text-warning"},ne=Object.freeze(Object.defineProperty({__proto__:null,EAlertTypes:f,UiAlert:({children:e,kind:o=f.PRIMARY,icon:a})=>t.jsxs("div",{className:l("ui-alert","flex","gap-sm","rounded-xl","border","bg-white","p-sm","leading-normal","text-xs",oe[o]),children:[a?t.jsx(F,{name:a,size:A.SM}):null,e]})},Symbol.toStringTag,{value:"Module"})),W={icon_medium:"_icon_medium_18il7_1",icon_small:"_icon_small_18il7_5"};var r=(e=>(e.WHITE="--color-white",e.BLACK="--color-black",e.TRANSPARENT="--color-transparent",e.CURRENT="--color-current",e.PRIMARY="--color-primary",e.PRIMARY_50="--color-primary-50",e.PRIMARY_100="--color-primary-100",e.PRIMARY_200="--color-primary-200",e.PRIMARY_300="--color-primary-300",e.PRIMARY_400="--color-primary-400",e.PRIMARY_500="--color-primary-500",e.PRIMARY_600="--color-primary-600",e.PRIMARY_700="--color-primary-700",e.PRIMARY_800="--color-primary-800",e.PRIMARY_900="--color-primary-900",e.PRIMARY_ALT="--color-primary-alt",e.PRIMARY_ALT_300="--color-primary-alt-300",e.PRIMARY_ALT_400="--color-primary-alt-400",e.PRIMARY_ALT_500="--color-primary-alt-500",e.PRIMARY_ALT_600="--color-primary-alt-600",e.PRIMARY_ALT_700="--color-primary-alt-700",e.SECONDARY="--color-secondary",e.SECONDARY_300="--color-secondary-300",e.SECONDARY_400="--color-secondary-400",e.SECONDARY_500="--color-secondary-500",e.SECONDARY_600="--color-secondary-600",e.SECONDARY_700="--color-secondary-700",e.WARNING="--color-warning",e.WARNING_300="--color-warning-300",e.WARNING_400="--color-warning-400",e.WARNING_500="--color-warning-500",e.WARNING_600="--color-warning-600",e.WARNING_700="--color-warning-700",e.ERROR="--color-error",e.ERROR_300="--color-error-300",e.ERROR_400="--color-error-400",e.ERROR_500="--color-error-500",e.ERROR_600="--color-error-600",e.ERROR_700="--color-error-700",e.ACCENT="--color-accent",e.ACCENT_300="--color-accent-300",e.ACCENT_500="--color-accent-500",e.ACCENT_600="--color-accent-600",e.ACCENT_700="--color-accent-700",e.ACCENT_ALT="--color-accent-alt",e.ACCENT_ALT_300="--color-accent-alt-300",e.ACCENT_ALT_400="--color-accent-alt-400",e.ACCENT_ALT_500="--color-accent-alt-500",e.ACCENT_ALT_600="--color-accent-alt-600",e.ACCENT_ALT_700="--color-accent-alt-700",e.SECONDARY_ALT="--color-secondary-alt",e.SECONDARY_ALT_200="--color-secondary-alt-200",e.SECONDARY_ALT_300="--color-secondary-alt-300",e.SECONDARY_ALT_400="--color-secondary-alt-400",e.SECONDARY_ALT_500="--color-secondary-alt-500",e.SECONDARY_ALT_600="--color-secondary-alt-600",e.SECONDARY_ALT_700="--color-secondary-alt-700",e))(r||{});const X=[{text:"N/A",color:r.SECONDARY_ALT},{text:"G",color:r.ERROR},{text:"F",color:r.WARNING_700},{text:"E2",color:r.WARNING_600},{text:"E1",color:r.WARNING_600},{text:"D2",color:r.WARNING_400},{text:"D1",color:r.WARNING_400},{text:"C3",color:r.PRIMARY_ALT},{text:"C2",color:r.PRIMARY_ALT},{text:"C1",color:r.PRIMARY_ALT},{text:"B3",color:r.PRIMARY_ALT_600},{text:"B2",color:r.PRIMARY_ALT_600},{text:"B1",color:r.PRIMARY_ALT_600},{text:"A3",color:r.PRIMARY_ALT_700},{text:"A2",color:r.PRIMARY_ALT_700},{text:"A1",color:r.PRIMARY_ALT_700}];var T=(e=>(e.SMALL="small",e.MEDIUM="medium",e))(T||{}),i=(e=>(e.XXS="xxs",e.XS="xs",e.SM="sm",e.MD="md",e.LG="lg",e.XL="xl",e.XXL="2xl",e.XXXL="3xl",e.XXXXL="4xl",e.XXXXXL="5xl",e))(i||{}),R=(e=>(e.LIGHT="light",e.REGULAR="regular",e.SEMI_BOLD="semi_bold",e.BOLD="bold",e))(R||{}),C=(e=>(e.LEFT="left",e.CENTER="center",e.RIGHT="right",e))(C||{}),u=(e=>(e.LOWERCASE="lowercase",e.UPPERCASE="uppercase",e.CAPITALIZE="capitalize",e.NONE="none",e))(u||{});const le={[i.MD]:"text-md",[i.XXS]:"text-xxs",[i.XS]:"text-xs",[i.SM]:"text-sm",[i.LG]:"text-lg",[i.XL]:"text-xl",[i.XXL]:"text-2xl",[i.XXXL]:"text-3xl",[i.XXXXL]:"text-4xl",[i.XXXXXL]:"text-5xl"},se={[u.UPPERCASE]:"uppercase",[u.LOWERCASE]:"lowercase",[u.NONE]:"normal-case",[u.CAPITALIZE]:"capitalize"},ce={[C.LEFT]:"text-left",[C.RIGHT]:"text-right",[C.CENTER]:"text-center"},ie={[R.LIGHT]:"font-light",[R.REGULAR]:"font-medium",[R.SEMI_BOLD]:"font-bold",[R.BOLD]:"font-black"},de={[r.WHITE]:"text-white",[r.BLACK]:"text-black",[r.TRANSPARENT]:"text-transparent",[r.CURRENT]:"text-current",[r.PRIMARY]:"text-primary",[r.PRIMARY_50]:"text-primary-50",[r.PRIMARY_100]:"text-primary-100",[r.PRIMARY_200]:"text-primary-200",[r.PRIMARY_300]:"text-primary-300",[r.PRIMARY_400]:"text-primary-400",[r.PRIMARY_500]:"text-primary-500",[r.PRIMARY_600]:"text-primary-600",[r.PRIMARY_700]:"text-primary-700",[r.PRIMARY_800]:"text-primary-800",[r.PRIMARY_900]:"text-primary-900",[r.PRIMARY_ALT]:"text-primary-alt",[r.PRIMARY_ALT_300]:"text-primary-alt-300",[r.PRIMARY_ALT_400]:"text-primary-alt-400",[r.PRIMARY_ALT_500]:"text-primary-alt-500",[r.PRIMARY_ALT_600]:"text-primary-alt-600",[r.PRIMARY_ALT_700]:"text-primary-alt-700",[r.WARNING]:"text-warning",[r.WARNING_300]:"text-warning-300",[r.WARNING_400]:"text-warning-400",[r.WARNING_500]:"text-warning-500",[r.WARNING_600]:"text-warning-600",[r.WARNING_700]:"text-warning-700",[r.SECONDARY]:"text-secondary",[r.SECONDARY_300]:"text-secondary-300",[r.SECONDARY_400]:"text-secondary-400",[r.SECONDARY_500]:"text-secondary-500",[r.SECONDARY_600]:"text-secondary-600",[r.SECONDARY_700]:"text-secondary-700",[r.SECONDARY_ALT]:"text-secondary-alt",[r.SECONDARY_ALT_200]:"text-secondary-alt-200",[r.SECONDARY_ALT_300]:"text-secondary-alt-300",[r.SECONDARY_ALT_400]:"text-secondary-alt-400",[r.SECONDARY_ALT_500]:"text-secondary-alt-500",[r.SECONDARY_ALT_600]:"text-secondary-alt-600",[r.SECONDARY_ALT_700]:"text-secondary-alt-700",[r.ERROR]:"text-error",[r.ERROR_300]:"text-error-300",[r.ERROR_400]:"text-error-400",[r.ERROR_500]:"text-error-500",[r.ERROR_600]:"text-error-600",[r.ERROR_700]:"text-error-700",[r.ACCENT]:"text-accent",[r.ACCENT_300]:"text-accent-300",[r.ACCENT_500]:"text-accent-500",[r.ACCENT_600]:"text-accent-600",[r.ACCENT_700]:"text-accent-700",[r.ACCENT_ALT]:"text-accent-alt",[r.ACCENT_ALT_300]:"text-accent-alt-300",[r.ACCENT_ALT_400]:"text-accent-alt-400",[r.ACCENT_ALT_500]:"text-accent-alt-500",[r.ACCENT_ALT_600]:"text-accent-alt-600",[r.ACCENT_ALT_700]:"text-accent-alt-700"},g=({children:e,tag:o,underline:a=!1,lineHeight:n=!1,size:s,textTransform:d,align:_,weight:b,color:h,className:M,...P})=>{const D=l("ui-typography",{underline:a},n?"leading-normal":"leading-none",s&&le[s],d&&se[d],_&&ce[_],b&&ie[b],h&&de[h],M);return m.createElement(o||"p",{className:D,...P},e)},_e=Object.freeze(Object.defineProperty({__proto__:null,EColors:r,ETextAlign:C,ETextTransform:u,ETextWeight:R,ETypographySizes:i,UiTypography:g},Symbol.toStringTag,{value:"Module"})),z={[T.SMALL]:W.icon_small,[T.MEDIUM]:W.icon_medium},$={[T.SMALL]:i.SM,[T.MEDIUM]:i.XXXL},be=Object.freeze(Object.defineProperty({__proto__:null,EBerSize:T,UiBerRank:({rank:e,size:o=T.SMALL})=>{var a,n;return t.jsxs("div",{className:l("ui-ber-rank","flex"),children:[t.jsxs("div",{className:"relative",children:[t.jsx("svg",{className:l("text-secondary",z[o]),viewBox:"0 0 160 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",d:"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z",fill:"currentColor"})}),t.jsx(g,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:r.WHITE,size:$[o],weight:R.BOLD,textTransform:u.UPPERCASE,children:"ber"})]}),t.jsxs("div",{className:"relative",children:[t.jsx(g,{color:((a=X[+e])==null?void 0:a.color)||X[0].color,children:t.jsx("svg",{className:z[o],viewBox:"0 0 106 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t.jsx("path",{fillRule:"evenodd",d:"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",fill:"currentColor"})})}),t.jsx(g,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:r.WHITE,size:$[o],weight:R.BOLD,textTransform:u.UPPERCASE,children:((n=X[+e])==null?void 0:n.text)||X[0].text})]})]})}},Symbol.toStringTag,{value:"Module"}));var p=(e=>(e.PRIMARY="primary",e.SECONDARY="secondary",e.ERROR="error",e.WARNING="warning",e.PRIMARY_OVERLAY="primary-overlay",e.SECONDARY_OVERLAY="secondary-overlay",e.ERROR_OVERLAY="error-overlay",e.WARNING_OVERLAY="warning-overlay",e.LINK="link",e))(p||{}),L=(e=>(e.DEFAULT="default",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e))(L||{}),I=(e=>(e.DEFAULT="default",e.BOLD="bold",e))(I||{});const Ae={UiButton:"_UiButton_1dpbh_1"},xe={[p.PRIMARY]:`
-		text-white
-		bg-primary
-
-		hover:bg-primary-600
-		active:bg-primary-700
-		disabled:bg-primary-300
-	`,[p.SECONDARY]:`
-		bg-secondary
-		text-white
-
-		hover:bg-secondary-600
-		active:bg-secondary-700
-		disabled:bg-secondary-300
-	`,[p.ERROR]:`
-		bg-error
-		text-white
-
-		hover:bg-error-600
-		active:bg-error-700
-		disabled:bg-error-300
-	`,[p.WARNING]:`
-		bg-warning
-		text-white
-
-		hover:bg-warning-600
-		active:bg-warning-700
-		disabled:bg-warning-300
-	`,[p.PRIMARY_OVERLAY]:`
-		border
-		border-primary
-		text-primary
-
-		hover:border-transparent
-		hover:bg-primary-600
-		hover:text-white
-
-		active:border-transparent
-		active:bg-primary-700
-		active:text-white
-
-		disabled:border-primary-300
-		disabled:text-primary-300
-	`,[p.SECONDARY_OVERLAY]:`
-		border
-		border-secondary
-		text-secondary
-		hover:border-transparent
-		hover:bg-secondary-600
-
-		hover:text-white
-		active:border-transparent
-		active:bg-secondary-700
-
-		active:text-white
-		disabled:border-secondary-300
-		disabled:text-secondary-300
-	`,[p.ERROR_OVERLAY]:`
-		border border-error
-		text-error
-
-		hover:border-transparent
-		hover:bg-error-600
-		hover:text-white
-
-		active:border-transparent
-		active:bg-error-700
-		active:text-white
-
-		disabled:border-error-300
-		disabled:text-error-300
-	`,[p.WARNING_OVERLAY]:`
-		border
-		border-warning
-		text-warning
-
-		hover:border-transparent
-		hover:bg-warning-600
-		hover:text-white
-
-		active:border-transparent
-		active:bg-warning-700
-		active:text-white
-
-		disabled:border-warning-300
-		disabled:text-warning-300
-	`,[p.LINK]:`
-		text-accent-alt
-
-		hover:text-accent-alt-600
-		active:text-accent-alt-700
-		disabled:text-accent-alt-300
-	`},ge={[L.SMALL]:"px-md py-xxs",[L.MEDIUM]:"p-sm",[L.LARGE]:"p-md",[L.DEFAULT]:"px-md py-sm"},Re={[I.DEFAULT]:"font-medium",[I.BOLD]:"font-bold"},pe=Object.freeze(Object.defineProperty({__proto__:null,EButtonSizes:L,EButtonTypes:p,EButtonWeight:I,UiButton:({kind:e=p.PRIMARY,size:o=L.DEFAULT,fullWidth:a=!1,disabled:n=!1,children:s,weight:d=I.BOLD,onClick:_,...b})=>t.jsx("button",{...b,onClick:_,className:l(Ae.UiButton,"text-base","touch-manipulation","whitespace-nowrap","rounded-xl","leading-none",xe[e],ge[o],Re[d],{"w-full":a,"pointer-events-none":n}),disabled:n,children:s})},Symbol.toStringTag,{value:"Module"})),j={UiCheckbox:"_UiCheckbox_fnxq5_1",UiCheckbox__custom:"_UiCheckbox__custom_fnxq5_5",UiCheckbox__icon:"_UiCheckbox__icon_fnxq5_11","cb-pop":"_cb-pop_fnxq5_1",UiCheckbox__disabled:"_UiCheckbox__disabled_fnxq5_63"};var x=(e=>(e.START="start",e.END="end",e.CENTER="center",e.BETWEEN="between",e.AROUND="around",e.EVENLY="evenly",e))(x||{}),v=(e=>(e.SM="SM",e.MD="MD",e))(v||{});const Ne={[x.START]:"justify-start",[x.END]:"justify-end",[x.CENTER]:"justify-center",[x.BETWEEN]:"justify-between",[x.AROUND]:"justify-around",[x.EVENLY]:"justify-evenly"},ye={[v.SM]:"size-sm",[v.MD]:"size-md"},me={[v.SM]:"size-xs",[v.MD]:"size-sm"},ue=Object.freeze(Object.defineProperty({__proto__:null,ECheckboxSize:v,UiCheckbox:({checked:e,value:o,size:a=v.MD,disabled:n=!1,justify:s=x.START,invertOrder:d=!1,children:_,onChange:b,name:h,...M})=>{const P=D=>{!n&&b&&(b==null||b(D.target.checked))};return t.jsxs("label",{className:l(j.UiCheckbox,"grid","cursor-pointer",_&&"items-center gap-sm",Ne[s],n&&j.UiCheckbox__disabled),children:[t.jsx("input",{...M,className:"absolute appearance-none",type:"checkbox",checked:e,disabled:n,value:o,name:h,onChange:P}),t.jsx("span",{className:l(j.UiCheckbox__custom,"relative","flex","items-center","justify-center","rounded","border","border-secondary-alt-500","hover:border-secondary-alt-700",d&&"order-last",ye[a]),children:t.jsx("svg",{className:l(j.UiCheckbox__icon,"text-white",me[a]),viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t.jsx("path",{d:"M1 4.40106L6.60071 10.1135L15.1694 1.71245",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})})}),_]})}},Symbol.toStringTag,{value:"Module"}));var O=(e=>(e.DEFAULT="DEFAULT",e.ERROR="ERROR",e.SUCCESS="SUCCESS",e))(O||{});const H=({postIcon:e,preIcon:o,kind:a=O.DEFAULT,...n})=>{const s={[O.DEFAULT]:"border-secondary-alt-500 hover:border-secondary-alt-700",[O.ERROR]:"border-error",[O.SUCCESS]:"border-primary-600"};return t.jsxs(g,{tag:"label",htmlFor:n.id,className:l("ui-input-wrapper","flex flex-row items-center gap-xxs rounded-lg border p-sm",a&&s[a],{"bg-white":!n.disabled,"border-secondary-alt-300 bg-secondary-alt-200":n.disabled}),children:[o||null,t.jsx("input",{className:l("border-0 flex-1 bg-transparent outline-none placeholder:text-secondary-alt-600 w-full"),...n}),e||null]})},B=({children:e,infoComponent:o,title:a,subtitle:n})=>t.jsxs("div",{className:"grid w-full grid-flow-row gap-xxxs",children:[a?t.jsx(g,{size:i.MD,color:r.SECONDARY,lineHeight:!0,children:a}):null,o,n?t.jsx(g,{lineHeight:!0,color:r.SECONDARY_ALT_600,size:i.SM,children:n}):null,t.jsx("div",{className:"relative w-full",children:e})]}),he=Object.freeze(Object.defineProperty({__proto__:null,EInputKind:O,UiInputBase:H,UiInputText:({kind:e,title:o,infoComponent:a,subtitle:n,statusMessage:s,...d})=>t.jsxs(B,{title:o,subtitle:n,infoComponent:a,children:[s?t.jsx(g,{className:l("mb-xxs","transition-all duration-300 ease-in-out","max-h-0 opacity-0 overflow-hidden","data-[status=true]:max-h-lg data-[status=true]:opacity-100"),lineHeight:!0,color:e===O.ERROR?r.ERROR:r.PRIMARY,size:i.SM,"data-status":!!s,children:s}):null,t.jsx(H,{kind:e,...d})]}),UiInputTitled:B},Symbol.toStringTag,{value:"Module"})),fe={thumb:"_thumb_hkko1_18"},Te=Object.freeze(Object.defineProperty({__proto__:null,UiInputRange:({value:e,min:o,max:a,step:n,onChangeHandler:s,...d})=>{const _=m.useRef(null),b=m.useRef(null),[h,M]=m.useState(0),[P,D]=m.useState(0);m.useEffect(()=>{if(!_.current||!b.current)return;const y=parseFloat(String(e)),k=parseFloat(String(o)),Be=parseFloat(String(a)),Ve=(y-k)/(Be-k)*100,qe=b.current.getBoundingClientRect().width,Ze=_.current.clientWidth,K=qe/Ze*100,ee=Ve*(1-K/100);M(Math.max(0,Math.min(100,ee))),D(Math.max(0,Math.min(100,ee+K)))},[o,a,e]);const He=y=>{if(y===e)return;const k=parseFloat(y.toFixed(10));s(k)};return t.jsxs("div",{className:l("relative box-content h-xl py-xxs",d.disabled&&"opacity-60 cursor-default pointer-events-none"),children:[t.jsx("input",{...d,ref:_,className:"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",style:{touchAction:"none"},type:"range",min:o,max:a,step:n,value:e,onChange:y=>He(+y.target.value),onTouchStart:y=>y.stopPropagation(),onTouchMove:y=>y.stopPropagation()}),t.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt"}),t.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",style:{width:`${P}%`}}),t.jsx("div",{className:l(fe.thumb,"pointer-events-none","absolute","box-content","size-md","-translate-y-1/2","rounded-full","bg-white","border-primary"),ref:b,style:{left:`${h}%`},children:t.jsx("div",{className:"absolute left-1/2 top-1/2 size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary"})})]})}},Symbol.toStringTag,{value:"Module"}));var Y=(e=>(e.DEFAULT="DEFAULT",e.COMPACT="COMPACT",e))(Y||{}),U=(e=>(e.SM="SM",e.MD="MD",e))(U||{});const Ce={[Y.DEFAULT]:"gap-sm",[Y.COMPACT]:"gap-xxs"},Le={[U.SM]:"text-sm",[U.MD]:"text-md"},ve=Object.freeze(Object.defineProperty({__proto__:null,EListItemSize:U,EListItemSpacing:Y,UiList:({children:e,spacing:o=Y.DEFAULT,size:a=U.SM})=>t.jsx("ul",{className:l("ui-list","grid",Ce[o],Le[a]),children:e}),UiListItem:({children:e,prefix:o})=>t.jsxs("li",{className:"flex gap-xxxs",children:[o?t.jsx("span",{className:"w-[1em]",children:o}):null,e?t.jsx("span",{children:e}):null]})},Symbol.toStringTag,{value:"Module"}));var E=(e=>(e.DEFAULT="default",e.OFFSET_TOP_LEFT="offset-top-left",e.OFFSET_BOTTOM_RIGHT="offset-bottom-right",e.OFFSET_BOTTOM_LEFT="offset-bottom-left",e))(E||{});const Oe={[r.WHITE]:"bg-white",[r.BLACK]:"bg-black",[r.TRANSPARENT]:"bg-transparent",[r.CURRENT]:"bg-current",[r.PRIMARY]:"bg-primary",[r.PRIMARY_50]:"bg-primary-50",[r.PRIMARY_100]:"bg-primary-100",[r.PRIMARY_200]:"bg-primary-200",[r.PRIMARY_300]:"bg-primary-300",[r.PRIMARY_400]:"bg-primary-400",[r.PRIMARY_500]:"bg-primary-500",[r.PRIMARY_600]:"bg-primary-600",[r.PRIMARY_700]:"bg-primary-700",[r.PRIMARY_800]:"bg-primary-800",[r.PRIMARY_900]:"bg-primary-900",[r.PRIMARY_ALT]:"bg-primary-alt",[r.PRIMARY_ALT_300]:"bg-primary-alt-300",[r.PRIMARY_ALT_400]:"bg-primary-alt-400",[r.PRIMARY_ALT_500]:"bg-primary-alt-500",[r.PRIMARY_ALT_600]:"bg-primary-alt-600",[r.PRIMARY_ALT_700]:"bg-primary-alt-700",[r.WARNING]:"bg-warning",[r.WARNING_300]:"bg-warning-300",[r.WARNING_400]:"bg-warning-400",[r.WARNING_500]:"bg-warning-500",[r.WARNING_600]:"bg-warning-600",[r.WARNING_700]:"bg-warning-700",[r.SECONDARY]:"bg-secondary",[r.SECONDARY_300]:"bg-secondary-300",[r.SECONDARY_400]:"bg-secondary-400",[r.SECONDARY_500]:"bg-secondary-500",[r.SECONDARY_600]:"bg-secondary-600",[r.SECONDARY_700]:"bg-secondary-700",[r.SECONDARY_ALT]:"bg-secondary-alt",[r.SECONDARY_ALT_200]:"bg-secondary-alt-200",[r.SECONDARY_ALT_300]:"bg-secondary-alt-300",[r.SECONDARY_ALT_400]:"bg-secondary-alt-400",[r.SECONDARY_ALT_500]:"bg-secondary-alt-500",[r.SECONDARY_ALT_600]:"bg-secondary-alt-600",[r.SECONDARY_ALT_700]:"bg-secondary-alt-700",[r.ERROR]:"bg-error",[r.ERROR_300]:"bg-error-300",[r.ERROR_400]:"bg-error-400",[r.ERROR_500]:"bg-error-500",[r.ERROR_600]:"bg-error-600",[r.ERROR_700]:"bg-error-700",[r.ACCENT]:"bg-accent",[r.ACCENT_300]:"bg-accent-300",[r.ACCENT_500]:"bg-accent-500",[r.ACCENT_600]:"bg-accent-600",[r.ACCENT_700]:"bg-accent-700",[r.ACCENT_ALT]:"bg-accent-alt",[r.ACCENT_ALT_300]:"bg-accent-alt-300",[r.ACCENT_ALT_400]:"bg-accent-alt-400",[r.ACCENT_ALT_500]:"bg-accent-alt-500",[r.ACCENT_ALT_600]:"bg-accent-alt-600",[r.ACCENT_ALT_700]:"bg-accent-alt-700"},Me={[E.DEFAULT]:"-right-xxxs -top-xxxs",[E.OFFSET_BOTTOM_RIGHT]:"-right-xxxs -bottom-xxxs",[E.OFFSET_TOP_LEFT]:"-left-xxxs -top-xxxs",[E.OFFSET_BOTTOM_LEFT]:"-left-xxxs -bottom-xxxs"},Se=Object.freeze(Object.defineProperty({__proto__:null,UiNotificationBadge:({offset:e,children:o,color:a})=>o?t.jsx("div",{className:l("notification-badge","p-xxxs","h-sm","min-w-sm","absolute","inline-flex","items-center","rounded-full","border","border-white","text-center","text-xxs","font-bold","leading-none","text-white","whitespace-nowrap","gap-xxxs",a&&Oe[a],e&&Me[e]),children:o}):null},Symbol.toStringTag,{value:"Module"})),V={UiRadio__custom:"_UiRadio__custom_wei69_1",UiRadio__dot:"_UiRadio__dot_wei69_4"},we={[x.START]:"justify-start",[x.END]:"justify-end",[x.CENTER]:"justify-center",[x.BETWEEN]:"justify-between",[x.AROUND]:"justify-around",[x.EVENLY]:"justify-evenly"},q=({name:e,value:o,invertOrder:a=!1,justify:n=x.START,disabled:s=!1,onChange:d,checked:_=!1,children:b})=>{const h=M=>{!s&&d&&d(M.target.value)};return t.jsxs("label",{className:l("UiRadio","group","grid","grid-flow-col","cursor-pointer",we[n],{"pointer-events-none":s,"items-center gap-xxs":b}),children:[t.jsx("input",{id:o,name:e.toString(),type:"radio",value:o,disabled:s,checked:_,onChange:h,className:"peer absolute appearance-none"}),t.jsx("span",{className:l(V.UiRadio__custom,a&&"order-last","relative","block","size-md","rounded-full","border","border-secondary-alt","bg-white","group-hover:border-secondary-alt-700","group-focus:border-secondary-alt-700","peer-checked:border-2","peer-checked:border-primary","peer-checked:hover:border-primary-600","peer-checked:active:border-primary-800","peer-focus:shadow-border-primary","peer-disabled:border-secondary-alt-400","peer-disabled:bg-secondary-alt-200"),children:t.jsx("span",{className:l(V.UiRadio__dot,"absolute","left-2/4","top-2/4","block","size-xxs","rounded-full","bg-primary	")})}),b]})},Ie=Object.freeze(Object.defineProperty({__proto__:null,UiRadio:q},Symbol.toStringTag,{value:"Module"})),Ye=Object.freeze(Object.defineProperty({__proto__:null,UiPlainRadio:({children:e,disabled:o,subHeader:a,value:n,name:s,checked:d=!1,onChange:_})=>t.jsxs("label",{className:l("ui-radio-fancy","relative",{"pointer-events-none":o}),htmlFor:s+n,children:[t.jsx("input",{className:l(" absolute","appearance-none","peer"),id:s+n,type:"radio",value:n,checked:d,onChange:()=>_(n)}),t.jsxs("div",{className:l("box-border","size-full","cursor-pointer","rounded-lg","border-2","bg-white","peer-active:bg-secondary-alt-200","p-sm","peer-hover:border-primary-700","peer-focus:shadow-border-primary","flex","items-center","gap-sm","text-sm",{"border-secondary-alt-400":o&&!d,"border-primary-300":o&&d,"border-secondary-alt-600":!o&&!d,"border-primary-600":!o&&d}),children:[t.jsx("span",{className:"pointer-events-none",children:t.jsx(q,{disabled:o,value:n,name:s,onChange:()=>_(n),checked:d})}),t.jsxs("div",{className:"flex flex-col",children:[e,t.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:a})]})]})]})},Symbol.toStringTag,{value:"Module"}));var S=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e))(S||{}),N=(e=>(e.PRIMARY="primary",e.ERROR="error",e.WARNING="warning",e.ACCENT="accent",e.PRIMARY_ALT="primary-alt",e.SECONDARY="secondary",e.ACCENT_ALT="accent-alt",e))(N||{});const Ue={[N.PRIMARY]:"bg-primary-100 text-primary-700",[N.ERROR]:"bg-error-300 text-error-700",[N.WARNING]:"bg-warning-300 text-warning-700",[N.ACCENT]:"bg-accent-300 text-accent-700",[N.PRIMARY_ALT]:"bg-primary-300 text-primary-800",[N.SECONDARY]:"bg-white text-secondary-300 ring-1 ring-secondary-alt-300",[N.ACCENT_ALT]:"bg-accent-alt-500 text-secondary-700"},Ee={[S.SMALL]:i.XXS,[S.MEDIUM]:i.XS,[S.LARGE]:i.SM},Z=({children:e,kind:o=N.PRIMARY,size:a=S.SMALL,icon:n,rounded:s=!1})=>t.jsxs("div",{className:l("ui-pills","grid grid-flow-col justify-start w-max","items-center","gap-xxxs","px-xxs py-xxxs","overflow-hidden",s?"rounded-full":"rounded",Ue[o]),children:[n,e?t.jsx(g,{size:Ee[a],weight:R.SEMI_BOLD,className:"whitespace-nowrap",children:e}):null]}),Pe=Object.freeze(Object.defineProperty({__proto__:null,EBadgeKind:N,EBadgeSize:S,UiPills:Z},Symbol.toStringTag,{value:"Module"})),De=Object.freeze(Object.defineProperty({__proto__:null,UiProductCard:({badgeText:e,title:o,subtitle:a,header:n})=>t.jsxs("div",{className:`relative
-			flex
-			flex-col
-			gap-sm
-			rounded-2xl
-			border
-			border-secondary-alt-500
-			bg-white
-			px-xs
-			py-sm`,children:[e&&t.jsx("div",{className:"!absolute -top-xxs right-xs",children:t.jsx(Z,{rounded:!0,kind:N.ACCENT_ALT,children:e})}),n,t.jsxs("div",{className:"grid gap-xxs",children:[t.jsx(g,{size:i.MD,weight:R.BOLD,align:C.LEFT,color:r.SECONDARY,lineHeight:!0,children:o}),t.jsx(g,{size:i.XS,align:C.LEFT,color:r.SECONDARY_400,lineHeight:!0,children:a})]})]})},Symbol.toStringTag,{value:"Module"})),Xe=Object.freeze(Object.defineProperty({__proto__:null,UiProgress:({progressText:e,max:o,min:a,current:n})=>{const s=(n-a)/(o-a)*100;return t.jsxs("div",{className:l("ui-progress"),children:[t.jsx("div",{className:l("relative","h-xs ","w-full","overflow-hidden","rounded-3xl","bg-primary-50","mb-xxs"),children:t.jsx("div",{className:l("ui-progress__bar-fill","absolute","left-0","top-0","z-10","h-full","rounded-2xl","bg-primary-700","transition-all","duration-300"),style:{width:`${s}%`}})}),e&&t.jsx(g,{color:r.PRIMARY_700,size:i.SM,weight:R.SEMI_BOLD,children:e})]})}},Symbol.toStringTag,{value:"Module"})),je=({children:e,icon:o,disabled:a,subHeader:n})=>t.jsxs("label",{className:l("ui-radio-fancy","relative",{"pointer-events-none":a}),children:[t.jsx("input",{className:"group peer absolute appearance-none",type:"radio"}),t.jsxs("div",{className:l("box-border","size-full","cursor-pointer","rounded-lg","border-2","bg-white","p-sm","hover:border-primary-700","peer-focus:shadow-border-primary","peer-active:bg-secondary-alt-200","flex","items-center","gap-sm","text-sm",{"border-secondary-alt-400":a,"border-primary-600":!a}),children:[t.jsx("div",{className:l("relative","grid","size-fit","rounded-full","place-items-center","text-white","p-xxs",{"bg-primary-300":a,"bg-primary":!a}),children:o?t.jsx(F,{name:o,size:A.SM}):null}),t.jsxs("div",{className:"flex flex-col",children:[e,t.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:n})]})]})]});var Q=(e=>(e.MINIMAL="minimal",e.COMPACT="compact",e))(Q||{});const ke=Object.freeze(Object.defineProperty({__proto__:null,ERadioTypes:Q,UiRadioFancy:je},Symbol.toStringTag,{value:"Module"}));var J=(e=>(e.RESULT_CARD="RESULT_CARD",e))(J||{});const Fe=Object.freeze(Object.defineProperty({__proto__:null,UiSkeleton:({kind:e})=>t.jsx(t.Fragment,{children:e===J.RESULT_CARD&&t.jsxs("div",{className:l("ui-skeleton-card","animate-pulse","border-2","border-secondary-alt-300","grid-cols-5","grid","rounded-2xl"),children:[t.jsx("div",{className:l("ui-skeleton-card__content","bg-secondary-alt-300","gap-xs","items-center","justify-center","p-md","rounded-bl-xl","rounded-tl-xl"),children:t.jsxs("div",{className:l("grid","grow","gap-xxs","justify-items-center"),children:[t.jsx("div",{className:l("ui-skeleton-card__content","bg-secondary-alt-400","h-xl","mb-sm","rounded","w-2/3")}),t.jsx("div",{className:l("ui-skeleton-card__content","bg-secondary-alt-400","h-xxxxl","rounded-full","w-3/5")})]})}),t.jsxs("div",{className:l("ui-skeleton-main__content","bg-white","col-span-3"),children:[t.jsxs("div",{className:l("grid","p-sm"),children:[t.jsx("div",{className:l("bg-secondary-alt-400","h-md","mb-xxs","rounded","w-3/5")}),t.jsx("div",{className:l("flex","gap-sm","mb-xxs"),children:["w-2/5","w-1/4"].map((o,a)=>t.jsx("div",{className:l(o,"h-md","bg-secondary-alt-300","rounded")},a))}),t.jsx("div",{className:l("flex","justify-between"),children:["w-1/3","w-1/4"].map((o,a)=>{const n="h-[20px]",s=a===0?"bg-secondary-alt-400":"bg-secondary-alt-300";return t.jsx("div",{className:l(o,n,s,"rounded","mb-xxs")},a)})})]}),t.jsx("div",{className:l("grid","grid-cols-4"),children:Array.from({length:4}).map((o,a)=>t.jsx("div",{className:l("border","border-secondary-alt-300","px-xs","py-md"),children:t.jsx("div",{className:l("place-items-center"),children:["w-2/3","w-2/4"].map((n,s)=>{const d=s===1?"h-[23px]":"h-[20px]";return t.jsx("div",{className:l("bg-secondary-alt-300","mb-xxxs","rounded",n,d)},s)})})},a))})]}),t.jsx("div",{className:l("ui-skeleton-cta-cell","bg-secondary-alt-200","flex-col","flex","items-center","px-sm","py-md","rounded-br-xl","rounded-tr-xl"),children:["w-3/4","w-1/2","w-3/4","w-4/5"].map((o,a)=>{const n=a===1?"h-lg":"h-[20px]",s=a===3?"h-xxl bg-secondary-alt-500 mt-md":n;return t.jsx("div",{className:l("ui-skeleton-cta-cell__content","bg-secondary-alt-400","flex-col","flex","h-[20px]","mb-xxxs","rounded",o,n,s)},a)})})]})})},Symbol.toStringTag,{value:"Module"}));var G=(e=>(e.SECONDARY="secondary",e))(G||{}),w=(e=>(e.DEFAULT="default",e.SECONDARY="secondary",e.SECONDARY_INVERTED="secondary-inverted",e))(w||{});const Ge={[w.DEFAULT]:"",[w.SECONDARY]:"[&>tr:nth-child(odd)>td]:bg-secondary-alt-200",[w.SECONDARY_INVERTED]:"[&>tr:nth-child(even)>td]:bg-secondary-alt-200"},We=Object.freeze(Object.defineProperty({__proto__:null,ERowKind:G,ETableKind:w,UiTable:({kind:e=w.SECONDARY_INVERTED,header:o,children:a,...n})=>t.jsxs("table",{...n,children:[o&&t.jsx("thead",{children:o}),t.jsx("tbody",{className:l("rounded-xl",Ge[e]),children:a})]}),UiTableCell:({align:e,subText:o,weight:a,children:n,...s})=>t.jsx("td",{...s,children:t.jsxs(g,{tag:"div",size:i.SM,align:e,weight:a,className:"p-sm",children:[n,o?t.jsx(g,{tag:"div",size:i.XXS,weight:R.SEMI_BOLD,color:r.PRIMARY_ALT_700,className:`flex flex-col gap-xxxs ${n?"pt-sm":""}`,children:o}):null]})}),UiTableRow:({kind:e,children:o,...a})=>t.jsx("tr",{className:l("text-center","[&>td:last-of-type]:rounded-r-xxs","[&>td:last-of-type]:text-right","[&>td:first-of-type]:text-left","[&>td:first-of-type]:rounded-l-xxs",{"bg-secondary-alt-200":e===G.SECONDARY}),...a,children:o})},Symbol.toStringTag,{value:"Module"})),ze=Object.freeze(Object.defineProperty({__proto__:null,UiToggle:({children:e,title:o,disabled:a=!1,invertOrder:n=!1})=>{const[s,d]=m.useState(!1),[_,b]=m.useState(!1);return t.jsxs("div",{className:l("ui-toggle"),onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),children:[t.jsx("span",{className:l("font-bold"),children:o}),t.jsxs("label",{className:l("flex","cursor-pointer","gap-sm","rounded-full","mt-sm","items-center","w-full","leading-normal","text-md",{"flex-row-reverse":n,"pointer-events-none":a}),children:[t.jsxs("span",{className:l("relative","block","h-md"),children:[t.jsx("input",{className:l("absolute","size-0","appearance-none","border-0"),type:"checkbox",checked:s,onChange:()=>d(!s)}),t.jsx("span",{className:l("block","h-md","w-xl","rounded-full",{"bg-secondary-alt-300":!s&&a,"bg-primary-500":s&&!a,"bg-primary-300":s&&a,"bg-secondary-alt":!s&&!a})}),t.jsx("span",{className:l("absolute","top-[50%]","block","rounded-full","bg-white","w-[22px]","h-[22px]","translate-x-[1px]","translate-y-[-50%]","ease-in-out","transition-transform","hover:shadow-border-secondary","active:shadow-border-secondary","focus:shadow-border-secondary",{"shadow-border-secondary":_&&!s&&!a,"shadow-border-primary":_&&s&&!a,"translate-x-[calc(var(--xl)_-_100%_-_1px)] translate-y-[-50%]":s})})]}),e]})]})}},Symbol.toStringTag,{value:"Module"})),$e=Object.freeze(Object.defineProperty({__proto__:null,UiTabs:({tabs:e,tabsModel:o,onTabChange:a})=>t.jsx("ul",{className:l("ui-tabs","grid","grid-flow-col","rounded-full","bg-secondary-alt-200","p-[2px]"),children:e.map(n=>t.jsx("li",{className:l("rounded-full","text-center",o===n&&"bg-white"),children:t.jsxs("label",{className:l("block","cursor-pointer","px-md","py-xxs"),children:[t.jsx("input",{className:l("absolute","appearance-none"),type:"radio",value:n,checked:o===n,onChange:()=>a(n)}),t.jsx("span",{className:l("font-bold","text-xs"),children:n})]})},n))})},Symbol.toStringTag,{value:"Module"}));c.UiAlert=ne,c.UiBerRank=be,c.UiButton=pe,c.UiCheckbox=ue,c.UiIcon=ae,c.UiInput=he,c.UiInputRange=Te,c.UiList=ve,c.UiNotificationBadge=Se,c.UiPills=Pe,c.UiPlainRadio=Ye,c.UiProductCard=De,c.UiProgress=Xe,c.UiRadio=Ie,c.UiRadioFancy=ke,c.UiSkeleton=Fe,c.UiTable=We,c.UiTabs=$e,c.UiToggle=ze,c.UiTypography=_e,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=bonkers-ui.umd.js.map