rocksolidjs 0.1.3 → 0.1.4

package/dist/AccordionSummary/AccordionSummary.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{useAccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import i from"../Button/Button.js";import"../Button/index.js";import a from"../icons/AngleUp.js";import o from"../icons/AngleDown.js";import{createComponent as s,insert as c,mergeProps as l,spread as u,template as d}from"solid-js/web";import{createMemo as f,mergeProps as p,splitProps as m}from"solid-js";var h=d(`<div>`),g=d=>{let g=p({collapsedIcon:s(a,{get class(){return e(`text-lg`)}}),expandedIcon:s(o,{get class(){return e(`text-lg`)}})},d),[_,v]=m(g,[`children`,`collapsedIcon`,`expandedIcon`,`slotProps`]),y=n(),b=r(),x=f(()=>b.isExpanded()?_.expandedIcon:_.collapsedIcon),S=f(()=>y?y.componentsTV.accordionSummary():t()),C=f(()=>{let e=b.accordionId(),t={"aria-expanded":b.isExpanded()};return e?{...t,"aria-controls":`accordion-${e}-details`,id:`accordion-${e}-summary`}:t});return(()=>{var t=h();return u(t,v,!1,!0),c(t,s(i,l(C,()=>_.slotProps?.button,{get onClick(){return b.onToggleExpand},get endIcon(){return x()},get disabled(){return b.isDisabled()},variant:`ghost`,get class(){return e([S(),_.slotProps?.button?.class])},get slotProps(){return{startIcon:_.slotProps?.button?.slotProps?.startIcon,endIcon:_.slotProps?.icon}},fullWidth:!0,get children(){return _.children}}))),t})()};export{g as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{useAccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{t as i}from"../_chunks/Button-D7kRTDWq.js";import a from"../icons/AngleUp.js";import o from"../icons/AngleDown.js";import{createComponent as s,insert as c,mergeProps as l,spread as u,template as d}from"solid-js/web";import{createMemo as f,mergeProps as p,splitProps as m}from"solid-js";var h=d(`<div>`),g=d=>{let g=p({collapsedIcon:s(a,{get class(){return e(`text-lg`)}}),expandedIcon:s(o,{get class(){return e(`text-lg`)}})},d),[_,v]=m(g,[`children`,`collapsedIcon`,`expandedIcon`,`slotProps`]),y=n(),b=r(),x=f(()=>b.isExpanded()?_.expandedIcon:_.collapsedIcon),S=f(()=>y?y.componentsTV.accordionSummary():t()),C=f(()=>{let e=b.accordionId(),t={"aria-expanded":b.isExpanded()};return e?{...t,"aria-controls":`accordion-${e}-details`,id:`accordion-${e}-summary`}:t});return(()=>{var t=h();return u(t,v,!1,!0),c(t,s(i,l(C,()=>_.slotProps?.button,{get onClick(){return b.onToggleExpand},get endIcon(){return x()},get disabled(){return b.isDisabled()},variant:`ghost`,get class(){return e([S(),_.slotProps?.button?.class])},get slotProps(){return{startIcon:_.slotProps?.button?.slotProps?.startIcon,endIcon:_.slotProps?.icon}},fullWidth:!0,get children(){return _.children}}))),t})()};export{g as default};

package/dist/Button/Button.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./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,createMemo as d,mergeProps as f,splitProps as p}from"solid-js";import"tailwind-variants";var m=l(`<span>`),h=l=>{let h=f({as:`button`,color:`default`,variant:`solid`,size:`medium`},l),[g,_]=p(h,[`as`,`children`,`class`,`color`,`disabled`,`endIcon`,`fullWidth`,`size`,`startIcon`,`variant`,`slotProps`]),v=n(),y=d(()=>{let e={color:g.color,disabled:g.disabled,fullWidth:g.fullWidth,size:g.size,variant:g.variant};return v?v.componentsTV.button(e):t(e)});return i(r,s({get component(){return g.as||`button`}},_,{get class(){return e(y().base(),g.class)},get disabled(){return g.disabled},get children(){return[i(u,{get when(){return g.startIcon},get children(){var t=m();return c(t,s(()=>g.slotProps?.startIcon,{get class(){return e(y().startIcon(),g.slotProps?.startIcon?.class)}}),!1,!0),a(t,()=>g.startIcon),t}}),o(()=>g.children),i(u,{get when(){return g.endIcon},get children(){var t=m();return c(t,s(()=>g.slotProps?.endIcon,{get class(){return e(y().endIcon(),g.slotProps?.endIcon?.class)}}),!1,!0),a(t,()=>g.endIcon),t}})]}}))};export{h as default};
+import{t as e}from"../_chunks/Button-D7kRTDWq.js";export{e as default};

package/dist/Button/index.js

@@ -1 +1 @@
-import e from"./Button.js";export{e as default};
+import{t as e}from"../_chunks/Button-D7kRTDWq.js";export{e as default};

package/dist/Button/style.d.ts

@@ -34,6 +34,14 @@ export declare const button: (theme?: Theme) => import('tailwind-variants').TVRe
         };
         false: "";
     };
