rocksolidjs 0.1.1 → 0.1.3

package/dist/Checkbox/Checkbox.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 CheckboxSlotProps = {
-    base?: ComponentProps<"span">;
-};
+type CheckboxSlotProps = Prettify<{
+    base?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type CheckboxProps = {
     checked?: boolean;
     class?: string;

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

package/dist/Checkbox/index.js

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

package/dist/Checkbox/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:{base:[n.disabled.state]},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{n as checkbox,r as default};
+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:{base:[n.disabled.state]},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{n as checkbox,r 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";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`,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/index.js

@@ -1 +1 @@
-import"./Chip.js";
+import e from"./Chip.js";export{e 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{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=[`solid`,`filled`,`outlined`],a=(a=t)=>e({slots:{base:[`inline-flex items-center gap-1`,`font-normal align-middle`,a.typography.colors.textPrimary,a.rounded.full],label:``,deleteIcon:`shrink-0`},variants:{color:n(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 gap-[2px] text-xs`,deleteIcon:`text-md`},medium:{base:`h-7 px-2.5 gap-[3px] text-sm`,deleteIcon:`text-lg`},large:{base:`h-8 px-3 gap-1 text-normal`,deleteIcon:`text-xl`}},clickable:{true:{base:[a.focus]},false:{}},hasDeleteIcon:{true:{},false:{}},hasAvatarElement:{true:{},false:{}}},compoundVariants:[...r(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";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/index.js

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

package/dist/Dialog/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:[`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/DialogActions/index.js

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

package/dist/DialogActions/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:[`flex items-center justify-end gap-3`,`border-t py-2.5 px-3`,n.divider]}),r=n();export{r as default,n as dialogActions};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`flex items-center justify-end gap-3`,`border-t py-2.5 px-3`,n.divider]}),r=n();export{r as default,n as dialogActions};

package/dist/DialogContent/index.js

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

package/dist/DialogContent/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:[`px-3 py-5`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{r as default,n as dialogContent};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-3 py-5`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{r as default,n as dialogContent};

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/DialogTitle/index.js

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

package/dist/DialogTitle/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:[`p-3 text-md font-semibold`,`border-b`,n.divider,n.typography.colors.textPrimary]}),r=n();export{r as default,n as dialogTitle};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`p-3 text-md font-semibold`,`border-b`,n.divider,n.typography.colors.textPrimary]}),r=n();export{r as default,n as 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";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/index.js

@@ -1 +1 @@
-import"./Divider.js";
+import e from"./Divider.js";export{e 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{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({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/index.js

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

package/dist/IconButton/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:[`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";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/index.js

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

package/dist/Input/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({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:n(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:[...r(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/Label/Label.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(`<label>`),u=a=>{let u=s({color:`default`,disabled:!1,size:`medium`,truncate:!1},a),[d,f]=c(u,[`class`,`color`,`disabled`,`required`,`size`,`truncate`]),p=n(),m=o(()=>{let e={color:d.color,disabled:d.disabled,required:d.required,size:d.size,truncate:d.truncate};return p?p.componentsTV.label(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(`<label>`),u=a=>{let u=s({color:`default`,disabled:!1,size:`medium`,truncate:!1},a),[d,f]=c(u,[`class`,`color`,`disabled`,`required`,`size`,`truncate`]),p=n(),m=o(()=>{let e={color:d.color,disabled:d.disabled,required:d.required,size:d.size,truncate:d.truncate};return p?p.componentsTV.label(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/Label/index.js

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

package/dist/Label/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({base:[`block`,i.colors.default.ghost.text],variants:{color:n(i.colors,()=>({})),disabled:{true:``,false:``},required:{true:[`before:content-['*'] before:inline-block before:text-sm`,`before:pr-1 rtl:before:pl-1`,`before:text-red-800 dark:before:text-red-400`],false:``},size:{small:`text-sm`,medium:`text-sm`,large:`text-md`},truncate:{true:`truncate`,false:``}},compoundVariants:[...r(i.colors).flatMap(e=>[{color:e,disabled:!1,class:[i.colors[e].ghost.text]},{color:e,disabled:!0,class:[i.disabled.text]}])]}),a=i();export{a as default,i as label};
+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:[`block`,i.colors.default.ghost.text],variants:{color:t(i.colors,()=>({})),disabled:{true:``,false:``},required:{true:[`before:content-['*'] before:inline-block before:text-sm`,`before:pr-1 rtl:before:pl-1`,`before:text-red-800 dark:before:text-red-400`],false:``},size:{small:`text-sm`,medium:`text-sm`,large:`text-md`},truncate:{true:`truncate`,false:``}},compoundVariants:[...n(i.colors).flatMap(e=>[{color:e,disabled:!1,class:[i.colors[e].ghost.text]},{color:e,disabled:!0,class:[i.disabled.text]}])]}),a=i();export{a as default,i as label};

package/dist/Link/Link.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"../Typography/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({color:`default`,underline:`hover`},l),[d,f]=c(u,[`class`,`underline`,`variant`]),p=n(),m=o(()=>{let e={underline:d.underline};return p?p.componentsTV.link(e):t(e)});return i(r,a(f,{as:`a`,variant:`body2`,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 r from"../Typography/Typography.js";import"../Typography/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";import"tailwind-variants";var l=l=>{let u=s({color:`default`,underline:`hover`},l),[d,f]=c(u,[`class`,`underline`,`variant`]),p=n(),m=o(()=>{let e={underline:d.underline};return p?p.componentsTV.link(e):t(e)});return i(r,a(f,{as:`a`,variant:`body2`,get class(){return e(m(),d.class)}}))};export{l as default};

package/dist/Link/index.js

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

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{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";var n=(n=t)=>e({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};