rocksolidjs 0.1.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Darshan Rajadhyaksha
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'solid-js';
+export type AccordionProps = {
+    accordionId?: string;
+    class?: string;
+    defaultExpanded?: boolean;
+    disabled?: boolean;
+    disableTransition?: boolean;
+    expanded?: boolean;
+    onChange?: (event: Event, expanded: boolean) => void;
+} & Omit<ComponentProps<"div">, "onChange">;
+declare const Accordion: (props: AccordionProps) => import("solid-js").JSX.Element;
+export default Accordion;

package/dist/Accordion/Accordion.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{AccordionContext as r}from"../AccordionContext/AccordionContext.js";import"../AccordionContext/index.js";import{createComponent as i,insert 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(`<div>`),m=c=>{let m=d({defaultExpanded:!1,disabled:!1,disableTransition:!1},c),[h,g]=f(m,[`accordionId`,`children`,`class`,`defaultExpanded`,`disabled`,`disableTransition`,`expanded`,`onChange`]),_=n(),v=typeof h.expanded==`boolean`,[y,b]=u(!!h.defaultExpanded),x=l(()=>v?h.expanded:y()),S=e=>{let t=!x();v||b(t),h.onChange?.(e,t)},C=l(()=>_?_.componentsTV.accordion():t()),w={accordionId:()=>h.accordionId,isExpanded:x,isDisabled:()=>h.disabled,disableTransition:()=>h.disableTransition,onToggleExpand:S};return(()=>{var t=p();return s(t,o(g,{get class(){return e(C(),h.class)}}),!1,!0),a(t,i(r.Provider,{value:w,get children(){return h.children}})),t})()};export{m as default};

package/dist/Accordion/index.d.ts

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

package/dist/Accordion/index.js

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

package/dist/Accordion/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const accordion: (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/Accordion/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-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.d.ts

@@ -0,0 +1,10 @@
+import { Accessor } from 'solid-js';
+export type AccordionContextValue = {
+    accordionId: Accessor<string | undefined>;
+    isDisabled: Accessor<boolean>;
+    disableTransition: Accessor<boolean>;
+    isExpanded: Accessor<boolean>;
+    onToggleExpand: (event: Event) => void;
+};
+export declare const AccordionContext: import('solid-js').Context<AccordionContextValue | undefined>;
+export declare const useAccordionContext: () => AccordionContextValue;

package/dist/AccordionContext/AccordionContext.js

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

package/dist/AccordionContext/index.d.ts

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

package/dist/AccordionContext/index.js

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

package/dist/AccordionDetails/AccordionDetails.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+export type AccordionDetailsProps = {
+    children?: JSXElement;
+    class?: string;
+    onTransitionEnd?: (event: TransitionEvent) => void;
+} & ComponentProps<"div">;
+declare const AccordionDetails: (props: AccordionDetailsProps) => import("solid-js").JSX.Element;
+export default AccordionDetails;

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

package/dist/AccordionDetails/index.d.ts

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

package/dist/AccordionDetails/index.js

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

package/dist/AccordionDetails/style.d.ts

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

package/dist/AccordionDetails/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:[`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};

package/dist/AccordionSummary/AccordionSummary.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+import { ButtonProps } from '../Button';
+type AccordionSummarySlotProps = {
+    button?: ButtonProps;
+    icon?: NonNullable<ButtonProps["slotProps"]>["endIcon"];
+};
+export type AccordionSummaryProps = {
+    children?: JSXElement;
+    class?: string;
+    collapsedIcon?: JSXElement;
+    expandedIcon?: JSXElement;
+    slotProps?: AccordionSummarySlotProps;
+} & ComponentProps<"div">;
+declare const AccordionSummary: (props: AccordionSummaryProps) => import("solid-js").JSX.Element;
+export default AccordionSummary;

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

package/dist/AccordionSummary/index.d.ts

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

package/dist/AccordionSummary/index.js

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

package/dist/AccordionSummary/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const accordionSummary: (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/AccordionSummary/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 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

@@ -0,0 +1,26 @@
+import { ComponentProps, JSXElement, ValidComponent } from 'solid-js';
+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;
+};
+export type AlertProps<T extends ValidComponent = "div"> = {
+    action?: JSXElement;
+    as?: T;
+    children?: JSXElement;
+    class?: string;
+    color?: keyof ThemeColors;
+    icon?: JSXElement;
+    onClose?: (event: MouseEvent) => void;
+    slotProps?: AlertSlotProps;
+    variant?: AlertVariants["variant"];
+} & Omit<ComponentProps<T>, "onClose">;
+declare const Alert: <T extends ValidComponent = "div">(props: AlertProps<T>) => import("solid-js").JSX.Element;
+export default Alert;

package/dist/Alert/Alert.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 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};

package/dist/Alert/index.d.ts

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

package/dist/Alert/index.js

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

package/dist/Alert/style.d.ts

@@ -0,0 +1,82 @@
+import { Theme } from '../styles/theme';
+export declare const alert: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    variant: {
+        solid: {};
+        filled: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string;
+    icon: string;
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    variant: {
+        solid: {};
+        filled: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string;
+    icon: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    variant: {
+        solid: {};
+        filled: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string;
+    icon: string;
+}>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    variant: {
+        solid: {};
+        filled: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string;
+    icon: string;
+}, undefined, {
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    variant: {
+        solid: {};
+        filled: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string;
+    icon: string;
+}, import('tailwind-variants').TVReturnTypeLike<{
+    color: Record<"default" | "success" | "warning" | "info" | "error", {}>;
+    variant: {
+        solid: {};
+        filled: {};
+        outlined: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    content: string;
+    icon: string;
+}>>;
+export default _default;

package/dist/Alert/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=[`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};

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, ValidComponent } from 'solid-js';
+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">;
+};
+export type AvatarProps<T extends ValidComponent = "div"> = {
+    alt?: string;
+    as?: T;
+    class?: string;
+    color?: keyof ThemeColors;
+    rounded?: AvatarVariants["rounded"];
+    size?: AvatarVariants["size"];
+    slotProps?: AvatarSlotProps;
+    src?: string;
+} & ComponentProps<T>;
+declare const Avatar: <T extends ValidComponent = "div">(props: AvatarProps<T>) => import("solid-js").JSX.Element;
+export default Avatar;

