rocksolidjs 0.1.1 → 0.1.3

package/README.md

@@ -4,6 +4,8 @@ RockSolid is a modern UI component library built with **SolidJS** and **Tailwind
 
 It provides accessible, customizable, and reusable components for building modern web applications.
 
+[Read the Documentation](https://rocksolidjs.com/)
+
 ## Features
 
 - Built with SolidJS
@@ -20,14 +22,13 @@ Before installing RockSolid, make sure your project has the following dependenci
 
 - SolidJS
 - Tailwind CSS
-- Tailwind Variants
 
 If you are starting a new SolidJS project, set up SolidJS and Tailwind CSS first.
 
 Install the required dependencies:
 
 ```bash
-npm install solid-js tailwindcss tailwind-variants
+npm install solid-js tailwindcss
 ```
 
 ## Installation
@@ -45,6 +46,8 @@ Import the RockSolid stylesheet into your application's global CSS file:
 ```css
 @import "tailwindcss";
 @import "rocksolidjs/index.css";
+/* Provide the relative path of the rocksolidjs package */
+@source "../node_modules/rocksolidjs";
 ```
 
 Make sure Tailwind CSS is configured in your project.
@@ -83,7 +86,8 @@ RockSolid is written in TypeScript and provides type definitions for components,
 
 ## Documentation
 
-For detailed information about components, theming, accessibility, and customization, see the RockSolid documentation.
+For detailed information about components, theming, accessibility, and customization, see the [RockSolid documentation.](https://rocksolidjs.com/)
+
 
 ## License
 

package/dist/Accordion/index.js

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

package/dist/Accordion/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-t border-l border-r`,`first-of-type:rounded-t-sm`,`last-of-type:border-b`,`last-of-type:rounded-b-sm`,n.divider]}),r=n();export{n as accordion,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`border-t border-l border-r`,`first-of-type:rounded-t-sm`,`last-of-type:border-b`,`last-of-type:rounded-b-sm`,n.divider]}),r=n();export{n as accordion,r as default};

package/dist/AccordionContext/AccordionContext.js

@@ -1 +1 @@
-import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>{let e=t(n);if(!e)throw Error(`Use AccordionSummary and AccordionDetails inside Accordion component.`);return e};export{n as AccordionContext,r as useAccordionContext};
+import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>{let e=t(n);if(!e)throw Error(`AccordionSummary and AccordionDetails must be used inside an Accordion component.`);return e};export{n as AccordionContext,r as useAccordionContext};

package/dist/AccordionContext/index.js

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

package/dist/AccordionDetails/AccordionDetails.d.ts

@@ -3,6 +3,7 @@ export type AccordionDetailsProps = {
     children?: JSXElement;
     class?: string;
     onTransitionEnd?: (event: TransitionEvent) => void;
-} & ComponentProps<"div">;
+    ref?: (element: HTMLDivElement) => void;
+} & Omit<ComponentProps<"div">, "ref">;
 declare const AccordionDetails: (props: AccordionDetailsProps) => import("solid-js").JSX.Element;
 export default AccordionDetails;

package/dist/AccordionDetails/AccordionDetails.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{useAccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import{className as i,effect as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{createMemo as d,createRenderEffect as f,onMount as p,splitProps as m}from"solid-js";var h=l(`<div><div>`),g=l=>{let[g,_]=m(l,[`class`,`children`,`onTransitionEnd`]),v=n(),y=r(),b=!1,x,S=()=>y.isExpanded(),C=()=>{if(y.disableTransition()){let e=S()?`auto`:`0px`;x&&(x.style.height=e);return}let e=S()?x?.scrollHeight??0:0;x&&(!S()&&b&&(x.style.height=`${x?.scrollHeight??0}px`),requestAnimationFrame(()=>{b=!1,x.style.height=`${e}px`}))},w=d(()=>{let e={disableTransition:y.disableTransition()};return v?v.componentsTV.accordionDetails(e):t(e)});p(()=>{C()}),f(()=>{C()});let T=e=>{e.propertyName===`height`&&S()&&(b=!0,x.style.height=`auto`),g.onTransitionEnd?.(e)},E=d(()=>{let e=y.accordionId();if(e)return{"aria-labelledby":`accordion-${e}-summary`,id:`accordion-${e}-details`,role:`region`}});return(()=>{var t=h(),n=t.firstChild,r=x;return typeof r==`function`?u(r,t):x=t,c(t,s(E,_,{get class(){return e(w().base(),g.class)},onTransitionEnd:T}),!1,!0),o(n,()=>g.children),a(()=>i(n,w().content())),t})()};export{g as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{useAccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import{className as i,effect as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{createMemo as d,createRenderEffect as f,onMount as p,splitProps as m}from"solid-js";var h=l(`<div><div>`),g=l=>{let[g,_]=m(l,[`class`,`children`,`onTransitionEnd`,`ref`]),v=!0,y=n(),b=r(),x,S=()=>b.isExpanded(),C=S(),w=C,T=()=>{if(b.disableTransition()||v){let e=S()?`auto`:`0px`;x&&(x.style.height=e);return}let e=S()?x?.scrollHeight??0:0;x&&(!S()&&w&&(x.style.height=`${x?.scrollHeight??0}px`),x.offsetHeight,w=!1,x.style.height=`${e}px`)},E=d(()=>{let e={expanded:C,disableTransition:b.disableTransition()};return y?y.componentsTV.accordionDetails(e):t(e)});p(()=>{T(),v=!1}),f(()=>{T()});let D=e=>{e.target===x&&e.propertyName===`height`&&S()&&(w=!0,x.style.height=`auto`),g.onTransitionEnd?.(e)},O=d(()=>{let e=b.accordionId();if(e)return{"aria-labelledby":`accordion-${e}-summary`,id:`accordion-${e}-details`,role:`region`}});return(()=>{var t=h(),n=t.firstChild;return u(e=>{x=e,g.ref?.(e)},t),c(t,s(O,_,{get class(){return e(E().base(),g.class)},onTransitionEnd:D}),!1,!0),o(n,()=>g.children),a(()=>i(n,E().content())),t})()};export{g as default};

package/dist/AccordionDetails/index.js

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

package/dist/AccordionDetails/style.d.ts

@@ -6,6 +6,14 @@ export declare const accordionDetails: (theme?: Theme) => import('tailwind-varia
             base: string;
         };
     };
+    expanded: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
 }, {
     base: string[];
     content: string[];
@@ -16,6 +24,14 @@ export declare const accordionDetails: (theme?: Theme) => import('tailwind-varia
             base: string;
         };
     };
+    expanded: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
 }, {
     base: string[];
     content: string[];
@@ -26,6 +42,14 @@ export declare const accordionDetails: (theme?: Theme) => import('tailwind-varia
             base: string;
         };
     };
+    expanded: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
 }, {
     base: string[];
     content: string[];
@@ -37,6 +61,14 @@ declare const _default: import('tailwind-variants').TVReturnType<{
             base: string;
         };
     };
+    expanded: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
 }, {
     base: string[];
     content: string[];
@@ -47,6 +79,14 @@ declare const _default: import('tailwind-variants').TVReturnType<{
             base: string;
         };
     };
+    expanded: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
 }, {
     base: string[];
     content: string[];
@@ -57,6 +97,14 @@ declare const _default: import('tailwind-variants').TVReturnType<{
             base: string;
         };
     };
+    expanded: {
+        true: {
+            base: string;
+        };
+        false: {
+            base: string;
+        };
+    };
 }, {
     base: string[];
     content: string[];

package/dist/AccordionDetails/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:[`overflow-hidden`,n.typography.colors.textPrimary],content:[`pt-2 pb-3 px-4`,n.typography.variants.body2]},variants:{disableTransition:{true:{},false:{base:`transition-height duration-300`}}}}),r=n();export{n as accordionDetails,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[`overflow-hidden`,n.typography.colors.textPrimary],content:[`pt-2 pb-3 px-4`,n.typography.variants.body2]},variants:{disableTransition:{true:{},false:{base:`transition-[height] duration-300`}},expanded:{true:{base:`h-auto`},false:{base:`h-0`}}}}),r=n();export{n as accordionDetails,r as default};

package/dist/AccordionSummary/AccordionSummary.d.ts

@@ -1,9 +1,11 @@
 import { ComponentProps, JSXElement } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { ButtonProps } from '../Button';
-type AccordionSummarySlotProps = {
-    button?: ButtonProps;
-    icon?: NonNullable<ButtonProps["slotProps"]>["endIcon"];
-};
+type AccordionSummarySlotProps = Prettify<{
+    button?: Prettify<ButtonProps<"button"> & WithExtendedComponentProps>;
+    icon?: NonNullable<ButtonProps<"button">["slotProps"]>["endIcon"];
+}>;
 export type AccordionSummaryProps = {
     children?: JSXElement;
     class?: string;

package/dist/AccordionSummary/AccordionSummary.js

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

package/dist/AccordionSummary/index.js

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

package/dist/AccordionSummary/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 h-full min-h-10 justify-between gap-2`,`text-left rtl:text-right`,n.rounded.small]}),r=n();export{n as accordionSummary,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`px-3 h-full min-h-10 justify-between gap-2`,`text-left rtl:text-right`,n.rounded.small]}),r=n();export{n as accordionSummary,r as default};

