bonkers-ui 2.0.2 → 2.0.4

package/README.md

@@ -34,13 +34,13 @@
 
 - Use bun to install all dependencies with the frozen lockfile
 
-    ```js
+    ```bash
     bun i
     ```
 
 - To run the storybook
 
-    ```js
+    ```bash
     bun storybook
     ```
 
@@ -50,46 +50,18 @@
 
 - Install the component library with your desired package manager.
 
-    - Insure `autoprefixer`, `postcss` and `tailwindcss` are installed
+	- This projects uses TailwindCSS @ v4, which does not require a tailwind.config.{js,ts} file. _Note:_ Please refer to the TailwindCSS documentation for more information and up-to-date instructions.
+    - If the client is built with Next.js, please ensure `tailwindcss`, `@tailwindcss/postcss` and `postcss` are installed.
+    - If the client is built with Vite, please ensure `tailwindcss` and `@tailwindcss/vite` are installed.
 
-- In your `tailwind.config.ts`, add the Bonkers-UI tailwind plugin to your `plugins` array. _Note:_ the content array should include the path to the Bonkers-UI source files once installed.
+- Previously the Bonkers-UI tailwind plugin was implemented by adding it to the  `plugins` array of the tailwind config file. Now, all that is required is to add the Bonkers-UI CSS theme file to the styles entry point of the client.
 
-```js
-import bonkersUiConfig from "bonkers-ui/plugin";
-
-export default {
-	content: [
-		/* ...other directories containing Tailwind styled components/pages */
-		"./node_modules/react-ui/**/*.{js,ts,tsx}",
-	],
-	plugins: [bonkersUiConfig],
-};
-```
-
-```ts
-import type { Config } from "tailwindcss";
-import bonkersUiConfig from "react-ui/plugin";
-import { PluginCreator } from "tailwindcss/types/config";
-
-const config = {
-	content: [
-		/* ...other directories containing Tailwind styled components/pages */
-		"./node_modules/react-ui/**/*.{js,ts,tsx}",
-	],
-	plugins: [
-		bonkersUiConfig as { handler: PluginCreator; config?: Partial<Config> },
-	],
-} satisfies Config;
-
-export default config;
-```
-
-- Ensure that the tailwind directives are included in your `main.css` file
+- Ensure that the Bonkers-UI theme is included in the project's CSS entry point, eg. `src/app/globals.css` in a Next.js project or `src/styles.css` in a Vite project.
+- It is also required, at time of writing, to add the Bonkers-UI library as a source in the CSS entry point. _Note:_ the path to the Bonkers-UI source files in the node_modules directory should be relative to the CSS entry point.
 
 ```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'bonkers-ui/theme';;
+@source "../node_modules/bonkers-ui";
 ```
 
 - Please ensure that your `tsconfig` file is configured with `moduleResolution` set to `Bundler` or `NodeNext` (depending on your project setup) to allow for the Bonkers-UI types to be resolved. Example:
@@ -119,12 +91,25 @@ export default config;
 }
 ```
 
+- Within a `Next.js` project, it is requiredd to add the Tailwind PostCSS plugin to the clients `postcss.config.mjs` file.
+
+```tsx
+/** @type {import('postcss-load-config').Config} */
+const config = {
+	plugins: {
+		"@tailwindcss/postcss": {},
+	},
+};
+
+export default config;
+```
+
 - Bonkers-UI has been successfully installed to your project, now import any components you need!
 
 ```tsx
 import React from "react";
-import { UiButton, EButtonTypes, EButtonSizes } from "bonkers-ui";
-import { EInputKinds } from "bonkers-ui/types";
+import { UiButton, EButtonTypes, EButtonSizes } from "bonkers-ui/UiButton";
+import { UiInput, EInputKind } from "bonkers-ui/UiInput";
 
 export type TNewComponent = {
 	placeholder: string;

package/_types/colors.d.ts

@@ -33,6 +33,8 @@ export declare enum EColors {
     WARNING_600 = "--color-warning-600",
     WARNING_700 = "--color-warning-700",
     ERROR = "--color-error",
+    ERROR_100 = "--color-error-100",
+    ERROR_200 = "--color-error-200",
     ERROR_300 = "--color-error-300",
     ERROR_400 = "--color-error-400",
     ERROR_500 = "--color-error-500",

package/_types/colors.js

@@ -1,4 +1,4 @@
-var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c))(r || {});
+var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_100 = "--color-error-100", c.ERROR_200 = "--color-error-200", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c))(r || {});
 export {
   r as EColors
 };

