rocksolidjs 0.1.0

package/dist/CardContent/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-4 py-2`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{n as cardContent,r as default};

package/dist/CardDescription/CardDescription.d.ts

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

package/dist/CardDescription/CardDescription.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.cardDescription():t());return i(r,a({as:`p`,color:`textSecondary`},u,{get class(){return e(f(),l.class)},get children(){return l.children}}))};export{c as default};

package/dist/CardDescription/index.d.ts

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

package/dist/CardDescription/index.js

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

package/dist/CardDescription/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const cardDescription: (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/CardDescription/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:[`pt-1`,n.typography.variants.body2,n.typography.colors.textSecondary]}),r=n();export{n as cardDescription,r as default};

package/dist/CardFooter/CardFooter.d.ts

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

package/dist/CardFooter/CardFooter.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.cardFooter():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/CardFooter/index.d.ts

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

package/dist/CardFooter/index.js

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

package/dist/CardFooter/style.d.ts

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

package/dist/CardFooter/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 gap-2 px-4 py-2`}),r=n();export{n as cardFooter,r as default};

package/dist/CardHeader/CardHeader.d.ts

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

package/dist/CardHeader/CardHeader.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.cardHeader():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/CardHeader/index.d.ts

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

package/dist/CardHeader/index.js

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

package/dist/CardHeader/style.d.ts

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

