rocksolidjs 0.1.0

package/dist/Dialog/style.js

@@ -0,0 +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};

package/dist/DialogActions/DialogActions.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+export type DialogActionsProps = {
+    class?: string;
+    children?: JSXElement;
+} & ComponentProps<"div">;
+declare const DialogActions: (props: DialogActionsProps) => import("solid-js").JSX.Element;
+export default DialogActions;

package/dist/DialogActions/DialogActions.js

@@ -0,0 +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,splitProps as c}from"solid-js";var l=o(`<div>`),u=o=>{let[u,d]=c(o,[`class`,`children`]),f=n(),p=s(()=>f?f.componentsTV.dialogActions():t());return(()=>{var t=l();return a(t,i(d,{get class(){return e(p(),u.class)}}),!1,!0),r(t,()=>u.children),t})()};export{u as default};

package/dist/DialogActions/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DialogActions';
+export * from './DialogActions';

package/dist/DialogActions/index.js

@@ -0,0 +1 @@
+import"./DialogActions.js";

package/dist/DialogActions/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const dialogActions: (theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+export default _default;

package/dist/DialogActions/style.js

@@ -0,0 +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};

package/dist/DialogContent/DialogContent.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+export type DialogContentProps = {
+    class?: string;
+    children?: JSXElement;
+} & ComponentProps<"div">;
+declare const DialogContent: (props: DialogContentProps) => import("solid-js").JSX.Element;
+export default DialogContent;

package/dist/DialogContent/DialogContent.js

@@ -0,0 +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,splitProps as c}from"solid-js";var l=o(`<div>`),u=o=>{let[u,d]=c(o,[`class`,`children`]),f=n(),p=s(()=>f?f.componentsTV.dialogContent():t());return(()=>{var t=l();return a(t,i(d,{get class(){return e(p(),u.class)}}),!1,!0),r(t,()=>u.children),t})()};export{u as default};

package/dist/DialogContent/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DialogContent';
+export * from './DialogContent';

package/dist/DialogContent/index.js

@@ -0,0 +1 @@
+import"./DialogContent.js";

package/dist/DialogContent/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const dialogContent: (theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+export default _default;

package/dist/DialogContent/style.js

@@ -0,0 +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};

package/dist/DialogTitle/DialogTitle.d.ts

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

package/dist/DialogTitle/DialogTitle.js

@@ -0,0 +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{createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,splitProps as s}from"solid-js";var c=c=>{let[l,u]=s(c,[`class`,`children`]),d=n(),f=o(()=>d?d.componentsTV.dialogTitle():t());return i(r,a({as:`h3`,color:`textPrimary`},u,{get class(){return e(f(),l.class)},get children(){return l.children}}))};export{c as default};

package/dist/DialogTitle/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DialogTitle';
+export * from './DialogTitle';

package/dist/DialogTitle/index.js

@@ -0,0 +1 @@
+import"./DialogTitle.js";

package/dist/DialogTitle/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const dialogTitle: (theme?: Theme) => import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
+export default _default;

package/dist/DialogTitle/style.js

@@ -0,0 +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};

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps, ValidComponent } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { default as dividerDefaultStyles } from './style';
+type DividerVariants = VariantProps<typeof dividerDefaultStyles>;
+export type DividerProps<T extends ValidComponent = "div"> = {
+    as?: T;
+    class?: string;
+    orientation?: DividerVariants["orientation"];
+} & 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

@@ -0,0 +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};

package/dist/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Divider';
+export * from './Divider';

package/dist/Divider/index.js

@@ -0,0 +1 @@
+import"./Divider.js";

package/dist/Divider/style.d.ts