package/_types/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n}\n"],"names":["EColors"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,iBACRA,EAAA,QAAQ,iBACRA,EAAA,cAAc,uBACdA,EAAA,UAAU,mBAEVA,EAAA,UAAU,mBACVA,EAAA,aAAa,sBACbA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,cAAc,uBACdA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAElBA,EAAA,YAAY,qBACZA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAEhBA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,QAAQ,iBACRA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBAEZA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBAEbA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BAEjBA,EAAA,gBAAgB,yBAChBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BAjETA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_100 = \"--color-error-100\",\n\tERROR_200 = \"--color-error-200\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n}\n"],"names":["EColors"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,iBACRA,EAAA,QAAQ,iBACRA,EAAA,cAAc,uBACdA,EAAA,UAAU,mBAEVA,EAAA,UAAU,mBACVA,EAAA,aAAa,sBACbA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,cAAc,uBACdA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAElBA,EAAA,YAAY,qBACZA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAEhBA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,QAAQ,iBACRA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBAEZA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBAEbA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BAEjBA,EAAA,gBAAgB,yBAChBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BAnETA,IAAAA,KAAA,CAAA,CAAA;"}

package/assets/UiBerRank.css

@@ -0,0 +1 @@
+._icon_medium_18il7_1{height:60px}._icon_small_18il7_5{height:30px}

package/assets/UiCheckbox.css

@@ -0,0 +1 @@
+._UiCheckbox_6diu5_1{grid-template-columns:auto auto}._UiCheckbox__custom_6diu5_5{transition:background-color ease-in-out .3s .3s,border-width ease-in-out .2s}._UiCheckbox__icon_6diu5_11{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .3s ease-in-out}input+._UiCheckbox__custom_6diu5_5:active{transition:background-color ease-in-out .1s;background-color:var(--color-secondary-alt-200)}input+._UiCheckbox__custom_6diu5_5:active,input:focus+._UiCheckbox__custom_6diu5_5{box-shadow:var(--box-shadow-border-primary-disabled)}input:disabled+._UiCheckbox__custom_6diu5_5{background-color:var(--color-secondary-alt-200);border-color:var(--color-secondary-alt-400)}input:checked+._UiCheckbox__custom_6diu5_5 ._UiCheckbox__icon_6diu5_11{stroke-dashoffset:0}input:checked+._UiCheckbox__custom_6diu5_5>svg{opacity:1}input:checked+._UiCheckbox__custom_6diu5_5{border-width:0;background-color:var(--color-primary-600);transition:background-color ease-in-out .1s,border-width ease-in-out .1s,box-shadow ease-in-out .2s;animation:_cb-pop_6diu5_1 .5s ease-in-out}input:checked+._UiCheckbox__custom_6diu5_5:hover{background-color:var(--color-primary-700)}input:checked+._UiCheckbox__custom_6diu5_5:active{background-color:var(--color-primary-700)}input:checked:disabled+._UiCheckbox__custom_6diu5_5{background-color:var(--color-primary-300);border:1px solid var(--color-primary-400)}._UiCheckbox__disabled_6diu5_63{pointer-events:none;cursor:default}@keyframes _cb-pop_6diu5_1{0%{transform:scale(1)}33%{transform:scale(.95)}66%{transform:scale(1.05)}to{transform:scale(1)}}

package/assets/UiInputRange.css

@@ -0,0 +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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}._thumb_hkko1_18{top:50%;border-width:4px}

package/assets/UiRadio.css

@@ -0,0 +1 @@
+._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/assets/UiSelect.css

@@ -0,0 +1 @@
+._UiSelect_1fbno_1{transition:all .15s ease-in-out}._UiSelect_1fbno_1:not(:disabled):focus-within{border-color:transparent;box-shadow:0 0 0 2px var(--color-secondary-alt-700)}

package/assets/UiToggle.css

@@ -0,0 +1 @@
+._UiToggle__dot_1uov6_1{width:22px;height:22px;transform:translate3d(1px,-50%,0);transition:transform .3s ease-in-out}._UiToggle__dot_1uov6_1:active,._UiToggle__dot_1uov6_1:focus+._UiToggle__dot_1uov6_1{box-shadow:var(--shadow-border-secondary)}._UiToggle__dot_checked_1uov6_13{transform:translate3d(calc(var(--xl) - 100% - 1px),-50%,0)}._UiToggle__icon_1uov6_17{top:60%;left:50%;transform:translate3d(-50%,-50%,0);stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .2s ease-in-out}._UiToggle__icon_checked_1uov6_26{stroke-dashoffset:0}

package/bonkers.css