+    isChildOfButtonGroup: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
 }, {
     base: string[];
     startIcon: string;
@@ -73,6 +81,14 @@ export declare const button: (theme?: Theme) => import('tailwind-variants').TVRe
         };
         false: "";
     };
+    isChildOfButtonGroup: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
 }, {
     base: string[];
     startIcon: string;
@@ -112,6 +128,14 @@ export declare const button: (theme?: Theme) => import('tailwind-variants').TVRe
         };
         false: "";
     };
+    isChildOfButtonGroup: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
 }, {
     base: string[];
     startIcon: string;
@@ -152,6 +176,14 @@ declare const _default: import('tailwind-variants').TVReturnType<{
         };
         false: "";
     };
+    isChildOfButtonGroup: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
 }, {
     base: string[];
     startIcon: string;
@@ -191,6 +223,14 @@ declare const _default: import('tailwind-variants').TVReturnType<{
         };
         false: "";
     };
+    isChildOfButtonGroup: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
 }, {
     base: string[];
     startIcon: string;
@@ -230,6 +270,14 @@ declare const _default: import('tailwind-variants').TVReturnType<{
         };
         false: "";
     };
+    isChildOfButtonGroup: {
+        true: {
+            base: string[];
+        };
+        false: {
+            base: string[];
+        };
+    };
 }, {
     base: string[];
     startIcon: string;

package/dist/Button/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=Object.keys(e.colors.default),a=(a=e)=>r({slots:{base:[`inline-flex justify-center items-center gap-2`,`font-normal align-middle`,a.rounded.small,a.focus],startIcon:`leading-[1] shrink-0`,endIcon:`leading-[1] shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{...t(a.colors.default,()=>``),outlined:{base:`border`}},disabled:{true:{base:`pointer-events-none`},false:{base:`cursor-pointer`}},size:{small:{base:`py-[2px] px-2 text-sm min-h-6`},medium:{base:`py-1 px-3 text-sm min-h-8`},large:{base:`py-2 px-5 text-md gap-3 min-h-10`}},fullWidth:{true:{base:`w-full`},false:``}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:{base:[n.background,n.border,n.hover,n.active,n.text]}},{color:e,variant:t,disabled:!0,class:{base:[a.disabled.text,[`outlined`].includes(t)?a.disabled.border:``,[`solid`,`filled`].includes(t)?a.disabled.background:``]}}]}).flat())]}),o=a();export{a as button,o as default};
+import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=Object.keys(e.colors.default),a=(a=e)=>r({slots:{base:[`inline-flex justify-center items-center gap-2`,`font-normal align-middle`,a.focus],startIcon:`leading-[1] shrink-0`,endIcon:`leading-[1] shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{...t(a.colors.default,()=>``),outlined:{base:`border`}},disabled:{true:{base:`pointer-events-none`},false:{base:`cursor-pointer`}},size:{small:{base:`py-[2px] px-2 text-sm min-h-6`},medium:{base:`py-1 px-3 text-sm min-h-8`},large:{base:`py-2 px-5 text-md gap-3 min-h-10`}},fullWidth:{true:{base:`w-full`},false:``},isChildOfButtonGroup:{true:{base:[a.rounded.none]},false:{base:[a.rounded.small]}}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:{base:[n.background,n.border,n.hover,n.active,n.text]}},{color:e,variant:t,disabled:!0,class:{base:[a.disabled.text,[`outlined`].includes(t)?a.disabled.border:``,[`solid`,`filled`].includes(t)?a.disabled.background:``]}}]}).flat())]}),o=a();export{a as button,o as default};

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps, JSXElement, ValidComponent } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ThemeColors } from '../styles/theme/colors';
+import { ButtonProps } from '../Button';
+import { default as buttonGroupDefaultStyles } from './style';
+type ButtonGroupVariants = VariantProps<typeof buttonGroupDefaultStyles>;
+export type ButtonGroupProps<T extends ValidComponent = "div"> = {
+    as?: T;
+    children?: JSXElement;
+    class?: string;
+    color?: keyof ThemeColors;
+    disabled?: ButtonProps["disabled"];
+    fullWidth?: ButtonProps["fullWidth"];
+    orientation?: ButtonGroupVariants["orientation"];
+    size?: ButtonProps["size"];
+    variant?: ButtonProps["variant"];
+} & ComponentProps<T>;
+declare const ButtonGroup: <T extends ValidComponent = "div">(props: ButtonGroupProps<T>) => import("solid-js").JSX.Element;
+export default ButtonGroup;

