bonkers-ui 2.0.1 → 2.0.3

package/components/UiTypography/UiTypography.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiTypography.js","sources":["../../../src/components/UiTypography/UiTypography.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from \"./_types.ts\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport cx from \"classnames\";\n\ninterface ITypographyProps {\n\ttag?: keyof React.JSX.IntrinsicElements;\n\tchildren?: React.ReactNode;\n\tunderline?: boolean;\n\tlineHeight?: boolean;\n\tsize?: ETypographySizes;\n\ttextTransform?: ETextTransform;\n\talign?: ETextAlign;\n\tweight?: ETextWeight;\n\tcolor?: EColors;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[ETypographySizes.MD]: \"text-md\",\n\t[ETypographySizes.XXS]: \"text-xxs\",\n\t[ETypographySizes.XS]: \"text-xs\",\n\t[ETypographySizes.SM]: \"text-sm\",\n\t[ETypographySizes.LG]: \"text-lg\",\n\t[ETypographySizes.XL]: \"text-xl\",\n\t[ETypographySizes.XXL]: \"text-2xl\",\n\t[ETypographySizes.XXXL]: \"text-3xl\",\n\t[ETypographySizes.XXXXL]: \"text-4xl\",\n\t[ETypographySizes.XXXXXL]: \"text-5xl\",\n};\n\nconst textTransformClasses = {\n\t[ETextTransform.UPPERCASE]: \"uppercase\",\n\t[ETextTransform.LOWERCASE]: \"lowercase\",\n\t[ETextTransform.NONE]: \"normal-case\",\n\t[ETextTransform.CAPITALIZE]: \"capitalize\",\n};\n\nconst alignClasses = {\n\t[ETextAlign.LEFT]: \"text-left\",\n\t[ETextAlign.RIGHT]: \"text-right\",\n\t[ETextAlign.CENTER]: \"text-center\",\n};\n\nconst weightClasses = {\n\t[ETextWeight.LIGHT]: \"font-light\",\n\t[ETextWeight.REGULAR]: \"font-medium\",\n\t[ETextWeight.SEMI_BOLD]: \"font-bold\",\n\t[ETextWeight.BOLD]: \"font-black\",\n};\n\nconst colorClasses = {\n\t[EColors.WHITE]: \"text-white\",\n\t[EColors.BLACK]: \"text-black\",\n\t[EColors.TRANSPARENT]: \"text-transparent\",\n\t[EColors.CURRENT]: \"text-current\",\n\n\t[EColors.PRIMARY]: \"text-primary\",\n\t[EColors.PRIMARY_50]: \"text-primary-50\",\n\t[EColors.PRIMARY_100]: \"text-primary-100\",\n\t[EColors.PRIMARY_200]: \"text-primary-200\",\n\t[EColors.PRIMARY_300]: \"text-primary-300\",\n\t[EColors.PRIMARY_400]: \"text-primary-400\",\n\t[EColors.PRIMARY_500]: \"text-primary-500\",\n\t[EColors.PRIMARY_600]: \"text-primary-600\",\n\t[EColors.PRIMARY_700]: \"text-primary-700\",\n\t[EColors.PRIMARY_800]: \"text-primary-800\",\n\t[EColors.PRIMARY_900]: \"text-primary-900\",\n\n\t[EColors.PRIMARY_ALT]: \"text-primary-alt\",\n\t[EColors.PRIMARY_ALT_300]: \"text-primary-alt-300\",\n\t[EColors.PRIMARY_ALT_400]: \"text-primary-alt-400\",\n\t[EColors.PRIMARY_ALT_500]: \"text-primary-alt-500\",\n\t[EColors.PRIMARY_ALT_600]: \"text-primary-alt-600\",\n\t[EColors.PRIMARY_ALT_700]: \"text-primary-alt-700\",\n\n\t[EColors.WARNING]: \"text-warning\",\n\t[EColors.WARNING_300]: \"text-warning-300\",\n\t[EColors.WARNING_400]: \"text-warning-400\",\n\t[EColors.WARNING_500]: \"text-warning-500\",\n\t[EColors.WARNING_600]: \"text-warning-600\",\n\t[EColors.WARNING_700]: \"text-warning-700\",\n\n\t[EColors.SECONDARY]: \"text-secondary\",\n\t[EColors.SECONDARY_300]: \"text-secondary-300\",\n\t[EColors.SECONDARY_400]: \"text-secondary-400\",\n\t[EColors.SECONDARY_500]: \"text-secondary-500\",\n\t[EColors.SECONDARY_600]: \"text-secondary-600\",\n\t[EColors.SECONDARY_700]: \"text-secondary-700\",\n\n\t[EColors.SECONDARY_ALT]: \"text-secondary-alt\",\n\t[EColors.SECONDARY_ALT_200]: \"text-secondary-alt-200\",\n\t[EColors.SECONDARY_ALT_300]: \"text-secondary-alt-300\",\n\t[EColors.SECONDARY_ALT_400]: \"text-secondary-alt-400\",\n\t[EColors.SECONDARY_ALT_500]: \"text-secondary-alt-500\",\n\t[EColors.SECONDARY_ALT_600]: \"text-secondary-alt-600\",\n\t[EColors.SECONDARY_ALT_700]: \"text-secondary-alt-700\",\n\n\t[EColors.ERROR]: \"text-error\",\n\t[EColors.ERROR_300]: \"text-error-300\",\n\t[EColors.ERROR_400]: \"text-error-400\",\n\t[EColors.ERROR_500]: \"text-error-500\",\n\t[EColors.ERROR_600]: \"text-error-600\",\n\t[EColors.ERROR_700]: \"text-error-700\",\n\n\t[EColors.ACCENT]: \"text-accent\",\n\t[EColors.ACCENT_300]: \"text-accent-300\",\n\t[EColors.ACCENT_500]: \"text-accent-500\",\n\t[EColors.ACCENT_600]: \"text-accent-600\",\n\t[EColors.ACCENT_700]: \"text-accent-700\",\n\n\t[EColors.ACCENT_ALT]: \"text-accent-alt\",\n\t[EColors.ACCENT_ALT_300]: \"text-accent-alt-300\",\n\t[EColors.ACCENT_ALT_400]: \"text-accent-alt-400\",\n\t[EColors.ACCENT_ALT_500]: \"text-accent-alt-500\",\n\t[EColors.ACCENT_ALT_600]: \"text-accent-alt-600\",\n\t[EColors.ACCENT_ALT_700]: \"text-accent-alt-700\",\n};\n\nexport const UiTypography: React.FC<ITypographyProps> = (\n\t{\n\t\tchildren,\n\t\ttag: Tag = \"p\",\n\t\tunderline = false,\n\t\tlineHeight = false,\n\t\tsize,\n\t\ttextTransform,\n\t\talign,\n\t\tweight,\n\t\tcolor,\n\t\tclassName\n\t}) => {\n\n\tconst classes = cx(\n\t\t\"ui-typography\",\n\t\t{\n\t\t\tunderline\n\t\t},\n\t\tlineHeight ? \"leading-normal\" : \"leading-none\",\n\t\tsize && sizeClasses[size],\n\t\ttextTransform && textTransformClasses[textTransform],\n\t\talign && alignClasses[align],\n\t\tweight && weightClasses[weight],\n\t\tcolor && colorClasses[color],\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<Tag className={ cx(classes) }>\n\t\t\t{ children }\n\t\t</Tag>\n\t);\n};\n"],"names":["sizeClasses","ETypographySizes","textTransformClasses","ETextTransform","alignClasses","ETextAlign","weightClasses","ETextWeight","colorClasses","EColors","UiTypography","children","Tag","underline","lineHeight","size","textTransform","align","weight","color","className","classes","cx"],"mappings":"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"}
+{"version":3,"file":"UiTypography.js","sources":["../../../src/components/UiTypography/UiTypography.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from \"./_types.ts\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport cx from \"classnames\";\n\ntype TUiTypographyProps<T extends keyof React.JSX.IntrinsicElements> = {\n\ttag?: T;\n\tchildren?: React.ReactNode;\n\tunderline?: boolean;\n\tlineHeight?: boolean;\n\tsize?: ETypographySizes;\n\ttextTransform?: ETextTransform;\n\talign?: ETextAlign;\n\tweight?: ETextWeight;\n\tcolor?: EColors;\n} & Omit<React.JSX.IntrinsicElements[T], \"children\" | \"ref\">;\n\nconst sizeClasses = {\n\t[ETypographySizes.MD]: \"text-md\",\n\t[ETypographySizes.XXS]: \"text-xxs\",\n\t[ETypographySizes.XS]: \"text-xs\",\n\t[ETypographySizes.SM]: \"text-sm\",\n\t[ETypographySizes.LG]: \"text-lg\",\n\t[ETypographySizes.XL]: \"text-xl\",\n\t[ETypographySizes.XXL]: \"text-2xl\",\n\t[ETypographySizes.XXXL]: \"text-3xl\",\n\t[ETypographySizes.XXXXL]: \"text-4xl\",\n\t[ETypographySizes.XXXXXL]: \"text-5xl\",\n};\n\nconst textTransformClasses = {\n\t[ETextTransform.UPPERCASE]: \"uppercase\",\n\t[ETextTransform.LOWERCASE]: \"lowercase\",\n\t[ETextTransform.NONE]: \"normal-case\",\n\t[ETextTransform.CAPITALIZE]: \"capitalize\",\n};\n\nconst alignClasses = {\n\t[ETextAlign.LEFT]: \"text-left\",\n\t[ETextAlign.RIGHT]: \"text-right\",\n\t[ETextAlign.CENTER]: \"text-center\",\n};\n\nconst weightClasses = {\n\t[ETextWeight.LIGHT]: \"font-light\",\n\t[ETextWeight.REGULAR]: \"font-medium\",\n\t[ETextWeight.SEMI_BOLD]: \"font-bold\",\n\t[ETextWeight.BOLD]: \"font-black\",\n};\n\nconst colorClasses = {\n\t[EColors.WHITE]: \"text-white\",\n\t[EColors.BLACK]: \"text-black\",\n\t[EColors.TRANSPARENT]: \"text-transparent\",\n\t[EColors.CURRENT]: \"text-current\",\n\n\t[EColors.PRIMARY]: \"text-primary\",\n\t[EColors.PRIMARY_50]: \"text-primary-50\",\n\t[EColors.PRIMARY_100]: \"text-primary-100\",\n\t[EColors.PRIMARY_200]: \"text-primary-200\",\n\t[EColors.PRIMARY_300]: \"text-primary-300\",\n\t[EColors.PRIMARY_400]: \"text-primary-400\",\n\t[EColors.PRIMARY_500]: \"text-primary-500\",\n\t[EColors.PRIMARY_600]: \"text-primary-600\",\n\t[EColors.PRIMARY_700]: \"text-primary-700\",\n\t[EColors.PRIMARY_800]: \"text-primary-800\",\n\t[EColors.PRIMARY_900]: \"text-primary-900\",\n\n\t[EColors.PRIMARY_ALT]: \"text-primary-alt\",\n\t[EColors.PRIMARY_ALT_300]: \"text-primary-alt-300\",\n\t[EColors.PRIMARY_ALT_400]: \"text-primary-alt-400\",\n\t[EColors.PRIMARY_ALT_500]: \"text-primary-alt-500\",\n\t[EColors.PRIMARY_ALT_600]: \"text-primary-alt-600\",\n\t[EColors.PRIMARY_ALT_700]: \"text-primary-alt-700\",\n\n\t[EColors.WARNING]: \"text-warning\",\n\t[EColors.WARNING_300]: \"text-warning-300\",\n\t[EColors.WARNING_400]: \"text-warning-400\",\n\t[EColors.WARNING_500]: \"text-warning-500\",\n\t[EColors.WARNING_600]: \"text-warning-600\",\n\t[EColors.WARNING_700]: \"text-warning-700\",\n\n\t[EColors.SECONDARY]: \"text-secondary\",\n\t[EColors.SECONDARY_300]: \"text-secondary-300\",\n\t[EColors.SECONDARY_400]: \"text-secondary-400\",\n\t[EColors.SECONDARY_500]: \"text-secondary-500\",\n\t[EColors.SECONDARY_600]: \"text-secondary-600\",\n\t[EColors.SECONDARY_700]: \"text-secondary-700\",\n\n\t[EColors.SECONDARY_ALT]: \"text-secondary-alt\",\n\t[EColors.SECONDARY_ALT_200]: \"text-secondary-alt-200\",\n\t[EColors.SECONDARY_ALT_300]: \"text-secondary-alt-300\",\n\t[EColors.SECONDARY_ALT_400]: \"text-secondary-alt-400\",\n\t[EColors.SECONDARY_ALT_500]: \"text-secondary-alt-500\",\n\t[EColors.SECONDARY_ALT_600]: \"text-secondary-alt-600\",\n\t[EColors.SECONDARY_ALT_700]: \"text-secondary-alt-700\",\n\n\t[EColors.ERROR]: \"text-error\",\n\t[EColors.ERROR_100]: \"text-error-100\",\n\t[EColors.ERROR_200]: \"text-error-200\",\n\t[EColors.ERROR_300]: \"text-error-300\",\n\t[EColors.ERROR_400]: \"text-error-400\",\n\t[EColors.ERROR_500]: \"text-error-500\",\n\t[EColors.ERROR_600]: \"text-error-600\",\n\t[EColors.ERROR_700]: \"text-error-700\",\n\n\t[EColors.ACCENT]: \"text-accent\",\n\t[EColors.ACCENT_300]: \"text-accent-300\",\n\t[EColors.ACCENT_500]: \"text-accent-500\",\n\t[EColors.ACCENT_600]: \"text-accent-600\",\n\t[EColors.ACCENT_700]: \"text-accent-700\",\n\n\t[EColors.ACCENT_ALT]: \"text-accent-alt\",\n\t[EColors.ACCENT_ALT_300]: \"text-accent-alt-300\",\n\t[EColors.ACCENT_ALT_400]: \"text-accent-alt-400\",\n\t[EColors.ACCENT_ALT_500]: \"text-accent-alt-500\",\n\t[EColors.ACCENT_ALT_600]: \"text-accent-alt-600\",\n\t[EColors.ACCENT_ALT_700]: \"text-accent-alt-700\",\n};\n\nexport const UiTypography = <T extends keyof React.JSX.IntrinsicElements> (\n\t{\n\t\tchildren,\n\t\ttag,\n\t\tunderline = false,\n\t\tlineHeight = false,\n\t\tsize,\n\t\ttextTransform,\n\t\talign,\n\t\tweight,\n\t\tcolor,\n\t\tclassName,\n\t\t...rest\n\t}: TUiTypographyProps<T> ): React.JSX.Element => {\n\n\tconst classes = cx(\n\t\t\"ui-typography\",\n\t\t{\n\t\t\tunderline\n\t\t},\n\t\tlineHeight ? \"leading-normal\" : \"leading-none\",\n\t\tsize && sizeClasses[size],\n\t\ttextTransform && textTransformClasses[textTransform],\n\t\talign && alignClasses[align],\n\t\tweight && weightClasses[weight],\n\t\tcolor && colorClasses[color],\n\t\tclassName\n\t);\n\n\treturn React.createElement(tag || \"p\", {\n\t\tclassName: classes,\n\t\t...rest\n\t}, children);\n};\n"],"names":["sizeClasses","ETypographySizes","textTransformClasses","ETextTransform","alignClasses","ETextAlign","weightClasses","ETextWeight","colorClasses","EColors","UiTypography","children","tag","underline","lineHeight","size","textTransform","align","weight","color","className","rest","classes","cx","React"],"mappings":"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"}