@@ -0,0 +1,243 @@
+@import "tailwindcss";
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+    box-sizing: border-box;
+  }
+}
+
+@layer base {
+  :root {
+    /* text */
+    --base-line-height: 1.6;
+    --base-font: museo-sans, sans-serif;
+  }
+}
+
+@theme {
+  /* spacing */
+  --auto: auto;
+  --zero: 0;
+  --min: 1px;
+  --xxxs: 4px;
+  --xxs: 8px;
+  --xs: 12px;
+  --sm: 16px;
+  --md: 24px;
+  --lg: 32px;
+  --xl: 40px;
+  --xxl: 48px;
+  --xxxl: 64px;
+  --xxxxl: 80px;
+  --xxxxxl: 120px;
+
+  /* shadows */
+  --shadow-size-md: 0 2px 4px 0 rgb(180 184 205 / 50%);
+  --shadow-border-primary: 0 0 0 4px rgb(69 158 74 / 50%);
+  --shadow-border-selected: 0 0 0 4px rgb(69 158 74 / 100%);
+  --shadow-selected-shadow: 0 0 0 4px var(--color-primary-500);
+  --shadow-selected-disabled: 0 0 0 2px var(--color-primary-300);
+  --shadow-border-secondary: 0 0 0 4px rgb(223 225 233 / 50%);
+  --shadow-border-primary-600: 0 0 0 2px var(--color-primary-600);
+  --shadow-border-primary-700: 0 0 0 2px var(--color-primary-700);
+
+  /* font sizes */
+  --font-size-xxs: 10px;
+  --font-size-xs: 12px;
+  --font-size-sm: 14px;
+  --font-size-md: 16px;
+  --font-size-lg: 18px;
+  --font-size-xl: 20px;
+  --font-size-2xl: 24px;
+  --font-size-3xl: 28px;
+  --font-size-4xl: 32px;
+  --font-size-5xl: 40px;
+
+  --text-*: initial; /* reset */
+  --text-xxs: var(--font-size-xxs);
+  --text-xs: var(--font-size-xs);
+  --text-sm: var(--font-size-sm);
+  --text-md: var(--font-size-md);
+  --text-lg: var(--font-size-lg);
+  --text-xl: var(--font-size-xl);
+  --text-2xl: var(--font-size-2xl);
+  --text-3xl: var(--font-size-3xl);
+  --text-4xl: var(--font-size-4xl);
+  --text-5xl: var(--font-size-5xl);
+
+  /* colors */
+  --color-*: initial; /* disable base colors in TW */
+
+  --color-white: white;
+  --color-black: black;
+  --color-current: currentColor;
+  --color-transparent: transparent;
+
+  --color-primary-50: #ecf8ed;
+  --color-primary-100: #d9f2db;
+  --color-primary-200: #b3e5b6;
+  --color-primary-300: #9adc9e;
+  --color-primary-400: #78d17d;
+  --color-primary-500: #56c55d;
+  --color-primary-600: #459e4a;
+  --color-primary-700: #347638;
+  --color-primary-800: #1a4c1d;
+  --color-primary-900: #0d260f;
+
+  --color-primary-alt-300: #83e4ad;
+  --color-primary-alt-400: #5adb92;
+  --color-primary-alt-500: #31d277;
+  --color-primary-alt-600: #27a85f;
+  --color-primary-alt-700: #1d7e47;
+
+  --color-secondary-300: #848793;
+  --color-secondary-400: #5b5f6f;
+  --color-secondary-500: #32374b;
+  --color-secondary-600: #282c3c;
+  --color-secondary-700: #1e212d;
+
+  --color-error-100: #fbe8e8;
+  --color-error-200: #f7d4d4;
+  --color-error-300: #ea9797;
+  --color-error-400: #df6363;
+  --color-error-500: #d52f2f;
+  --color-error-600: #a02323;
+  --color-error-700: #6b1818;
+
+  --color-warning-300: #ffbc9b;
+  --color-warning-400: #ffa57a;
+  --color-warning-500: #ff8f59;
+  --color-warning-600: #cc7247;
+  --color-warning-700: #995635;
+
+  --color-accent-300: #c9c9f6;
+  --color-accent-400: #8b8bfc;
+  --color-accent-500: #4242f7;
+  --color-accent-600: #3535c6;
+  --color-accent-700: #282894;
+
+  --color-accent-alt-300: #ffd681;
+  --color-accent-alt-400: #fcc44f;
+  --color-accent-alt-500: #ffbb2e;
+  --color-accent-alt-600: #ffae05;
+  --color-accent-alt-700: #f0a100;
+
+  --color-secondary-alt-200: #f4f5f8;
+  --color-secondary-alt-300: #dfe1e9;
+  --color-secondary-alt-400: #b4b8cd;
+  --color-secondary-alt-500: #949ab7;
+  --color-secondary-alt-600: #767b92;
+  --color-secondary-alt-700: #595c6e;
+
+  --color-accent: var(--color-accent-500);
+  --color-accent-alt: var(--color-accent-alt-500);
+  --color-error: var(--color-error-500);
+  --color-primary: var(--color-primary-500);
+  --color-primary-alt: var(--color-primary-alt-500);
+  --color-secondary: var(--color-secondary-500);
+  --color-secondary-alt: var(--color-secondary-alt-500);
+  --color-warning: var(--color-warning-500);
+
+  /* backdrop blur */
+  --backdrop-blur-*: initial;
+  --backdrop-blur-min: 0.5px;
+  --backdrop-blur-xs: 2px;
+  --backdrop-blur-sm: 4px;
+  --backdrop-blur: 8px;
+  --backdrop-blur-md: 12px;
+  --backdrop-blur-lg: 16px;
+  --backdrop-blur-xl: 24px;
+  --backdrop-blur-2xl: 40px;
+
+  /* spacing */
+  --spacing-*: initial; /* reset */
+  --spacing-auto: var(--auto);
+  --spacing-0: var(--zero);
+  --spacing-min: var(--min);
+  --spacing-xxxs: var(--xxxs);
+  --spacing-xxs: var(--xxs);
+  --spacing-xs: var(--xs);
+  --spacing-sm: var(--sm);
+  --spacing-md: var(--md);
+  --spacing-lg: var(--lg);
+  --spacing-xl: var(--xl);
+  --spacing-xxl: var(--xxl);
+  --spacing-xxxl: var(--xxxl);
+  --spacing-xxxxl: var(--xxxxl);
+  --spacing-xxxxxl: var(--xxxxxl);
+
+  --min-h-auto: var(--auto);
+  --min-h-0: var(--zero);
+  --min-h-min: var(--min);
+  --min-h-xxxs: var(--xxxs);
+  --min-h-xxs: var(--xxs);
+  --min-h-xs: var(--xs);
+  --min-h-sm: var(--sm);
+  --min-h-md: var(--md);
+  --min-h-lg: var(--lg);
+  --min-h-xl: var(--xl);
+  --min-h-xxl: var(--xxl);
+  --min-h-xxxl: var(--xxxl);
+  --min-h-xxxxl: var(--xxxxl);
+  --min-h-xxxxxl: var(--xxxxxl);
+
+  --max-h-auto: var(--auto);
+  --max-h-0: var(--zero);
+  --max-h-min: var(--min);
+  --max-h-xxxs: var(--xxxs);
+  --max-h-xxs: var(--xxs);
+  --max-h-xs: var(--xs);
+  --max-h-sm: var(--sm);
+  --max-h-md: var(--md);
+  --max-h-lg: var(--lg);
+  --max-h-xl: var(--xl);
+  --max-h-xxl: var(--xxl);
+  --max-h-xxxl: var(--xxxl);
+  --max-h-xxxxl: var(--xxxxl);
+  --max-h-xxxxxl: var(--xxxxxl);
+
+  --min-w-auto: var(--auto);
+  --min-w-0: var(--zero);
+  --min-w-min: var(--min);
+  --min-w-xxxs: var(--xxxs);
+  --min-w-xxs: var(--xxs);
+  --min-w-xs: var(--xs);
+  --min-w-sm: var(--sm);
+  --min-w-md: var(--md);
+  --min-w-lg: var(--lg);
+  --min-w-xl: var(--xl);
+  --min-w-xxl: var(--xxl);
+  --min-w-xxxl: var(--xxxl);
+  --min-w-xxxxl: var(--xxxxl);
+  --min-w-xxxxxl: var(--xxxxxl);
+
+  --max-w-auto: var(--auto);
+  --max-w-0: var(--zero);
+  --max-w-min: var(--min);
+  --max-w-xxxs: var(--xxxs);
+  --max-w-xxs: var(--xxs);
+  --max-w-xs: var(--xs);
+  --max-w-sm: var(--sm);
+  --max-w-md: var(--md);
+  --max-w-lg: var(--lg);
+  --max-w-xl: var(--xl);
+  --max-w-xxl: var(--xxl);
+  --max-w-xxxl: var(--xxxl);
+  --max-w-xxxxl: var(--xxxxl);
+  --max-w-xxxxxl: var(--xxxxxl);
+
+  --border-radius-xxs: var(--xxs);
+}