package/dist/ButtonGroup/ButtonGroup.js

@@ -0,0 +1 @@
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{n as r}from"../_chunks/Button-D7kRTDWq.js";import{Dynamic as i,createComponent as a,mergeProps as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";import"tailwind-variants";var u=u=>{let d=c({as:`div`},u),[f,p]=l(d,[`as`,`children`,`class`,`color`,`disabled`,`fullWidth`,`orientation`,`size`,`variant`]),m=n(),h=s(()=>{let e={color:f.color,disabled:f.disabled,fullWidth:f.fullWidth,orientation:f.orientation,variant:f.variant};return m?m.componentsTV.buttonGroup(e):t(e)}),g={color:()=>f.color,disabled:()=>f.disabled,fullWidth:()=>f.fullWidth,size:()=>f.size,variant:()=>f.variant};return a(i,o({role:`group`},p,{get component(){return f.as??`div`},get class(){return e(f.class,h())},get children(){return a(r.Provider,{value:g,get children(){return f.children}})}}))};export{u as default};

package/dist/ButtonGroup/ButtonGroupContext.d.ts

@@ -0,0 +1,12 @@
+import { Accessor } from 'solid-js';
+import { ThemeColors } from '../styles/theme/colors';
+import { ButtonProps } from '../Button';
+export type ButtonGroupContextValue = {
+    color: Accessor<keyof ThemeColors>;
+    disabled: Accessor<ButtonProps["disabled"]>;
+    fullWidth: Accessor<ButtonProps["fullWidth"]>;
+    size: Accessor<ButtonProps["size"]>;
+    variant: Accessor<ButtonProps["variant"]>;
+};
+export declare const ButtonGroupContext: import('solid-js').Context<ButtonGroupContextValue | undefined>;
+export declare const useButtonGroupContext: () => ButtonGroupContextValue | undefined;

package/dist/ButtonGroup/ButtonGroupContext.js

@@ -0,0 +1 @@
+import{n as e,r as t}from"../_chunks/Button-D7kRTDWq.js";export{e as ButtonGroupContext,t as useButtonGroupContext};

package/dist/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ButtonGroup';
+export * from './ButtonGroup';

package/dist/ButtonGroup/index.js

@@ -0,0 +1 @@
+import e from"./ButtonGroup.js";export{e as default};

package/dist/ButtonGroup/style.d.ts

@@ -0,0 +1,88 @@
+import { Theme } from '../styles/theme';
+export declare const buttonGroup: (theme?: 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>>;
+declare const _default: 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>>;
+export default _default;

package/dist/ButtonGroup/style.js

@@ -0,0 +1 @@
+import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=(i=e)=>r({base:[`inline-flex gap-0`],variants:{disabled:{true:``,false:``},fullWidth:{true:`w-full`,false:``},orientation:{horizontal:[`flex-row`,`ltr:[&>button:first-child]:rounded-tl-sm`,`ltr:[&>button:first-child]:rounded-bl-sm`,`ltr:[&>button:last-child]:rounded-tr-sm`,`ltr:[&>button:last-child]:rounded-br-sm`,`rtl:[&>button:first-child]:rounded-tr-sm`,`rtl:[&>button:first-child]:rounded-br-sm`,`rtl:[&>button:last-child]:rounded-tl-sm`,`rtl:[&>button:last-child]:rounded-bl-sm`],vertical:[`flex-col`,`[&>button:first-child]:rounded-tl-sm`,`[&>button:first-child]:rounded-tr-sm`,`[&>button:last-child]:rounded-bl-sm`,`[&>button:last-child]:rounded-br-sm`]},variant:t(i.colors.default,()=>``)},compoundVariants:[...n(i.colors.default).flatMap(e=>[!0,!1].map(t=>({orientation:`horizontal`,variant:e,disabled:t,class:e===`outlined`?[`ltr:[&>button:not(:last-child)]:border-r-0`,`rtl:[&>button:not(:last-child)]:border-l-0`]:[`ltr:[&>button]:border-l-1`,`rtl:[&>button]:border-r-1`,`ltr:[&>button:first-child]:border-l-0`,`rtl:[&>button:first-child]:border-r-0`,`ltr:[&>button:last-child]:border-r-0`,`rtl:[&>button:last-child]:border-l-0`,...t?[`ltr:[&>button]:border-l-neutral-300`,`rtl:[&>button]:border-r-neutral-300`,`ltr:dark:[&>button]:border-l-neutral-700`,`rtl:dark:[&>button]:border-r-neutral-700`]:[`filled`,`ghost`].includes(e)?[`ltr:[&>button]:border-l-[rgba(127,127,127,0.40)]`,`rtl:[&>button]:border-r-[rgba(127,127,127,0.40)]`]:[`ltr:[&>button]:border-l-white/40`,`rtl:[&>button]:border-r-white/40`,`ltr:dark:[&>button]:border-l-black/40`,`rtl:dark:[&>button]:border-r-black/40`]]}))),...n(i.colors.default).flatMap(e=>[!0,!1].map(t=>({orientation:`vertical`,variant:e,disabled:t,class:e===`outlined`?[`[&>button:not(:last-child)]:border-b-0`]:[`[&>button]:border-b-1`,`[&>button:last-child]:border-b-0`,...t?[`[&>button]:border-b-neutral-300`,`dark:[&>button]:border-b-neutral-700`]:[`filled`,`ghost`].includes(e)?[`[&>button]:border-b-[rgba(127,127,127,0.40)]`]:[`[&>button]:border-b-white/40`,`dark:[&>button]:border-b-black/40`]]})))],defaultVariants:{fullWidth:!1,orientation:`horizontal`,variant:`solid`}}),a=i();export{i as buttonGroup,a as default};

package/dist/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'solid-js';
+import { ComponentProps, JSXElement } from 'solid-js';
 import { Prettify } from '../types/Prettify';
 import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { IconButtonProps } from '../IconButton';
@@ -7,6 +7,7 @@ type CheckboxSlotProps = Prettify<{
 }>;
 export type CheckboxProps = {
     checked?: boolean;
+    checkedIcon?: JSXElement;
     class?: string;
     color?: IconButtonProps["color"];
     defaultChecked?: boolean;
@@ -15,6 +16,7 @@ export type CheckboxProps = {
     onChange?: (event: Event, checked: boolean) => void;
     size?: IconButtonProps["size"];
     slotProps?: CheckboxSlotProps;
+    uncheckedIcon?: JSXElement;
 } & Omit<ComponentProps<"input">, "onChange">;
 declare const Checkbox: (props: CheckboxProps) => import("solid-js").JSX.Element;
 export default Checkbox;

package/dist/Checkbox/Checkbox.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import r from"../IconButton/IconButton.js";import"../IconButton/index.js";import i from"../icons/CheckboxChecked.js";import a from"../icons/CheckboxUnchecked.js";import{createComponent as o,memo as s,mergeProps as c,spread as l,template as u}from"solid-js/web";import{createMemo as d,createSignal as f,splitProps as p}from"solid-js";var m=u(`<input>`),h=u=>{let[h,g]=p(u,[`checked`,`class`,`color`,`defaultChecked`,`disabled`,`id`,`onChange`,`size`,`slotProps`,`children`]),_=n(),v=typeof h.checked==`boolean`,[y,b]=f(!!h.defaultChecked),x=d(()=>v?h.checked:y()),S=e=>{let t=e.currentTarget.checked;v||b(t),h.onChange?.(e,t)},C=d(()=>{let e={checked:x(),disabled:h.disabled};return _?_.componentsTV.checkbox(e):t(e)});return o(r,c(()=>h.slotProps?.base,{as:`span`,get class(){return e(C().base(),h.slotProps?.base?.class)},get color(){return h.color},get size(){return h.size},get disabled(){return h.disabled},get children(){return[s(()=>s(()=>!!x())()?o(i,{}):o(a,{})),(()=>{var t=m();return l(t,c(g,{get id(){return h.id},type:`checkbox`,get checked(){return x()},onChange:S,get disabled(){return h.disabled},get class(){return e(C().input(),h.class)}}),!1,!1),t})()]}}))};export{h as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import r from"../IconButton/IconButton.js";import"../IconButton/index.js";import i from"../icons/CheckboxChecked.js";import a from"../icons/CheckboxUnchecked.js";import{createComponent as o,memo as s,mergeProps as c,spread as l,template as u}from"solid-js/web";import{createMemo as d,createSignal as f,mergeProps as p,splitProps as m}from"solid-js";var h=u(`<input>`),g=u=>{let g=p({checkedIcon:o(i,{}),uncheckedIcon:o(a,{})},u),[_,v]=m(g,[`checked`,`checkedIcon`,`class`,`color`,`defaultChecked`,`disabled`,`id`,`onChange`,`size`,`slotProps`,`uncheckedIcon`,`children`]),y=n(),b=typeof _.checked==`boolean`,[x,S]=f(!!_.defaultChecked),C=d(()=>b?_.checked:x()),w=e=>{let t=e.currentTarget.checked;b||S(t),_.onChange?.(e,t)},T=d(()=>{let e={checked:C(),disabled:_.disabled};return y?y.componentsTV.checkbox(e):t(e)});return o(r,c(()=>_.slotProps?.base,{as:`span`,get class(){return e(T().base(),_.slotProps?.base?.class)},get color(){return _.color},get size(){return _.size},get disabled(){return _.disabled},get children(){return[s(()=>s(()=>!!C())()?_.checkedIcon:_.uncheckedIcon),(()=>{var t=h();return l(t,c(v,{get id(){return _.id},type:`checkbox`,get checked(){return C()},onChange:w,get disabled(){return _.disabled},get class(){return e(T().input(),_.class)}}),!1,!1),t})()]}}))};export{g as default};

package/dist/IconButton/IconButton.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Button/Button.js";import"../Button/index.js";import{createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=l=>{let u=s({size:`medium`},l),[d,f]=c(u,[`children`,`class`,`size`,`fullWidth`,`startIcon`,`endIcon`,`variant`,`slotProps`]),p=n(),m=o(()=>{let e={size:d.size};return p?p.componentsTV.iconButton(e):t(e)});return i(r,a(f,{get class(){return e(m(),d.class)},fullWidth:!1,variant:`ghost`,get children(){return d.children}}))};export{l as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{t as r}from"../_chunks/Button-D7kRTDWq.js";import{createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=l=>{let u=s({size:`medium`},l),[d,f]=c(u,[`children`,`class`,`size`,`fullWidth`,`startIcon`,`endIcon`,`variant`,`slotProps`]),p=n(),m=o(()=>{let e={size:d.size};return p?p.componentsTV.iconButton(e):t(e)});return i(r,a(f,{get class(){return e(m(),d.class)},fullWidth:!1,variant:`ghost`,get children(){return d.children}}))};export{l as default};

package/dist/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'solid-js';
+import { ComponentProps, JSXElement } from 'solid-js';
 import { Prettify } from '../types/Prettify';
 import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { IconButtonProps } from '../IconButton';
@@ -8,6 +8,7 @@ type RadioSlotProps = Prettify<{
 export type RadioProps = {
     class?: string;
     checked?: boolean;
+    checkedIcon?: JSXElement;
     color?: IconButtonProps["color"];
     defaultChecked?: boolean;
     disabled?: boolean;
@@ -15,6 +16,7 @@ export type RadioProps = {
     onChange?: (event: Event) => void;
     size?: IconButtonProps["size"];
     slotProps?: RadioSlotProps;
+    uncheckedIcon?: JSXElement;
     value?: string;
 } & Omit<ComponentProps<"input">, "type">;
 declare const Radio: (props: RadioProps) => import("solid-js").JSX.Element;

package/dist/Radio/Radio.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import r from"../IconButton/IconButton.js";import"../IconButton/index.js";import{useRadioGroupContext as i}from"../RadioGroupContext/RadioGroupContext.js";import"../RadioGroupContext/index.js";import a from"../icons/RadioChecked.js";import o from"../icons/RadioUnchecked.js";import{createComponent as s,memo as c,mergeProps as l,spread as u,template as d}from"solid-js/web";import{createMemo as f,createSignal as p,splitProps as m}from"solid-js";var h=d(`<input>`),g=d=>{let[g,_]=m(d,[`checked`,`class`,`color`,`defaultChecked`,`disabled`,`name`,`onChange`,`size`,`slotProps`,`value`,`children`]),v=n(),y=i(),b=typeof g.checked==`boolean`,[x,S]=p(!!g.defaultChecked),C=f(()=>y?y.value()===g.value:b?g.checked:x()),w=e=>{let t=e.target,n=t.checked,r=t.value;!y&&!b&&S(n),g.onChange?.(e),y?.onChange(e,r)},T=f(()=>{let e={checked:C(),disabled:g.disabled};return v?v.componentsTV.radio(e):t(e)});return s(r,l(()=>g.slotProps?.base,{as:`span`,get class(){return e(T().base(),g.slotProps?.base?.class)},get color(){return g.color},get size(){return g.size},get disabled(){return g.disabled},get children(){return[c(()=>c(()=>!!C())()?s(a,{}):s(o,{})),(()=>{var t=h();return u(t,l({get name(){return y?.name?.()??g.name}},_,{type:`radio`,get checked(){return C()},onChange:w,get disabled(){return g.disabled},get value(){return g.value},get class(){return e(T().input(),g.class)}}),!1,!1),t})()]}}))};export{g as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import r from"../IconButton/IconButton.js";import"../IconButton/index.js";import{useRadioGroupContext as i}from"../RadioGroupContext/RadioGroupContext.js";import"../RadioGroupContext/index.js";import a from"../icons/RadioChecked.js";import o from"../icons/RadioUnchecked.js";import{createComponent as s,memo as c,mergeProps as l,spread as u,template as d}from"solid-js/web";import{createMemo as f,createSignal as p,mergeProps as m,splitProps as h}from"solid-js";var g=d(`<input>`),_=d=>{let _=m({checkedIcon:s(a,{}),uncheckedIcon:s(o,{})},d),[v,y]=h(_,[`checked`,`checkedIcon`,`class`,`color`,`defaultChecked`,`disabled`,`name`,`onChange`,`size`,`slotProps`,`uncheckedIcon`,`value`,`children`]),b=n(),x=i(),S=typeof v.checked==`boolean`,[C,w]=p(!!v.defaultChecked),T=f(()=>x?x.value()===v.value:S?v.checked:C()),E=e=>{let t=e.target,n=t.checked,r=t.value;!x&&!S&&w(n),v.onChange?.(e),x?.onChange(e,r)},D=f(()=>{let e={checked:T(),disabled:v.disabled};return b?b.componentsTV.radio(e):t(e)});return s(r,l(()=>v.slotProps?.base,{as:`span`,get class(){return e(D().base(),v.slotProps?.base?.class)},get color(){return v.color},get size(){return v.size},get disabled(){return v.disabled},get children(){return[c(()=>c(()=>!!T())()?v.checkedIcon:v.uncheckedIcon),(()=>{var t=g();return u(t,l({get name(){return x?.name?.()??v.name}},y,{type:`radio`,get checked(){return T()},onChange:E,get disabled(){return v.disabled},get value(){return v.value},get class(){return e(D().input(),v.class)}}),!1,!1),t})()]}}))};export{_ as default};

package/dist/Select/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=[`filled`,`outlined`,`ghost`],a=(a=e)=>r({slots:{base:[`border-0 outline-0`,a.rounded.small,a.focus],option:[`bg-white dark:bg-neutral-950`,`text-neutral-50 dark:text-white`]},variants:{color:t(a.colors,()=>({})),disabled:{true:{},false:{}},variant:{filled:{},ghost:{},outlined:{base:`border border-1`}},size:{small:{base:`py-1 px-1.5 h-6 text-sm`},medium:{base:`py-1 px-1.5 h-8 text-sm`},large:{base:`py-1.5 px-2 h-10 text-md`}},fullWidth:{true:{base:`w-full`},false:{}}},compoundVariants:[...n(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,disabled:!0,class:{base:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text]}}]}))]}),o=a();export{o as default,a as select};
+import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import n from"../utils/typedKeys.js";import{tv as r}from"tailwind-variants";var i=[`filled`,`outlined`,`ghost`],a=(a=e)=>r({slots:{base:[`border-0 outline-0`,a.rounded.small,a.focus],option:[`bg-white dark:bg-neutral-950`,`text-neutral-900 dark:text-white`]},variants:{color:t(a.colors,()=>({})),disabled:{true:{},false:{}},variant:{filled:{},ghost:{},outlined:{base:`border border-1`}},size:{small:{base:`py-1 px-1.5 h-6 text-sm`},medium:{base:`py-1 px-1.5 h-8 text-sm`},large:{base:`py-1.5 px-2 h-10 text-md`}},fullWidth:{true:{base:`w-full`},false:{}}},compoundVariants:[...n(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,disabled:!0,class:{base:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text]}}]}))]}),o=a();export{o as default,a as select};

