rocksolidjs 0.1.2 → 0.1.4

package/dist/CardFooter/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:`flex items-center gap-2 px-4 py-2`}),r=n();export{n as cardFooter,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:`flex items-center gap-2 px-4 pt-3 pb-4`}),r=n();export{n as cardFooter,r as default};

package/dist/CardTitle/CardTitle.d.ts

@@ -1,8 +1,8 @@
-import { JSXElement } from 'solid-js';
+import { JSXElement, ValidComponent } from 'solid-js';
 import { TypographyProps } from '../Typography/Typography';
-export type CardTitleProps = {
+export type CardTitleProps<T extends ValidComponent = "h2"> = {
     class?: string;
     children?: JSXElement;
-} & TypographyProps;
-declare const CardTitle: (props: CardTitleProps) => import("solid-js").JSX.Element;
+} & TypographyProps<T>;
+declare const CardTitle: <T extends ValidComponent = "h2">(props: CardTitleProps<T>) => import("solid-js").JSX.Element;
 export default CardTitle;

package/dist/Checkbox/Checkbox.d.ts

@@ -1,10 +1,13 @@
-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';
-type CheckboxSlotProps = {
-    base?: ComponentProps<"span">;
-};
+type CheckboxSlotProps = Prettify<{
+    base?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type CheckboxProps = {
     checked?: boolean;
+    checkedIcon?: JSXElement;
     class?: string;
     color?: IconButtonProps["color"];
     defaultChecked?: boolean;
@@ -13,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 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/Chip/Chip.d.ts

@@ -1,13 +1,15 @@
 import { ComponentProps, JSXElement } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { TypographyProps } from '../Typography/Typography';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as chipDefaultStyles } from './style';
 type ChipVariants = VariantProps<typeof chipDefaultStyles>;
-type ChipSlotProps = {
-    deleteIcon?: ComponentProps<"span">;
-    label?: TypographyProps;
-};
+type ChipSlotProps = Prettify<{
+    deleteIcon?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+    label?: Prettify<TypographyProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type ChipProps = {
     avatar?: JSXElement;
     color?: keyof ThemeColors;

package/dist/Chip/Chip.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"../Typography/Typography.js";import i from"../icons/Cross.js";import{Dynamic as a,createComponent as o,insert as s,memo 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";import"tailwind-variants";var h=d(`<span>`),g=d=>{let g=p({color:`default`,variant:`filled`,size:`medium`,disabled:!1},d),[_,v]=m(g,[`avatar`,`class`,`color`,`deleteIcon`,`disabled`,`icon`,`label`,`onClick`,`onDelete`,`slotProps`,`variant`,`size`,`children`]),y=n(),b=f(()=>_.avatar?_.avatar:_.icon?_.icon:null),x=f(()=>!!_.avatar),S=f(()=>typeof _.onDelete==`function`),C=f(()=>typeof _.onClick==`function`),w=e=>{_.disabled||(e.stopPropagation(),_.onDelete?.(e))},T=f(()=>{let e={color:_.color,disabled:_.disabled,variant:_.variant,size:_.size,hasAvatarElement:x(),hasDeleteIcon:S(),clickable:C()};return y?y.componentsTV.chip(e):t(e)}),E=f(()=>S()?_.deleteIcon?_.deleteIcon:o(i,{}):null);return o(a,l(v,{get component(){return C()?`button`:`div`},get"aria-disabled"(){return _.disabled},get onClick(){return c(()=>!_.disabled)()?_.onClick:void 0},get tabIndex(){return C()&&!_.disabled?0:void 0},get class(){return e(T().base(),_.class)},get children(){return[c(()=>b()),o(r,l(()=>_.slotProps?.label,{as:`span`,variant:`inherit`,truncate:!0,get class(){return e(T().label(),_.slotProps?.label?.class)},get children(){return _.label}})),(()=>{var t=h();return u(t,l(()=>_.slotProps?.deleteIcon,{get class(){return e(T().deleteIcon(),_.slotProps?.deleteIcon?.class)},onClick:w}),!1,!0),s(t,E),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"../Typography/Typography.js";import i from"../icons/Cross.js";import{Dynamic as a,createComponent as o,insert as s,memo 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";import"tailwind-variants";var h=d(`<span>`),g=d=>{let g=p({color:`default`,variant:`filled`,size:`medium`,disabled:!1},d),[_,v]=m(g,[`avatar`,`class`,`color`,`deleteIcon`,`disabled`,`icon`,`label`,`onClick`,`onDelete`,`slotProps`,`variant`,`size`,`children`]),y=n(),b=f(()=>_.avatar?_.avatar:_.icon?_.icon:null),x=f(()=>!!_.avatar),S=f(()=>typeof _.onDelete==`function`),C=f(()=>typeof _.onClick==`function`),w=e=>{_.disabled||(e.stopPropagation(),_.onDelete?.(e))},T=f(()=>{let e={color:_.color,disabled:_.disabled,variant:_.variant,size:_.size,hasAvatarElement:x(),hasDeleteIcon:S(),clickable:C()};return y?y.componentsTV.chip(e):t(e)}),E=f(()=>S()?_.deleteIcon?_.deleteIcon:o(i,{}):null);return o(a,l(v,{get component(){return C()?`button`:`div`},get"aria-disabled"(){return _.disabled},get onClick(){return c(()=>!_.disabled)()?_.onClick:void 0},get tabIndex(){return C()&&!_.disabled?0:-1},get class(){return e(T().base(),_.class)},get children(){return[c(()=>b()),o(r,l(()=>_.slotProps?.label,{as:`span`,variant:`inherit`,truncate:!0,get class(){return e(T().label(),_.slotProps?.label?.class)},get children(){return _.label}})),(()=>{var t=h();return u(t,l(()=>_.slotProps?.deleteIcon,{get class(){return e(T().deleteIcon(),_.slotProps?.deleteIcon?.class)},onClick:w}),!1,!0),s(t,E),t})()]}}))};export{g as default};

package/dist/Chip/style.d.ts

@@ -31,9 +31,7 @@ export declare const chip: (theme?: Theme) => import('tailwind-variants').TVRetu
         };
     };
     clickable: {
-        true: {
-            base: string[];
-        };
+        true: {};
         false: {};
     };
     hasDeleteIcon: {
@@ -80,9 +78,7 @@ export declare const chip: (theme?: Theme) => import('tailwind-variants').TVRetu
         };
     };
     clickable: {
-        true: {
-            base: string[];
-        };
+        true: {};
         false: {};
     };
     hasDeleteIcon: {
@@ -129,9 +125,7 @@ export declare const chip: (theme?: Theme) => import('tailwind-variants').TVRetu
         };
     };
     clickable: {
-        true: {
-            base: string[];
-        };
+        true: {};
         false: {};
     };
     hasDeleteIcon: {
@@ -179,9 +173,7 @@ declare const _default: import('tailwind-variants').TVReturnType<{
         };
     };
     clickable: {
-        true: {
-            base: string[];
-        };
+        true: {};
         false: {};
     };
     hasDeleteIcon: {
@@ -228,9 +220,7 @@ declare const _default: import('tailwind-variants').TVReturnType<{
         };
     };
     clickable: {
-        true: {
-            base: string[];
-        };
+        true: {};
         false: {};
     };
     hasDeleteIcon: {
@@ -277,9 +267,7 @@ declare const _default: import('tailwind-variants').TVReturnType<{
         };
     };
     clickable: {
-        true: {
-            base: string[];
-        };
+        true: {};
         false: {};
     };
     hasDeleteIcon: {

package/dist/Chip/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=[`solid`,`filled`,`outlined`],a=(a=e)=>r({slots:{base:[`inline-flex items-center gap-1 max-w-full`,`font-normal align-middle`,a.typography.colors.textPrimary,a.rounded.full],label:``,deleteIcon:`shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border`}},disabled:{true:{base:`user-event-none`},false:{deleteIcon:`cursor-pointer`}},size:{small:{base:`h-6 px-1.5 py-[2px] gap-[2px] text-xs`,deleteIcon:`text-md`},medium:{base:`h-7 px-2.5 py-1 gap-[3px] text-sm`,deleteIcon:`text-lg`},large:{base:`h-8 px-3 py-1.5 gap-1 text-normal`,deleteIcon:`text-xl`}},clickable:{true:{base:[a.focus]},false:{}},hasDeleteIcon:{true:{},false:{}},hasAvatarElement:{true:{},false:{}}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,clickable:!1,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,clickable:!0,disabled:!1,class:{base:[`cursor-pointer`,n.background,n.border,n.text,n.hover,n.active]}},{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()),{hasDeleteIcon:!0,size:`small`,class:{base:`ps-1.5 pe-1`}},{hasDeleteIcon:!0,size:`medium`,class:{base:`ps-2.5 pe-1.5`}},{hasDeleteIcon:!0,size:`large`,class:{base:`ps-3 pe-2`}},{hasAvatarElement:!0,size:`small`,class:{base:`ps-[2px]`,label:`ps-[1px]`}},{hasAvatarElement:!0,size:`medium`,class:{base:`ps-[3px]`,label:`ps-[2px]`}},{hasAvatarElement:!0,size:`large`,class:{base:`ps-1`,label:`ps-[3px]`}}]}),o=a();export{a as chip,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=[`solid`,`filled`,`outlined`],a=(a=e)=>r({slots:{base:[`inline-flex items-center gap-1 max-w-full`,`font-normal align-middle`,a.typography.colors.textPrimary,a.rounded.full],label:``,deleteIcon:`shrink-0`},variants:{color:t(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border`}},disabled:{true:{base:`pointer-events-none`},false:{deleteIcon:`cursor-pointer`}},size:{small:{base:`h-6 px-1.5 py-[2px] gap-[2px] text-xs`,deleteIcon:`text-md`},medium:{base:`h-7 px-2.5 py-1 gap-[3px] text-sm`,deleteIcon:`text-lg`},large:{base:`h-8 px-3 py-1.5 gap-1 text-md`,deleteIcon:`text-xl`}},clickable:{true:{},false:{}},hasDeleteIcon:{true:{},false:{}},hasAvatarElement:{true:{},false:{}}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,clickable:!1,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,clickable:!0,disabled:!1,class:{base:[`cursor-pointer`,n.background,n.border,n.text,n.hover,n.active]}},{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()),{hasDeleteIcon:!0,size:`small`,class:{base:`ps-1.5 pe-1`}},{hasDeleteIcon:!0,size:`medium`,class:{base:`ps-2.5 pe-1.5`}},{hasDeleteIcon:!0,size:`large`,class:{base:`ps-3 pe-2`}},{hasAvatarElement:!0,size:`small`,class:{base:`ps-[2px]`,label:`ps-[1px]`}},{hasAvatarElement:!0,size:`medium`,class:{base:`ps-[3px]`,label:`ps-[2px]`}},{hasAvatarElement:!0,size:`large`,class:{base:`ps-1`,label:`ps-[3px]`}},{clickable:!0,disabled:!1,class:{base:[a.focus]}}]}),o=a();export{a as chip,o as default};

package/dist/Dialog/Dialog.d.ts

@@ -1,11 +1,13 @@
 import { ComponentProps, JSXElement } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { BackdropProps } from '../Backdrop';
 import { default as dialogDefaultStyles } from './style';
 type DialogVariants = VariantProps<typeof dialogDefaultStyles>;
-type DialogSlotProps = {
-    backdrop?: BackdropProps;
-};
+type DialogSlotProps = Prettify<{
+    backdrop?: Prettify<BackdropProps & WithExtendedComponentProps>;
+}>;
 export type DialogCloseReason = "escape" | "backdrop";
 export type DialogProps = {
     children?: JSXElement;
@@ -13,8 +15,9 @@ export type DialogProps = {
     fullscreen?: DialogVariants["fullscreen"];
     onClose?: (event: Event, reason: DialogCloseReason) => void;
     open?: boolean;
+    ref?: (element: HTMLDivElement) => void;
     role?: "alertdialog" | "dialog";
     slotProps?: DialogSlotProps;
-} & Omit<ComponentProps<"div">, "onClose">;
+} & Omit<ComponentProps<"div">, "onClose" | "ref">;
 declare const Dialog: (props: DialogProps) => import("solid-js").JSX.Element;
 export default Dialog;

package/dist/Dialog/Dialog.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"../Backdrop/Backdrop.js";import"../Backdrop/index.js";import{Portal as i,createComponent as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{Show as d,createEffect as f,createMemo as p,mergeProps as m,onCleanup as h,splitProps as g}from"solid-js";import"tailwind-variants";var _=l(`<div role=dialog aria-modal=true>`),v=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex='-1'])`].join(`,`),y=l=>{let y=m({fullscreen:!1},l),[b,x]=g(y,[`class`,`children`,`fullscreen`,`open`,`onClose`,`slotProps`]),S=n(),C,w=()=>C?Array.from(C.querySelectorAll(v)).filter(e=>{let t=getComputedStyle(e);return!e.hasAttribute(`disabled`)&&t.display!==`none`&&t.visibility!==`hidden`}):[],T=()=>{let e=w()[0];e?e.focus():C.focus()},E=()=>{let e=w(),t=e[e.length-1];t?t.focus():C.focus()},D=e=>{if(!b.open||!C)return;if(e.key===`Escape`){e.preventDefault(),b.onClose?.(e,`escape`);return}if(e.key!==`Tab`)return;let t=w();if(t.length===0){e.preventDefault(),C.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;if(!C.contains(i)){e.preventDefault(),e.shiftKey?E():T();return}if(e.shiftKey&&i===n){e.preventDefault(),r.focus();return}!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())},O=e=>{if(!b.open||!C)return;let t=e.target;t instanceof Node&&(C.contains(t)||T())};f(()=>{if(!b.open){document.body.classList.remove(`overflow-hidden`);return}document.body.classList.add(`overflow-hidden`),document.addEventListener(`keydown`,D),document.addEventListener(`focusin`,O),h(()=>{document.removeEventListener(`keydown`,D),document.removeEventListener(`focusin`,O)})});let k=e=>{e.target===C||C.contains(e.target)||(b.onClose?.(e,`backdrop`),b.slotProps?.backdrop?.onClick?.(e))},A=p(()=>{let e={fullscreen:b.fullscreen};return S?S.componentsTV.dialog(e):t(e)});return a(d,{get when(){return b.open},get children(){return a(i,{get children(){return a(r,s(()=>b.slotProps?.backdrop,{onClick:k,get children(){var t=_(),n=C;return typeof n==`function`?u(n,t):C=t,c(t,s(x,{get class(){return e(A(),b.class)}}),!1,!0),o(t,()=>b.children),t}}))}})}})};export{y 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"../Backdrop/Backdrop.js";import"../Backdrop/index.js";import{Portal as i,createComponent as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{Show as d,createEffect as f,createMemo as p,mergeProps as m,onCleanup as h,splitProps as g}from"solid-js";import"tailwind-variants";var _=l(`<div role=dialog aria-modal=true>`),v=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex='-1'])`].join(`,`),y=l=>{let y=m({fullscreen:!1},l),[b,x]=g(y,[`class`,`children`,`fullscreen`,`open`,`onClose`,`ref`,`slotProps`]),S=n(),C,w=()=>C?Array.from(C.querySelectorAll(v)).filter(e=>{let t=getComputedStyle(e);return!e.hasAttribute(`disabled`)&&t.display!==`none`&&t.visibility!==`hidden`}):[],T=()=>{let e=w()[0];e?e.focus():C.focus()},E=()=>{let e=w(),t=e[e.length-1];t?t.focus():C.focus()},D=e=>{if(!b.open||!C)return;if(e.key===`Escape`){e.preventDefault(),b.onClose?.(e,`escape`);return}if(e.key!==`Tab`)return;let t=w();if(t.length===0){e.preventDefault(),C.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;if(!C.contains(i)){e.preventDefault(),e.shiftKey?E():T();return}if(e.shiftKey&&i===n){e.preventDefault(),r.focus();return}!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())},O=e=>{if(!b.open||!C)return;let t=e.target;t instanceof Node&&(C.contains(t)||T())};f(()=>{if(!b.open){document.body.classList.remove(`overflow-hidden`);return}document.body.classList.add(`overflow-hidden`),document.addEventListener(`keydown`,D),document.addEventListener(`focusin`,O),h(()=>{document.removeEventListener(`keydown`,D),document.removeEventListener(`focusin`,O)})});let k=e=>{e.target===C||C.contains(e.target)||(b.onClose?.(e,`backdrop`),b.slotProps?.backdrop?.onClick?.(e))},A=p(()=>{let e={fullscreen:b.fullscreen};return S?S.componentsTV.dialog(e):t(e)});return a(d,{get when(){return b.open},get children(){return a(i,{get children(){return a(r,s(()=>b.slotProps?.backdrop,{onClick:k,get children(){var t=_();return u(e=>{C=e,b.ref?.(e)},t),c(t,s(x,{get class(){return e(A(),b.class)}}),!1,!0),o(t,()=>b.children),t}}))}})}})};export{y as default};

package/dist/Dialog/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`fixed min-w-xs shadow-sm z-2`,`bg-white dark:bg-neutral-900`,`dark:border`,n.divider],variants:{fullscreen:{true:`w-full h-full`,false:[`top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`[max-width:calc(100%_-_2rem)] [max-height:calc(100%_-_2rem)]`,n.rounded.small]}}}),r=n();export{r as default,n as dialog};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`fixed min-w-xs shadow-sm z-2`,`bg-white dark:bg-neutral-900`,`dark:border`,n.divider],variants:{fullscreen:{true:`w-full h-full`,false:[`top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`max-w-[calc(100vw_-_2rem)] max-h-[calc(100vh_-_2rem)]`,n.rounded.small]}}}),r=n();export{r as default,n as dialog};

package/dist/DialogTitle/DialogTitle.d.ts

@@ -1,8 +1,8 @@
-import { JSXElement } from 'solid-js';
+import { JSXElement, ValidComponent } from 'solid-js';
 import { TypographyProps } from '../Typography/Typography';
-export type DialogTitleProps = {
+export type DialogTitleProps<T extends ValidComponent = "h3"> = {
     class?: string;
     children?: JSXElement;
-} & TypographyProps;
-declare const DialogTitle: (props: DialogTitleProps) => import("solid-js").JSX.Element;
+} & TypographyProps<T>;
+declare const DialogTitle: <T extends ValidComponent = "h3">(props: DialogTitleProps<T>) => import("solid-js").JSX.Element;
 export default DialogTitle;

package/dist/Divider/Divider.d.ts

@@ -1,11 +1,18 @@
 import { ComponentProps, ValidComponent } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { default as dividerDefaultStyles } from './style';
 type DividerVariants = VariantProps<typeof dividerDefaultStyles>;
+type DividerSlotProps = Prettify<{
+    divider?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type DividerProps<T extends ValidComponent = "div"> = {
+    align?: DividerVariants["align"];
     as?: T;
     class?: string;
     orientation?: DividerVariants["orientation"];
+    slotProps?: DividerSlotProps;
 } & ComponentProps<T>;
 declare const Divider: <T extends ValidComponent = "div">(props: DividerProps<T>) => import("solid-js").JSX.Element;
 export default Divider;

package/dist/Divider/Divider.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{Dynamic as r,createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";import"tailwind-variants";var l=l=>{let u=s({orientation:`horizontal`},l),[d,f]=c(u,[`as`,`class`,`orientation`]),p=n(),m=o(()=>{let e={orientation:d.orientation};return p?p.componentsTV.divider(e):t(e)});return i(r,a({role:`separator`,get"aria-orientation"(){return d.orientation===`horizontal`?`horizontal`:`vertical`}},f,{get component(){return d.as||`div`},get class(){return e(m(),d.class)}}))};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"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{Dynamic as r,createComponent as i,memo as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{Show as l,createMemo as u,mergeProps as d,splitProps as f}from"solid-js";import"tailwind-variants";var p=c(`<span>`),m=c=>{let m=d({align:`center`,orientation:`horizontal`},c),[h,g]=f(m,[`align`,`as`,`class`,`children`,`orientation`,`slotProps`]),_=n(),v=u(()=>!!h.children),y=u(()=>{let e={align:h.align,hasChildren:v(),orientation:h.orientation};return _?_.componentsTV.divider(e):t(e)});return i(r,o({role:`separator`,get"aria-orientation"(){return h.orientation===`horizontal`?`horizontal`:`vertical`}},g,{get component(){return h.as||`div`},get class(){return e(y().base(),h.class)},get children(){return[(()=>{var t=p();return s(t,o(()=>h.slotProps?.divider,{get class(){return e(y().divider(),y().beforeDivider(),h.slotProps?.divider?.class)}}),!1,!1),t})(),i(l,{get when(){return v()},get children(){return[a(()=>h.children),(()=>{var t=p();return s(t,o(()=>h.slotProps?.divider,{get class(){return e(y().divider(),y().afterDivider(),h.slotProps?.divider?.class)}}),!1,!1),t})()]}})]}}))};export{m as default};

package/dist/Divider/style.d.ts

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

package/dist/Divider/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`border-thin`,n.divider],variants:{orientation:{horizontal:`border-t w-full`,vertical:`border-l h-auto self-stretch`}}}),r=n();export{r as default,n as divider};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[`flex items-center gap-1.5`,n.typography.colors.textPrimary,n.typography.variants.body2],divider:[n.divider],beforeDivider:``,afterDivider:``},variants:{align:{start:{},center:{},end:{}},hasChildren:{true:{},false:{}},orientation:{horizontal:{base:`w-full`,divider:`border-t`},vertical:{base:`flex-col h-auto self-stretch`,divider:`border-l`}}},compoundVariants:[{hasChildren:!0,orientation:`horizontal`,align:`start`,class:{beforeDivider:`w-[10%]`,afterDivider:`w-[90%]`}},{hasChildren:!0,orientation:`horizontal`,align:`center`,class:{beforeDivider:`w-[50%]`,afterDivider:`w-[50%]`}},{hasChildren:!0,orientation:`horizontal`,align:`end`,class:{beforeDivider:`w-[90%]`,afterDivider:`w-[10%]`}},{hasChildren:!0,orientation:`vertical`,align:`start`,class:{beforeDivider:`h-[10%]`,afterDivider:`h-[90%]`}},{hasChildren:!0,orientation:`vertical`,align:`center`,class:{beforeDivider:`h-[50%]`,afterDivider:`h-[50%]`}},{hasChildren:!0,orientation:`vertical`,align:`end`,class:{beforeDivider:`h-[90%]`,afterDivider:`h-[10%]`}},{hasChildren:!1,orientation:`horizontal`,class:{beforeDivider:`w-full`}},{hasChildren:!1,orientation:`vertical`,class:{beforeDivider:`h-full`}}]}),r=n();export{r as default,n as divider};

package/dist/IconButton/IconButton.d.ts

@@ -1,6 +1,7 @@
+import { ValidComponent } from 'solid-js';
 import { ButtonProps } from '../Button';
-export type IconButtonProps = {
+export type IconButtonProps<T extends ValidComponent = "button"> = {
     class?: string;
-} & Omit<ButtonProps, "startIcon" | "endIcon" | "variant" | "slotProps">;
-declare const IconButton: (props: IconButtonProps) => import("solid-js").JSX.Element;
+} & Omit<ButtonProps<T>, "fullWidth" | "startIcon" | "endIcon" | "variant" | "slotProps">;
+declare const IconButton: <T extends ValidComponent = "button">(props: IconButtonProps<T>) => import("solid-js").JSX.Element;
 export default IconButton;

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/IconButton/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-0 py-0 min-h-[initial]`,`flex justify-center items-center shrink-0`,n.rounded.full],variants:{size:{small:`size-6 text-lg`,medium:`size-8 text-2xl`,large:`size-10 text-3xl`}}}),r=n();export{r as default,n as iconButton};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-0 py-0 min-h-[initial]`,`inline-flex justify-center items-center shrink-0`,n.rounded.full],variants:{size:{small:`size-6 text-lg`,medium:`size-8 text-2xl`,large:`size-10 text-3xl`}}}),r=n();export{r as default,n as iconButton};

package/dist/Input/Input.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 inputDefaultStyles } from './style';
 type InputVariants = VariantProps<typeof inputDefaultStyles>;
-type InputSlotProps = {
-    base?: ComponentProps<"div">;
-    prefix?: ComponentProps<"span">;
-    suffix?: ComponentProps<"span">;
-};
+type InputSlotProps = Prettify<{
+    base?: Prettify<ComponentProps<"div"> & WithExtendedComponentProps>;
+    prefix?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+    suffix?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 type InputTypes = "number" | "search" | "time" | "image" | "text" | "color" | "date" | "datetime-local" | "email" | "file" | "month" | "password" | "tel" | "url" | "week";
 export type InputProps = {
     class?: string;

package/dist/Input/Input.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{insert as r,memo as i,mergeProps as a,spread as o,template as s}from"solid-js/web";import{createMemo as c,mergeProps as l,splitProps as u}from"solid-js";import"tailwind-variants";var d=s(`<div><input>`),f=s(`<span>`),p=s=>{let p=l({color:`default`,disabled:!1,variant:`outlined`,size:`medium`,type:`text`},s),[m,h]=u(p,[`class`,`color`,`disabled`,`fullWidth`,`inputSize`,`prefix`,`size`,`slotProps`,`suffix`,`type`,`variant`,`children`]),g=n(),_=c(()=>{let e={color:m.color,disabled:m.disabled,variant:m.variant,size:m.size,fullWidth:m.fullWidth};return g?g.componentsTV.input(e):t(e)});return(()=>{var t=d(),n=t.firstChild;return o(t,a(()=>m.slotProps?.base,{get class(){return e(_().base(),m.slotProps?.base?.class)}}),!1,!0),r(t,(()=>{var t=i(()=>!!m.prefix);return()=>t()?(()=>{var t=f();return o(t,a(()=>m.slotProps?.prefix,{get class(){return e(_().prefix(),m.slotProps?.prefix?.class)}}),!1,!0),r(t,()=>m.prefix),t})():null})(),n),o(n,a(h,{get type(){return m.type},get disabled(){return m.disabled},get size(){return m.inputSize},get class(){return e(_().input(),m.class)}}),!1,!1),r(t,(()=>{var t=i(()=>!!m.suffix);return()=>t()?(()=>{var t=f();return o(t,a(()=>m.slotProps?.suffix,{get class(){return e(_().suffix(),m.slotProps?.suffix?.class)}}),!1,!0),r(t,()=>m.suffix),t})():null})(),null),t})()};export{p 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{createComponent as r,insert as i,mergeProps as a,spread as o,template as s}from"solid-js/web";import{Show as c,createMemo as l,mergeProps as u,splitProps as d}from"solid-js";import"tailwind-variants";var f=s(`<span>`),p=s(`<div><input>`),m=s=>{let m=u({color:`default`,disabled:!1,variant:`outlined`,size:`medium`,type:`text`},s),[h,g]=d(m,[`class`,`color`,`disabled`,`fullWidth`,`inputSize`,`prefix`,`size`,`slotProps`,`suffix`,`type`,`variant`,`children`]),_=n(),v=l(()=>{let e={color:h.color,disabled:h.disabled,variant:h.variant,size:h.size,fullWidth:h.fullWidth};return _?_.componentsTV.input(e):t(e)});return(()=>{var t=p(),n=t.firstChild;return o(t,a(()=>h.slotProps?.base,{get class(){return e(v().base(),h.slotProps?.base?.class)}}),!1,!0),i(t,r(c,{get when(){return h.prefix},get children(){var t=f();return o(t,a(()=>h.slotProps?.prefix,{get class(){return e(v().prefix(),h.slotProps?.prefix?.class)}}),!1,!0),i(t,()=>h.prefix),t}}),n),o(n,a(g,{get type(){return h.type},get disabled(){return h.disabled},get size(){return h.inputSize},get class(){return e(v().input(),h.class)}}),!1,!1),i(t,r(c,{get when(){return h.suffix},get children(){var t=f();return o(t,a(()=>h.slotProps?.suffix,{get class(){return e(v().suffix(),h.slotProps?.suffix?.class)}}),!1,!0),i(t,()=>h.suffix),t}}),null),t})()};export{m as default};

package/dist/Input/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:[`inline-flex items-center overflow-hidden`,a.rounded.small,a.focusWithin],input:[`w-full h-full border-0 outline-0`],prefix:`leading-1 shrink-0 ps-1.5 pe-1`,suffix:`leading-1 shrink-0 ps-1 pe-1.5`},variants:{color:t(a.colors,()=>``),disabled:{true:{},false:{}},fullWidth:{true:{base:`w-full`},false:{}},size:{small:{base:`h-6 text-sm`,input:`py-1 px-1.5`},medium:{base:`h-8 text-sm`,input:`py-1 px-1.5`},large:{base:`h-10 text-md`,input:`py-1.5 px-2`}},variant:{filled:{},ghost:{},outlined:{base:`border border-1`}}},compoundVariants:[...n(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,disabled:!1,variant:t,class:{base:[n.background,n.border,n.text],prefix:[n.text],suffix:[n.text]}},{color:e,disabled:!0,variant:t,class:{base:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text],prefix:[a.disabled.text],suffix:[a.disabled.text]}}]}))]}),o=a();export{o as default,a as input};
+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:[`inline-flex items-center overflow-hidden`,a.rounded.small,a.focusWithin],input:[`w-full h-full border-0 outline-0`],prefix:`leading-[1] shrink-0 ps-1.5 pe-1`,suffix:`leading-[1] shrink-0 ps-1 pe-1.5`},variants:{color:t(a.colors,()=>``),disabled:{true:{},false:{}},fullWidth:{true:{base:`w-full`},false:{}},size:{small:{base:`h-6 text-sm`,input:`py-1 px-1.5`},medium:{base:`h-8 text-sm`,input:`py-1 px-1.5`},large:{base:`h-10 text-md`,input:`py-1.5 px-2`}},variant:{filled:{},ghost:{},outlined:{base:`border border-1`}}},compoundVariants:[...n(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,disabled:!1,variant:t,class:{base:[n.background,n.border,n.text],prefix:[n.text],suffix:[n.text]}},{color:e,disabled:!0,variant:t,class:{base:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text],prefix:[a.disabled.text],suffix:[a.disabled.text]}}]}))]}),o=a();export{o as default,a as input};

package/dist/Link/style.d.ts

@@ -1,38 +1,38 @@
 import { Theme } from '../styles/theme';
 export declare const link: (theme?: 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";
     };
 }, undefined>>;
 declare const _default: 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";
     };

package/dist/Link/style.js

@@ -1 +1 @@
-import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`block`,n.rounded.small,n.focus],variants:{underline:{none:``,hover:`hover:underline`,always:`underline`}}}),r=n();export{r as default,n as link};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`block`,n.rounded.small,n.focus],variants:{underline:{none:`no-underline`,hover:`hover:underline`,always:`underline`}}}),r=n();export{r as default,n as link};

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";import"tailwind-variants";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/style.js

@@ -1 +1 @@
-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.small],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};
+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,11 +1,14 @@
-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';
-type RadioSlotProps = {
-    base?: ComponentProps<"span">;
-};
+type RadioSlotProps = Prettify<{
+    base?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type RadioProps = {
     class?: string;
     checked?: boolean;
+    checkedIcon?: JSXElement;
     color?: IconButtonProps["color"];
     defaultChecked?: boolean;
     disabled?: boolean;
@@ -13,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;