rocksolidjs 0.1.0

package/dist/Link/Link.d.ts

@@ -0,0 +1,15 @@
+import { JSXElement } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { TypographyProps } from '../Typography';
+import { default as linkDefaultStyles } from './style';
+type LinkVariants = VariantProps<typeof linkDefaultStyles>;
+export type LinkProps = {
+    children?: JSXElement;
+    class?: string;
+    color?: TypographyProps["color"];
+    href?: string;
+    truncate?: boolean;
+    underline?: LinkVariants["underline"];
+} & Omit<TypographyProps<"a">, "variant">;
+declare const Link: (props: LinkProps) => import("solid-js").JSX.Element;
+export default Link;

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

package/dist/Link/index.d.ts

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

package/dist/Link/index.js

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

package/dist/Link/style.d.ts

@@ -0,0 +1,40 @@
+import { Theme } from '../styles/theme';
+export declare const link: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    underline: {
+        none: "";
+        hover: "hover:underline";
+        always: "underline";
+    };
+}, undefined, string[], {
+    underline: {
+        none: "";
+        hover: "hover:underline";
+        always: "underline";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    underline: {
+        none: "";
+        hover: "hover:underline";
+        always: "underline";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    underline: {
+        none: "";
+        hover: "hover:underline";
+        always: "underline";
+    };
+}, undefined, string[], {
+    underline: {
+        none: "";
+        hover: "hover:underline";
+        always: "underline";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    underline: {
+        none: "";
+        hover: "hover:underline";
+        always: "underline";
+    };
+}, undefined>>;
+export default _default;

package/dist/Link/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:[`block`,n.rounded.small,n.focus],variants:{underline:{none:``,hover:`hover:underline`,always:`underline`}}}),r=n();export{r as default,n as link};

package/dist/Progress/Progress.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps, JSX } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ThemeColors } from '../styles/theme/colors';
+import { default as progressDefaultStyles } from './style';
+type ProgressVariants = VariantProps<typeof progressDefaultStyles>;
+type ProgressSlotProps = {
+    fill?: {
+        style?: JSX.CSSProperties;
+    } & Omit<ComponentProps<"span">, "style">;
+};
+export type ProgressProps = {
+    class?: string;
+    color?: keyof ThemeColors;
+    max?: number;
+    min?: number;
+    value?: number;
+    size?: ProgressVariants["size"];
+    slotProps?: ProgressSlotProps;
+} & Omit<ComponentProps<"div">, "style">;
+declare const Progress: (props: ProgressProps) => JSX.Element;
+export default Progress;