package/eslint.config.mjs

@@ -2,7 +2,9 @@ import react from "eslint-plugin-react";
 import tseslint from "typescript-eslint";
 import stylisticPlugin from "@stylistic/eslint-plugin";
 import storybook from "eslint-plugin-storybook";
-import pluginTailwind from "eslint-plugin-tailwindcss";
+
+// Not compatible with tailwind v4: https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/325
+// import pluginTailwind from "eslint-plugin-tailwindcss";
 
 /** @type {import('eslint').Linter.Config[]} */
 export default [
@@ -86,6 +88,5 @@ export default [
 		},
 	},
 	...tseslint.configs.recommended,
-	...storybook.configs["flat/recommended"],
-	...pluginTailwind.configs["flat/recommended"]
+	...storybook.configs["flat/recommended"]
 ];

package/helper.d.ts

@@ -1 +1,32 @@
+export type TColor = {
+    name: string;
+    value: string;
+};
+export type TGroupedColor = {
+    groupTitle: string;
+    groupColors: {
+        shade: string;
+        value: string;
+        name: string;
+    }[];
+};
 export declare const getCssVariableValue: (variable: string) => string;
+export declare const getBaseVariables: () => {
+    name: string;
+    value: string;
+}[];
+export declare const getThemeTokens: () => {
+    fontSizes: {
+        name: string;
+        value: string;
+    }[];
+    spacings: {
+        name: string;
+        value: string;
+    }[];
+    groupedColors: TGroupedColor[];
+    baseColors: {
+        name: string;
+        value: string;
+    }[];
+};

