rocksolidjs 0.1.1 → 0.1.3

package/dist/Progress/Progress.d.ts

@@ -1,13 +1,15 @@
 import { ComponentProps, JSX } from 'solid-js';
 import { VariantProps } from 'tailwind-variants';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as progressDefaultStyles } from './style';
 type ProgressVariants = VariantProps<typeof progressDefaultStyles>;
-type ProgressSlotProps = {
-    fill?: {
+type ProgressSlotProps = Prettify<{
+    fill?: Prettify<{
         style?: JSX.CSSProperties;
-    } & Omit<ComponentProps<"span">, "style">;
-};
+    } & Omit<ComponentProps<"span">, "style"> & WithExtendedComponentProps>;
+}>;
 export type ProgressProps = {
     class?: string;
     color?: keyof ThemeColors;
@@ -16,6 +18,6 @@ export type ProgressProps = {
     value?: number;
     size?: ProgressVariants["size"];
     slotProps?: ProgressSlotProps;
-} & Omit<ComponentProps<"div">, "style">;
+} & ComponentProps<"div">;
 declare const Progress: (props: ProgressProps) => JSX.Element;
 export default Progress;

package/dist/Progress/Progress.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{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=a(`<div role=progressbar><span>`),u=a=>{let u=s({color:`default`,max:100,min:0,size:`medium`},a),[d,f]=c(u,[`color`,`class`,`max`,`min`,`slotProps`,`size`,`value`,`children`]),p=n(),m=o(()=>{let e=d.min,t=d.max,n=d.value;return Math.min(100,Math.max(0,(n-e)/(t-e)*100))}),h=o(()=>{let e={color:d.color,size:d.size};return p?p.componentsTV.progress(e):t(e)});return(()=>{var t=l(),n=t.firstChild;return i(t,r({get"aria-valuemax"(){return d.max},get"aria-valuemin"(){return d.min},get"aria-valuenow"(){return d.value}},f,{get class(){return e(h().base(),d.class)}}),!1,!0),i(n,r(()=>d.slotProps?.fill,{get class(){return e(h().fill(),d.slotProps?.fill?.class)},get style(){return{...d.slotProps?.fill?.style,width:`${m()}%`}}}),!1,!1),t})()};export{u 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{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=a(`<div role=progressbar><span>`),u=a=>{let u=s({color:`default`,max:100,min:0,value:0,size:`medium`},a),[d,f]=c(u,[`color`,`class`,`max`,`min`,`slotProps`,`size`,`value`,`children`]),p=n(),m=o(()=>{let e=d.min,t=d.max,n=d.value;return Math.min(100,Math.max(0,(n-e)/(t-e)*100))}),h=o(()=>{let e={color:d.color,size:d.size};return p?p.componentsTV.progress(e):t(e)});return(()=>{var t=l(),n=t.firstChild;return i(t,r({get"aria-valuemax"(){return d.max},get"aria-valuemin"(){return d.min},get"aria-valuenow"(){return d.value}},f,{get class(){return e(h().base(),d.class)}}),!1,!0),i(n,r(()=>d.slotProps?.fill,{get class(){return e(h().fill(),d.slotProps?.fill?.class)},get style(){return{...d.slotProps?.fill?.style,width:`${m()}%`}}}),!1,!1),t})()};export{u as default};

package/dist/Progress/index.js

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

package/dist/Progress/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:[`block w-full overflow-hidden`,`bg-neutral-300 dark:bg-neutral-700`,r.rounded.small],fill:[`block h-full rounded-[inherit]`,`transition-width duration-150`]},variants:{color:n(r.colors,e=>({fill:[e.solid.background]})),size:{small:{base:`h-1`},medium:{base:`h-2`},large:{base:`h-4`}}}}),i=r();export{i as default,r as progress};
+import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import{tv as n}from"tailwind-variants";var r=(r=e)=>n({slots:{base:[`block w-full overflow-hidden`,`bg-neutral-300 dark:bg-neutral-700`,r.rounded.full],fill:[`block h-full rounded-[inherit]`,`transition-[width] duration-150`]},variants:{color:t(r.colors,e=>({fill:[e.solid.background]})),size:{small:{base:`h-1`},medium:{base:`h-2`},large:{base:`h-4`}}}}),i=r();export{i as default,r as progress};

