rocksolidjs 0.1.2 → 0.1.3

package/dist/ThemeProvider/componentsTV.d.ts

@@ -7,6 +7,14 @@ declare const ComponentsTV: {
                 base: string;
             };
         };
+        expanded: {
+            true: {
+                base: string;
+            };
+            false: {
+                base: string;
+            };
+        };
     }, {
         base: string[];
         content: string[];
@@ -17,6 +25,14 @@ declare const ComponentsTV: {
                 base: string;
             };
         };
+        expanded: {
+            true: {
+                base: string;
+            };
+            false: {
+                base: string;
+            };
+        };
     }, {
         base: string[];
         content: string[];
@@ -27,6 +43,14 @@ declare const ComponentsTV: {
                 base: string;
             };
         };
+        expanded: {
+            true: {
+                base: string;
+            };
+            false: {
+                base: string;
+            };
+        };
     }, {
         base: string[];
         content: string[];
@@ -45,6 +69,7 @@ declare const ComponentsTV: {
         base: string[];
         content: string;
         icon: string;
+        closeButton: string[];
     }, undefined, {
         color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
         variant: {
@@ -58,6 +83,7 @@ declare const ComponentsTV: {
         base: string[];
         content: string;
         icon: string;
+        closeButton: string[];
     }, import('tailwind-variants').TVReturnTypeLike<{
         color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
         variant: {
@@ -71,6 +97,7 @@ declare const ComponentsTV: {
         base: string[];
         content: string;
         icon: string;
+        closeButton: string[];
     }>>;
     avatar: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
         color: Record<"default" | "success" | "warning" | "info" | "error", {
@@ -418,7 +445,7 @@ declare const ComponentsTV: {
     cardTitle: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
     cardDescription: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
     cardContent: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
-    cardFooter: (_theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2 px-4 py-2", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+    cardFooter: (_theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2 px-4 pt-3 pb-4", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
     checkbox: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
         checked: {
             true: {};
@@ -494,9 +521,7 @@ declare const ComponentsTV: {
             };
         };
         clickable: {
-            true: {
-                base: string[];
-            };
+            true: {};
             false: {};
         };
         hasDeleteIcon: {
@@ -543,9 +568,7 @@ declare const ComponentsTV: {
             };
         };
         clickable: {
-            true: {
-                base: string[];
-            };
+            true: {};
             false: {};
         };
         hasDeleteIcon: {
@@ -592,9 +615,7 @@ declare const ComponentsTV: {
             };
         };
         clickable: {
-            true: {
-                base: string[];
-            };
+            true: {};
             false: {};
         };
         hasDeleteIcon: {
@@ -630,21 +651,81 @@ declare const ComponentsTV: {
     dialogActions: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
     dialogTitle: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
     divider: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
+        align: {
+            start: {};
+            center: {};
+            end: {};
+        };
+        hasChildren: {
+            true: {};
+            false: {};
+        };
         orientation: {
-            horizontal: "border-t w-full";
-            vertical: "border-l h-auto self-stretch";
+            horizontal: {
+                base: string;
+                divider: string;
+            };
+            vertical: {
+                base: string;
+                divider: string;
+            };
+        };
+    }, {
+        base: string[];
+        divider: string[];
+        beforeDivider: string;
+        afterDivider: string;
+    }, undefined, {
+        align: {
+            start: {};
+            center: {};
+            end: {};
+        };
+        hasChildren: {
+            true: {};
+            false: {};
         };
-    }, undefined, string[], {
         orientation: {
-            horizontal: "border-t w-full";
-            vertical: "border-l h-auto self-stretch";
+            horizontal: {
+                base: string;
+                divider: string;
+            };
+            vertical: {
+                base: string;
+                divider: string;
+            };
+        };
+    }, {
+        base: string[];
+        divider: string[];
+        beforeDivider: string;
+        afterDivider: string;
+    }, import('tailwind-variants').TVReturnTypeLike<{
+        align: {
+            start: {};
+            center: {};
+            end: {};
+        };
+        hasChildren: {
+            true: {};
+            false: {};
         };
-    }, undefined, import('tailwind-variants').TVReturnTypeLike<{
         orientation: {
-            horizontal: "border-t w-full";
-            vertical: "border-l h-auto self-stretch";
+            horizontal: {
+                base: string;
+                divider: string;
+            };
+            vertical: {
+                base: string;
+                divider: string;
+            };
         };
-    }, undefined>>;
+    }, {
+        base: string[];
+        divider: string[];
+        beforeDivider: string;
+        afterDivider: string;
+    }>>;
     iconButton: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
         size: {
             small: "size-6 text-lg";
@@ -839,19 +920,19 @@ declare const ComponentsTV: {
     }, undefined>>;
     link: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
         underline: {
-            none: "";
+            none: "no-underline";
             hover: "hover:underline";
             always: "underline";
         };
     }, undefined, string[], {
         underline: {
-            none: "";
+            none: "no-underline";
             hover: "hover:underline";
             always: "underline";
         };
     }, undefined, import('tailwind-variants').TVReturnTypeLike<{
         underline: {
-            none: "";
+            none: "no-underline";
             hover: "hover:underline";
             always: "underline";
         };
@@ -949,66 +1030,105 @@ declare const ComponentsTV: {
         input: string;
     }>>;
     select: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
-        color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+        color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
         disabled: {
-            true: "";
-            false: "";
+            true: {};
+            false: {};
         };
         variant: {
-            filled: "";
-            ghost: "";
-            outlined: "border border-1";
+            filled: {};
+            ghost: {};
+            outlined: {
+                base: string;
+            };
         };
         size: {
-            small: "py-1 px-1.5 h-6 text-sm";
-            medium: "py-1 px-1.5 h-8 text-sm";
-            large: "py-1.5 px-2 h-10 text-md";
+            small: {
+                base: string;
+            };
+            medium: {
+                base: string;
+            };
+            large: {
+                base: string;
+            };
         };
         fullWidth: {
-            true: "w-full";
-            false: "";
+            true: {
+                base: string;
+            };
+            false: {};
         };
-    }, undefined, string[], {
-        color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    }, {
+        base: string[];
+        option: string[];
+    }, undefined, {
+        color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
         disabled: {
-            true: "";
-            false: "";
+            true: {};
+            false: {};
         };
         variant: {
-            filled: "";
-            ghost: "";
-            outlined: "border border-1";
+            filled: {};
+            ghost: {};
+            outlined: {
+                base: string;
+            };
         };
         size: {
-            small: "py-1 px-1.5 h-6 text-sm";
-            medium: "py-1 px-1.5 h-8 text-sm";
-            large: "py-1.5 px-2 h-10 text-md";
+            small: {
+                base: string;
+            };
+            medium: {
+                base: string;
+            };
+            large: {
+                base: string;
+            };
         };
         fullWidth: {
-            true: "w-full";
-            false: "";
+            true: {
+                base: string;
+            };
+            false: {};
         };
-    }, undefined, import('tailwind-variants').TVReturnTypeLike<{
-        color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    }, {
+        base: string[];
+        option: string[];
+    }, import('tailwind-variants').TVReturnTypeLike<{
+        color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
         disabled: {
-            true: "";
-            false: "";
+            true: {};
+            false: {};
         };
         variant: {
-            filled: "";
-            ghost: "";
-            outlined: "border border-1";
+            filled: {};
+            ghost: {};
+            outlined: {
+                base: string;
+            };
         };
         size: {
-            small: "py-1 px-1.5 h-6 text-sm";
-            medium: "py-1 px-1.5 h-8 text-sm";
-            large: "py-1.5 px-2 h-10 text-md";
+            small: {
+                base: string;
+            };
+            medium: {
+                base: string;
+            };
+            large: {
+                base: string;
+            };
         };
         fullWidth: {
-            true: "w-full";
-            false: "";
+            true: {
+                base: string;
+            };
+            false: {};
         };
-    }, undefined>>;
+    }, {
+        base: string[];
+        option: string[];
+    }>>;
     skeleton: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
         variant: {
             circle: string[];

package/dist/index.js

@@ -1 +1 @@
-import e from"./ThemeProvider/ThemeProvider.js";import t from"./Accordion/Accordion.js";import n from"./AccordionDetails/AccordionDetails.js";import r from"./Button/Button.js";import i from"./AccordionSummary/AccordionSummary.js";import a from"./Typography/Typography.js";import o from"./IconButton/IconButton.js";import s from"./Alert/Alert.js";import c from"./Avatar/Avatar.js";import l from"./Badge/Badge.js";import u from"./Breadcrumbs/Breadcrumbs.js";import d from"./Card/Card.js";import f from"./CardContent/CardContent.js";import p from"./CardDescription/CardDescription.js";import m from"./CardFooter/CardFooter.js";import h from"./CardHeader/CardHeader.js";import g from"./CardTitle/CardTitle.js";import _ from"./Checkbox/Checkbox.js";import v from"./Chip/Chip.js";import y from"./Dialog/Dialog.js";import b from"./DialogActions/DialogActions.js";import x from"./DialogContent/DialogContent.js";import S from"./DialogTitle/DialogTitle.js";import C from"./Divider/Divider.js";import w from"./Input/Input.js";import T from"./Label/Label.js";import E from"./Link/Link.js";import D from"./Progress/Progress.js";import O from"./Radio/Radio.js";import k from"./RadioGroup/RadioGroup.js";import A from"./Select/Select.js";import j from"./Skeleton/Skeleton.js";import{Spinner as M}from"./Spinner/Spinner.js";import N from"./Switch/Switch.js";import P from"./Tab/Tab.js";import F from"./Table/Table.js";import I from"./TableBody/TableBody.js";import L from"./TableCell/TableCell.js";import R from"./TableFooter/TableFooter.js";import z from"./TableHead/TableHead.js";import B from"./TableRow/TableRow.js";import V from"./TabPanel/TabPanel.js";import H from"./Tabs/Tabs.js";import U from"./TabsContext/TabsContext.js";import W from"./Textarea/Textarea.js";import{t as G}from"./_chunks/createTheme-DT5vPeEE.js";import K from"./styles/useTheme.js";import"./styles/index.js";export{t as Accordion,n as AccordionDetails,i as AccordionSummary,s as Alert,c as Avatar,l as Badge,u as Breadcrumbs,r as Button,d as Card,f as CardContent,p as CardDescription,m as CardFooter,h as CardHeader,g as CardTitle,_ as Checkbox,v as Chip,y as Dialog,b as DialogActions,x as DialogContent,S as DialogTitle,C as Divider,o as IconButton,w as Input,T as Label,E as Link,D as Progress,O as Radio,k as RadioGroup,A as Select,j as Skeleton,M as Spinner,N as Switch,P as Tab,V as TabPanel,F as Table,I as TableBody,L as TableCell,R as TableFooter,z as TableHead,B as TableRow,H as Tabs,U as TabsContext,W as Textarea,e as ThemeProvider,a as Typography,G as createTheme,K as useTheme};
+import e from"./ThemeProvider/ThemeProvider.js";import t from"./Accordion/Accordion.js";import n from"./AccordionDetails/AccordionDetails.js";import r from"./Button/Button.js";import i from"./AccordionSummary/AccordionSummary.js";import a from"./Typography/Typography.js";import o from"./IconButton/IconButton.js";import s from"./Alert/Alert.js";import c from"./Avatar/Avatar.js";import l from"./Badge/Badge.js";import u from"./Breadcrumbs/Breadcrumbs.js";import d from"./Card/Card.js";import f from"./CardContent/CardContent.js";import p from"./CardDescription/CardDescription.js";import m from"./CardFooter/CardFooter.js";import h from"./CardHeader/CardHeader.js";import g from"./CardTitle/CardTitle.js";import _ from"./Checkbox/Checkbox.js";import v from"./Chip/Chip.js";import y from"./Dialog/Dialog.js";import b from"./DialogActions/DialogActions.js";import x from"./DialogContent/DialogContent.js";import S from"./DialogTitle/DialogTitle.js";import C from"./Divider/Divider.js";import w from"./Input/Input.js";import T from"./Label/Label.js";import E from"./Link/Link.js";import D from"./Progress/Progress.js";import O from"./Radio/Radio.js";import k from"./RadioGroup/RadioGroup.js";import A from"./Select/Select.js";import j from"./Skeleton/Skeleton.js";import{Spinner as M}from"./Spinner/Spinner.js";import N from"./Switch/Switch.js";import P from"./Tab/Tab.js";import F from"./Table/Table.js";import I from"./TableBody/TableBody.js";import L from"./TableCell/TableCell.js";import R from"./TableFooter/TableFooter.js";import z from"./TableHead/TableHead.js";import B from"./TableRow/TableRow.js";import V from"./TabPanel/TabPanel.js";import H from"./Tabs/Tabs.js";import U from"./TabsContext/TabsContext.js";import W from"./Textarea/Textarea.js";import G from"./styles/createTheme.js";import K from"./styles/useTheme.js";import"./styles/index.js";export{t as Accordion,n as AccordionDetails,i as AccordionSummary,s as Alert,c as Avatar,l as Badge,u as Breadcrumbs,r as Button,d as Card,f as CardContent,p as CardDescription,m as CardFooter,h as CardHeader,g as CardTitle,_ as Checkbox,v as Chip,y as Dialog,b as DialogActions,x as DialogContent,S as DialogTitle,C as Divider,o as IconButton,w as Input,T as Label,E as Link,D as Progress,O as Radio,k as RadioGroup,A as Select,j as Skeleton,M as Spinner,N as Switch,P as Tab,V as TabPanel,F as Table,I as TableBody,L as TableCell,R as TableFooter,z as TableHead,B as TableRow,H as Tabs,U as TabsContext,W as Textarea,e as ThemeProvider,a as Typography,G as createTheme,K as useTheme};

package/dist/styles/createTheme.js

@@ -1 +1,2 @@
-import{t as e}from"../_chunks/createTheme-DT5vPeEE.js";export{e as default};
+import e from"./theme/index.js";import t from"./theme/themeSchema.js";import{merge as n}from"ts-deepmerge";import{safeParse as r}from"valibot";function i(e){return`${e.path?.map(e=>String(e.key)).join(`.`)||`theme`}: ${e.message}`}function a(a){let o=r(t,a);if(!o.success){let e=o.issues.map(i).map(e=>`  - ${e}`).join(`
+`);throw Error(`Invalid theme configuration.\n\n${e}`)}return n(e,a)}export{a as default};

package/dist/styles/index.js

@@ -1 +1 @@
-import{t as e}from"../_chunks/createTheme-DT5vPeEE.js";import t from"./useTheme.js";export{e as createTheme,t as useTheme};
+import e from"./createTheme.js";import t from"./useTheme.js";export{e as createTheme,t as useTheme};

package/dist/styles/theme/colors.js

@@ -1 +1 @@
-var e={default:{solid:{background:`bg-neutral-900 dark:bg-neutral-100`,text:`text-neutral-50 dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-neutral-800 dark:hover:bg-neutral-200`,active:`active:bg-neutral-950 dark:active:bg-neutral-300`},filled:{background:`bg-neutral-200/70 dark:bg-neutral-800`,text:`text-neutral-900 dark:text-neutral-100`,border:`border-transparent`,hover:`hover:bg-neutral-200 dark:hover:bg-neutral-700`,active:`active:bg-neutral-300 dark:active:bg-neutral-600`},outlined:{background:`bg-transparent`,text:`text-neutral-800 dark:text-neutral-200`,border:`border-neutral-800 dark:border-neutral-200`,hover:`hover:bg-neutral-100 dark:hover:bg-neutral-800/80`,active:`active:bg-neutral-200/80 dark:active:bg-neutral-700/80`},ghost:{background:`bg-transparent`,text:`text-neutral-800 dark:text-neutral-200`,border:`border-transparent`,hover:`hover:bg-neutral-100 dark:hover:bg-neutral-800/80`,active:`active:bg-neutral-200/80 dark:active:bg-neutral-700/80`}},success:{solid:{background:`bg-emerald-600 dark:bg-emerald-500`,text:`text-white dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-emerald-700 dark:hover:bg-emerald-400`,active:`active:bg-emerald-800 dark:active:bg-emerald-300`},filled:{background:`bg-emerald-100 dark:bg-emerald-950/90`,text:`text-emerald-900 dark:text-emerald-200`,border:`border-transparent`,hover:`hover:bg-emerald-200/80 dark:hover:bg-emerald-900`,active:`active:bg-emerald-300/80 dark:active:bg-emerald-850`},outlined:{background:`bg-transparent`,text:`text-emerald-800 dark:text-emerald-300`,border:`border-emerald-800 dark:border-emerald-300`,hover:`hover:bg-emerald-50 dark:hover:bg-emerald-950/60`,active:`active:bg-emerald-100 dark:active:bg-emerald-900/80`},ghost:{background:`bg-transparent`,text:`text-emerald-800 dark:text-emerald-300`,border:`border-transparent`,hover:`hover:bg-emerald-50 dark:hover:bg-emerald-950/60`,active:`active:bg-emerald-100 dark:active:bg-emerald-900/80`}},warning:{solid:{background:`bg-amber-500 dark:bg-amber-400`,text:`text-amber-950 dark:text-amber-950`,border:`border-transparent`,hover:`hover:bg-amber-600 dark:hover:bg-amber-300`,active:`active:bg-amber-700 dark:active:bg-amber-200`},filled:{background:`bg-amber-100 dark:bg-amber-950/90`,text:`text-amber-950 dark:text-amber-200`,border:`border-transparent`,hover:`hover:bg-amber-200/80 dark:hover:bg-amber-900`,active:`active:bg-amber-300/80 dark:active:bg-amber-850`},outlined:{background:`bg-transparent`,text:`text-amber-900 dark:text-amber-300`,border:`border-amber-900 dark:border-amber-300`,hover:`hover:bg-amber-50 dark:hover:bg-amber-950/60`,active:`active:bg-amber-100 dark:active:bg-amber-900/80`},ghost:{background:`bg-transparent`,text:`text-amber-900 dark:text-amber-300`,border:`border-transparent`,hover:`hover:bg-amber-50 dark:hover:bg-amber-950/60`,active:`active:bg-amber-100 dark:active:bg-amber-900/80`}},info:{solid:{background:`bg-blue-600 dark:bg-blue-500`,text:`text-white dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-blue-700 dark:hover:bg-blue-400`,active:`active:bg-blue-800 dark:active:bg-blue-300`},filled:{background:`bg-blue-100 dark:bg-blue-950/90`,text:`text-blue-950 dark:text-blue-200`,border:`border-transparent`,hover:`hover:bg-blue-200/80 dark:hover:bg-blue-900`,active:`active:bg-blue-300/80 dark:active:bg-blue-850`},outlined:{background:`bg-transparent`,text:`text-blue-800 dark:text-blue-300`,border:`border-blue-800 dark:border-blue-300`,hover:`hover:bg-blue-50 dark:hover:bg-blue-950/60`,active:`active:bg-blue-100 dark:active:bg-blue-900/80`},ghost:{background:`bg-transparent`,text:`text-blue-800 dark:text-blue-300`,border:`border-transparent`,hover:`hover:bg-blue-50 dark:hover:bg-blue-950/60`,active:`active:bg-blue-100 dark:active:bg-blue-900/80`}},error:{solid:{background:`bg-red-600 dark:bg-red-500`,text:`text-white dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-red-700 dark:hover:bg-red-400`,active:`active:bg-red-800 dark:active:bg-red-300`},filled:{background:`bg-red-100 dark:bg-red-950/90`,text:`text-red-950 dark:text-red-200`,border:`border-transparent`,hover:`hover:bg-red-200/80 dark:hover:bg-red-900`,active:`active:bg-red-300/80 dark:active:bg-red-850`},outlined:{background:`bg-transparent`,text:`text-red-800 dark:text-red-300`,border:`border-red-800 dark:border-red-300`,hover:`hover:bg-red-50 dark:hover:bg-red-950/60`,active:`active:bg-red-100 dark:active:bg-red-900/80`},ghost:{background:`bg-transparent`,text:`text-red-800 dark:text-red-300`,border:`border-transparent`,hover:`hover:bg-red-50 dark:hover:bg-red-950/60`,active:`active:bg-red-100 dark:active:bg-red-900/80`}}};export{e as default};
+var e={default:{solid:{background:`bg-neutral-900 dark:bg-neutral-100`,text:`text-neutral-50 dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-neutral-800 dark:hover:bg-neutral-200`,active:`active:bg-neutral-950 dark:active:bg-neutral-300`},filled:{background:`bg-neutral-200/70 dark:bg-neutral-800`,text:`text-neutral-900 dark:text-neutral-100`,border:`border-transparent`,hover:`hover:bg-neutral-200 dark:hover:bg-neutral-700`,active:`active:bg-neutral-300 dark:active:bg-neutral-600`},outlined:{background:`bg-transparent`,text:`text-neutral-800 dark:text-neutral-200`,border:`border-neutral-400 dark:border-neutral-500`,hover:`hover:bg-neutral-100 dark:hover:bg-neutral-800/80`,active:`active:bg-neutral-200/80 dark:active:bg-neutral-700/80`},ghost:{background:`bg-transparent`,text:`text-neutral-800 dark:text-neutral-200`,border:`border-transparent`,hover:`hover:bg-neutral-100 dark:hover:bg-neutral-800/80`,active:`active:bg-neutral-200/80 dark:active:bg-neutral-700/80`}},success:{solid:{background:`bg-emerald-600 dark:bg-emerald-500`,text:`text-white dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-emerald-700 dark:hover:bg-emerald-400`,active:`active:bg-emerald-800 dark:active:bg-emerald-300`},filled:{background:`bg-emerald-100 dark:bg-emerald-950/90`,text:`text-emerald-900 dark:text-emerald-200`,border:`border-transparent`,hover:`hover:bg-emerald-200/80 dark:hover:bg-emerald-900`,active:`active:bg-emerald-300/80 dark:active:bg-emerald-850`},outlined:{background:`bg-transparent`,text:`text-emerald-800 dark:text-emerald-300`,border:`border-emerald-800 dark:border-emerald-300`,hover:`hover:bg-emerald-50 dark:hover:bg-emerald-950/60`,active:`active:bg-emerald-100 dark:active:bg-emerald-900/80`},ghost:{background:`bg-transparent`,text:`text-emerald-800 dark:text-emerald-300`,border:`border-transparent`,hover:`hover:bg-emerald-50 dark:hover:bg-emerald-950/60`,active:`active:bg-emerald-100 dark:active:bg-emerald-900/80`}},warning:{solid:{background:`bg-amber-500 dark:bg-amber-400`,text:`text-amber-950 dark:text-amber-950`,border:`border-transparent`,hover:`hover:bg-amber-600 dark:hover:bg-amber-300`,active:`active:bg-amber-700 dark:active:bg-amber-200`},filled:{background:`bg-amber-100 dark:bg-amber-950/90`,text:`text-amber-950 dark:text-amber-200`,border:`border-transparent`,hover:`hover:bg-amber-200/80 dark:hover:bg-amber-900`,active:`active:bg-amber-300/80 dark:active:bg-amber-850`},outlined:{background:`bg-transparent`,text:`text-amber-900 dark:text-amber-300`,border:`border-amber-900 dark:border-amber-300`,hover:`hover:bg-amber-50 dark:hover:bg-amber-950/60`,active:`active:bg-amber-100 dark:active:bg-amber-900/80`},ghost:{background:`bg-transparent`,text:`text-amber-900 dark:text-amber-300`,border:`border-transparent`,hover:`hover:bg-amber-50 dark:hover:bg-amber-950/60`,active:`active:bg-amber-100 dark:active:bg-amber-900/80`}},info:{solid:{background:`bg-blue-600 dark:bg-blue-500`,text:`text-white dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-blue-700 dark:hover:bg-blue-400`,active:`active:bg-blue-800 dark:active:bg-blue-300`},filled:{background:`bg-blue-100 dark:bg-blue-950/90`,text:`text-blue-950 dark:text-blue-200`,border:`border-transparent`,hover:`hover:bg-blue-200/80 dark:hover:bg-blue-900`,active:`active:bg-blue-300/80 dark:active:bg-blue-850`},outlined:{background:`bg-transparent`,text:`text-blue-800 dark:text-blue-300`,border:`border-blue-800 dark:border-blue-300`,hover:`hover:bg-blue-50 dark:hover:bg-blue-950/60`,active:`active:bg-blue-100 dark:active:bg-blue-900/80`},ghost:{background:`bg-transparent`,text:`text-blue-800 dark:text-blue-300`,border:`border-transparent`,hover:`hover:bg-blue-50 dark:hover:bg-blue-950/60`,active:`active:bg-blue-100 dark:active:bg-blue-900/80`}},error:{solid:{background:`bg-red-600 dark:bg-red-500`,text:`text-white dark:text-neutral-950`,border:`border-transparent`,hover:`hover:bg-red-700 dark:hover:bg-red-400`,active:`active:bg-red-800 dark:active:bg-red-300`},filled:{background:`bg-red-100 dark:bg-red-950/90`,text:`text-red-950 dark:text-red-200`,border:`border-transparent`,hover:`hover:bg-red-200/80 dark:hover:bg-red-900`,active:`active:bg-red-300/80 dark:active:bg-red-850`},outlined:{background:`bg-transparent`,text:`text-red-800 dark:text-red-300`,border:`border-red-800 dark:border-red-300`,hover:`hover:bg-red-50 dark:hover:bg-red-950/60`,active:`active:bg-red-100 dark:active:bg-red-900/80`},ghost:{background:`bg-transparent`,text:`text-red-800 dark:text-red-300`,border:`border-transparent`,hover:`hover:bg-red-50 dark:hover:bg-red-950/60`,active:`active:bg-red-100 dark:active:bg-red-900/80`}}};export{e as default};

package/dist/styles/theme/disabled.js

@@ -1 +1 @@
-var e={text:`text-neutral-400 dark:text-neutral-600`,background:`bg-neutral-100 dark:bg-neutral-800`,border:`border-neutral-200 dark:border-neutral-800`,state:`opacity-50 cursor-not-allowed pointer-events-none`};export{e as default};
+var e={text:`text-neutral-400 dark:text-neutral-600`,background:`bg-neutral-100 dark:bg-neutral-800`,border:`border-neutral-200 dark:border-neutral-800`,state:`cursor-not-allowed pointer-events-none`};export{e as default};

package/dist/styles/theme/themeSchema.js

@@ -1 +1 @@
-import{t as e}from"../../_chunks/themeSchema-BFl6XiaJ.js";export{e as default};
+import e from"./index.js";import{object as t,partial as n,pipe as r,rawCheck as i,record as a,safeParse as o,string as s,unknown as c}from"valibot";var l=(e=!1)=>{let r=t({background:s(),text:s(),border:s(),hover:s(),active:s()});return e?n(r):r},u=(e=!1)=>{let r=t({solid:l(e),filled:l(e),outlined:l(e),ghost:l(e)});return e?n(r):r},d=new Set(Object.keys(e.colors)),f=r(a(s(),c()),i(({dataset:e,addIssue:t})=>{let n=e.value;for(let[e,r]of Object.entries(n)){let i=d.has(e)?u(!0):u(),a=o(i,r);if(!a.success)for(let i of a.issues)t({...i,path:[{type:`object`,origin:`value`,input:n,key:e,value:r},...i.path??[]]})}})),p=a(s(),s()),m=a(s(),s()),h=a(s(),s()),g=n(t({colors:a(s(),s()),variants:a(s(),s())})),_=n(t({colors:f,disabled:p,rounded:m,shadow:h,typography:g,divider:s(),focus:s(),focusWithin:s()}));export{_ as default};

package/dist/styles/theme/utilities.js

@@ -1 +1 @@
-var e={divider:`border-neutral-300 dark:border-neutral-700`,focus:`focus-visible:outline-none focus-visible:shadow-[0_0_0_1px_#2563eb,0_0_0_4px_rgba(37,99,235,0.35)] dark:focus-visible:shadow-[0_0_0_1px_#60a5fa,0_0_0_4px_rgba(96,165,250,0.35)]`,focusWithin:`focus-within:shadow-[0_0_0_1px_#2563eb,0_0_0_4px_rgba(37,99,235,0.35)] dark:focus-within:shadow-[0_0_0_1px_#60a5fa,0_0_0_4px_rgba(96,165,250,0.35)]`};export{e as default};
+var e={divider:`border-neutral-300 dark:border-neutral-700`,focus:`focus-visible:outline-none focus-visible:shadow-[0_0_0_1px_#2563eb,0_0_0_4px_rgba(37,99,235,0.45)] dark:focus-visible:shadow-[0_0_0_1px_#60a5fa,0_0_0_4px_rgba(96,165,250,0.45)]`,focusWithin:`focus-within:shadow-[0_0_0_1px_#2563eb,0_0_0_4px_rgba(37,99,235,0.45)] dark:focus-within:shadow-[0_0_0_1px_#60a5fa,0_0_0_4px_rgba(96,165,250,0.45)]`};export{e as default};

package/dist/styles/useTheme.js

@@ -1 +1 @@
-import{ThemeContext as e}from"../ThemeProvider/ThemeContext.js";import{useContext as t}from"solid-js";var n=()=>{let n=t(e);if(!n)throw Error(`useTheme must be used inside ThemeProvider`);return n.theme};export{n as default};
+import{ThemeContext as e}from"../ThemeProvider/ThemeContext.js";import{useContext as t}from"solid-js";var n=()=>{let n=t(e);if(!n)throw Error(`useTheme must be used inside ThemeProvider component.`);return n.theme};export{n as default};

package/dist/types/ExtendedComponentProps.d.ts

@@ -0,0 +1,6 @@
+export interface ExtendedComponentProps {
+}
+export type WithExtendedComponentProps = {
+    "data-testId"?: string;
+    "data-testid"?: string;
+} & ExtendedComponentProps;

package/dist/types/Prettify.d.ts

@@ -0,0 +1,3 @@
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rocksolidjs",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A modern, accessible component library built with SolidJS and Tailwind CSS.",
   "keywords": [
     "solid",
@@ -32,6 +32,9 @@
     "dist"
   ],
   "scripts": {
+    "test": "vitest run",
+    "test:dev": "vitest",
+    "test:coverage": "vitest run --coverage",
     "build": "npm run typecheck && vite build",
     "typecheck": "tsc -p tsconfig.build.json --noEmit",
     "version": "changeset version && node scripts/sync-lock-version.js",
@@ -40,13 +43,19 @@
   "devDependencies": {
     "@changesets/changelog-github": "^1.0.1",
     "@changesets/cli": "^3.0.2",
+    "@solidjs/testing-library": "^0.8.10",
     "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/user-event": "^14.6.7",
     "@types/node": "^24.13.3",
+    "@vitest/coverage-v8": "^5.0.0",
     "glob": "^13.0.6",
+    "jsdom": "^30.0.1",
     "typescript": "~6.0.2",
     "vite": "^8.2.0",
     "vite-plugin-dts": "^5.0.3",
-    "vite-plugin-solid": "^2.11.13"
+    "vite-plugin-solid": "^2.11.13",
+    "vitest": "^5.0.0"
   },
   "dependencies": {
     "tailwind-variants": "^3.1.0",

package/dist/_chunks/createTheme-DT5vPeEE.js

@@ -1,2 +0,0 @@
-import e from"../styles/theme/index.js";import{n as t,t as n}from"./themeSchema-BFl6XiaJ.js";var r=e=>{if(typeof e==`object`&&e){if(typeof Object.getPrototypeOf==`function`){let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}return Object.prototype.toString.call(e)===`[object Object]`}return!1},i=new Set([`__proto__`,`constructor`,`prototype`,`toString`,`valueOf`,`hasOwnProperty`,`isPrototypeOf`,`propertyIsEnumerable`,`toLocaleString`]),a=(...e)=>e.reduce((e,t)=>{if(t===void 0)return e;if(Array.isArray(t))throw TypeError(`Arguments provided to ts-deepmerge must be objects, not arrays.`);return Object.keys(t).forEach(n=>{i.has(n)||(e[n]=Array.isArray(e[n])&&Array.isArray(t[n])?a.options.mergeArrays?a.options.uniqueArrayItems?Array.from(new Set(e[n].concat(t[n]))):[...e[n],...t[n]]:t[n]:r(e[n])&&r(t[n])?a(e[n],t[n]):!r(e[n])&&r(t[n])?a(t[n],void 0):t[n]===void 0?a.options.allowUndefinedOverrides?t[n]:e[n]:t[n])}),e},{}),o={allowUndefinedOverrides:!0,mergeArrays:!0,uniqueArrayItems:!0};a.options=o,a.withOptions=(e,...t)=>{a.options=Object.assign(Object.assign({},o),e);let n=a(...t);return a.options=o,n};function s(e){return`${e.path?.map(e=>String(e.key)).join(`.`)||`theme`}: ${e.message}`}function c(r){let i=t(n,r);if(!i.success){let e=i.issues.map(s).map(e=>`  - ${e}`).join(`
-`);throw Error(`Invalid theme configuration.\n\n${e}`)}return a(e,r)}export{c as t};

package/dist/_chunks/themeSchema-BFl6XiaJ.js

@@ -1 +0,0 @@
-import e from"../styles/theme/index.js";var t={lang:void 0,message:void 0,abortEarly:void 0,abortPipeEarly:void 0};function n(e){return e?{lang:e?.lang??void 0,message:e?.message,abortEarly:e?.abortEarly??void 0,abortPipeEarly:e?.abortPipeEarly??void 0}:t}function r(e){let t=typeof e;return t===`string`?`"${e}"`:t===`number`||t===`bigint`||t===`boolean`?`${e}`:t===`object`||t===`function`?(e&&Object.getPrototypeOf(e)?.constructor?.name)??`null`:t}function i(e,t,n,i,a){let o=a&&`input`in a?a.input:n.value,s=a?.expected??e.expects??null,c=a?.received??r(o),l={kind:e.kind,type:e.type,input:o,expected:s,received:c,message:`Invalid ${t}: ${s?`Expected ${s} but r`:`R`}eceived ${c}`,requirement:e.requirement,path:a?.path,issues:a?.issues,lang:i.lang,abortEarly:i.abortEarly,abortPipeEarly:i.abortPipeEarly},u=e.kind===`schema`,d=a?.message??e.message??(e.reference,l.lang,void 0)??(u?(l.lang,void 0):null)??i.message??(l.lang,void 0);d!==void 0&&(l.message=typeof d==`function`?d(l):d),u&&(n.typed=!1),n.issues?n.issues.push(l):n.issues=[l]}var a=new WeakMap;function o(e){let t=a.get(e);return t||(t={version:1,vendor:`valibot`,validate(t){return e[`~run`]({value:t},n())}},a.set(e,t)),t}function s(e,t){return Object.prototype.hasOwnProperty.call(e,t)&&t!==`__proto__`&&t!==`prototype`&&t!==`constructor`}function c(e){return{kind:`validation`,type:`raw_check`,reference:c,async:!1,expects:null,"~run"(t,n){return e({dataset:t,config:n,addIssue:e=>i(this,e?.label??`input`,t,n,e)}),t}}}function l(e,t,n){return typeof e.fallback==`function`?e.fallback(t,n):e.fallback}function u(e,t,n){return typeof e.default==`function`?e.default(t,n):e.default}function d(e,t){return{kind:`schema`,type:`object`,reference:d,expects:`Object`,async:!1,entries:e,message:t,get"~standard"(){return o(this)},"~run"(e,t){let n=e.value;if(n&&typeof n==`object`){e.typed=!0,e.value={};for(let r in this.entries){let a=this.entries[r];if(r in n||(a.type===`exact_optional`||a.type===`optional`||a.type===`nullish`)&&a.default!==void 0){let i=r in n?n[r]:u(a),o=a[`~run`]({value:i},t);if(o.issues){let a={type:`object`,origin:`value`,input:n,key:r,value:i};for(let t of o.issues)t.path?t.path.unshift(a):t.path=[a],e.issues?.push(t);if(e.issues||=o.issues,t.abortEarly){e.typed=!1;break}}o.typed||(e.typed=!1),e.value[r]=o.value}else if(a.fallback!==void 0)e.value[r]=l(a);else if(a.type!==`exact_optional`&&a.type!==`optional`&&a.type!==`nullish`&&(i(this,`key`,e,t,{input:void 0,expected:`"${r}"`,path:[{type:`object`,origin:`key`,input:n,key:r,value:n[r]}]}),t.abortEarly))break}}else i(this,`type`,e,t);return e}}}function f(e,t){return{kind:`schema`,type:`optional`,reference:f,expects:`(${e.expects} | undefined)`,async:!1,wrapped:e,default:t,get"~standard"(){return o(this)},"~run"(e,t){return e.value===void 0&&(this.default!==void 0&&(e.value=u(this,e,t)),e.value===void 0)?(e.typed=!0,e):this.wrapped[`~run`](e,t)}}}function p(e,t,n){return{kind:`schema`,type:`record`,reference:p,expects:`Object`,async:!1,key:e,value:t,message:n,get"~standard"(){return o(this)},"~run"(e,t){let n=e.value;if(n&&typeof n==`object`){e.typed=!0,e.value={};for(let r in n)if(s(n,r)){let i=n[r],a=this.key[`~run`]({value:r},t);if(a.issues){let o={type:`object`,origin:`key`,input:n,key:r,value:i};for(let t of a.issues)t.path=[o],e.issues?.push(t);if(e.issues||=a.issues,t.abortEarly){e.typed=!1;break}}let o=this.value[`~run`]({value:i},t);if(o.issues){let a={type:`object`,origin:`value`,input:n,key:r,value:i};for(let t of o.issues)t.path?t.path.unshift(a):t.path=[a],e.issues?.push(t);if(e.issues||=o.issues,t.abortEarly){e.typed=!1;break}}(!a.typed||!o.typed)&&(e.typed=!1),a.typed&&(e.value[a.value]=o.value)}}else i(this,`type`,e,t);return e}}}function m(e){return{kind:`schema`,type:`string`,reference:m,expects:`string`,async:!1,message:e,get"~standard"(){return o(this)},"~run"(e,t){return typeof e.value==`string`?e.typed=!0:i(this,`type`,e,t),e}}}function h(){return{kind:`schema`,type:`unknown`,reference:h,expects:`unknown`,async:!1,get"~standard"(){return o(this)},"~run"(e){return e.typed=!0,e}}}function g(e,t){let n={};for(let r in e.entries)n[r]=!t||t.includes(r)?f(e.entries[r]):e.entries[r];return{...e,entries:n,get"~standard"(){return o(this)}}}function _(...e){return{...e[0],pipe:e,get"~standard"(){return o(this)},"~run"(t,n){for(let r of e)if(r.kind!==`metadata`){if(t.issues&&(r.kind===`schema`||r.kind===`transformation`)){t.typed=!1;break}(!t.issues||!n.abortEarly&&!n.abortPipeEarly)&&(t=r[`~run`](t,n))}return t}}}function v(e,t,r){let i=e[`~run`]({value:t},n(r));return{typed:i.typed,success:!i.issues,output:i.value,issues:i.issues}}var y=(e=!1)=>{let t=d({background:m(),text:m(),border:m(),hover:m(),active:m()});return e?g(t):t},b=(e=!1)=>{let t=d({solid:y(e),filled:y(e),outlined:y(e),ghost:y(e)});return e?g(t):t},x=new Set(Object.keys(e.colors)),S=g(d({colors:_(p(m(),h()),c(({dataset:e,addIssue:t})=>{let n=e.value;for(let[e,r]of Object.entries(n)){let i=v(x.has(e)?b(!0):b(),r);if(!i.success)for(let a of i.issues)t({...a,path:[{type:`object`,origin:`value`,input:n,key:e,value:r},...a.path??[]]})}})),disabled:p(m(),m()),rounded:p(m(),m()),shadow:p(m(),m()),typography:g(d({colors:p(m(),m()),variants:p(m(),m())})),divider:m(),focus:m(),focusWithin:m()}));export{v as n,S as t};