package/components/UiAccordion/UiAccordion.InfoDropdown.js

@@ -0,0 +1,31 @@
+import { jsx as r, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { ESize as f } from "../../_types/sizing.js";
+import { UiIcon as p } from "../UiIcon/UiIcon.js";
+import { UiTypography as c } from "../UiTypography/UiTypography.js";
+import { ETextWeight as x, ETypographySizes as s } from "../UiTypography/_types.js";
+import { EColors as l } from "../../_types/colors.js";
+import { UiAccordion as g } from "./UiAccordion.base.js";
+import { UiAccordionItem as e } from "./UiAccordionItem.base.js";
+import S from "classnames";
+const D = ({ children: a, id: i, title: h, postfix: t, prefix: n }) => /* @__PURE__ */ r(g, { className: "mb-xxs flex justify-start", children: /* @__PURE__ */ m(e, { id: i || `whats-this-${Math.random()}`, children: [
+  /* @__PURE__ */ r(e.Trigger, { className: "flex flex-row items-baseline gap-x-xxs", children: (o) => /* @__PURE__ */ m(d, { children: [
+    n ? n(o) : null,
+    /* @__PURE__ */ r(
+      c,
+      {
+        underline: !0,
+        lineHeight: !0,
+        color: l.SECONDARY_500,
+        size: s.XS,
+        weight: x.SEMI_BOLD,
+        children: h
+      }
+    ),
+    t ? t(o) : /* @__PURE__ */ r("div", { className: S("transition", "text-secondary-500", o ? "rotate-180" : "rotate-0"), children: /* @__PURE__ */ r(p, { name: ["fas", "chevron-down"], size: f.XS }) })
+  ] }) }),
+  /* @__PURE__ */ r(e.Content, { children: /* @__PURE__ */ r(c, { lineHeight: !0, color: l.SECONDARY_500, size: s.XS, children: a }) })
+] }) });
+export {
+  D as UiAccordionInfoDropdown
+};
+//# sourceMappingURL=UiAccordion.InfoDropdown.js.map

package/components/UiAccordion/UiAccordion.InfoDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiAccordion.InfoDropdown.js","sources":["../../../src/components/UiAccordion/UiAccordion.InfoDropdown.tsx"],"sourcesContent":["import { ESize } from \"../../_types/sizing\";\nimport { UiIcon } from \"../UiIcon\";\nimport { UiTypography, EColors, ETypographySizes, ETextWeight } from \"../UiTypography\";\nimport { UiAccordion } from \"./UiAccordion.base\";\nimport { UiAccordionItem } from \"./UiAccordionItem.base\";\nimport cx from \"classnames\";\n\nexport type TUiAccordionInfoDropdown = {\n\tchildren: React.ReactNode;\n\tid?: string;\n\ttitle: string;\n\tpostfix?: (isOpen?: boolean) => React.ReactNode;\n\tprefix?: (isOpen?: boolean) => React.ReactNode;\n}\n\nexport const UiAccordionInfoDropdown = ({ children, id, title, postfix, prefix } : TUiAccordionInfoDropdown ) => {\n\treturn (\n\t\t<UiAccordion className=\"mb-xxs flex justify-start\">\n\t\t\t<UiAccordionItem id={ id ? id : `whats-this-${Math.random()}` }>\n\t\t\t\t<UiAccordionItem.Trigger className=\"flex flex-row items-baseline gap-x-xxs\">\n\t\t\t\t\t{ (isOpen) =>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ prefix ? prefix(isOpen) : null }\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\tunderline\n\t\t\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\t\t\tcolor={ EColors.SECONDARY_500 }\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.XS }\n\t\t\t\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tpostfix\n\t\t\t\t\t\t\t\t\t? postfix(isOpen)\n\t\t\t\t\t\t\t\t\t: <div className={ cx(\"transition\", \"text-secondary-500\", isOpen ? \"rotate-180\" : \"rotate-0\") }>\n\t\t\t\t\t\t\t\t\t\t<UiIcon name={ [\"fas\", \"chevron-down\"] } size={ ESize.XS }/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t</UiAccordionItem.Trigger>\n\t\t\t\t<UiAccordionItem.Content>\n\t\t\t\t\t<UiTypography lineHeight color={ EColors.SECONDARY_500 } size={ ETypographySizes.XS }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t</UiAccordionItem.Content>\n\t\t\t</UiAccordionItem>\n\t\t</UiAccordion>\n\t);\n};\n"],"names":["UiAccordionInfoDropdown","children","id","title","postfix","prefix","jsx","UiAccordion","jsxs","UiAccordionItem","isOpen","Fragment","UiTypography","EColors","ETypographySizes","ETextWeight","cx","UiIcon","ESize"],"mappings":";;;;;;;;;AAea,MAAAA,IAA0B,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,OAAAC,GAAO,SAAAC,GAAS,QAAAC,QAErE,gBAAAC,EAAAC,GAAA,EAAY,WAAU,6BACtB,UAAC,gBAAAC,EAAAC,GAAA,EAAgB,IAAKP,KAAU,cAAc,KAAK,OAAQ,CAAA,IAC1D,UAAA;AAAA,EAAA,gBAAAI,EAACG,EAAgB,SAAhB,EAAwB,WAAU,0CAChC,UAAA,CAACC,MAEC,gBAAAF,EAAAG,GAAA,EAAA,UAAA;AAAA,IAASN,IAAAA,EAAOK,CAAM,IAAI;AAAA,IAC5B,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QACA,WAAS;AAAA,QACT,YAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOC,EAAiB;AAAA,QACxB,QAASC,EAAY;AAAA,QAEnB,UAAAZ;AAAA,MAAA;AAAA,IACH;AAAA,IAECC,IACGA,EAAQM,CAAM,IACd,gBAAAJ,EAAC,SAAI,WAAYU,EAAG,cAAc,sBAAsBN,IAAS,eAAe,UAAU,GAC3F,UAAA,gBAAAJ,EAACW,GAAO,EAAA,MAAO,CAAC,OAAO,cAAc,GAAI,MAAOC,EAAM,GAAI,CAAA,EAC3D,CAAA;AAAA,EAAA,EAAA,CAEH,EAEF,CAAA;AAAA,EACC,gBAAAZ,EAAAG,EAAgB,SAAhB,EACA,4BAACG,GAAa,EAAA,YAAU,IAAC,OAAQC,EAAQ,eAAgB,MAAOC,EAAiB,IAC9E,UAAAb,GACH,EACD,CAAA;AAAA,EAAA,CACD,EACD,CAAA;"}