package/dist/Alert/Alert.d.ts

@@ -1,16 +1,18 @@
 import { ComponentProps, JSXElement, ValidComponent } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { TypographyProps } from '../Typography';
 import { IconButtonProps } from '../IconButton';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as alertDefaultStyles } from './style';
 type AlertVariants = VariantProps<typeof alertDefaultStyles>;
-type AlertSlotProps = {
-    icon?: TypographyProps;
-    content?: TypographyProps;
-    action?: ComponentProps<"div">;
-    closeButton?: IconButtonProps;
-};
+type AlertSlotProps = Prettify<{
+    icon?: Prettify<TypographyProps & WithExtendedComponentProps>;
+    content?: Prettify<TypographyProps & WithExtendedComponentProps>;
+    action?: Prettify<ComponentProps<"div"> & WithExtendedComponentProps>;
+    closeButton?: Prettify<Omit<IconButtonProps, "as"> & WithExtendedComponentProps>;
+}>;
 export type AlertProps<T extends ValidComponent = "div"> = {
     action?: JSXElement;
     as?: T;

package/dist/Alert/Alert.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 i from"../IconButton/IconButton.js";import"../IconButton/index.js";import a from"../icons/Alert.js";import o from"../icons/Error.js";import s from"../icons/Checkmark.js";import c from"../icons/Info.js";import l from"../icons/Warning.js";import u from"../icons/Cross.js";import{Dynamic as d,createComponent as f,insert as p,memo as m,mergeProps as h,spread as g,template as _}from"solid-js/web";import{createMemo as v,mergeProps as y,splitProps as b}from"solid-js";var x=_(`<div>`),S=_=>{let S=y({color:`default`,variant:`filled`},_),[C,w]=b(S,[`as`,`action`,`children`,`class`,`color`,`icon`,`onClose`,`slotProps`,`variant`]),T=n(),E=v(()=>{if(C.icon)return C.icon;switch(C.color){case`success`:return f(s,{});case`info`:return f(c,{});case`warning`:return f(l,{});case`error`:return f(o,{});default:return f(a,{})}}),D=v(()=>{let e={color:C.color,variant:C.variant};return T?T.componentsTV.alert(e):t(e)});return f(d,h({role:`alert`},w,{get component(){return C.as??`div`},get class(){return e(D().base(),C.class)},get children(){return[m(()=>m(()=>!!E())()?f(r,h({as:`span`},()=>C.slotProps?.icon,{get class(){return e(D().icon(),C.slotProps?.icon?.class)},get children(){return E()}})):null),f(r,h({as:`div`,variant:`inherit`},()=>C.slotProps?.content,{get class(){return e(D().content(),C.slotProps?.content?.class)},get children(){return C.children}})),m(()=>m(()=>!!C.action)()?(()=>{var e=x();return g(e,h(()=>C.slotProps?.action),!1,!0),p(e,()=>C.action),e})():null),m(()=>m(()=>typeof C.onClose==`function`)()?f(i,h({"aria-label":`Close`,get color(){return C.color},variant:`text`,size:`small`},()=>C.slotProps?.closeButton,{get onClick(){return C.onClose},get children(){return f(u,{})}})):null)]}}))};export{S 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"../Typography/index.js";import i from"../IconButton/IconButton.js";import"../IconButton/index.js";import a from"../icons/Alert.js";import o from"../icons/Error.js";import s from"../icons/Checkmark.js";import c from"../icons/Info.js";import l from"../icons/Warning.js";import u from"../icons/Cross.js";import{Dynamic as d,createComponent as f,insert as p,memo as m,mergeProps as h,spread as g,template as _}from"solid-js/web";import{createMemo as v,mergeProps as y,splitProps as b}from"solid-js";import"tailwind-variants";var x=_(`<div>`),S=_=>{let S=y({color:`default`,variant:`filled`},_),[C,w]=b(S,[`as`,`action`,`children`,`class`,`color`,`icon`,`onClose`,`slotProps`,`variant`]),T=n(),E=v(()=>{if(C.icon!==null){if(C.icon)return C.icon;switch(C.color){case`success`:return f(s,{});case`info`:return f(c,{});case`warning`:return f(l,{});case`error`:return f(o,{});default:return f(a,{})}}}),D=v(()=>{let e={color:C.color,variant:C.variant};return T?T.componentsTV.alert(e):t(e)}),O=v(()=>C.slotProps);return f(d,h({role:`alert`},w,{get component(){return C.as??`div`},get class(){return e(D().base(),C.class)},get children(){return[m(()=>m(()=>!!E())()?f(r,h({as:`span`},()=>O()?.icon,{get class(){return e(D().icon(),O()?.icon?.class)},get children(){return E()}})):null),f(r,h({as:`div`,variant:`inherit`},()=>O()?.content,{get class(){return e(D().content(),O()?.content?.class)},get children(){return C.children}})),m(()=>m(()=>!!C.action)()?(()=>{var e=x();return g(e,h(()=>O()?.action),!1,!0),p(e,()=>C.action),e})():null),m(()=>m(()=>typeof C.onClose==`function`)()?f(i,h({"aria-label":`Close`,get color(){return C.color},size:`small`},()=>O()?.closeButton,{get onClick(){return C.onClose},get class(){return e(D().closeButton(),O()?.closeButton?.class)},get children(){return f(u,{})}})):null)]}}))};export{S as default};

package/dist/Alert/index.js

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

package/dist/Alert/style.d.ts

@@ -12,6 +12,7 @@ export declare const alert: (theme?: Theme) => import('tailwind-variants').TVRet
     base: string[];
     content: string;
     icon: string;
+    closeButton: string[];
 }, undefined, {
     color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
     variant: {
@@ -25,6 +26,7 @@ export declare const alert: (theme?: Theme) => import('tailwind-variants').TVRet
     base: string[];
     content: string;
     icon: string;
+    closeButton: string[];
 }, import('tailwind-variants').TVReturnTypeLike<{
     color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
     variant: {
@@ -38,6 +40,7 @@ export declare const alert: (theme?: Theme) => import('tailwind-variants').TVRet
     base: string[];
     content: string;
     icon: string;
+    closeButton: string[];
 }>>;
 declare const _default: import('tailwind-variants').TVReturnType<{
     color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
@@ -52,6 +55,7 @@ declare const _default: import('tailwind-variants').TVReturnType<{
     base: string[];
     content: string;
     icon: string;
+    closeButton: string[];
 }, undefined, {
     color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
     variant: {
@@ -65,6 +69,7 @@ declare const _default: import('tailwind-variants').TVReturnType<{
     base: string[];
     content: string;
     icon: string;
+    closeButton: string[];
 }, import('tailwind-variants').TVReturnTypeLike<{
     color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
     variant: {
@@ -78,5 +83,6 @@ declare const _default: import('tailwind-variants').TVReturnType<{
     base: string[];
     content: string;
     icon: string;
+    closeButton: string[];
 }>>;
 export default _default;

package/dist/Alert/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:[`flex items-center gap-2 w-full py-2 px-3 min-w-0 min-h-10`,a.rounded.small,a.typography.variants.body2],content:`grow-1 min-w-0`,icon:`text-lg shrink-0`},variants:{color:n(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border border-1`}}},compoundVariants:[...r(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return{color:e,variant:t,class:{base:[n.background,n.text,n.border]}}}))]}),o=a();export{a as alert,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:[`flex items-center gap-2 w-full py-2 px-3 min-w-0 min-h-10`,a.rounded.small,a.typography.variants.body2],content:`grow-1 min-w-0`,icon:`text-lg shrink-0`,closeButton:[`hover:bg-black/15 hover:dark:bg-white/15`,`active:bg-black/25 active:dark:bg-white/25`,`text-[inherit] dark:text-[inherit]`]},variants:{color:t(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border border-1`}}},compoundVariants:[...n(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return{color:e,variant:t,class:{base:[n.background,n.text,n.border]}}}))]}),o=a();export{a as alert,o as default};

package/dist/Avatar/Avatar.d.ts

@@ -1,11 +1,13 @@
 import { ComponentProps, ValidComponent } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as avatarDefaultStyles } from './style';
 type AvatarVariants = VariantProps<typeof avatarDefaultStyles>;
-type AvatarSlotProps = {
-    img?: ComponentProps<"img">;
-};
+type AvatarSlotProps = Prettify<{
+    img?: Prettify<ComponentProps<"img"> & WithExtendedComponentProps>;
+}>;
 export type AvatarProps<T extends ValidComponent = "div"> = {
     alt?: string;
     as?: T;

package/dist/Avatar/Avatar.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,memo as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,createSignal as u,mergeProps as d,splitProps as f}from"solid-js";var p=c(`<img>`),m=e=>e.trim().split(/\s+/).filter(Boolean).map(e=>e[0]).slice(0,2).join(``).toUpperCase(),h=c=>{let h=d({color:`default`,rounded:`full`,size:`medium`},c),[g,_]=f(h,[`as`,`alt`,`class`,`color`,`children`,`rounded`,`size`,`slotProps`,`src`]),v=n(),[y,b]=u(g.src&&typeof g.src==`string`),x=()=>m(g.alt||``)||g.children,S=e=>{b(!1),g.slotProps?.img?.onError(e)},C=l(()=>{let e={rounded:g.rounded,color:g.color,size:g.size};return v?v.componentsTV.avatar(e):t(e)});return i(r,o(_,{get component(){return g.as??`div`},get class(){return e(C().base(),g.class)},get children(){return a(()=>!!y())()?(()=>{var t=p();return s(t,o(()=>g.slotProps?.img,{get src(){return g.src},get alt(){return g.alt},onError:S,get class(){return e(C().img(),g.slotProps?.img?.class)}}),!1,!1),t})():x()}}))};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{Dynamic as r,createComponent as i,memo as a,mergeProps as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,createSignal as u,mergeProps as d,splitProps as f}from"solid-js";import"tailwind-variants";var p=c(`<img>`),m=e=>e.trim().split(/\s+/).filter(Boolean).map(e=>e[0]).slice(0,2).join(``).toUpperCase(),h=c=>{let h=d({color:`default`,rounded:`full`,size:`medium`},c),[g,_]=f(h,[`as`,`alt`,`class`,`color`,`children`,`rounded`,`size`,`slotProps`,`src`]),v=n(),[y,b]=u(g.src&&typeof g.src==`string`),x=l(()=>m(g.alt||g.children||``)),S=e=>{b(!1),g.slotProps?.img?.onError(e)},C=l(()=>{let e={rounded:g.rounded,color:g.color,size:g.size};return v?v.componentsTV.avatar(e):t(e)});return i(r,o(_,{get component(){return g.as??`div`},get class(){return e(C().base(),g.class)},get children(){return a(()=>!!y())()?(()=>{var t=p();return s(t,o(()=>g.slotProps?.img,{get src(){return g.src},get alt(){return x()},onError:S,get class(){return e(C().img(),g.slotProps?.img?.class)}}),!1,!1),t})():x()}}))};export{h as default};

package/dist/Avatar/index.js

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

package/dist/Avatar/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:[`size-8 grid place-items-center`,r.typography.variants.body2],img:`w-full h-full rounded-[inherit]`},variants:{color:n(r.colors,e=>({base:[e.solid.background,e.solid.text]})),rounded:n(r.rounded,e=>({base:e})),size:{small:{base:`size-6 text-sm`},medium:{base:`size-8 text-sm`},large:{base:`size-10 text-md`}}}}),i=r();export{r as avatar,i as default};
+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:[`size-8 grid place-items-center shrink-0 select-none`,r.typography.variants.body2],img:`w-full h-full rounded-[inherit]`},variants:{color:t(r.colors,e=>({base:[e.solid.background,e.solid.text]})),rounded:t(r.rounded,e=>({base:e})),size:{small:{base:`size-6 text-sm`},medium:{base:`size-8 text-sm`},large:{base:`size-10 text-md`}}}}),i=r();export{r as avatar,i as default};