package/dist/Progress/Progress.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(`<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};

package/dist/Progress/index.d.ts

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

package/dist/Progress/index.js

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

package/dist/Progress/style.d.ts

@@ -0,0 +1,112 @@
+import { Theme } from '../styles/theme';
+export declare const progress: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        fill: string[];
+    }>;
+    size: {
+        small: {
+            base: string;
+        };
+        medium: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    fill: string[];
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        fill: string[];
+    }>;
+    size: {
+        small: {
+            base: string;
+        };
+        medium: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    fill: string[];
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        fill: string[];
+    }>;
+    size: {
+        small: {
+            base: string;
+        };
+        medium: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    fill: string[];
+}>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        fill: string[];
+    }>;
+    size: {
+        small: {
+            base: string;
+        };
+        medium: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    fill: string[];
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        fill: string[];
+    }>;
+    size: {
+        small: {
+            base: string;
+        };
+        medium: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    fill: string[];
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {
+        fill: string[];
+    }>;
+    size: {
+        small: {
+            base: string;
+        };
+        medium: {
+            base: string;
+        };
+        large: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    fill: string[];
+}>>;
+export default _default;

package/dist/Progress/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";var r=(r=t)=>e({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:n(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

@@ -0,0 +1,19 @@
+import { ComponentProps } from 'solid-js';
+import { IconButtonProps } from '../IconButton';
+type RadioSlotProps = {
+    base?: ComponentProps<"span">;
+};
+export type RadioProps = {
+    class?: string;
+    checked?: boolean;
+    color?: IconButtonProps["color"];
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    onChange?: (event: Event) => void;
+    size?: IconButtonProps["size"];
+    slotProps?: RadioSlotProps;
+    value?: string;
+} & Omit<ComponentProps<"input">, "type">;
+declare const Radio: (props: RadioProps) => import("solid-js").JSX.Element;
+export default Radio;

package/dist/Radio/Radio.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"../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/Radio/index.d.ts

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

package/dist/Radio/index.js

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

package/dist/Radio/style.d.ts

@@ -0,0 +1,76 @@
+import { Theme } from '../styles/theme';
+export declare const radio: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+    input: string;
+}, undefined, {
+    checked: {
+        true: {};
+        false: {};
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+    input: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+    input: string;
+}>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+    input: string;
+}, undefined, {
+    checked: {
+        true: {};
+        false: {};
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+    input: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    checked: {
+        true: {};
+        false: {};
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string[];
+    input: string;
+}>>;
+export default _default;

package/dist/Radio/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({slots:{base:[`relative`,n.focusWithin],input:`absolute inset-0 w-full h-full opacity-0 outline-none`},variants:{checked:{true:{},false:{}},disabled:{true:{},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{r as default,n as radio};

package/dist/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+export type RadioGroupProps = {
+    defaultValue?: string;
+    name?: string;
+    onChange?: (event: Event, value: string) => void;
+    value?: string;
+    children?: JSXElement;
+} & Omit<ComponentProps<"div">, "onChange">;
+declare const RadioGroup: (props: RadioGroupProps) => import("solid-js").JSX.Element;
+export default RadioGroup;

package/dist/RadioGroup/RadioGroup.js

@@ -0,0 +1 @@
+import{RadioGroupContext as e}from"../RadioGroupContext/RadioGroupContext.js";import"../RadioGroupContext/index.js";import{createComponent as t,insert as n,mergeProps as r,spread as i,template as a}from"solid-js/web";import{createSignal as o,mergeProps as s,splitProps as c}from"solid-js";var l=a(`<div>`),u=a=>{let u=s({defaultValue:``},a),[d,f]=c(u,[`children`,`value`,`defaultValue`,`name`,`onChange`]),p=d.value!==void 0,[m,h]=o(d.defaultValue),g={name:()=>d.name,value:()=>p?d.value:m(),onChange:(e,t)=>{p||h(t),d.onChange?.(e,t)}};return(()=>{var a=l();return i(a,r(f,{role:`radiogroup`}),!1,!0),n(a,t(e.Provider,{value:g,get children(){return d.children}})),a})()};export{u as default};

package/dist/RadioGroup/index.d.ts

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

package/dist/RadioGroup/index.js

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

package/dist/RadioGroupContext/RadioGroupContext.d.ts

@@ -0,0 +1,8 @@
+import { Accessor } from 'solid-js';
+export type RadioGroupContextValue = {
+    name?: Accessor<string | undefined>;
+    value: Accessor<string>;
+    onChange: (event: Event, value: string) => void;
+};
+export declare const RadioGroupContext: import('solid-js').Context<RadioGroupContextValue | undefined>;
+export declare const useRadioGroupContext: () => RadioGroupContextValue | undefined;

package/dist/RadioGroupContext/RadioGroupContext.js

@@ -0,0 +1 @@
+import{createContext as e,useContext as t}from"solid-js";var n=e(),r=()=>t(n);export{n as RadioGroupContext,r as useRadioGroupContext};

package/dist/RadioGroupContext/index.d.ts

@@ -0,0 +1 @@
+export * from './RadioGroupContext';

package/dist/RadioGroupContext/index.js

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

package/dist/Select/Select.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ThemeColors } from '../styles/theme/colors';
+import { default as selectDefaultStyles } from './style';
+type SelectVariants = VariantProps<typeof selectDefaultStyles>;
+export type SelectOption = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export type SelectProps = {
+    class?: string;
+    color?: keyof ThemeColors;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    onChange?: (event: InputEvent) => void;
+    options?: SelectOption[];
+    size?: SelectVariants["size"];
+    variant?: SelectVariants["variant"];
+} & Omit<ComponentProps<"select">, "multiple" | "onChange">;
+declare const Select: (props: SelectProps) => import("solid-js").JSX.Element;
+export default Select;

package/dist/Select/Select.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{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";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};

package/dist/Select/index.d.ts

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

package/dist/Select/index.js

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

package/dist/Select/style.d.ts

@@ -0,0 +1,124 @@
+import { Theme } from '../styles/theme';
+export declare const select: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    variant: {
+        filled: "";
+        ghost: "";
+        outlined: "border border-1";
+    };
+    size: {
+        small: "py-1 px-1.5 h-6 text-sm";
+        medium: "py-1 px-1.5 h-8 text-sm";
+        large: "py-1.5 px-2 h-10 text-md";
+    };
+    fullWidth: {
+        true: "w-full";
+        false: "";
+    };
+}, undefined, string[], {
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    variant: {
+        filled: "";
+        ghost: "";
+        outlined: "border border-1";
+    };
+    size: {
+        small: "py-1 px-1.5 h-6 text-sm";
+        medium: "py-1 px-1.5 h-8 text-sm";
+        large: "py-1.5 px-2 h-10 text-md";
+    };
+    fullWidth: {
+        true: "w-full";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    variant: {
+        filled: "";
+        ghost: "";
+        outlined: "border border-1";
+    };
+    size: {
+        small: "py-1 px-1.5 h-6 text-sm";
+        medium: "py-1 px-1.5 h-8 text-sm";
+        large: "py-1.5 px-2 h-10 text-md";
+    };
+    fullWidth: {
+        true: "w-full";
+        false: "";
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    variant: {
+        filled: "";
+        ghost: "";
+        outlined: "border border-1";
+    };
+    size: {
+        small: "py-1 px-1.5 h-6 text-sm";
+        medium: "py-1 px-1.5 h-8 text-sm";
+        large: "py-1.5 px-2 h-10 text-md";
+    };
+    fullWidth: {
+        true: "w-full";
+        false: "";
+    };
+}, undefined, string[], {
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    variant: {
+        filled: "";
+        ghost: "";
+        outlined: "border border-1";
+    };
+    size: {
+        small: "py-1 px-1.5 h-6 text-sm";
+        medium: "py-1 px-1.5 h-8 text-sm";
+        large: "py-1.5 px-2 h-10 text-md";
+    };
+    fullWidth: {
+        true: "w-full";
+        false: "";
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", string>;
+    disabled: {
+        true: "";
+        false: "";
+    };
+    variant: {
+        filled: "";
+        ghost: "";
+        outlined: "border border-1";
+    };
+    size: {
+        small: "py-1 px-1.5 h-6 text-sm";
+        medium: "py-1 px-1.5 h-8 text-sm";
+        large: "py-1.5 px-2 h-10 text-md";
+    };
+    fullWidth: {
+        true: "w-full";
+        false: "";
+    };
+}, undefined>>;
+export default _default;

package/dist/Select/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({base:[`border-0 outline-0`,a.rounded.small,a.focus],variants:{color:n(a.colors,()=>``),disabled:{true:``,false:``},variant:{filled:``,ghost:``,outlined:`border border-1`},size:{small:`py-1 px-1.5 h-6 text-sm`,medium:`py-1 px-1.5 h-8 text-sm`,large:`py-1.5 px-2 h-10 text-md`},fullWidth:{true:`w-full`,false:``}},compoundVariants:[...r(a.colors).flatMap(e=>i.flatMap(t=>{let n=a.colors[e][t];return[{color:e,variant:t,disabled:!1,class:[n.background,n.border,n.text]},{color:e,variant:t,disabled:!0,class:[t===`filled`?a.disabled.background:``,t===`outlined`?a.disabled.border:``,a.disabled.text]}]}))]}),o=a();export{o as default,a as select};

package/dist/Skeleton/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, ParentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { default as skeletonDefaultStyles } from './style';
+type SkeletonVariants = VariantProps<typeof skeletonDefaultStyles>;
+export type SkeletonProps = {
+    variant?: SkeletonVariants["variant"];
+} & ComponentProps<"span">;
+declare const Skeleton: (props: ParentProps<SkeletonProps>) => import("solid-js").JSX.Element;
+export default Skeleton;

package/dist/Skeleton/Skeleton.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(`<span>`),u=a=>{let u=s({variant:`rectangle`},a),[d,f]=c(u,[`children`,`class`,`variant`]),p=n(),m=o(()=>{let e={variant:d.variant};return p?p.componentsTV.skeleton(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/Skeleton/index.d.ts

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

package/dist/Skeleton/index.js

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

package/dist/Skeleton/style.d.ts

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

package/dist/Skeleton/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:[`bg-neutral-200 dark:bg-neutral-800`,`shrink-0`,`animate-[fade_2.5s_ease-in-out_infinite]`],variants:{variant:{circle:[`inline-block size-8`,n.rounded.full],rectangle:[`block w-full h-4`,n.rounded.small]}}}),r=n();export{r as default,n as skeleton};

package/dist/Spinner/Spinner.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { ThemeColors } from '../styles/theme/colors';
+import { default as spinnerDefaultStyles } from './style';
+type SpinnerVariants = VariantProps<typeof spinnerDefaultStyles>;
+type SpinnerProps = {
+    class?: string;
+    color?: keyof ThemeColors;
+    label?: string;
+    size?: SpinnerVariants["size"];
+} & ComponentProps<"span">;
+export declare const Spinner: (props: SpinnerProps) => import("solid-js").JSX.Element;
+export default Spinner;

package/dist/Spinner/Spinner.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{effect as r,insert as i,mergeProps as a,setAttribute as o,spread as s,template as c}from"solid-js/web";import{createMemo as l,createUniqueId as u,mergeProps as d,splitProps as f}from"solid-js";var p=c(`<span role=status><svg viewBox="0 0 24 24"fill=none><circle cx=12 cy=12 r=9 stroke=currentColor stroke-width=3 opacity=0.45></circle><path d="M21 12a9 9 0 0 0-9-9"stroke=currentColor stroke-width=3 stroke-linecap=round></path></svg><span class=sr-only>`),m=c=>{let m=d({color:`default`,size:`medium`},c),[h,g]=f(m,[`class`,`color`,`label`,`size`,`children`]),_=n(),v=u(),y=l(()=>{let e={color:h.color,size:h.size};return _?_.componentsTV.spinner(e):t(e)});return(()=>{var t=p(),n=t.firstChild,c=n.nextSibling;return s(t,a(g,{"aria-labelledby":v,get class(){return e(y().base(),h.class)}}),!1,!0),o(n,`aria-hidden`,!0),o(c,`id`,v),i(c,()=>h.label??`Loading`),r(()=>o(n,`class`,e(y().svg()))),t})()};export{m as Spinner,m as default};

package/dist/Spinner/index.d.ts

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

package/dist/Spinner/index.js

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