package/components/UiAccordion/UiAccordion.base.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { UiAccordionProvider as m } from "./UiAccordion.context.js";
+import t from "classnames";
+const f = ({
+  children: r,
+  className: i,
+  ...c
+}) => /* @__PURE__ */ o("div", { className: t("ui-accordion w-full", i), children: /* @__PURE__ */ o(m, { ...c, children: r }) });
+export {
+  f as UiAccordion
+};
+//# sourceMappingURL=UiAccordion.base.js.map

package/components/UiAccordion/UiAccordion.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiAccordion.base.js","sources":["../../../src/components/UiAccordion/UiAccordion.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiAccordionProvider } from \"./UiAccordion.context\";\nimport { EAccordionType } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiAccordionProps = {\n\tchildren: React.ReactNode;\n\ttype?: EAccordionType;\n\thandleTrigger?: (id: string) => void;\n\tdefaultValue?: string[];\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const UiAccordion: React.FC<TUiAccordionProps> = ({\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\n\treturn (\n\t\t<div className={ cx(\"ui-accordion w-full\", className) }>\n\t\t\t<UiAccordionProvider { ...props }>\n\t\t\t\t{ children }\n\t\t\t</UiAccordionProvider>\n\t\t</div>\n\t);\n};\n"],"names":["UiAccordion","children","className","props","jsx","cx","UiAccordionProvider"],"mappings":";;;;AAYO,MAAMA,IAA2C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAGG,gBAAAC,EAAA,OAAA,EAAI,WAAYC,EAAG,uBAAuBH,CAAS,GACnD,UAAA,gBAAAE,EAACE,GAAsB,EAAA,GAAGH,GACvB,UAAAF,EACH,CAAA,GACD;"}