package/dist/Backdrop/index.js

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

package/dist/Backdrop/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 inset-0 w-full h-full z-50`,`flex justify-center items-center`,`bg-black/50 backdrop-blur-sm`]}),r=n();export{n as backdrop,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[`fixed inset-0 w-full h-full z-50`,`flex justify-center items-center`,`bg-black/50 backdrop-blur-sm`]}),r=n();export{n as backdrop,r as default};

package/dist/Badge/Badge.d.ts

@@ -1,11 +1,13 @@
-import { ComponentProps, JSXElement, ParentProps } from 'solid-js';
+import { ComponentProps, JSXElement } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as badgeDefaultStyles } from './style';
 type BadgeVariants = VariantProps<typeof badgeDefaultStyles>;
-type BadgeSlotProps = {
-    badge?: ComponentProps<"span">;
-};
+type BadgeSlotProps = Prettify<{
+    badge?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
 export type BadgeProps = {
     badgeContent?: JSXElement;
     class?: string;
@@ -17,5 +19,5 @@ export type BadgeProps = {
     };
     slotProps?: BadgeSlotProps;
 } & ComponentProps<"span">;
-declare const Badge: (props: ParentProps<BadgeProps>) => import("solid-js").JSX.Element;
+declare const Badge: (props: BadgeProps) => import("solid-js").JSX.Element;
 export default Badge;

package/dist/Badge/Badge.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,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";var u=o(`<span><span>`),d=o=>{let d=c({color:`default`,overlap:`circle`},o),[f,p]=l(d,[`badgeContent`,`children`,`class`,`color`,`position`,`overlap`,`slotProps`]),m=n(),h=s(()=>f.badgeContent===void 0),g=s(()=>{let e={color:f.color,overlap:f.overlap,xPos:f.position?.x??`right`,yPos:f.position?.y??`top`,empty:h()};return m?m.componentsTV.badge(e):t(e)});return(()=>{var t=u(),n=t.firstChild;return a(t,i(p,{get class(){return e(g().base(),f.class)}}),!1,!0),r(t,()=>f.children,n),a(n,i({get"aria-hidden"(){return h()}},()=>f.slotProps?.badge,{get class(){return e(g().badge(),f.slotProps?.badge?.class)}}),!1,!0),r(n,()=>f.badgeContent),t})()};export{d as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{insert as r,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";import"tailwind-variants";var u=o(`<span><span>`),d=o=>{let d=c({color:`default`,overlap:`circle`},o),[f,p]=l(d,[`badgeContent`,`children`,`class`,`color`,`position`,`overlap`,`slotProps`]),m=n(),h=s(()=>f.badgeContent===void 0),g=s(()=>{let e={color:f.color,overlap:f.overlap,xPos:f.position?.x??`right`,yPos:f.position?.y??`top`,empty:h()};return m?m.componentsTV.badge(e):t(e)});return(()=>{var t=u(),n=t.firstChild;return a(t,i(p,{get class(){return e(g().base(),f.class)}}),!1,!0),r(t,()=>f.children,n),a(n,i({get"aria-hidden"(){return h()}},()=>f.slotProps?.badge,{get class(){return e(g().badge(),f.slotProps?.badge?.class)}}),!1,!0),r(n,()=>f.badgeContent),t})()};export{d as default};

package/dist/Badge/index.js

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

package/dist/Badge/style.js

@@ -1 +1 @@
-import{n as e}from"../_chunks/dist-C-sN40SQ.js";import t from"../styles/theme/index.js";import n from"../utils/asVariant.js";var r=(r=t)=>e({slots:{base:`relative`,badge:[`absolute grid place-items-center leading-0`,`text-xs font-semibold`,r.rounded.full]},variants:{color:n(r.colors,e=>({badge:[e.solid.background,e.solid.text]})),yPos:{top:{badge:`top-0 -translate-y-1/2`},bottom:{badge:`bottom-0 translate-y-1/2`}},xPos:{left:{badge:`left-0 -translate-x-1/2`},right:{badge:`right-0 translate-x-1/2`}},overlap:{circle:{},rect:{}},empty:{true:{badge:`min-w-2 min-h-2 w-2 h-2`},false:{badge:[`p-1 min-w-4 min-h-4 w-fit-content h-4`,`leading-0 grid place-items-center`]}}},compoundVariants:[{overlap:`circle`,xPos:`left`,class:{badge:`left-[15%]`}},{overlap:`circle`,xPos:`right`,class:{badge:`right-[15%]`}},{overlap:`circle`,yPos:`top`,class:{badge:`top-[15%]`}},{overlap:`circle`,yPos:`bottom`,class:{badge:`bottom-[15%]`}}]}),i=r();export{r as badge,i as default};
+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:`relative`,badge:[`absolute grid place-items-center leading-0 select-none`,`text-xs font-semibold`,r.rounded.full]},variants:{color:t(r.colors,e=>({badge:[e.solid.background,e.solid.text]})),yPos:{top:{badge:`top-0 -translate-y-1/2`},bottom:{badge:`bottom-0 translate-y-1/2`}},xPos:{left:{badge:`left-0 -translate-x-1/2`},right:{badge:`right-0 translate-x-1/2`}},overlap:{circle:{},rect:{}},empty:{true:{badge:`min-w-2 min-h-2 w-2 h-2`},false:{badge:[`p-1 min-w-4 min-h-4 w-fit-content h-4`,`leading-0 grid place-items-center`]}}},compoundVariants:[{overlap:`circle`,xPos:`left`,class:{badge:`left-[15%]`}},{overlap:`circle`,xPos:`right`,class:{badge:`right-[15%]`}},{overlap:`circle`,yPos:`top`,class:{badge:`top-[15%]`}},{overlap:`circle`,yPos:`bottom`,class:{badge:`bottom-[15%]`}}]}),i=r();export{r as badge,i as default};

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,9 +1,11 @@
 import { ComponentProps, JSXElement, ValidComponent } from 'solid-js';
-type BreadcrumbsSlotProps = {
-    ol?: ComponentProps<"ol">;
-    li?: ComponentProps<"li">;
-    seperator?: ComponentProps<"li">;
-};
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
+type BreadcrumbsSlotProps = Prettify<{
+    ol?: Prettify<ComponentProps<"ol"> & WithExtendedComponentProps>;
+    li?: Prettify<ComponentProps<"li"> & WithExtendedComponentProps>;
+    seperator?: Prettify<ComponentProps<"li"> & WithExtendedComponentProps>;
+}>;
 export type BreadcrumbsProps<T extends ValidComponent = "nav"> = {
     as?: T;
     class?: string;

package/dist/Breadcrumbs/Breadcrumbs.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,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{For as u,children as d,createMemo as f,mergeProps as p,splitProps as m}from"solid-js";var h=l(`<ol>`),g=l(`<li>`),_=l(`<li aria-hidden>`),v=l=>{let v=p({seperator:`/`},l),[y,b]=m(v,[`as`,`children`,`class`,`seperator`,`slotProps`]),x=n(),S=d(()=>y.children).toArray(),C=f(()=>x?x.componentsTV.breadcrumbs():t());return i(r,s(b,{get component(){return y.as??`nav`},get class(){return e(C().base(),y.class)},get children(){var t=h();return c(t,s(()=>y.slotProps?.ol,{get class(){return e(C().ol(),y.slotProps?.ol?.class)}}),!1,!0),a(t,i(u,{each:S,children:(e,t)=>[(()=>{var t=g();return c(t,s(()=>y.slotProps?.li),!1,!0),a(t,e),t})(),o(()=>o(()=>t()!==S.length-1)()?(()=>{var e=_();return c(e,s(()=>y.slotProps?.seperator),!1,!0),a(e,()=>y.seperator),e})():null)]})),t}}))};export{v 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,insert as a,memo as o,mergeProps as s,setAttribute as c,spread as l,template as u}from"solid-js/web";import{For as d,children as f,createMemo as p,mergeProps as m,splitProps as h}from"solid-js";var g=u(`<ol>`),_=u(`<li>`),v=u=>{let v=m({seperator:`/`},u),[y,b]=h(v,[`as`,`children`,`class`,`seperator`,`slotProps`]),x=n(),S=f(()=>y.children).toArray(),C=p(()=>x?x.componentsTV.breadcrumbs():t());return i(r,s(b,{get component(){return y.as??`nav`},get class(){return e(C().base(),y.class)},get children(){var t=g();return l(t,s(()=>y.slotProps?.ol,{get class(){return e(C().ol(),y.slotProps?.ol?.class)}}),!1,!0),a(t,i(d,{each:S,children:(e,t)=>[(()=>{var t=_();return l(t,s(()=>y.slotProps?.li),!1,!0),a(t,e),t})(),o(()=>o(()=>t()!==S.length-1)()?(()=>{var e=_();return c(e,`aria-hidden`,!0),l(e,s(()=>y.slotProps?.seperator),!1,!0),a(e,()=>y.seperator),e})():null)]})),t}}))};export{v as default};

package/dist/Breadcrumbs/index.js

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

package/dist/Breadcrumbs/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:[n.typography.variants.body2,n.typography.colors.textTertiary],ol:`flex items-center flex-wrap gap-2`}}),r=n();export{n as breadcrumbs,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({slots:{base:[n.typography.variants.body2,n.typography.colors.textTertiary],ol:`flex items-center flex-wrap gap-2`}}),r=n();export{n as breadcrumbs,r as default};

package/dist/Button/Button.d.ts

@@ -1,13 +1,15 @@
 import { ComponentProps, JSXElement, ValidComponent } from 'solid-js';
+import { Prettify } from '../types/Prettify';
+import { WithExtendedComponentProps } from '../types/ExtendedComponentProps';
 import { VariantProps } from 'tailwind-variants';
 import { ThemeColors } from '../styles/theme/colors';
 import { default as buttonDefaultStyles } from './style';
 type ButtonVariants = VariantProps<typeof buttonDefaultStyles>;
-type ButtonSlotProps = {
-    startIcon?: ComponentProps<"span">;
-    endIcon?: ComponentProps<"span">;
-};
-export type ButtonProps<T extends ValidComponent = "button" | "span"> = {
+type ButtonSlotProps = Prettify<{
+    startIcon?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+    endIcon?: Prettify<ComponentProps<"span"> & WithExtendedComponentProps>;
+}>;
+export type ButtonProps<T extends ValidComponent = "button"> = {
     as?: T;
     color?: keyof ThemeColors;
     disabled?: ButtonVariants["disabled"];
@@ -20,5 +22,5 @@ export type ButtonProps<T extends ValidComponent = "button" | "span"> = {
     children?: JSXElement;
     class?: string;
 } & ComponentProps<T>;
-declare const Button: <T extends ValidComponent = "button" | "span">(props: ButtonProps<T>) => import("solid-js").JSX.Element;
+declare const Button: <T extends ValidComponent = "button">(props: ButtonProps<T>) => import("solid-js").JSX.Element;
 export default Button;

package/dist/Button/Button.js

@@ -1 +1 @@
-import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{Dynamic as r,createComponent as i,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{createMemo as u,mergeProps as d,splitProps as f}from"solid-js";var p=l(`<span>`),m=l=>{let m=d({as:`button`,color:`default`,variant:`solid`,size:`medium`},l),[h,g]=f(m,[`as`,`children`,`class`,`color`,`disabled`,`endIcon`,`fullWidth`,`size`,`startIcon`,`variant`,`slotProps`]),_=n(),v=u(()=>{let e={color:h.color,disabled:h.disabled,fullWidth:h.fullWidth,size:h.size,variant:h.variant};return _?_.componentsTV.button(e):t(e)});return i(r,s({get component(){return h.as||`button`}},g,{get class(){return e(v().base(),h.class)},get disabled(){return h.disabled},get children(){return[o(()=>o(()=>!!h.startIcon)()?(()=>{var t=p();return c(t,s(()=>h.slotProps?.startIcon,{get class(){return e(v().startIcon(),h.slotProps?.startIcon?.class)}}),!1,!0),a(t,()=>h.startIcon),t})():null),o(()=>h.children),o(()=>o(()=>!!h.endIcon)()?(()=>{var t=p();return c(t,s(()=>h.slotProps?.endIcon,{get class(){return e(v().endIcon(),h.slotProps?.endIcon?.class)}}),!1,!0),a(t,()=>h.endIcon),t})():null)]}}))};export{m as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import"../types/Prettify.js";import"../types/ExtendedComponentProps.js";import{Dynamic as r,createComponent as i,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{Show as u,createMemo as d,mergeProps as f,splitProps as p}from"solid-js";import"tailwind-variants";var m=l(`<span>`),h=l=>{let h=f({as:`button`,color:`default`,variant:`solid`,size:`medium`},l),[g,_]=p(h,[`as`,`children`,`class`,`color`,`disabled`,`endIcon`,`fullWidth`,`size`,`startIcon`,`variant`,`slotProps`]),v=n(),y=d(()=>{let e={color:g.color,disabled:g.disabled,fullWidth:g.fullWidth,size:g.size,variant:g.variant};return v?v.componentsTV.button(e):t(e)});return i(r,s({get component(){return g.as||`button`}},_,{get class(){return e(y().base(),g.class)},get disabled(){return g.disabled},get children(){return[i(u,{get when(){return g.startIcon},get children(){var t=m();return c(t,s(()=>g.slotProps?.startIcon,{get class(){return e(y().startIcon(),g.slotProps?.startIcon?.class)}}),!1,!0),a(t,()=>g.startIcon),t}}),o(()=>g.children),i(u,{get when(){return g.endIcon},get children(){var t=m();return c(t,s(()=>g.slotProps?.endIcon,{get class(){return e(y().endIcon(),g.slotProps?.endIcon?.class)}}),!1,!0),a(t,()=>g.endIcon),t}})]}}))};export{h as default};

package/dist/Button/index.js

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

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

package/dist/Card/Card.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,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";var u=o(`<div>`),d=o=>{let d=c({variant:`outlined`},o),[f,p]=l(d,[`children`,`class`,`variant`]),m=n(),h=s(()=>{let e={variant:f.variant};return m?m.componentsTV.card(e):t(e)});return(()=>{var t=u();return a(t,i(p,{get class(){return e(h(),f.class)}}),!1,!0),r(t,()=>f.children),t})()};export{d as default};
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import{insert as r,mergeProps as i,spread as a,template as o}from"solid-js/web";import{createMemo as s,mergeProps as c,splitProps as l}from"solid-js";import"tailwind-variants";var u=o(`<div>`),d=o=>{let d=c({variant:`outlined`},o),[f,p]=l(d,[`children`,`class`,`variant`]),m=n(),h=s(()=>{let e={variant:f.variant};return m?m.componentsTV.card(e):t(e)});return(()=>{var t=u();return a(t,i(p,{get class(){return e(h(),f.class)}}),!1,!0),r(t,()=>f.children),t})()};export{d as default};

package/dist/Card/index.js

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

package/dist/Card/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:[n.rounded.small],variants:{variant:{filled:[`bg-neutral-100 dark:bg-neutral-900`,n.typography.colors.textSecondary,n.shadow.small],elevated:[`bg-white dark:bg-neutral-800`,`dark:border dark:border-white/10`,n.shadow.medium],outlined:[`bg-transparent border overflow-hidden`,n.divider],ghost:[`bg-transparent`]}}}),r=n();export{n as card,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[n.rounded.small],variants:{variant:{filled:[`bg-neutral-100 dark:bg-neutral-900`,n.typography.colors.textSecondary,n.shadow.small],elevated:[`bg-white dark:bg-neutral-800`,`dark:border dark:border-white/10`,n.shadow.medium],outlined:[`bg-transparent border overflow-hidden`,n.divider],ghost:[`bg-transparent`]}}}),r=n();export{n as card,r as default};

package/dist/CardContent/index.js

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

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

package/dist/CardDescription/index.js

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

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

package/dist/CardFooter/index.js

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

package/dist/CardFooter/style.d.ts

@@ -1,4 +1,4 @@
 import { Theme } from '../styles/theme';
-export declare const cardFooter: (_theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2 px-4 py-2", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
-declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2 px-4 py-2", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+export declare const cardFooter: (_theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2 px-4 pt-3 pb-4", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "flex items-center gap-2 px-4 pt-3 pb-4", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export default _default;

package/dist/CardFooter/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 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/CardHeader/index.js

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

package/dist/CardHeader/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-4 pt-4 pb-2`}),r=n();export{n as cardHeader,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:`px-4 pt-4 pb-2`}),r=n();export{n as cardHeader,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/CardTitle/index.js

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

package/dist/CardTitle/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:[n.typography.variants.h5,n.typography.colors.textPrimary]}),r=n();export{n as cardTitle,r as default};
+import e from"../styles/theme/index.js";import{tv as t}from"tailwind-variants";var n=(n=e)=>t({base:[n.typography.variants.h5,n.typography.colors.textPrimary]}),r=n();export{n as cardTitle,r as default};