package/dist/Tab/Tab.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Button/Button.js";import"../Button/index.js";import{useTabsContext as i}from"../TabsContext/context.js";import{useTabsContentContext as a}from"../Tabs/TabsContentContext.js";import{createComponent as o,mergeProps as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";import"tailwind-variants";var d=d=>{let f=l({iconPosition:`top`},d),[p,m]=u(f,[`class`,`icon`,`iconPosition`,`label`,`value`,`slotProps`,`children`]),h=n(),g=i(`Tab`),_=a(),v=c(()=>g.activeTabValue()===p.value),y=e=>{g.handleChange(e,p.value)},b=c(()=>{let e={selected:v(),orientation:_?.orientation()??`horizontal`,iconPosition:p.iconPosition};return h?h.componentsTV.tab(e):t(e)}),x=c(()=>{let e=g.tabId();if(e)return`${e}-tabpanel-${p.value}`}),S=c(()=>{let e=g.tabId();if(e)return`${e}-tab-${p.value}`});return o(r,s({get"aria-controls"(){return x()},get"aria-selected"(){return v()},get id(){return S()},role:`tab`,get tabIndex(){return v()?0:-1}},m,{as:`button`,onClick:y,variant:`ghost`,get class(){return e(b(),p.class)},get startIcon(){return p.icon},get slotProps(){return{startIcon:p.slotProps?.icon}},get children(){return p.label}}))};export{d as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{t as r}from"../_chunks/Button-D7kRTDWq.js";import{useTabsContext as i}from"../TabsContext/context.js";import{useTabsContentContext as a}from"../Tabs/TabsContentContext.js";import{createComponent as o,mergeProps as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";import"tailwind-variants";var d=d=>{let f=l({iconPosition:`top`},d),[p,m]=u(f,[`class`,`icon`,`iconPosition`,`label`,`value`,`slotProps`,`children`]),h=n(),g=i(`Tab`),_=a(),v=c(()=>g.activeTabValue()===p.value),y=e=>{g.handleChange(e,p.value)},b=c(()=>{let e={selected:v(),orientation:_?.orientation()??`horizontal`,iconPosition:p.iconPosition};return h?h.componentsTV.tab(e):t(e)}),x=c(()=>{let e=g.tabId();if(e)return`${e}-tabpanel-${p.value}`}),S=c(()=>{let e=g.tabId();if(e)return`${e}-tab-${p.value}`});return o(r,s({get"aria-controls"(){return x()},get"aria-selected"(){return v()},get id(){return S()},role:`tab`,get tabIndex(){return v()?0:-1}},m,{as:`button`,onClick:y,variant:`ghost`,get class(){return e(b(),p.class)},get startIcon(){return p.icon},get slotProps(){return{startIcon:p.slotProps?.icon}},get children(){return p.label}}))};export{d as default};

package/dist/ThemeProvider/componentsTV.d.ts

@@ -336,6 +336,14 @@ declare const ComponentsTV: {
             };
             false: "";
         };
+        isChildOfButtonGroup: {
+            true: {
+                base: string[];
+            };
+            false: {
+                base: string[];
+            };
+        };
     }, {
         base: string[];
         startIcon: string;
@@ -375,6 +383,14 @@ declare const ComponentsTV: {
             };
             false: "";
         };
+        isChildOfButtonGroup: {
+            true: {
+                base: string[];
+            };
+            false: {
+                base: string[];
+            };
+        };
     }, {
         base: string[];
         startIcon: string;
@@ -414,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[];

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 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};
+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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rocksolidjs",
   "private": false,
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "A modern, accessible component library built with SolidJS and Tailwind CSS.",
   "keywords": [
     "solid",
@@ -104,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"