package/dist/CardHeader/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-4 pt-4 pb-2`}),r=n();export{n as cardHeader,r as default};

package/dist/CardTitle/CardTitle.d.ts

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

package/dist/CardTitle/CardTitle.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.cardTitle():t());return i(r,a({as:`h2`,color:`textPrimary`},u,{get class(){return e(f(),l.class)},get children(){return l.children}}))};export{c as default};

package/dist/CardTitle/index.d.ts

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

package/dist/CardTitle/index.js

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

package/dist/CardTitle/style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../styles/theme';
+export declare const cardTitle: (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/CardTitle/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:[n.typography.variants.h5,n.typography.colors.textPrimary]}),r=n();export{n as cardTitle,r as default};

package/dist/Checkbox/Checkbox.d.ts

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

package/dist/Checkbox/Checkbox.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 i from"../icons/CheckboxChecked.js";import a from"../icons/CheckboxUnchecked.js";import{createComponent as o,memo as s,mergeProps as c,spread as l,template as u}from"solid-js/web";import{createMemo as d,createSignal as f,splitProps as p}from"solid-js";var m=u(`<input>`),h=u=>{let[h,g]=p(u,[`checked`,`class`,`color`,`defaultChecked`,`disabled`,`id`,`onChange`,`size`,`slotProps`,`children`]),_=n(),v=typeof h.checked==`boolean`,[y,b]=f(!!h.defaultChecked),x=d(()=>v?h.checked:y()),S=e=>{let t=e.currentTarget.checked;v||b(t),h.onChange?.(e,t)},C=d(()=>{let e={checked:x(),disabled:h.disabled};return _?_.componentsTV.checkbox(e):t(e)});return o(r,c(()=>h.slotProps?.base,{as:`span`,get class(){return e(C().base(),h.slotProps?.base?.class)},get color(){return h.color},get size(){return h.size},get disabled(){return h.disabled},get children(){return[s(()=>s(()=>!!x())()?o(i,{}):o(a,{})),(()=>{var t=m();return l(t,c(g,{get id(){return h.id},type:`checkbox`,get checked(){return x()},onChange:S,get disabled(){return h.disabled},get class(){return e(C().input(),h.class)}}),!1,!1),t})()]}}))};export{h as default};

package/dist/Checkbox/index.d.ts

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

package/dist/Checkbox/index.js

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

package/dist/Checkbox/style.d.ts

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

package/dist/Checkbox/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:{base:[n.disabled.state]},false:{}}},compoundVariants:[{checked:!1,disabled:!1,class:{base:[n.typography.colors.textTertiary]}}]}),r=n();export{n as checkbox,r as default};

package/dist/Chip/Chip.d.ts

@@ -0,0 +1,25 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { TypographyProps } from '../Typography/Typography';
+import { ThemeColors } from '../styles/theme/colors';
+import { default as chipDefaultStyles } from './style';
+type ChipVariants = VariantProps<typeof chipDefaultStyles>;
+type ChipSlotProps = {
+    deleteIcon?: ComponentProps<"span">;
+    label?: TypographyProps;
+};
+export type ChipProps = {
+    avatar?: JSXElement;
+    color?: keyof ThemeColors;
+    deleteIcon?: JSXElement;
+    disabled?: ChipVariants["disabled"];
+    icon?: JSXElement;
+    label: string;
+    onClick?: (event: MouseEvent) => void;
+    onDelete?: (event: MouseEvent) => void;
+    size?: ChipVariants["size"];
+    slotProps?: ChipSlotProps;
+    variant?: ChipVariants["variant"];
+} & Omit<ComponentProps<"div">, "onClick">;
+declare const Chip: (props: ChipProps) => import("solid-js").JSX.Element;
+export default Chip;

package/dist/Chip/Chip.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 i from"../icons/Cross.js";import{Dynamic as a,createComponent as o,insert as s,memo 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(`<span>`),g=d=>{let g=p({color:`default`,variant:`filled`,size:`medium`,disabled:!1},d),[_,v]=m(g,[`avatar`,`class`,`color`,`deleteIcon`,`disabled`,`icon`,`label`,`onClick`,`onDelete`,`slotProps`,`variant`,`size`,`children`]),y=n(),b=f(()=>_.avatar?_.avatar:_.icon?_.icon:null),x=f(()=>!!_.avatar),S=f(()=>typeof _.onDelete==`function`),C=f(()=>typeof _.onClick==`function`),w=e=>{_.disabled||(e.stopPropagation(),_.onDelete?.(e))},T=f(()=>{let e={color:_.color,disabled:_.disabled,variant:_.variant,size:_.size,hasAvatarElement:x(),hasDeleteIcon:S(),clickable:C()};return y?y.componentsTV.chip(e):t(e)}),E=f(()=>S()?_.deleteIcon?_.deleteIcon:o(i,{}):null);return o(a,l(v,{get component(){return C()?`button`:`div`},get"aria-disabled"(){return _.disabled},get onClick(){return c(()=>!_.disabled)()?_.onClick:void 0},get tabIndex(){return C()&&!_.disabled?0:void 0},get class(){return e(T().base(),_.class)},get children(){return[c(()=>b()),o(r,l(()=>_.slotProps?.label,{as:`span`,variant:`inherit`,get class(){return e(T().label(),_.slotProps?.label?.class)},get children(){return _.label}})),(()=>{var t=h();return u(t,l(()=>_.slotProps?.deleteIcon,{get class(){return e(T().deleteIcon(),_.slotProps?.deleteIcon?.class)},onClick:w}),!1,!0),s(t,E),t})()]}}))};export{g as default};

package/dist/Chip/index.d.ts

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

package/dist/Chip/index.js

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

package/dist/Chip/style.d.ts

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

package/dist/Chip/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:[`inline-flex items-center gap-1`,`font-normal align-middle`,a.typography.colors.textPrimary,a.rounded.full],label:``,deleteIcon:`shrink-0`},variants:{color:n(a.colors,()=>({})),variant:{solid:{},filled:{},outlined:{base:`border`}},disabled:{true:{base:`user-event-none`},false:{deleteIcon:`cursor-pointer`}},size:{small:{base:`h-6 px-1.5 gap-[2px] text-xs`,deleteIcon:`text-md`},medium:{base:`h-7 px-2.5 gap-[3px] text-sm`,deleteIcon:`text-lg`},large:{base:`h-8 px-3 gap-1 text-normal`,deleteIcon:`text-xl`}},clickable:{true:{base:[a.focus]},false:{}},hasDeleteIcon:{true:{},false:{}},hasAvatarElement:{true:{},false:{}}},compoundVariants:[...r(a.colors).flatMap(e=>i.map(t=>{let n=a.colors[e][t];return[{color:e,variant:t,clickable:!1,disabled:!1,class:{base:[n.background,n.border,n.text]}},{color:e,variant:t,clickable:!0,disabled:!1,class:{base:[`cursor-pointer`,n.background,n.border,n.text,n.hover,n.active]}},{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()),{hasDeleteIcon:!0,size:`small`,class:{base:`ps-1.5 pe-1`}},{hasDeleteIcon:!0,size:`medium`,class:{base:`ps-2.5 pe-1.5`}},{hasDeleteIcon:!0,size:`large`,class:{base:`ps-3 pe-2`}},{hasAvatarElement:!0,size:`small`,class:{base:`ps-[2px]`,label:`ps-[1px]`}},{hasAvatarElement:!0,size:`medium`,class:{base:`ps-[3px]`,label:`ps-[2px]`}},{hasAvatarElement:!0,size:`large`,class:{base:`ps-1`,label:`ps-[3px]`}}]}),o=a();export{a as chip,o as default};

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, JSXElement } from 'solid-js';
+import { VariantProps } from 'tailwind-variants';
+import { BackdropProps } from '../Backdrop';
+import { default as dialogDefaultStyles } from './style';
+type DialogVariants = VariantProps<typeof dialogDefaultStyles>;
+type DialogSlotProps = {
+    backdrop?: BackdropProps;
+};
+export type DialogCloseReason = "escape" | "backdrop";
+export type DialogProps = {
+    children?: JSXElement;
+    class?: string;
+    fullscreen?: DialogVariants["fullscreen"];
+    onClose?: (event: Event, reason: DialogCloseReason) => void;
+    open?: boolean;
+    role?: "alertdialog" | "dialog";
+    slotProps?: DialogSlotProps;
+} & Omit<ComponentProps<"div">, "onClose">;
+declare const Dialog: (props: DialogProps) => import("solid-js").JSX.Element;
+export default Dialog;

package/dist/Dialog/Dialog.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"../Backdrop/Backdrop.js";import"../Backdrop/index.js";import{Portal as i,createComponent as a,insert as o,mergeProps as s,spread as c,template as l,use as u}from"solid-js/web";import{Show as d,createEffect as f,createMemo as p,mergeProps as m,onCleanup as h,splitProps as g}from"solid-js";var _=l(`<div role=dialog aria-modal=true>`),v=[`a[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex='-1'])`].join(`,`),y=l=>{let y=m({fullscreen:!1},l),[b,x]=g(y,[`class`,`children`,`fullscreen`,`open`,`onClose`,`slotProps`]),S=n(),C,w=()=>C?Array.from(C.querySelectorAll(v)).filter(e=>{let t=getComputedStyle(e);return!e.hasAttribute(`disabled`)&&t.display!==`none`&&t.visibility!==`hidden`}):[],T=()=>{let e=w()[0];e?e.focus():C.focus()},E=()=>{let e=w(),t=e[e.length-1];t?t.focus():C.focus()},D=e=>{if(!b.open||!C)return;if(e.key===`Escape`){e.preventDefault(),b.onClose?.(e,`escape`);return}if(e.key!==`Tab`)return;let t=w();if(t.length===0){e.preventDefault(),C.focus();return}let n=t[0],r=t[t.length-1],i=document.activeElement;if(!C.contains(i)){e.preventDefault(),e.shiftKey?E():T();return}if(e.shiftKey&&i===n){e.preventDefault(),r.focus();return}!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())},O=e=>{if(!b.open||!C)return;let t=e.target;t instanceof Node&&(C.contains(t)||T())};f(()=>{if(!b.open){document.body.classList.remove(`overflow-hidden`);return}document.body.classList.add(`overflow-hidden`),document.addEventListener(`keydown`,D),document.addEventListener(`focusin`,O),h(()=>{document.removeEventListener(`keydown`,D),document.removeEventListener(`focusin`,O)})});let k=e=>{e.target===C||C.contains(e.target)||(b.onClose?.(e,`backdrop`),b.slotProps?.backdrop?.onClick?.(e))},A=p(()=>{let e={fullscreen:b.fullscreen};return S?S.componentsTV.dialog(e):t(e)});return a(d,{get when(){return b.open},get children(){return a(i,{get children(){return a(r,s(()=>b.slotProps?.backdrop,{onClick:k,get children(){var t=_(),n=C;return typeof n==`function`?u(n,t):C=t,c(t,s(x,{get class(){return e(A(),b.class)}}),!1,!0),o(t,()=>b.children),t}}))}})}})};export{y as default};

package/dist/Dialog/index.d.ts

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

package/dist/Dialog/index.js

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

package/dist/Dialog/style.d.ts

@@ -0,0 +1,34 @@
+import { Theme } from '../styles/theme';
+export declare const dialog: (theme?: Theme) => import('tailwind-variants').TVReturnType<{
+    fullscreen: {
+        true: "w-full h-full";
+        false: string[];
+    };
+}, undefined, string[], {
+    fullscreen: {
+        true: "w-full h-full";
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    fullscreen: {
+        true: "w-full h-full";
+        false: string[];
+    };
+}, undefined>>;
+declare const _default: import('tailwind-variants').TVReturnType<{
+    fullscreen: {
+        true: "w-full h-full";
+        false: string[];
+    };
+}, undefined, string[], {
+    fullscreen: {
+        true: "w-full h-full";
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
+    fullscreen: {
+        true: "w-full h-full";
+        false: string[];
+    };
+}, undefined>>;
+export default _default;