package/dist/Avatar/Avatar.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,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};

package/dist/Avatar/index.d.ts

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

package/dist/Avatar/index.js

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

package/dist/Avatar/style.d.ts

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

package/dist/Avatar/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:[`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};

package/dist/Backdrop/Backdrop.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'solid-js';
+export type BackdropProps = {
+    class?: string;
+    onClick?: (event: MouseEvent) => void;
+} & Omit<ComponentProps<"div">, "onClick">;
+declare const Backdrop: (props: BackdropProps) => import("solid-js").JSX.Element;
+export default Backdrop;

package/dist/Backdrop/Backdrop.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,[`children`,`class`]),f=n(),p=s(()=>f?f.componentsTV.backdrop():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/Backdrop/index.d.ts

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

package/dist/Backdrop/index.js

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

package/dist/Backdrop/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const backdrop: (_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/Backdrop/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 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

@@ -0,0 +1,21 @@
+import { ComponentProps, JSXElement, ParentProps } from 'solid-js';
+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">;
+};
+export type BadgeProps = {
+    badgeContent?: JSXElement;
+    class?: string;
+    color?: keyof ThemeColors;
+    overlap?: BadgeVariants["overlap"];
+    position?: {
+        x: BadgeVariants["xPos"];
+        y: BadgeVariants["yPos"];
+    };
+    slotProps?: BadgeSlotProps;
+} & ComponentProps<"span">;
+declare const Badge: (props: ParentProps<BadgeProps>) => import("solid-js").JSX.Element;
+export default Badge;

package/dist/Badge/Badge.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,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};

package/dist/Badge/index.d.ts

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

package/dist/Badge/index.js

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