rocksolidjs 0.1.2 → 0.1.4

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", {
@@ -309,6 +336,14 @@ declare const ComponentsTV: {
             };
             false: "";
         };
+        isChildOfButtonGroup: {
+            true: {
+                base: string[];
+            };
+            false: {
+                base: string[];
+            };
+        };
     }, {
         base: string[];
         startIcon: string;
@@ -348,6 +383,14 @@ declare const ComponentsTV: {
             };
             false: "";
         };
+        isChildOfButtonGroup: {
+            true: {
+                base: string[];
+            };
+            false: {
+                base: string[];
+            };
+        };
     }, {
         base: string[];
         startIcon: string;
@@ -387,11 +430,62 @@ declare const ComponentsTV: {
             };
             false: "";
         };
+        isChildOfButtonGroup: {
+            true: {
+                base: string[];
+            };
+            false: {
+                base: string[];
+            };
+        };
     }, {
         base: string[];
         startIcon: string;
         endIcon: string;
     }>>;
+    buttonGroup: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
+        disabled: {
+            true: "";
+            false: "";
+        };
+        fullWidth: {
+            true: "w-full";
+            false: "";
+        };
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+        variant: Record<keyof import('..').ThemeColorVariants, string>;
+    }, undefined, string[], {
+        disabled: {
+            true: "";
+            false: "";
+        };
+        fullWidth: {
+            true: "w-full";
+            false: "";
+        };
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+        variant: Record<keyof import('..').ThemeColorVariants, string>;
+    }, undefined, import('tailwind-variants').TVReturnTypeLike<{
+        disabled: {
+            true: "";
+            false: "";
+        };
+        fullWidth: {
+            true: "w-full";
+            false: "";
+        };
+        orientation: {
+            horizontal: string[];
+            vertical: string[];
+        };
+        variant: Record<keyof import('..').ThemeColorVariants, string>;
+    }, undefined>>;
     card: (theme?: import('..').Theme) => import('tailwind-variants').TVReturnType<{
         variant: {
             filled: string[];
@@ -418,7 +512,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 +588,7 @@ declare const ComponentsTV: {
             };
         };
         clickable: {
-            true: {
-                base: string[];
-            };
+            true: {};
             false: {};
         };
         hasDeleteIcon: {
@@ -543,9 +635,7 @@ declare const ComponentsTV: {
             };
         };
         clickable: {
-            true: {
-                base: string[];
-            };
+            true: {};
             false: {};
         };
         hasDeleteIcon: {
@@ -592,9 +682,7 @@ declare const ComponentsTV: {
             };
         };
         clickable: {
-            true: {
-                base: string[];
-            };
+            true: {};
             false: {};
         };
         hasDeleteIcon: {
@@ -630,21 +718,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 +987,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 +1097,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/ThemeProvider/componentsTV.js

@@ -1 +1 @@
-import{accordion as e}from"../Accordion/style.js";import{accordionDetails as t}from"../AccordionDetails/style.js";import{accordionSummary as n}from"../AccordionSummary/style.js";import{alert as r}from"../Alert/style.js";import{avatar as i}from"../Avatar/style.js";import{backdrop as a}from"../Backdrop/style.js";import{badge as o}from"../Badge/style.js";import{breadcrumbs as s}from"../Breadcrumbs/style.js";import{button as c}from"../Button/style.js";import{card as l}from"../Card/style.js";import{cardHeader as u}from"../CardHeader/style.js";import{cardTitle as d}from"../CardTitle/style.js";import{cardDescription as f}from"../CardDescription/style.js";import{cardFooter as p}from"../CardFooter/style.js";import{cardContent as m}from"../CardContent/style.js";import{checkbox as h}from"../Checkbox/style.js";import{chip as g}from"../Chip/style.js";import{dialog as _}from"../Dialog/style.js";import{dialogContent as v}from"../DialogContent/style.js";import{dialogActions as y}from"../DialogActions/style.js";import{dialogTitle as b}from"../DialogTitle/style.js";import{divider as x}from"../Divider/style.js";import{iconButton as S}from"../IconButton/style.js";import{input as C}from"../Input/style.js";import{label as w}from"../Label/style.js";import{link as T}from"../Link/style.js";import{progress as E}from"../Progress/style.js";import{radio as D}from"../Radio/style.js";import{select as O}from"../Select/style.js";import{skeleton as k}from"../Skeleton/style.js";import{spinner as A}from"../Spinner/style.js";import{switchTv as j}from"../Switch/style.js";import{table as M}from"../Table/style.js";import{tableCell as N}from"../TableCell/style.js";import{tableFooter as P}from"../TableFooter/style.js";import{tableRow as F}from"../TableRow/style.js";import{tab as I}from"../Tab/style.js";import{tabs as L}from"../Tabs/style.js";import{textarea as R}from"../Textarea/style.js";import{typography as z}from"../Typography/style.js";var B={accordion:e,accordionDetails:t,accordionSummary:n,alert:r,avatar:i,backdrop:a,badge:o,breadcrumbs:s,button:c,card:l,cardHeader:u,cardTitle:d,cardDescription:f,cardContent:m,cardFooter:p,checkbox:h,chip:g,dialog:_,dialogContent:v,dialogActions:y,dialogTitle:b,divider:x,iconButton:S,input:C,label:w,link:T,progress:E,radio:D,select:O,skeleton:k,spinner:A,switch:j,table:M,tableCell:N,tableFooter:P,tableRow:F,tab:I,tabs:L,textarea:R,typography:z};export{B as default};
+import{accordion as e}from"../Accordion/style.js";import{accordionDetails as t}from"../AccordionDetails/style.js";import{accordionSummary as n}from"../AccordionSummary/style.js";import{alert as r}from"../Alert/style.js";import{avatar as i}from"../Avatar/style.js";import{backdrop as a}from"../Backdrop/style.js";import{badge as o}from"../Badge/style.js";import{breadcrumbs as s}from"../Breadcrumbs/style.js";import{button as c}from"../Button/style.js";import{buttonGroup as l}from"../ButtonGroup/style.js";import{card as u}from"../Card/style.js";import{cardHeader as d}from"../CardHeader/style.js";import{cardTitle as f}from"../CardTitle/style.js";import{cardDescription as p}from"../CardDescription/style.js";import{cardFooter as m}from"../CardFooter/style.js";import{cardContent as h}from"../CardContent/style.js";import{checkbox as g}from"../Checkbox/style.js";import{chip as _}from"../Chip/style.js";import{dialog as v}from"../Dialog/style.js";import{dialogContent as y}from"../DialogContent/style.js";import{dialogActions as b}from"../DialogActions/style.js";import{dialogTitle as x}from"../DialogTitle/style.js";import{divider as S}from"../Divider/style.js";import{iconButton as C}from"../IconButton/style.js";import{input as w}from"../Input/style.js";import{label as T}from"../Label/style.js";import{link as E}from"../Link/style.js";import{progress as D}from"../Progress/style.js";import{radio as O}from"../Radio/style.js";import{select as k}from"../Select/style.js";import{skeleton as A}from"../Skeleton/style.js";import{spinner as j}from"../Spinner/style.js";import{switchTv as M}from"../Switch/style.js";import{table as N}from"../Table/style.js";import{tableCell as P}from"../TableCell/style.js";import{tableFooter as F}from"../TableFooter/style.js";import{tableRow as I}from"../TableRow/style.js";import{tab as L}from"../Tab/style.js";import{tabs as R}from"../Tabs/style.js";import{textarea as z}from"../Textarea/style.js";import{typography as B}from"../Typography/style.js";var V={accordion:e,accordionDetails:t,accordionSummary:n,alert:r,avatar:i,backdrop:a,badge:o,breadcrumbs:s,button:c,buttonGroup:l,card:u,cardHeader:d,cardTitle:f,cardDescription:p,cardContent:h,cardFooter:m,checkbox:g,chip:_,dialog:v,dialogContent:y,dialogActions:b,dialogTitle:x,divider:S,iconButton:C,input:w,label:T,link:E,progress:D,radio:O,select:k,skeleton:A,spinner:j,switch:M,table:N,tableCell:P,tableFooter:F,tableRow:I,tab:L,tabs:R,textarea:z,typography:B};export{V as default};

package/dist/_chunks/Button-D7kRTDWq.js

@@ -0,0 +1 @@
+import e from"../utils/cn.js";import t from"../Button/style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{Dynamic as r,createComponent as i,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{Show as u,createContext as d,createMemo as f,mergeProps as p,splitProps as m,useContext as h}from"solid-js";import"tailwind-variants";var g=d(),_=()=>h(g),v=l(`<span>`),y=l=>{let d=p({as:`button`,color:`default`,variant:`solid`,size:`medium`},l),[h,g]=m(d,[`as`,`children`,`class`,`color`,`disabled`,`endIcon`,`fullWidth`,`size`,`startIcon`,`variant`,`slotProps`]),y=n(),b=_(),x=e=>{if(l[e]!==void 0)return l[e];if(b){let t=b[e]();if(t!==void 0)return t}return h[e]},S=f(()=>x(`disabled`)),C=f(()=>{let e={color:x(`color`),disabled:S(),fullWidth:x(`fullWidth`),size:x(`size`),variant:x(`variant`),isChildOfButtonGroup:!!b};return y?y.componentsTV.button(e):t(e)});return i(r,s({get component(){return h.as||`button`}},g,{get class(){return e(C().base(),h.class)},get disabled(){return S()},get children(){return[i(u,{get when(){return h.startIcon},get children(){var t=v();return c(t,s(()=>h.slotProps?.startIcon,{get class(){return e(C().startIcon(),h.slotProps?.startIcon?.class)}}),!1,!0),a(t,()=>h.startIcon),t}}),o(()=>h.children),i(u,{get when(){return h.endIcon},get children(){var t=v();return c(t,s(()=>h.slotProps?.endIcon,{get class(){return e(C().endIcon(),h.slotProps?.endIcon?.class)}}),!1,!0),a(t,()=>h.endIcon),t}})]}}))};export{g as n,_ as r,y as t};

package/dist/index.d.ts

@@ -22,6 +22,9 @@ export * from './Breadcrumbs/Breadcrumbs';
 /** Button */
 export { default as Button } from './Button/Button';
 export * from './Button/Button';
+/** ButtonGroup */
+export { default as ButtonGroup } from './ButtonGroup/ButtonGroup';
+export * from './ButtonGroup/ButtonGroup';
 /** Card */
 export { default as Card } from './Card/Card';
 export * from './Card/Card';

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{t as r}from"./_chunks/Button-D7kRTDWq.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"./ButtonGroup/ButtonGroup.js";import f from"./Card/Card.js";import p from"./CardContent/CardContent.js";import m from"./CardDescription/CardDescription.js";import h from"./CardFooter/CardFooter.js";import g from"./CardHeader/CardHeader.js";import _ from"./CardTitle/CardTitle.js";import v from"./Checkbox/Checkbox.js";import y from"./Chip/Chip.js";import b from"./Dialog/Dialog.js";import x from"./DialogActions/DialogActions.js";import S from"./DialogContent/DialogContent.js";import C from"./DialogTitle/DialogTitle.js";import w from"./Divider/Divider.js";import T from"./Input/Input.js";import E from"./Label/Label.js";import D from"./Link/Link.js";import O from"./Progress/Progress.js";import k from"./Radio/Radio.js";import A from"./RadioGroup/RadioGroup.js";import j from"./Select/Select.js";import M from"./Skeleton/Skeleton.js";import{Spinner as N}from"./Spinner/Spinner.js";import P from"./Switch/Switch.js";import F from"./Tab/Tab.js";import I from"./Table/Table.js";import L from"./TableBody/TableBody.js";import R from"./TableCell/TableCell.js";import z from"./TableFooter/TableFooter.js";import B from"./TableHead/TableHead.js";import V from"./TableRow/TableRow.js";import H from"./TabPanel/TabPanel.js";import U from"./Tabs/Tabs.js";import W from"./TabsContext/TabsContext.js";import G from"./Textarea/Textarea.js";import K from"./styles/createTheme.js";import q 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 ButtonGroup,f as Card,p as CardContent,m as CardDescription,h as CardFooter,g as CardHeader,_ as CardTitle,v as Checkbox,y as Chip,b as Dialog,x as DialogActions,S as DialogContent,C as DialogTitle,w as Divider,o as IconButton,T as Input,E as Label,D as Link,O as Progress,k as Radio,A as RadioGroup,j as Select,M as Skeleton,N as Spinner,P as Switch,F as Tab,H as TabPanel,I as Table,L as TableBody,R as TableCell,z as TableFooter,B as TableHead,V as TableRow,U as Tabs,W as TabsContext,G as Textarea,e as ThemeProvider,a as Typography,K as createTheme,q 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.4",
   "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",
@@ -95,6 +104,10 @@
       "import": "./dist/Button/Button.js",
       "types": "./dist/Button/Button.d.ts"
     },
+    "./ButtonGroup": {
+      "import": "./dist/ButtonGroup/ButtonGroup.js",
+      "types": "./dist/ButtonGroup/ButtonGroup.d.ts"
+    },
     "./Card": {
       "import": "./dist/Card/Card.js",
       "types": "./dist/Card/Card.d.ts"

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};