package/components/UiAccordion/UiAccordion.context.js

@@ -0,0 +1,39 @@
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+import { EAccordionType as u } from "./_types.js";
+const l = c.createContext(null), g = ({
+  children: t,
+  type: n = u.SINGLE,
+  defaultValue: r,
+  handleTrigger: s
+}) => {
+  const [o, a] = c.useState(r || []), x = {
+    openItems: o,
+    type: n,
+    handleTrigger: (e) => {
+      e && (n === u.SINGLE ? a(o != null && o.includes(e) ? [] : [e]) : a(
+        (i) => i != null && i.includes(e) ? i.filter((f) => f !== e) : [...i || [], e]
+      ), s && s(e));
+    }
+  };
+  return /* @__PURE__ */ m(l.Provider, { value: x, children: t });
+}, E = ({ children: t, id: n }) => {
+  const { openItems: r, handleTrigger: s } = C(), o = r == null ? void 0 : r.includes(n);
+  return /* @__PURE__ */ m(l.Provider, { value: {
+    id: n,
+    isOpen: o,
+    handleTrigger: () => s(n)
+  }, children: t });
+}, C = () => {
+  const t = c.useContext(l);
+  if (!t)
+    throw new Error("useAccordionContext must be used within an <Accordion /> component");
+  return t;
+};
+export {
+  l as UiAccordionContext,
+  E as UiAccordionItemProvider,
+  g as UiAccordionProvider,
+  C as useAccordionContext
+};
+//# sourceMappingURL=UiAccordion.context.js.map