package/dist/Radio/Radio.d.ts

@@ -1,8 +1,10 @@
 import { ComponentProps } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { IconButtonProps } from '../IconButton';
-type RadioSlotProps = {
-    base?: ComponentProps<"span">;
-};
+type RadioSlotProps = Prettify<{
+    base?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type RadioProps = {
     class?: string;
     checked?: boolean;

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

package/dist/Radio/index.js

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

package/dist/Radio/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{r as default,n as radio};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{r as default,n as radio};

package/dist/RadioGroup/index.js

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

package/dist/RadioGroupContext/index.js

@@ -1 +1 @@
-import"./RadioGroupContext.js";
+import{RadioGroupContext as e,useRadioGroupContext as t}from"./RadioGroupContext.js";export{e as RadioGroupContext,t as useRadioGroupContext};

package/dist/Select/Select.d.ts

@@ -1,8 +1,13 @@
 import { ComponentProps } from 'solid-js';
 import { VariantProps } from 'tailwind-variants';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as selectDefaultStyles } from './style';
 type SelectVariants = VariantProps<typeof selectDefaultStyles>;
+type SelectSlotProps = Prettify<{
+    option?: Prettify<ComponentProps<"option"> & WithExtendedComponentProps>;
+}>;
 export type SelectOption = {
     label: string;
     value: string;
@@ -13,10 +18,13 @@ export type SelectProps = {
     color?: keyof ThemeColors;
     disabled?: boolean;
     fullWidth?: boolean;
-    onChange?: (event: InputEvent) => void;
+    onChange?: (event: Event) => void;
     options?: SelectOption[];
+    ref?: (elem: HTMLSelectElement) => void;
     size?: SelectVariants["size"];
+    slotProps?: SelectSlotProps;
+    value?: string;
     variant?: SelectVariants["variant"];
-} & Omit<ComponentProps<"select">, "multiple" | "onChange">;
+} & Omit<ComponentProps<"select">, "multiple" | "onChange" | "ref">;
 declare const Select: (props: SelectProps) => import("solid-js").JSX.Element;
 export default Select;

package/dist/Select/Select.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{createComponent as r,effect as i,insert as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{For as l,createMemo as u,mergeProps as d,splitProps as f}from"solid-js";var p=c(`<select>`),m=c(`<option>`),h=c=>{let h=d({color:`default`,disabled:!1,variant:`outlined`,size:`medium`},c),[g,_]=f(h,[`class`,`color`,`disabled`,`fullWidth`,`options`,`size`,`variant`,`children`,`multiple`]),v=n(),y=u(()=>{let e={color:g.color,disabled:g.disabled,fullWidth:g.fullWidth,size:g.size,variant:g.variant};return v?v.componentsTV.select(e):t(e)}),b=u(()=>g.options??[]);return(()=>{var t=p();return s(t,o(_,{multiple:!1,get disabled(){return g.disabled},get class(){return e(y(),g.class)}}),!1,!0),a(t,r(l,{get each(){return b()},children:e=>(()=>{var t=m();return a(t,()=>e.label),i(()=>t.disabled=e.disabled),i(()=>t.value=e.value),t})()})),t})()};export{h as default};
+import e from"../utils/cn.js";import t from"../styles/theme/index.js";import n from"./style.js";import{useThemeContext as r}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{createComponent as i,insert as a,mergeProps as o,spread as s,template as c,use as l}from"solid-js/web";import{For as u,createEffect as d,createMemo as f,mergeProps as p,splitProps as m}from"solid-js";import"tailwind-variants";var h=c(`<select>`),g=c(`<option>`),_=c=>{let _=p({color:`default`,disabled:!1,variant:`outlined`,size:`medium`},c),[v,y]=m(_,[`class`,`color`,`disabled`,`fullWidth`,`options`,`ref`,`size`,`slotProps`,`value`,`variant`,`children`,`multiple`]),b,x=r(),S=f(()=>{let e={color:v.color,disabled:v.disabled,fullWidth:v.fullWidth,size:v.size,variant:v.variant};return x?x.componentsTV.select(e):n(e)}),C=f(()=>v.options??[]);return d(()=>{b.value=v.value??``}),(()=>{var n=h();return l(e=>{b=e,v.ref?.(e)},n),s(n,o(y,{multiple:!1,get disabled(){return v.disabled},get class(){return e(S().base(),v.class)}}),!1,!0),a(n,i(u,{get each(){return C()},children:n=>(()=>{var r=g();return s(r,o(()=>v.slotProps?.option,{get value(){return n.value},get disabled(){return n.disabled},get class(){return e(S().option(),n.disabled?t.disabled.text:``,v.slotProps?.option?.class)}}),!1,!0),a(r,()=>n.label),r})()})),n})()};export{_ as default};

package/dist/Select/index.js

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

package/dist/Select/style.d.ts

@@ -1,124 +1,202 @@
 import { Theme } from '../styles/theme';
 export declare const select: (theme?: 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: "";
-    };
-}, undefined, string[], {
-    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+}, {
+    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: "";
-    };
-}, undefined, import('tailwind-variants').TVReturnTypeLike<{
-    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+}, {
+    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: "";
-    };
-}, undefined>>;
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    option: string[];
+}>>;
 declare const _default: 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: "";