@@ -0,0 +1,34 @@
+import { Theme } from '../styles/theme';
+export declare const divider: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: "border-t w-full";
+        vertical: "border-l h-auto self-stretch";
+    };
+}, undefined, string[], {
+    orientation: {
+        horizontal: "border-t w-full";
+        vertical: "border-l h-auto self-stretch";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    orientation: {
+        horizontal: "border-t w-full";
+        vertical: "border-l h-auto self-stretch";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: "border-t w-full";
+        vertical: "border-l h-auto self-stretch";
+    };
+}, undefined, string[], {
+    orientation: {
+        horizontal: "border-t w-full";
+        vertical: "border-l h-auto self-stretch";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    orientation: {
+        horizontal: "border-t w-full";
+        vertical: "border-l h-auto self-stretch";
+    };
+}, undefined>>;
+export default _default;

package/dist/Divider/style.js

@@ -0,0 +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};

package/dist/IconButton/IconButton.d.ts

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

package/dist/IconButton/IconButton.js

@@ -0,0 +1 @@
+import e from"../utils/cn.js";import t from"./style.js";import{useThemeContext as n}from"../ThemeProvider/ThemeContext.js";import"../ThemeProvider/index.js";import r from"../Button/Button.js";import"../Button/index.js";import{createComponent as i,mergeProps as a}from"solid-js/web";import{createMemo as o,mergeProps as s,splitProps as c}from"solid-js";var l=l=>{let u=s({size:`medium`},l),[d,f]=c(u,[`children`,`class`,`size`,`fullWidth`,`startIcon`,`endIcon`,`variant`,`slotProps`]),p=n(),m=o(()=>{let e={size:d.size};return p?p.componentsTV.iconButton(e):t(e)});return i(r,a(f,{get class(){return e(m(),d.class)},fullWidth:!1,variant:`ghost`,get children(){return d.children}}))};export{l as default};

package/dist/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './IconButton';
+export * from './IconButton';

package/dist/IconButton/index.js

@@ -0,0 +1 @@
+import"./IconButton.js";

package/dist/IconButton/style.d.ts

@@ -0,0 +1,40 @@
+import { Theme } from '../styles/theme';
+export declare const iconButton: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    size: {
+        small: "size-6 text-lg";
+        medium: "size-8 text-2xl";
+        large: "size-10 text-3xl";
+    };
+}, undefined, string[], {
+    size: {
+        small: "size-6 text-lg";
+        medium: "size-8 text-2xl";
+        large: "size-10 text-3xl";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    size: {
+        small: "size-6 text-lg";
+        medium: "size-8 text-2xl";
+        large: "size-10 text-3xl";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    size: {
+        small: "size-6 text-lg";
+        medium: "size-8 text-2xl";
+        large: "size-10 text-3xl";
+    };
+}, undefined, string[], {
+    size: {
+        small: "size-6 text-lg";
+        medium: "size-8 text-2xl";
+        large: "size-10 text-3xl";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    size: {
+        small: "size-6 text-lg";
+        medium: "size-8 text-2xl";
+        large: "size-10 text-3xl";
+    };
+}, undefined>>;
+export default _default;

package/dist/IconButton/style.js

@@ -0,0 +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};

package/dist/Input/Input.d.ts

@@ -0,0 +1,27 @@
+import { ComponentProps, JSX } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+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 InputTypes = "number" | "search" | "time" | "image" | "text" | "color" | "date" | "datetime-local" | "email" | "file" | "month" | "password" | "tel" | "url" | "week";
+export type InputProps = {
+    class?: string;
+    color?: keyof ThemeColors;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    inputSize?: number;
+    onInput?: JSX.EventHandler<HTMLInputElement, InputEvent>;
+    prefix?: JSX.Element;
+    size?: InputVariants["size"];
+    slotProps?: InputSlotProps;
+    suffix?: JSX.Element;
+    type?: InputTypes;
+    variant?: InputVariants["variant"];
+} & Omit<ComponentProps<"input">, "type" | "onInput" | "prefix" | "size">;
+declare const Input: (props: InputProps) => JSX.Element;
+export default Input;

package/dist/Input/Input.js

@@ -0,0 +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};

package/dist/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export * from './Input';

package/dist/Input/index.js

@@ -0,0 +1 @@
+import"./Input.js";

package/dist/Input/style.d.ts

@@ -0,0 +1,232 @@
+import { Theme } from '../styles/theme';
+export declare const input: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    size: {
+        small: {
+            base: string;
+            input: string;
+        };
+        medium: {
+            base: string;
+            input: string;
+        };
+        large: {
+            base: string;
+            input: string;
+        };
+    };
+    variant: {
+        filled: {};
+        ghost: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    input: string[];
+    prefix: string;
+    suffix: string;
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    size: {
+        small: {
+            base: string;
+            input: string;
+        };
+        medium: {
+            base: string;
+            input: string;
+        };
+        large: {
+            base: string;
+            input: string;
+        };
+    };
+    variant: {
+        filled: {};
+        ghost: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    input: string[];
+    prefix: string;
+    suffix: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    size: {
+        small: {
+            base: string;
+            input: string;
+        };
+        medium: {
+            base: string;
+            input: string;
+        };
+        large: {
+            base: string;
+            input: string;
+        };
+    };
+    variant: {
+        filled: {};
+        ghost: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    input: string[];
+    prefix: string;
+    suffix: string;
+}>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    size: {
+        small: {
+            base: string;
+            input: string;
+        };
+        medium: {
+            base: string;
+            input: string;
+        };
+        large: {
+            base: string;
+            input: string;
+        };
+    };
+    variant: {
+        filled: {};
+        ghost: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    input: string[];
+    prefix: string;
+    suffix: string;
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    size: {
+        small: {
+            base: string;
+            input: string;
+        };
+        medium: {
+            base: string;
+            input: string;
+        };
+        large: {
+            base: string;
+            input: string;
+        };
+    };
+    variant: {
+        filled: {};
+        ghost: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    input: string[];
+    prefix: string;
+    suffix: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: {};
+        false: {};
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+        false: {};
+    };
+    size: {
+        small: {
+            base: string;
+            input: string;
+        };
+        medium: {
+            base: string;
+            input: string;
+        };
+        large: {
+            base: string;
+            input: string;
+        };
+    };
+    variant: {
+        filled: {};
+        ghost: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    input: string[];
+    prefix: string;
+    suffix: string;
+}>>;
+export default _default;

package/dist/Input/style.js

@@ -0,0 +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};

package/dist/Label/Label.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ThemeColors } from '../styles/theme/colors';
+import { default as labelDefaultStyles } from './style';
+type LabelVariants = VariantProps<typeof labelDefaultStyles>;
+export type LabelProps = {
+    class?: string;
+    color?: keyof ThemeColors;
+    disabled?: LabelVariants["disabled"];
+    for?: string;
+    required?: boolean;
+    size?: LabelVariants["size"];
+    truncate?: boolean;
+} & ComponentProps<"label">;
+declare const Label: (props: LabelProps) => import("solid-js").JSX.Element;
+export default Label;

package/dist/Label/Label.js

@@ -0,0 +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};

package/dist/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Label';
+export * from './Label';

package/dist/Label/index.js

@@ -0,0 +1 @@
+import"./Label.js";

package/dist/Label/style.d.ts

@@ -0,0 +1,118 @@
+import { Theme } from '../styles/theme';
+export declare const label: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    required: {
+        true: string[];
+        false: "";
+    };
+    size: {
+        small: "text-sm";
+        medium: "text-sm";
+        large: "text-md";
+    };
+    truncate: {
+        true: "truncate";
+        false: "";
+    };
+}, undefined, string[], {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    required: {
+        true: string[];
+        false: "";
+    };
+    size: {
+        small: "text-sm";
+        medium: "text-sm";
+        large: "text-md";
+    };
+    truncate: {
+        true: "truncate";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    required: {
+        true: string[];
+        false: "";
+    };
+    size: {
+        small: "text-sm";
+        medium: "text-sm";
+        large: "text-md";
+    };
+    truncate: {
+        true: "truncate";
+        false: "";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    required: {
+        true: string[];
+        false: "";
+    };
+    size: {
+        small: "text-sm";
+        medium: "text-sm";
+        large: "text-md";
+    };
+    truncate: {
+        true: "truncate";
+        false: "";
+    };
+}, undefined, string[], {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    required: {
+        true: string[];
+        false: "";
+    };
+    size: {
+        small: "text-sm";
+        medium: "text-sm";
+        large: "text-md";
+    };
+    truncate: {
+        true: "truncate";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    required: {
+        true: string[];
+        false: "";
+    };
+    size: {
+        small: "text-sm";
+        medium: "text-sm";
+        large: "text-md";
+    };
+    truncate: {
+        true: "truncate";
+        false: "";
+    };
+}, undefined>>;
+export default _default;

package/dist/Label/style.js

@@ -0,0 +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};