package/components/UiAccordion/UiAccordion.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiAccordion.context.js","sources":["../../../src/components/UiAccordion/UiAccordion.context.tsx"],"sourcesContent":["import React from \"react\";\nimport { EAccordionType } from \"./_types\";\nimport type { TUiAccordionProps } from \"./UiAccordion.base\";\n\nexport const UiAccordionContext = React.createContext<{\n\topenItems?: string[],\n\tisOpen?: boolean,\n\tid?: string | null,\n\ttype?: EAccordionType,\n\thandleTrigger: (id?: string) => void\n} | null>(null);\n\nexport const UiAccordionProvider = ({\n\tchildren,\n\ttype = EAccordionType.SINGLE,\n\tdefaultValue,\n\thandleTrigger\n}:  TUiAccordionProps) => {\n\tconst [openAccordions, setOpenAccordions] = React.useState<string[]>(defaultValue || []);\n\n\tconst handleClick = (id?: string) => {\n\t\tif (!id) return;\n\t\tif (type === EAccordionType.SINGLE) {\n\t\t\tsetOpenAccordions(openAccordions?.includes(id) ? [] : [id]);\n\t\t} else {\n\t\t\tsetOpenAccordions(currAccordions =>\n\t\t\t\tcurrAccordions?.includes(id)\n\t\t\t\t\t? currAccordions.filter(item => item !== id)\n\t\t\t\t\t: [...(currAccordions || []), id]\n\t\t\t);\n\t\t}\n\t\tif (handleTrigger) handleTrigger(id);\n\t};\n\n\tconst contextValue = {\n\t\topenItems: openAccordions,\n\t\ttype,\n\t\thandleTrigger: handleClick\n\t};\n\n\treturn (\n\t\t<UiAccordionContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</UiAccordionContext.Provider>\n\t);\n};\n\nexport const UiAccordionItemProvider = ({ children, id }: { children: React.ReactNode, id: string }) => {\n\tconst { openItems, handleTrigger } = useAccordionContext();\n\tconst isOpen = openItems?.includes(id);\n\n\treturn (\n\t\t<UiAccordionContext.Provider value={ {\n\t\t\tid,\n\t\t\tisOpen,\n\t\t\thandleTrigger: () => handleTrigger(id)\n\t\t} }>\n\t\t\t{ children }\n\t\t</UiAccordionContext.Provider>\n\t);\n};\n\nexport const useAccordionContext = () => {\n\tconst context = React.useContext(UiAccordionContext);\n\tif (!context) {\n\t\tthrow new Error(\"useAccordionContext must be used within an <Accordion /> component\");\n\t}\n\treturn context;\n};\n"],"names":["UiAccordionContext","React","UiAccordionProvider","children","type","EAccordionType","defaultValue","handleTrigger","openAccordions","setOpenAccordions","contextValue","id","currAccordions","item","UiAccordionItemProvider","openItems","useAccordionContext","isOpen","jsx","context"],"mappings":";;;AAIa,MAAAA,IAAqBC,EAAM,cAM9B,IAAI,GAEDC,IAAsB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,MAAAC,IAAOC,EAAe;AAAA,EACtB,cAAAC;AAAA,EACA,eAAAC;AACD,MAA0B;AACnB,QAAA,CAACC,GAAgBC,CAAiB,IAAIR,EAAM,SAAmBK,KAAgB,EAAE,GAgBjFI,IAAe;AAAA,IACpB,WAAWF;AAAA,IACX,MAAAJ;AAAA,IACA,eAjBmB,CAACO,MAAgB;AACpC,MAAKA,MACDP,MAASC,EAAe,SACTI,EAAAD,KAAA,QAAAA,EAAgB,SAASG,KAAM,CAAK,IAAA,CAACA,CAAE,CAAC,IAE1DF;AAAA,QAAkB,OACjBG,KAAA,QAAAA,EAAgB,SAASD,KACtBC,EAAe,OAAO,CAAAC,MAAQA,MAASF,CAAE,IACzC,CAAC,GAAIC,KAAkB,IAAKD,CAAE;AAAA,MAClC,GAEGJ,OAA6BI,CAAE;AAAA,IACpC;AAAA,EAMA;AAEA,2BACEX,EAAmB,UAAnB,EAA4B,OAAQU,GAClC,UAAAP,GACH;AAEF,GAEaW,IAA0B,CAAC,EAAE,UAAAX,GAAU,IAAAQ,QAAoD;AACvG,QAAM,EAAE,WAAAI,GAAW,eAAAR,EAAc,IAAIS,EAAoB,GACnDC,IAASF,KAAA,gBAAAA,EAAW,SAASJ;AAEnC,SACE,gBAAAO,EAAAlB,EAAmB,UAAnB,EAA4B,OAAQ;AAAA,IACpC,IAAAW;AAAA,IACA,QAAAM;AAAA,IACA,eAAe,MAAMV,EAAcI,CAAE;AAAA,KAEnC,UAAAR,EACH,CAAA;AAEF,GAEaa,IAAsB,MAAM;AAClC,QAAAG,IAAUlB,EAAM,WAAWD,CAAkB;AACnD,MAAI,CAACmB;AACE,UAAA,IAAI,MAAM,oEAAoE;AAE9E,SAAAA;AACR;"}

package/components/UiAccordion/UiAccordionItem.base.js

@@ -0,0 +1,43 @@
+import { jsx as e } from "react/jsx-runtime";
+import d from "react";
+import n from "classnames";
+import { UiAccordionItemProvider as m, useAccordionContext as s } from "./UiAccordion.context.js";
+const c = ({
+  children: r,
+  id: o,
+  className: t,
+  ...i
+}) => /* @__PURE__ */ e(m, { id: o, children: /* @__PURE__ */ e("div", { className: n("ui-accordion-item", t), ...i, children: r }) }), l = ({ children: r, className: o }) => {
+  const { handleTrigger: t, isOpen: i } = s(), a = () => d.isValidElement(r) ? r : typeof r == "function" ? r(i) : r;
+  return /* @__PURE__ */ e(
+    "header",
+    {
+      role: "button",
+      className: n("cursor-pointer", o),
+      onClick: () => t(),
+      children: a()
+    }
+  );
+}, u = ({
+  children: r,
+  className: o
+}) => {
+  const { isOpen: t } = s();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: n(
+        "grid transition-all duration-300 ease-in-out",
+        t ? "grid-rows-[1fr]" : "grid-rows-[0fr]",
+        o
+      ),
+      children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: r })
+    }
+  );
+};
+c.Trigger = l;
+c.Content = u;
+export {
+  c as UiAccordionItem
+};
+//# sourceMappingURL=UiAccordionItem.base.js.map