-    };
-}, undefined, string[], {
-    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+}, {
+    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: "";
-    };
-}, undefined, import('tailwind-variants').TVReturnTypeLike<{
-    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+}, {
+    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: "";
-    };
-}, undefined>>;
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+}, {
+    base: string[];
+    option: string[];
+}>>;
 export default _default;

package/dist/Select/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=[`filled`,`outlined`,`ghost`],a=(a=t)=>e({base:[`border-0 outline-0`,a.rounded.small,a.focus],variants:{color:n(a.colors,()=>``),disabled:{true:``,false:``},variant:{filled:``,ghost:``,outlined:`border border-1`},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`},fullWidth:{true:`w-full`,false:``}},compoundVariants:[...r(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:[n.background,n.border,n.text]},{color:e,variant:t,disabled:!0,class:[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-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};

package/dist/Skeleton/Skeleton.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps, ParentProps } from 'solid-js';
+import { ComponentProps } from 'solid-js';
 import { VariantProps } from 'tailwind-variants';
 import { default as skeletonDefaultStyles } from './style';
 type SkeletonVariants = VariantProps<typeof skeletonDefaultStyles>;
 export type SkeletonProps = {
     variant?: SkeletonVariants["variant"];
 } & ComponentProps<"span">;
-declare const Skeleton: (props: ParentProps<SkeletonProps>) => import("solid-js").JSX.Element;
+declare const Skeleton: (props: SkeletonProps) => import("solid-js").JSX.Element;
 export default Skeleton;

package/dist/Skeleton/Skeleton.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{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=a(`<span>`),u=a=>{let u=s({variant:`rectangle`},a),[d,f]=c(u,[`children`,`class`,`variant`]),p=n(),m=o(()=>{let e={variant:d.variant};return p?p.componentsTV.skeleton(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u 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{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=a(`<span>`),u=a=>{let u=s({variant:`rectangle`},a),[d,f]=c(u,[`class`,`variant`,`children`]),p=n(),m=o(()=>{let e={variant:d.variant};return p?p.componentsTV.skeleton(e):t(e)});return(()=>{var t=l();return i(t,r(f,{get class(){return e(m(),d.class)}}),!1,!1),t})()};export{u as default};

package/dist/Skeleton/index.js

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

package/dist/Skeleton/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`bg-neutral-200 dark:bg-neutral-800`,`shrink-0`,`animate-[fade_2.5s_ease-in-out_infinite]`],variants:{variant:{circle:[`inline-block size-8`,n.rounded.full],rectangle:[`block w-full h-4`,n.rounded.small]}}}),r=n();export{r as default,n as skeleton};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`bg-neutral-200 dark:bg-neutral-800`,`shrink-0`,`animate-[fade_2.5s_ease-in-out_infinite]`],variants:{variant:{circle:[`inline-block size-8`,n.rounded.full],rectangle:[`block w-full h-4`,n.rounded.small]}}}),r=n();export{r as default,n as skeleton};

package/dist/Spinner/Spinner.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'tailwind-variants';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as spinnerDefaultStyles } from './style';
 type SpinnerVariants = VariantProps<typeof spinnerDefaultStyles>;
-type SpinnerProps = {
+export type SpinnerProps = {
     class?: string;
     color?: keyof ThemeColors;
     label?: string;

package/dist/Spinner/Spinner.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{effect as r,insert as i,mergeProps as a,setAttribute as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,createUniqueId as u,mergeProps as d,splitProps as f}from"solid-js";var p=c(`<span role=status><svg viewBox="0 0 24 24"fill=none><circle cx=12 cy=12 r=9 stroke=currentColor stroke-width=3 opacity=0.45></circle><path d="M21 12a9 9 0 0 0-9-9"stroke=currentColor stroke-width=3 stroke-linecap=round></path></svg><span class=sr-only>`),m=c=>{let m=d({color:`default`,size:`medium`},c),[h,g]=f(m,[`class`,`color`,`label`,`size`,`children`]),_=n(),v=u(),y=l(()=>{let e={color:h.color,size:h.size};return _?_.componentsTV.spinner(e):t(e)});return(()=>{var t=p(),n=t.firstChild,c=n.nextSibling;return s(t,a(g,{"aria-labelledby":v,get class(){return e(y().base(),h.class)}}),!1,!0),o(n,`aria-hidden`,!0),o(c,`id`,v),i(c,()=>h.label??`Loading`),r(()=>o(n,`class`,e(y().svg()))),t})()};export{m as Spinner,m 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{className as r,effect as i,insert as a,mergeProps as o,setAttribute as s,spread as c,template as l}from"solid-js/web";import{createMemo as u,createUniqueId as d,mergeProps as f,splitProps as p}from"solid-js";import"tailwind-variants";var m=l(`<span role=status><svg viewBox="0 0 24 24"fill=none><circle cx=12 cy=12 r=9 stroke=currentColor stroke-width=3 opacity=0.45></circle><path d="M21 12a9 9 0 0 0-9-9"stroke=currentColor stroke-width=3 stroke-linecap=round></path></svg><span>`),h=l=>{let h=f({color:`default`,size:`medium`},l),[g,_]=p(h,[`class`,`color`,`label`,`size`,`children`]),v=n(),y=d(),b=u(()=>{let e={color:g.color,size:g.size};return v?v.componentsTV.spinner(e):t(e)});return(()=>{var t=m(),n=t.firstChild,l=n.nextSibling;return c(t,o(_,{"aria-labelledby":y,get class(){return e(b().base(),g.class)}}),!1,!0),s(n,`aria-hidden`,!0),s(l,`id`,y),a(l,()=>g.label??`Loading`),i(t=>{var i=e(b().svg()),a=e(`sr-only`);return i!==t.e&&s(n,`class`,t.e=i),a!==t.t&&r(l,t.t=a),t},{e:void 0,t:void 0}),t})()};export{h as Spinner,h as default};

package/dist/Spinner/index.js

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

package/dist/Spinner/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:`inline-flex items-center justify-center`,svg:`animate-spin`},variants:{color:n(r.colors,e=>({base:e.ghost.text})),size:{small:{svg:`size-4`},medium:{svg:`size-6`},large:{svg:`size-8`}}}}),i=r();export{i as default,r as spinner};
+import e from"../styles/theme/index.js";import t from"../utils/asVariant.js";import{tv as n}from"tailwind-variants";var r=(r=e)=>n({slots:{base:`inline-flex items-center justify-center`,svg:`animate-spin`},variants:{color:t(r.colors,e=>({base:e.ghost.text})),size:{small:{svg:`size-4`},medium:{svg:`size-6`},large:{svg:`size-8`}}}}),i=r();export{i as default,r as spinner};

package/dist/Switch/Switch.d.ts

@@ -1,12 +1,14 @@
 import { ComponentProps } from 'solid-js';
 import { VariantProps } from 'tailwind-variants';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as switchDefaultStyles } from './style';
 type SwitchVariants = VariantProps<typeof switchDefaultStyles>;
-type SwitchSlotProps = {
-    base?: ComponentProps<"span">;
-    handle?: ComponentProps<"span">;
-};
+type SwitchSlotProps = Prettify<{
+    base?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+    handle?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type SwitchProps = {
     checked?: boolean;
     class?: string;

package/dist/Switch/Switch.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{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,createSignal as s,mergeProps as c,splitProps as l}from"solid-js";var u=a(`<span><span></span><input>`),d=a=>{let d=c({color:`default`,disableTransition:!1,size:`medium`},a),[f,p]=l(d,[`checked`,`class`,`color`,`defaultChecked`,`disabled`,`disableTransition`,`id`,`onChange`,`size`,`slotProps`,`children`,`type`,`size`]),m=n(),h=typeof f.checked==`boolean`,[g,_]=s(!!f.defaultChecked),v=o(()=>h?f.checked:g()),y=e=>{let t=e.currentTarget.checked;h||_(t),f.onChange?.(e,t)},b=o(()=>{let e={checked:v(),color:f.color,disabled:f.disabled,disableTransition:f.disableTransition,size:f.size};return m?m.componentsTV.switch(e):t(e)});return(()=>{var t=u(),n=t.firstChild,a=n.nextSibling;return i(t,r(()=>f.slotProps?.base,{get class(){return e(b().base(),f.slotProps?.base?.class)}}),!1,!0),i(n,r(()=>f.slotProps?.handle,{get class(){return e(b().handle(),f.slotProps?.handle?.class)}}),!1,!1),i(a,r(p,{get id(){return f.id},role:`switch`,type:`checkbox`,get checked(){return v()},onChange:y,get disabled(){return f.disabled},get class(){return e(b().input(),f.class)}}),!1,!1),t})()};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"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{mergeProps as r,spread as i,template as a}from"solid-js/web";import{createMemo as o,createSignal as s,mergeProps as c,splitProps as l}from"solid-js";import"tailwind-variants";var u=a(`<span><span></span><input>`),d=a=>{let d=c({color:`default`,disableTransition:!1,size:`medium`},a),[f,p]=l(d,[`checked`,`class`,`color`,`defaultChecked`,`disabled`,`disableTransition`,`id`,`onChange`,`size`,`slotProps`,`children`,`type`]),m=n(),h=typeof f.checked==`boolean`,[g,_]=s(!!f.defaultChecked),v=o(()=>h?f.checked:g()),y=e=>{let t=e.currentTarget.checked;h||_(t),f.onChange?.(e,t)},b=o(()=>{let e={checked:v(),color:f.color,disabled:f.disabled,disableTransition:f.disableTransition,size:f.size};return m?m.componentsTV.switch(e):t(e)});return(()=>{var t=u(),n=t.firstChild,a=n.nextSibling;return i(t,r(()=>f.slotProps?.base,{get class(){return e(b().base(),f.slotProps?.base?.class)}}),!1,!0),i(n,r(()=>f.slotProps?.handle,{get class(){return e(b().handle(),f.slotProps?.handle?.class)}}),!1,!1),i(a,r(p,{get id(){return f.id},role:`switch`,type:`checkbox`,get checked(){return v()},onChange:y,get disabled(){return f.disabled},get class(){return e(b().input(),f.class)}}),!1,!1),t})()};export{d as default};

package/dist/Switch/index.js

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

package/dist/Switch/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";import r from"../utils/typedKeys.js";var i=(i=t)=>e({slots:{base:[`relative`,i.rounded.full,i.focusWithin],handle:[`absolute translate-y-[2px] translate-x-[2px]`,`bg-white shadow-sm`,i.rounded.full],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},color:n(i.colors,()=>({})),disabled:{true:{base:[`opacity-50`]},false:{}},disableTransition:{true:{},false:{base:`transition-background duration-300`,handle:`transition-translate duration-300`}},size:{small:{base:`w-8 h-5`,handle:`size-4`},medium:{base:`w-10 h-6`,handle:`size-5`},large:{base:`w-12 h-7`,handle:`size-6`}}},compoundVariants:[...r(i.colors).flatMap(e=>[{color:e,checked:!1,class:{base:`bg-neutral-300 dark:bg-neutral-700`}},{color:e,checked:!0,class:{base:[i.colors[e].solid.background]}}]),{checked:!0,size:`small`,class:{handle:`translate-x-[14px]`}},{checked:!0,size:`medium`,class:{handle:`translate-x-[18px]`}},{checked:!0,size:`large`,class:{handle:`translate-x-[22px]`}},{color:`default`,checked:!0,class:{handle:`dark:bg-neutral-900`}}]}),a=i();export{a as default,i as switchTv};
+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({slots:{base:[`relative`,i.rounded.full,i.focusWithin],handle:[`absolute translate-y-[2px]`,`ltr:translate-x-[2px] rtl:-translate-x-[2px]`,`bg-white shadow-sm`,i.rounded.full],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},color:t(i.colors,()=>({})),disabled:{true:{base:[`opacity-50`]},false:{}},disableTransition:{true:{},false:{base:`transition-[background] duration-300`,handle:`transition-[translate] duration-300`}},size:{small:{base:`w-8 h-5`,handle:`size-4`},medium:{base:`w-10 h-6`,handle:`size-5`},large:{base:`w-12 h-7`,handle:`size-6`}}},compoundVariants:[...n(i.colors).flatMap(e=>[{color:e,checked:!1,class:{base:`bg-neutral-300 dark:bg-neutral-700`}},{color:e,checked:!0,class:{base:[i.colors[e].solid.background]}}]),{checked:!0,size:`small`,class:{handle:`ltr:translate-x-[14px] rtl:-translate-x-[14px]`}},{checked:!0,size:`medium`,class:{handle:`ltr:translate-x-[18px] rtl:-translate-x-[18px]`}},{checked:!0,size:`large`,class:{handle:`ltr:translate-x-[22px] rtl:-translate-x-[22px]`}},{color:`default`,checked:!0,class:{handle:`dark:bg-neutral-900`}}]}),a=i();export{a as default,i as switchTv};

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

package/dist/Tab/index.js

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

package/dist/Tab/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`py-2 px-4 min-w-15 min-h-8 items-center justify-center gap-y-0 gap-x-1 text-auto`,n.rounded.none],variants:{iconPosition:{start:`flex-row`,end:`flex-row-reverse`,top:`flex-col`,bottom:`flex-col-reverse`},orientation:{horizontal:``,vertical:``},selected:{true:``,false:``}},compoundVariants:[{orientation:`horizontal`,selected:!0,class:`shadow-[inset_0_-2px_0_currentColor]`},{orientation:`vertical`,selected:!0,class:[`ltr:shadow-[inset_-2px_0px_0_currentColor]`,`rtl:shadow-[inset_2px_0px_0_currentColor]`]}]}),r=n();export{r as default,n as tab};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`py-2 px-4 min-w-15 min-h-8`,`items-center justify-center gap-y-0 gap-x-1`,n.rounded.none],variants:{iconPosition:{start:`flex-row`,end:`flex-row-reverse`,top:`flex-col`,bottom:`flex-col-reverse`},orientation:{horizontal:``,vertical:``},selected:{true:``,false:``}},compoundVariants:[{orientation:`horizontal`,selected:!0,class:`shadow-[inset_0_-2px_0_currentColor]`},{orientation:`vertical`,selected:!0,class:[`ltr:shadow-[inset_-2px_0px_0_currentColor]`,`rtl:shadow-[inset_2px_0px_0_currentColor]`]}]}),r=n();export{r as default,n as tab};

package/dist/TabPanel/index.js

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

package/dist/Table/index.js

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

package/dist/Table/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`w-full border-collapse border-spacing-0 text-sm`,n.typography.colors.textPrimary]}),r=n();export{r as default,n as table};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`w-full border-collapse border-spacing-0 text-sm`,n.typography.colors.textPrimary]}),r=n();export{r as default,n as table};

package/dist/TableBody/index.js

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

package/dist/TableCell/TableCell.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{useTableContext as r}from"../TableContext/TableContext.js";import"../TableContext/index.js";import{useTableHeadContext as i}from"../TableHeadContext/TableHeadContext.js";import"../TableHeadContext/index.js";import{Dynamic as a,createComponent as o,mergeProps as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";var d=d=>{let f=l({align:`left`},d),[p,m]=u(f,[`align`,`as`,`class`,`children`]),h=n(),g=r(),_=i(),v=c(()=>_?.isHead||p.as===`th`?`th`:`td`),y=c(()=>{let e={align:p.align,dense:g.dense()};return h?h.componentsTV.tableCell(e):t(e)});return o(a,s({get component(){return v()}},m,{get class(){return e(y(),p.class)},get children(){return p.children}}))};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{useTableContext as r}from"../TableContext/TableContext.js";import"../TableContext/index.js";import{useTableHeadContext as i}from"../TableHeadContext/TableHeadContext.js";import"../TableHeadContext/index.js";import{Dynamic as a,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({align:`left`},d),[p,m]=u(f,[`align`,`as`,`class`,`children`]),h=n(),g=r(),_=i(),v=c(()=>_?.isHead||p.as===`th`?`th`:`td`),y=c(()=>{let e={align:p.align,dense:!!g?.dense?.()};return h?h.componentsTV.tableCell(e):t(e)});return o(a,s({get component(){return v()}},m,{get class(){return e(y(),p.class)},get children(){return p.children}}))};export{d as default};

package/dist/TableCell/index.js

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

package/dist/TableCell/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:[`text-inherit text-left align-[inherit]`,n.divider],variants:{dense:{true:`py-1.5 px-2`,false:`py-3 px-3.5`},align:{left:`text-left`,center:`text-center`,right:`text-right`,justify:`text-justify`}}}),r=n();export{r as default,n as tableCell};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`text-inherit text-left align-[inherit]`,n.divider],variants:{dense:{true:`py-1.5 px-2`,false:`py-3 px-3.5`},align:{left:`text-left`,center:`text-center`,right:`text-right`,justify:`text-justify`}}}),r=n();export{r as default,n as tableCell};

package/dist/TableContext/TableContext.d.ts

@@ -3,4 +3,4 @@ export type TableContextValue = {
     dense: Accessor<boolean>;
 };
 export declare const TableContext: import('solid-js').Context<TableContextValue | undefined>;
-export declare const useTableContext: () => TableContextValue;
+export declare const useTableContext: () => TableContextValue | undefined;

package/dist/TableContext/TableContext.js

@@ -1 +1 @@
-import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>{let e=t(n);if(!e)throw Error(`useTableContext must be used inside TableContextProvider`);return e};export{n as TableContext,r as useTableContext};
+import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>t(n);export{n as TableContext,r as useTableContext};

package/dist/TableContext/index.js

@@ -1 +1 @@
-import"./TableContext.js";
+import{TableContext as e,useTableContext as t}from"./TableContext.js";export{e as TableContext,t as useTableContext};

package/dist/TableFooter/index.js

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

package/dist/TableFooter/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({base:`bg-neutral-100 dark:bg-neutral-900`}),r=n();export{r as default,n as tableFooter};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:`bg-neutral-100 dark:bg-neutral-900`}),r=n();export{r as default,n as tableFooter};