package/index.d.ts

@@ -1,18 +1,23 @@
-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 UiInputRange from './components/UiInputRange';
-export * as UiList from './components/UiList';
-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/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.1",
+    "version": "v2.0.3",
+    "type": "module",
     "description": "Bonkers ui library",
     "author": "cc6.magister@gmail.com",
     "scripts": {
@@ -10,54 +11,51 @@
         "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.9",
+        "ajv": "^8.17.1",
         "classnames": "^2.5.1",
-        "prettier": "^3.4.2",
+        "postcss": "^8.5.3",
+        "prettier": "^3.5.2",
         "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.9",
         "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.4",
+        "@storybook/addon-essentials": "^8.6.0",
+        "@storybook/addon-interactions": "^8.6.0",
+        "@storybook/addon-onboarding": "^8.6.0",
+        "@storybook/blocks": "^8.6.0",
+        "@storybook/manager-api": "^8.6.0",
+        "@storybook/preview-api": "^8.6.0",
+        "@storybook/react": "^8.6.0",
+        "@storybook/react-vite": "^8.6.0",
+        "@storybook/test": "^8.6.0",
+        "@stylistic/eslint-plugin": "^4.1.0",
         "@types/bun": "latest",
-        "@types/react-dom": "^19.0.3",
+        "@types/react": "^19.0.10",
+        "@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.21.0",
         "eslint-plugin-react": "^7.37.4",
-        "eslint-plugin-storybook": "^0.11.2",
-        "eslint-plugin-tailwindcss": "^3.17.5",
+        "eslint-plugin-storybook": "^0.11.3",
+        "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.4.3",
+        "storybook": "^8.6.0",
         "storybook-dark-mode": "^4.0.2",
         "typescript": "^5.7.3",
-        "typescript-eslint": "^8.20.0",
-        "vite": "^6.0.7",
+        "typescript-eslint": "^8.25.0",
+        "vite": "^6.2.0",
         "vite-plugin-dts": "^4.5.0",
         "vite-plugin-lib-inject-css": "^2.2.1"
     },