package/components/UiAccordion/UiAccordionItem.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiAccordionItem.base.js","sources":["../../../src/components/UiAccordion/UiAccordionItem.base.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiAccordionItemProvider, useAccordionContext } from \"./UiAccordion.context\";\n\nexport type TUiAccordionItemProps = {\n\tid: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\ntype TAccordionItemComposition = {\n\tTrigger: React.FC<{ children: React.ReactNode | ((isOpen?: boolean) => React.ReactNode), className?: string }>;\n\tContent: React.FC<{ children: React.ReactNode, className?: string }>;\n};\n\nexport const UiAccordionItem: React.FC<TUiAccordionItemProps> & TAccordionItemComposition = ({\n\tchildren,\n\tid,\n\tclassName,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiAccordionItemProvider id={ id }>\n\t\t\t<div className={ cx(\"ui-accordion-item\", className) }  { ...rest }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</UiAccordionItemProvider>\n\t);\n};\n\nconst Trigger: TAccordionItemComposition[\"Trigger\"] = ({  children, className } ) => {\n\tconst { handleTrigger, isOpen } = useAccordionContext();\n\n\tconst childrenWithProps = () => {\n\t\treturn (\n\t\t\tReact.isValidElement(children)\n\t\t\t\t? children\n\t\t\t\t: typeof children === \"function\"\n\t\t\t\t\t? children(isOpen)\n\t\t\t\t\t: children\n\t\t);\n\t};\n\n\treturn (\n\t\t<header\n\t\t\trole=\"button\"\n\t\t\tclassName={ cx(\"cursor-pointer\", className) }\n\t\t\tonClick={ () => handleTrigger() }\n\t\t>\n\t\t\t{ childrenWithProps() }\n\t\t</header>\n\t);\n};\n\nconst Content: TAccordionItemComposition[\"Content\"] = ({\n\tchildren,\n\tclassName\n}) => {\n\tconst { isOpen } = useAccordionContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"grid transition-all duration-300 ease-in-out\",\n\t\t\t\tisOpen ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"overflow-hidden\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nUiAccordionItem.Trigger = Trigger;\nUiAccordionItem.Content = Content;\n"],"names":["UiAccordionItem","children","id","className","rest","jsx","UiAccordionItemProvider","cx","Trigger","handleTrigger","isOpen","useAccordionContext","childrenWithProps","React","Content"],"mappings":";;;;AAaO,MAAMA,IAA+E,CAAC;AAAA,EAC5F,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAAC,GAAA,EAAwB,IAAAJ,GACxB,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAYE,EAAG,qBAAqBJ,CAAS,GAAO,GAAGC,GACzD,UAAAH,EACH,CAAA,GACD,GAIIO,IAAgD,CAAC,EAAG,UAAAP,GAAU,WAAAE,QAAiB;AACpF,QAAM,EAAE,eAAAM,GAAe,QAAAC,EAAO,IAAIC,EAAoB,GAEhDC,IAAoB,MAExBC,EAAM,eAAeZ,CAAQ,IAC1BA,IACA,OAAOA,KAAa,aACnBA,EAASS,CAAM,IACfT;AAKL,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAYE,EAAG,kBAAkBJ,CAAS;AAAA,MAC1C,SAAU,MAAMM,EAAc;AAAA,MAE5B,UAAkBG,EAAA;AAAA,IAAA;AAAA,EACrB;AAEF,GAEME,IAAgD,CAAC;AAAA,EACtD,UAAAb;AAAA,EACA,WAAAE;AACD,MAAM;AACC,QAAA,EAAE,QAAAO,EAAO,IAAIC,EAAoB;AAGtC,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAYE;AAAA,QACX;AAAA,QACAG,IAAS,oBAAoB;AAAA,QAC7BP;AAAA,MACD;AAAA,MAEA,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,mBACZ,UAAAJ,EACH,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;AAEAD,EAAgB,UAAUQ;AAC1BR,EAAgB,UAAUc;"}

package/components/UiAccordion/_types.js

@@ -0,0 +1,5 @@
+var L = /* @__PURE__ */ ((I) => (I.SINGLE = "SINGLE", I.MULTI = "MULTI", I))(L || {});
+export {
+  L as EAccordionType
+};
+//# sourceMappingURL=_types.js.map

package/components/UiAccordion/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiAccordion/_types.ts"],"sourcesContent":["export enum EAccordionType {\n\tSINGLE = \"SINGLE\",\n\tMULTI = \"MULTI\",\n}\n"],"names":["EAccordionType"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFGA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiAccordion/index.d.ts

@@ -2,3 +2,4 @@ export { UiAccordion } from './UiAccordion.base';
 export { EAccordionType } from './_types';
 export { UiAccordionItem } from './UiAccordionItem.base';
 export { UiAccordionInfoDropdown } from './UiAccordion.InfoDropdown';
+export { ESize } from '../../_types/sizing';

package/components/UiAccordion/index.js

@@ -0,0 +1,13 @@
+import { UiAccordion as c } from "./UiAccordion.base.js";
+import { EAccordionType as i } from "./_types.js";
+import { UiAccordionItem as f } from "./UiAccordionItem.base.js";
+import { UiAccordionInfoDropdown as n } from "./UiAccordion.InfoDropdown.js";
+import { ESize as d } from "../../_types/sizing.js";
+export {
+  i as EAccordionType,
+  d as ESize,
+  c as UiAccordion,
+  n as UiAccordionInfoDropdown,
+  f as UiAccordionItem
+};
+//# sourceMappingURL=index.js.map

package/{index.js.map → components/UiAccordion/index.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/UiAlert/UiAlert.d.ts

@@ -3,6 +3,7 @@ import { EAlertTypes } from './_types';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 interface IUiAlert {
     children: React.ReactNode;
+    className?: string;
     kind?: EAlertTypes;
     icon?: IconProp;
 }