rocksolidjs 0.1.2 → 0.1.3

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

package/dist/Radio/Radio.js

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

package/dist/Select/Select.d.ts

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

package/dist/Select/Select.js

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