@@ -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,r){typeof exports=="object"&&typeof module<"u"?r(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"],r):(c=typeof globalThis<"u"?globalThis:c||self,r(c["bonkers-ui"]={},c.jsxRuntime,c.React,c.cx,c.reactFontawesome))})(this,function(c,r,h,o,Q){"use strict";var f=(e=>(e.PRIMARY="PRIMARY",e.SECONDARY="SECONDARY",e.ERROR="ERROR",e.WARNING="WARNING",e))(f||{}),b=(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))(b||{});const J={[b.XXXS]:"size-xxxs",[b.XXS]:"size-xxs",[b.XS]:"size-xs",[b.SM]:"size-sm",[b.MD]:"size-md",[b.LG]:"size-lg",[b.XL]:"size-xl",[b.XXL]:"size-xxl",[b.XXXL]:"size-xxxl",[b.XXXXL]:"size-xxxxl",[b.XXXXXL]:"size-xxxxxl",[b.AUTO]:"size-auto",[b.ZERO]:"size-zero"},X=({size:e,name:a})=>r.jsx(Q.FontAwesomeIcon,{icon:a,className:o("ui-icon","inline","overflow-visible","align-[-.125em]",e&&J[e])}),K=Object.freeze(Object.defineProperty({__proto__:null,UiIcon:X},Symbol.toStringTag,{value:"Module"})),ee={[f.PRIMARY]:"border-primary text-primary ",[f.SECONDARY]:"'border-secondary text-secondary",[f.ERROR]:"border-error text-error",[f.WARNING]:"border-warning text-warning"},re=Object.freeze(Object.defineProperty({__proto__:null,EAlertTypes:f,UiAlert:({children:e,kind:a=f.PRIMARY,icon:n})=>r.jsxs("div",{className:o("ui-alert","flex","gap-sm","rounded-xl","border","bg-white","p-sm","leading-normal","text-xs",ee[a]),children:[n?r.jsx(X,{name:n,size:b.SM}):null,e]})},Symbol.toStringTag,{value:"Module"})),z={icon_medium:"_icon_medium_18il7_1",icon_small:"_icon_small_18il7_5"};var t=(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))(t||{});const P=[{text:"N/A",color:t.SECONDARY_ALT},{text:"G",color:t.ERROR},{text:"F",color:t.WARNING_700},{text:"E2",color:t.WARNING_600},{text:"E1",color:t.WARNING_600},{text:"D2",color:t.WARNING_400},{text:"D1",color:t.WARNING_400},{text:"C3",color:t.PRIMARY_ALT},{text:"C2",color:t.PRIMARY_ALT},{text:"C1",color:t.PRIMARY_ALT},{text:"B3",color:t.PRIMARY_ALT_600},{text:"B2",color:t.PRIMARY_ALT_600},{text:"B1",color:t.PRIMARY_ALT_600},{text:"A3",color:t.PRIMARY_ALT_700},{text:"A2",color:t.PRIMARY_ALT_700},{text:"A1",color:t.PRIMARY_ALT_700}];var v=(e=>(e.SMALL="small",e.MEDIUM="medium",e))(v||{}),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||{}),p=(e=>(e.LIGHT="light",e.REGULAR="regular",e.SEMI_BOLD="semi_bold",e.BOLD="bold",e))(p||{}),L=(e=>(e.LEFT="left",e.CENTER="center",e.RIGHT="right",e))(L||{}),y=(e=>(e.LOWERCASE="lowercase",e.UPPERCASE="uppercase",e.CAPITALIZE="capitalize",e.NONE="none",e))(y||{});const te={[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"},ae={[y.UPPERCASE]:"uppercase",[y.LOWERCASE]:"lowercase",[y.NONE]:"normal-case",[y.CAPITALIZE]:"capitalize"},oe={[L.LEFT]:"text-left",[L.RIGHT]:"text-right",[L.CENTER]:"text-center"},ne={[p.LIGHT]:"font-light",[p.REGULAR]:"font-medium",[p.SEMI_BOLD]:"font-bold",[p.BOLD]:"font-black"},le={[t.WHITE]:"text-white",[t.BLACK]:"text-black",[t.TRANSPARENT]:"text-transparent",[t.CURRENT]:"text-current",[t.PRIMARY]:"text-primary",[t.PRIMARY_50]:"text-primary-50",[t.PRIMARY_100]:"text-primary-100",[t.PRIMARY_200]:"text-primary-200",[t.PRIMARY_300]:"text-primary-300",[t.PRIMARY_400]:"text-primary-400",[t.PRIMARY_500]:"text-primary-500",[t.PRIMARY_600]:"text-primary-600",[t.PRIMARY_700]:"text-primary-700",[t.PRIMARY_800]:"text-primary-800",[t.PRIMARY_900]:"text-primary-900",[t.PRIMARY_ALT]:"text-primary-alt",[t.PRIMARY_ALT_300]:"text-primary-alt-300",[t.PRIMARY_ALT_400]:"text-primary-alt-400",[t.PRIMARY_ALT_500]:"text-primary-alt-500",[t.PRIMARY_ALT_600]:"text-primary-alt-600",[t.PRIMARY_ALT_700]:"text-primary-alt-700",[t.WARNING]:"text-warning",[t.WARNING_300]:"text-warning-300",[t.WARNING_400]:"text-warning-400",[t.WARNING_500]:"text-warning-500",[t.WARNING_600]:"text-warning-600",[t.WARNING_700]:"text-warning-700",[t.SECONDARY]:"text-secondary",[t.SECONDARY_300]:"text-secondary-300",[t.SECONDARY_400]:"text-secondary-400",[t.SECONDARY_500]:"text-secondary-500",[t.SECONDARY_600]:"text-secondary-600",[t.SECONDARY_700]:"text-secondary-700",[t.SECONDARY_ALT]:"text-secondary-alt",[t.SECONDARY_ALT_200]:"text-secondary-alt-200",[t.SECONDARY_ALT_300]:"text-secondary-alt-300",[t.SECONDARY_ALT_400]:"text-secondary-alt-400",[t.SECONDARY_ALT_500]:"text-secondary-alt-500",[t.SECONDARY_ALT_600]:"text-secondary-alt-600",[t.SECONDARY_ALT_700]:"text-secondary-alt-700",[t.ERROR]:"text-error",[t.ERROR_300]:"text-error-300",[t.ERROR_400]:"text-error-400",[t.ERROR_500]:"text-error-500",[t.ERROR_600]:"text-error-600",[t.ERROR_700]:"text-error-700",[t.ACCENT]:"text-accent",[t.ACCENT_300]:"text-accent-300",[t.ACCENT_500]:"text-accent-500",[t.ACCENT_600]:"text-accent-600",[t.ACCENT_700]:"text-accent-700",[t.ACCENT_ALT]:"text-accent-alt",[t.ACCENT_ALT_300]:"text-accent-alt-300",[t.ACCENT_ALT_400]:"text-accent-alt-400",[t.ACCENT_ALT_500]:"text-accent-alt-500",[t.ACCENT_ALT_600]:"text-accent-alt-600",[t.ACCENT_ALT_700]:"text-accent-alt-700"},m=({children:e,tag:a="p",underline:n=!1,lineHeight:l=!1,size:s,textTransform:d,align:_,weight:x,color:g,className:T})=>{const Y=o("ui-typography",{underline:n},l?"leading-normal":"leading-none",s&&te[s],d&&ae[d],_&&oe[_],x&&ne[x],g&&le[g],T);return r.jsx(a,{className:o(Y),children:e})},se=Object.freeze(Object.defineProperty({__proto__:null,EColors:t,ETextAlign:L,ETextTransform:y,ETextWeight:p,ETypographySizes:i,UiTypography:m},Symbol.toStringTag,{value:"Module"})),W={[v.SMALL]:z.icon_small,[v.MEDIUM]:z.icon_medium},$={[v.SMALL]:i.SM,[v.MEDIUM]:i.XXXL},ce=Object.freeze(Object.defineProperty({__proto__:null,EBerSize:v,UiBerRank:({rank:e,size:a=v.SMALL})=>{var n,l;return r.jsxs("div",{className:o("ui-ber-rank","flex"),children:[r.jsxs("div",{className:"relative",children:[r.jsx("svg",{className:o("text-secondary",W[a]),viewBox:"0 0 160 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.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"})}),r.jsx(m,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:t.WHITE,size:$[a],weight:p.BOLD,textTransform:y.UPPERCASE,children:"ber"})]}),r.jsxs("div",{className:"relative",children:[r.jsx(m,{color:((n=P[+e])==null?void 0:n.color)||P[0].color,children:r.jsx("svg",{className:W[a],viewBox:"0 0 106 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.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"})})}),r.jsx(m,{className:"absolute left-0 top-0 flex size-full items-center justify-center",color:t.WHITE,size:$[a],weight:p.BOLD,textTransform:y.UPPERCASE,children:((l=P[+e])==null?void 0:l.text)||P[0].text})]})]})}},Symbol.toStringTag,{value:"Module"}));var u=(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))(u||{}),C=(e=>(e.DEFAULT="default",e.SMALL="sm",e.MEDIUM="md",e.LARGE="lg",e))(C||{}),S=(e=>(e.DEFAULT="default",e.BOLD="bold",e))(S||{});const ie={UiButton:"_UiButton_1dpbh_1"},de={[u.PRIMARY]:`
-		text-white
-		bg-primary
-
-		hover:bg-primary-600
-		active:bg-primary-700
-		disabled:bg-primary-300
-	`,[u.SECONDARY]:`
-		bg-secondary
-		text-white
-
-		hover:bg-secondary-600
-		active:bg-secondary-700
-		disabled:bg-secondary-300
-	`,[u.ERROR]:`
-		bg-error
-		text-white
-
-		hover:bg-error-600
-		active:bg-error-700
-		disabled:bg-error-300
-	`,[u.WARNING]:`
-		bg-warning
-		text-white
-
-		hover:bg-warning-600
-		active:bg-warning-700
-		disabled:bg-warning-300
-	`,[u.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
-	`,[u.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
-	`,[u.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
-	`,[u.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
-	`,[u.LINK]:`
-		text-accent-alt
-
-		hover:text-accent-alt-600
-		active:text-accent-alt-700
-		disabled:text-accent-alt-300
-	`},_e={[C.SMALL]:"px-md py-xxs",[C.MEDIUM]:"p-sm",[C.LARGE]:"p-md",[C.DEFAULT]:"px-md py-sm"},xe={[S.DEFAULT]:"font-medium",[S.BOLD]:"font-bold"},be=Object.freeze(Object.defineProperty({__proto__:null,EButtonSizes:C,EButtonTypes:u,EButtonWeight:S,UiButton:({kind:e=u.PRIMARY,size:a=C.DEFAULT,fullWidth:n=!1,disabled:l=!1,children:s,weight:d=S.BOLD,onClick:_,...x})=>r.jsx("button",{...x,onClick:_,className:o(ie.UiButton,"text-base","touch-manipulation","whitespace-nowrap","rounded-xl","leading-none",de[e],_e[a],xe[d],{"w-full":n,"pointer-events-none":l}),disabled:l,children:s})},Symbol.toStringTag,{value:"Module"})),D={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 A=(e=>(e.START="start",e.END="end",e.CENTER="center",e.BETWEEN="between",e.AROUND="around",e.EVENLY="evenly",e))(A||{}),M=(e=>(e.SM="SM",e.MD="MD",e))(M||{});const Ae={[A.START]:"justify-start",[A.END]:"justify-end",[A.CENTER]:"justify-center",[A.BETWEEN]:"justify-between",[A.AROUND]:"justify-around",[A.EVENLY]:"justify-evenly"},pe={[M.SM]:"size-sm",[M.MD]:"size-md"},ue={[M.SM]:"size-xs",[M.MD]:"size-sm"},Re=Object.freeze(Object.defineProperty({__proto__:null,ECheckboxSize:M,UiCheckbox:({checked:e,value:a,size:n=M.MD,disabled:l=!1,justify:s=A.START,invertOrder:d=!1,children:_,onChange:x,name:g,...T})=>{const Y=G=>{!l&&x&&(x==null||x(G.target.checked))};return r.jsxs("label",{className:o(D.UiCheckbox,"grid","cursor-pointer",_&&"items-center gap-sm",Ae[s],l&&D.UiCheckbox__disabled),children:[r.jsx("input",{...T,className:"absolute appearance-none",type:"checkbox",checked:e,disabled:l,value:a,name:g,onChange:Y}),r.jsx("span",{className:o(D.UiCheckbox__custom,"relative","flex","items-center","justify-center","rounded","border","border-secondary-alt-500","hover:border-secondary-alt-700",d&&"order-last",pe[n]),children:r.jsx("svg",{className:o(D.UiCheckbox__icon,"text-white",ue[n]),viewBox:"0 0 16 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:r.jsx("path",{d:"M1 4.40106L6.60071 10.1135L15.1694 1.71245",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round"})})}),_]})}},Symbol.toStringTag,{value:"Module"})),me={thumb:"_thumb_hkko1_18"},Ne=Object.freeze(Object.defineProperty({__proto__:null,UiInputRange:({value:e,min:a,max:n,step:l,onChangeHandler:s,...d})=>{const _=h.useRef(null),x=h.useRef(null),[g,T]=h.useState(0),[Y,G]=h.useState(0);h.useEffect(()=>{if(!_.current||!x.current)return;const N=parseFloat(String(e)),E=parseFloat(String(a)),ke=parseFloat(String(n)),je=(N-E)/(ke-E)*100,Ge=x.current.getBoundingClientRect().width,ze=_.current.clientWidth,q=Ge/ze*100,Z=je*(1-q/100);T(Math.max(0,Math.min(100,Z))),G(Math.max(0,Math.min(100,Z+q)))},[a,n,e]);const Xe=N=>{if(N===e)return;const E=parseFloat(N.toFixed(10));s(E)};return r.jsxs("div",{className:o("relative box-content h-xl py-xxs",d.disabled&&"opacity-60 cursor-default pointer-events-none"),children:[r.jsx("input",{...d,ref:_,className:"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",style:{touchAction:"none"},type:"range",min:a,max:n,step:l,value:e,onChange:N=>Xe(+N.target.value),onTouchStart:N=>N.stopPropagation(),onTouchMove:N=>N.stopPropagation()}),r.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt"}),r.jsx("div",{className:"pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",style:{width:`${Y}%`}}),r.jsx("div",{className:o(me.thumb,"pointer-events-none","absolute","box-content","size-md","-translate-y-1/2","rounded-full","bg-white","border-primary"),ref:x,style:{left:`${g}%`},children:r.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 U=(e=>(e.DEFAULT="DEFAULT",e.COMPACT="COMPACT",e))(U||{}),I=(e=>(e.SM="SM",e.MD="MD",e))(I||{});const ye={[U.DEFAULT]:"gap-sm",[U.COMPACT]:"gap-xxs"},ge={[I.SM]:"text-sm",[I.MD]:"text-md"},he=Object.freeze(Object.defineProperty({__proto__:null,EListItemSize:I,EListItemSpacing:U,UiList:({children:e,spacing:a=U.DEFAULT,size:n=I.SM})=>r.jsx("ul",{className:o("ui-list","grid",ye[a],ge[n]),children:e}),UiListItem:({children:e,prefix:a})=>r.jsxs("li",{className:"flex gap-xxxs",children:[a?r.jsx("span",{className:"w-[1em]",children:a}):null,e?r.jsx("span",{children:e}):null]})},Symbol.toStringTag,{value:"Module"})),F={UiRadio__custom:"_UiRadio__custom_wei69_1",UiRadio__dot:"_UiRadio__dot_wei69_4"},fe={[A.START]:"justify-start",[A.END]:"justify-end",[A.CENTER]:"justify-center",[A.BETWEEN]:"justify-between",[A.AROUND]:"justify-around",[A.EVENLY]:"justify-evenly"},V=({name:e,value:a,invertOrder:n=!1,justify:l=A.START,disabled:s=!1,onChange:d,checked:_=!1,children:x})=>{const g=T=>{!s&&d&&d(T.target.value)};return r.jsxs("label",{className:o("UiRadio","group","grid","grid-flow-col","cursor-pointer",fe[l],{"pointer-events-none":s,"items-center gap-xxs":x}),children:[r.jsx("input",{id:a,name:e.toString(),type:"radio",value:a,disabled:s,checked:_,onChange:g,className:"peer absolute appearance-none"}),r.jsx("span",{className:o(F.UiRadio__custom,n&&"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:r.jsx("span",{className:o(F.UiRadio__dot,"absolute","left-2/4","top-2/4","block","size-xxs","rounded-full","bg-primary	")})}),x]})},ve=Object.freeze(Object.defineProperty({__proto__:null,UiRadio:V},Symbol.toStringTag,{value:"Module"})),Le=Object.freeze(Object.defineProperty({__proto__:null,UiPlainRadio:({children:e,disabled:a,subHeader:n,value:l,name:s,checked:d=!1,onChange:_})=>r.jsxs("label",{className:o("ui-radio-fancy","relative",{"pointer-events-none":a}),htmlFor:s+l,children:[r.jsx("input",{className:o(" absolute","appearance-none","peer"),id:s+l,type:"radio",value:l,checked:d,onChange:()=>_(l)}),r.jsxs("div",{className:o("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":a&&!d,"border-primary-300":a&&d,"border-secondary-alt-600":!a&&!d,"border-primary-600":!a&&d}),children:[r.jsx("span",{className:"pointer-events-none",children:r.jsx(V,{disabled:a,value:l,name:s,onChange:()=>_(l),checked:d})}),r.jsxs("div",{className:"flex flex-col",children:[e,r.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:n})]})]})]})},Symbol.toStringTag,{value:"Module"}));var O=(e=>(e.SMALL="small",e.MEDIUM="medium",e.LARGE="large",e))(O||{}),R=(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))(R||{});const Ce={[R.PRIMARY]:"bg-primary-100 text-primary-700",[R.ERROR]:"bg-error-300 text-error-700",[R.WARNING]:"bg-warning-300 text-warning-700",[R.ACCENT]:"bg-accent-300 text-accent-700",[R.PRIMARY_ALT]:"bg-primary-300 text-primary-800",[R.SECONDARY]:"bg-white text-secondary-300 ring-1 ring-secondary-alt-300",[R.ACCENT_ALT]:"bg-accent-alt-500 text-secondary-700"},Me={[O.SMALL]:i.XXS,[O.MEDIUM]:i.XS,[O.LARGE]:i.SM},H=({children:e,kind:a=R.PRIMARY,size:n=O.SMALL,icon:l,rounded:s=!1})=>r.jsxs("div",{className:o("ui-pills","grid grid-flow-col justify-start w-max","items-center","gap-xxxs","px-xxs py-xxxs","overflow-hidden",s?"rounded-full":"rounded",Ce[a]),children:[l,e?r.jsx(m,{size:Me[n],weight:p.SEMI_BOLD,className:"whitespace-nowrap",children:e}):null]}),Te=Object.freeze(Object.defineProperty({__proto__:null,EBadgeKind:R,EBadgeSize:O,UiPills:H},Symbol.toStringTag,{value:"Module"})),Oe=Object.freeze(Object.defineProperty({__proto__:null,UiProductCard:({badgeText:e,title:a,subtitle:n,header:l})=>r.jsxs("div",{className:`relative
-			flex
-			flex-col
-			gap-sm
-			rounded-2xl
-			border
-			border-secondary-alt-500
-			bg-white
-			px-xs
-			py-sm`,children:[e&&r.jsx("div",{className:"!absolute -top-xxs right-xs",children:r.jsx(H,{rounded:!0,kind:R.ACCENT_ALT,children:e})}),l,r.jsxs("div",{className:"grid gap-xxs",children:[r.jsx(m,{size:i.MD,weight:p.BOLD,align:L.LEFT,color:t.SECONDARY,lineHeight:!0,children:a}),r.jsx(m,{size:i.XS,align:L.LEFT,color:t.SECONDARY_400,lineHeight:!0,children:n})]})]})},Symbol.toStringTag,{value:"Module"})),we=Object.freeze(Object.defineProperty({__proto__:null,UiProgress:({progressText:e,max:a,min:n,current:l})=>{const s=(l-n)/(a-n)*100;return r.jsxs("div",{className:o("ui-progress"),children:[r.jsx("div",{className:o("relative","h-xs ","w-full","overflow-hidden","rounded-3xl","bg-primary-50","mb-xxs"),children:r.jsx("div",{className:o("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&&r.jsx(m,{color:t.PRIMARY_700,size:i.SM,weight:p.SEMI_BOLD,children:e})]})}},Symbol.toStringTag,{value:"Module"})),Se=({children:e,icon:a,disabled:n,subHeader:l})=>r.jsxs("label",{className:o("ui-radio-fancy","relative",{"pointer-events-none":n}),children:[r.jsx("input",{className:"group peer absolute appearance-none",type:"radio"}),r.jsxs("div",{className:o("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":n,"border-primary-600":!n}),children:[r.jsx("div",{className:o("relative","grid","size-fit","rounded-full","place-items-center","text-white","p-xxs",{"bg-primary-300":n,"bg-primary":!n}),children:a?r.jsx(X,{name:a,size:b.SM}):null}),r.jsxs("div",{className:"flex flex-col",children:[e,r.jsx("div",{className:"text-xs font-normal text-secondary-alt-400",children:l})]})]})]});var B=(e=>(e.MINIMAL="minimal",e.COMPACT="compact",e))(B||{});const Ue=Object.freeze(Object.defineProperty({__proto__:null,ERadioTypes:B,UiRadioFancy:Se},Symbol.toStringTag,{value:"Module"}));var k=(e=>(e.RESULT_CARD="RESULT_CARD",e.FILTER_MENU="FILTER_MENU",e))(k||{});const Ie=Object.freeze(Object.defineProperty({__proto__:null,UiSkeleton:({kind:e})=>{const a=["w-1/2","w-1/3","w-2/3","w-3/4"];return r.jsxs(r.Fragment,{children:[e===k.RESULT_CARD&&r.jsxs("div",{className:o("ui-skeleton-card","animate-pulse","rounded-2xl","border-2","border-secondary-alt-300","p-xxs"),children:[r.jsxs("div",{className:o("ui-skeleton-card__header","flex","items-center","gap-xs","rounded-xl","bg-secondary-alt-200","p-xxs"),children:[r.jsxs("div",{className:o("grid","grow","gap-xxs"),children:[r.jsx("div",{className:o("ui-skeleton-card__content__text","h-md","rounded-md","bg-secondary-alt-300")}),r.jsx("div",{className:o("ui-skeleton-card__content__text","h-md","w-5/6","rounded-md","bg-secondary-alt-300")})]}),r.jsx("div",{className:o("ui-skeleton-card__header__image","size-xxxl","rounded-lg","bg-secondary-alt-300")})]}),r.jsx("div",{className:o("ui-skeleton-card__content","flex","flex-col","items-start","justify-start","rounded-xl","pt-sm"),children:a.map((n,l)=>r.jsx("div",{className:o("ui-skeleton-card__content__text","mb-xxs","h-md","rounded-md","bg-secondary-alt-300",n)},l))}),r.jsxs("div",{className:o("ui-skeleton-card__footer","flex","flex-row","justify-between"),children:[r.jsx("div",{className:o("ui-skeleton-card__footer__text","h-md","w-1/4","self-end","rounded-xl","bg-secondary-alt-300")}),r.jsx("div",{className:o("ui-skeleton-card__footer__text","h-xl","w-1/4","rounded-xl","bg-secondary-alt-300")})]}),r.jsx("div",{className:o("ui-skeleton-card__button","mt-xxs","flex","h-md","w-full","items-center","justify-center","rounded-xl","bg-secondary-alt-300","py-md")})]}),e===k.FILTER_MENU&&r.jsxs("div",{className:o("ui-skeleton-card__header","flex","items-center","gap-xs","rounded-xl","p-xxs"),children:[r.jsx("div",{className:"grow",children:r.jsx("div",{className:o("ui-skeleton-card__content__text","h-md","w-3/6","rounded-md","bg-secondary-alt-300")})}),r.jsx("div",{className:o("ui-skeleton-card__header__image","size-xxl","rounded-lg","bg-secondary-alt-300")}),r.jsx("div",{className:o("ui-skeleton-card__header__image","size-xxl","rounded-lg","bg-secondary-alt-300")})]})]})}},Symbol.toStringTag,{value:"Module"}));var j=(e=>(e.SECONDARY="secondary",e))(j||{}),w=(e=>(e.DEFAULT="default",e.SECONDARY="secondary",e.SECONDARY_INVERTED="secondary-inverted",e))(w||{});const Ye={[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"},Pe=Object.freeze(Object.defineProperty({__proto__:null,ERowKind:j,ETableKind:w,UiTable:({kind:e=w.SECONDARY_INVERTED,header:a,children:n,...l})=>r.jsxs("table",{...l,children:[a&&r.jsx("thead",{children:a}),r.jsx("tbody",{className:o("rounded-xl",Ye[e]),children:n})]}),UiTableCell:({align:e,subText:a,weight:n,children:l,...s})=>r.jsx("td",{...s,children:r.jsxs(m,{tag:"div",size:i.SM,align:e,weight:n,className:"p-sm",children:[l,a?r.jsx(m,{tag:"div",size:i.XXS,weight:p.SEMI_BOLD,color:t.PRIMARY_ALT_700,className:`flex flex-col gap-xxxs ${l?"pt-sm":""}`,children:a}):null]})}),UiTableRow:({kind:e,children:a,...n})=>r.jsx("tr",{className:o("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===j.SECONDARY}),...n,children:a})},Symbol.toStringTag,{value:"Module"})),De=Object.freeze(Object.defineProperty({__proto__:null,UiToggle:({children:e,title:a,disabled:n=!1,invertOrder:l=!1})=>{const[s,d]=h.useState(!1),[_,x]=h.useState(!1);return r.jsxs("div",{className:o("ui-toggle"),onMouseEnter:()=>x(!0),onMouseLeave:()=>x(!1),children:[r.jsx("span",{className:o("font-bold"),children:a}),r.jsxs("label",{className:o("flex","cursor-pointer","gap-sm","rounded-full","mt-sm","items-center","w-full","leading-normal","text-md",{"flex-row-reverse":l,"pointer-events-none":n}),children:[r.jsxs("span",{className:o("relative","block","h-md"),children:[r.jsx("input",{className:o("absolute","size-0","appearance-none","border-0"),type:"checkbox",checked:s,onChange:()=>d(!s)}),r.jsx("span",{className:o("block","h-md","w-xl","rounded-full",{"bg-secondary-alt-300":!s&&n,"bg-primary-500":s&&!n,"bg-primary-300":s&&n,"bg-secondary-alt":!s&&!n})}),r.jsx("span",{className:o("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&&!n,"shadow-border-primary":_&&s&&!n,"translate-x-[calc(var(--xl)_-_100%_-_1px)] translate-y-[-50%]":s})})]}),e]})]})}},Symbol.toStringTag,{value:"Module"})),Ee=Object.freeze(Object.defineProperty({__proto__:null,UiTabs:({tabs:e,tabsModel:a,onTabChange:n})=>r.jsx("ul",{className:o("ui-tabs","grid","grid-flow-col","rounded-full","bg-secondary-alt-200","p-[2px]"),children:e.map(l=>r.jsx("li",{className:o("rounded-full","text-center",a===l&&"bg-white"),children:r.jsxs("label",{className:o("block","cursor-pointer","px-md","py-xxs"),children:[r.jsx("input",{className:o("absolute","appearance-none"),type:"radio",value:l,checked:a===l,onChange:()=>n(l)}),r.jsx("span",{className:o("font-bold","text-xs"),children:l})]})},l))})},Symbol.toStringTag,{value:"Module"}));c.UiAlert=re,c.UiBerRank=ce,c.UiButton=be,c.UiCheckbox=Re,c.UiIcon=K,c.UiInputRange=Ne,c.UiList=he,c.UiPills=Te,c.UiPlainRadio=Le,c.UiProductCard=Oe,c.UiProgress=we,c.UiRadio=ve,c.UiRadioFancy=Ue,c.UiSkeleton=Ie,c.UiTable=Pe,c.UiTabs=Ee,c.UiToggle=De,c.UiTypography=se,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
-//# sourceMappingURL=bonkers-ui.umd.js.map