@pathscale/ui 1.1.35 → 1.1.36

package/dist/components/breadcrumbs/Breadcrumbs.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "breadcrumbs";
+    };
+    readonly Item: {
+        readonly base: readonly ["breadcrumbs__item", "breadcrumbs__link", "breadcrumbs__separator"];
+    };
+};

package/dist/components/breadcrumbs/Breadcrumbs.classes.js

@@ -0,0 +1,13 @@
+const CLASSES = {
+    Root: {
+        base: "breadcrumbs"
+    },
+    Item: {
+        base: [
+            "breadcrumbs__item",
+            "breadcrumbs__link",
+            "breadcrumbs__separator"
+        ]
+    }
+};
+export { CLASSES };

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -2,7 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Breadcrumbs.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=breadcrumbs-separator fill=none height=12 viewBox="0 0 24 24"width=12 xmlns=http://www.w3.org/2000/svg><path d="M9 18l6-6-6-6"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a class=breadcrumbs__link data-slot=breadcrumbs-link>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=breadcrumbs__separator data-slot=breadcrumbs-separator>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=breadcrumbs__link data-slot=breadcrumbs-link>");
+import * as __WEBPACK_EXTERNAL_MODULE__Breadcrumbs_classes_js_83219ed5__ from "./Breadcrumbs.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=breadcrumbs-separator fill=none height=12 viewBox="0 0 24 24"width=12 xmlns=http://www.w3.org/2000/svg><path d="M9 18l6-6-6-6"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<nav>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a data-slot=breadcrumbs-link>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=breadcrumbs-separator>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<li>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=breadcrumbs-link>");
 const BreadcrumbsContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useBreadcrumbsContext = ()=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(BreadcrumbsContext);
@@ -29,7 +30,7 @@ const BreadcrumbsRoot = (props)=>{
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
                 "aria-label": "Breadcrumbs",
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("breadcrumbs", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Breadcrumbs_classes_js_83219ed5__.CLASSES.Root.base, local.class, local.className);
                 },
                 "data-slot": "breadcrumbs",
                 get ["data-theme"] () {
@@ -44,6 +45,7 @@ const BreadcrumbsRoot = (props)=>{
         }
     });
 };
+const [ITEM_CLASS, LINK_CLASS, SEPARATOR_CLASS] = __WEBPACK_EXTERNAL_MODULE__Breadcrumbs_classes_js_83219ed5__.CLASSES.Item.base;
 const BreadcrumbsItem = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -59,7 +61,7 @@ const BreadcrumbsItem = (props)=>{
         var _el$3 = _tmpl$5();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("breadcrumbs__item", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(ITEM_CLASS, local.class, local.className);
             },
             "data-slot": "breadcrumbs-item",
             get ["data-theme"] () {
@@ -76,6 +78,7 @@ const BreadcrumbsItem = (props)=>{
             get fallback () {
                 return (()=>{
                     var _el$6 = _tmpl$6();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, LINK_CLASS);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
                         var _v$ = local.isCurrent ? "true" : void 0, _v$2 = local.isCurrent ? "page" : void 0;
@@ -91,6 +94,7 @@ const BreadcrumbsItem = (props)=>{
             },
             get children () {
                 var _el$4 = _tmpl$3();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, LINK_CLASS);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "href", local.href));
                 return _el$4;
@@ -102,6 +106,7 @@ const BreadcrumbsItem = (props)=>{
             },
             get children () {
                 var _el$5 = _tmpl$4();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, SEPARATOR_CLASS);
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>ctx.separator() ?? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ChevronRight, {}));
                 return _el$5;
             }

package/dist/components/button/Button.classes.d.ts

@@ -0,0 +1,27 @@
+export declare const CLASSES: {
+    readonly base: "button";
+    readonly variant: {
+        readonly primary: "button--primary";
+        readonly secondary: "button--secondary";
+        readonly tertiary: "button--tertiary";
+        readonly outline: "button--outline";
+        readonly ghost: "button--ghost";
+        readonly danger: "button--danger";
+        readonly "danger-soft": "button--danger-soft";
+    };
+    readonly size: {
+        readonly sm: "button--sm";
+        readonly md: "button--md";
+        readonly lg: "button--lg";
+    };
+    readonly flag: {
+        readonly isIconOnly: "button--icon-only";
+        readonly fullWidth: "button--full-width";
+    };
+    readonly slot: {
+        readonly spinner: "button__spinner";
+        readonly icon: "button__icon";
+        readonly iconStart: "button__icon--start";
+        readonly iconEnd: "button__icon--end";
+    };
+};

package/dist/components/button/Button.classes.js

@@ -0,0 +1,28 @@
+const CLASSES = {
+    base: "button",
+    variant: {
+        primary: "button--primary",
+        secondary: "button--secondary",
+        tertiary: "button--tertiary",
+        outline: "button--outline",
+        ghost: "button--ghost",
+        danger: "button--danger",
+        "danger-soft": "button--danger-soft"
+    },
+    size: {
+        sm: "button--sm",
+        md: "button--md",
+        lg: "button--lg"
+    },
+    flag: {
+        isIconOnly: "button--icon-only",
+        fullWidth: "button--full-width"
+    },
+    slot: {
+        spinner: "button__spinner",
+        icon: "button__icon",
+        iconStart: "button__icon--start",
+        iconEnd: "button__icon--end"
+    }
+};
+export { CLASSES };

package/dist/components/button/Button.d.ts

@@ -1,7 +1,8 @@
 import "./Button.css";
 import { type JSX } from "solid-js";
-type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "danger" | "danger-soft";
-type ButtonSize = "sm" | "md" | "lg";
+import { CLASSES } from "./Button.classes";
+export type ButtonVariant = keyof typeof CLASSES.variant;
+export type ButtonSize = keyof typeof CLASSES.size;
 type ButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -15,4 +16,4 @@ type ButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled">
 };
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;
-export type { ButtonProps, ButtonVariant, ButtonSize };
+export type { ButtonProps };

package/dist/components/button/Button.js

@@ -3,21 +3,8 @@ import "./Button.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import * as __WEBPACK_EXTERNAL_MODULE__button_group_context_js_9dfe2267__ from "../button-group/context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=button__spinner data-slot=spinner aria-hidden=true>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="button__icon button__icon--start"data-slot=button-start-icon>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="button__icon button__icon--end"data-slot=button-end-icon>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
-const VARIANT_CLASS_MAP = {
-    primary: "button--primary",
-    secondary: "button--secondary",
-    tertiary: "button--tertiary",
-    outline: "button--outline",
-    ghost: "button--ghost",
-    danger: "button--danger",
-    "danger-soft": "button--danger-soft"
-};
-const SIZE_CLASS_MAP = {
-    sm: "button--sm",
-    md: "button--md",
-    lg: "button--lg"
-};
+import * as __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__ from "./Button.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=spinner aria-hidden=true>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=button-start-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=button-end-icon>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
 const Button = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -38,7 +25,7 @@ const Button = (props)=>{
     const size = ()=>local.size ?? buttonGroupContext?.size() ?? "md";
     const fullWidth = ()=>local.fullWidth ?? buttonGroupContext?.fullWidth();
     const disabled = ()=>Boolean(local.isDisabled ?? buttonGroupContext?.isDisabled()) || Boolean(local.isPending);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("button", VARIANT_CLASS_MAP[variant()], SIZE_CLASS_MAP[size()], local.isIconOnly && "button--icon-only", fullWidth() && "button--full-width", local.class, local.className);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.size[size()], local.isIconOnly && __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.flag.isIconOnly, fullWidth() && __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.flag.fullWidth, local.class, local.className);
     return (()=>{
         var _el$ = _tmpl$4();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -64,7 +51,9 @@ const Button = (props)=>{
                 return local.isPending;
             },
             get children () {
-                return _tmpl$();
+                var _el$2 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.spinner));
+                return _el$2;
             }
         }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -74,6 +63,7 @@ const Button = (props)=>{
             get children () {
                 var _el$3 = _tmpl$2();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.iconStart)));
                 return _el$3;
             }
         }), null);
@@ -85,6 +75,7 @@ const Button = (props)=>{
             get children () {
                 var _el$4 = _tmpl$3();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endIcon);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.iconEnd)));
                 return _el$4;
             }
         }), null);

package/dist/components/button-group/ButtonGroup.classes.d.ts

@@ -0,0 +1,15 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "button-group";
+        readonly orientation: {
+            readonly horizontal: "button-group--horizontal";
+            readonly vertical: "button-group--vertical";
+        };
+        readonly flag: {
+            readonly fullWidth: "button-group--full-width";
+        };
+    };
+    readonly Separator: {
+        readonly base: "button-group__separator";
+    };
+};

package/dist/components/button-group/ButtonGroup.classes.js

@@ -0,0 +1,16 @@
+const CLASSES = {
+    Root: {
+        base: "button-group",
+        orientation: {
+            horizontal: "button-group--horizontal",
+            vertical: "button-group--vertical"
+        },
+        flag: {
+            fullWidth: "button-group--full-width"
+        }
+    },
+    Separator: {
+        base: "button-group__separator"
+    }
+};
+export { CLASSES };

package/dist/components/button-group/ButtonGroup.js

@@ -2,12 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./ButtonGroup.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__ from "./ButtonGroup.classes.js";
 import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const ORIENTATION_CLASS_MAP = {
-    horizontal: "button-group--horizontal",
-    vertical: "button-group--vertical"
-};
 const ButtonGroupRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -34,7 +31,7 @@ const ButtonGroupRoot = (props)=>{
             var _el$ = _tmpl$();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("button-group", ORIENTATION_CLASS_MAP[orientation()], local.fullWidth && "button-group--full-width", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.orientation[orientation()], local.fullWidth && __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "button-group",
                 get ["data-orientation"] () {
@@ -70,7 +67,7 @@ const ButtonGroupSeparator = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             "aria-hidden": "true",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("button-group__separator", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Separator.base, local.class, local.className);
             },
             "data-slot": "button-group-separator",
             get ["data-theme"] () {

package/dist/components/card/Card.classes.d.ts

@@ -0,0 +1,24 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "card";
+        readonly variant: {
+            readonly default: "card--default";
+            readonly flat: "card--flat";
+            readonly bordered: "card--bordered";
+            readonly shadow: "card--shadow";
+        };
+        readonly flag: {
+            readonly isHoverable: "card--hoverable";
+            readonly isPressable: "card--pressable";
+        };
+    };
+    readonly Header: {
+        readonly base: "card__header";
+    };
+    readonly Body: {
+        readonly base: "card__body";
+    };
+    readonly Footer: {
+        readonly base: "card__footer";
+    };
+};

package/dist/components/card/Card.classes.js

@@ -0,0 +1,25 @@
+const CLASSES = {
+    Root: {
+        base: "card",
+        variant: {
+            default: "card--default",
+            flat: "card--flat",
+            bordered: "card--bordered",
+            shadow: "card--shadow"
+        },
+        flag: {
+            isHoverable: "card--hoverable",
+            isPressable: "card--pressable"
+        }
+    },
+    Header: {
+        base: "card__header"
+    },
+    Body: {
+        base: "card__body"
+    },
+    Footer: {
+        base: "card__footer"
+    }
+};
+export { CLASSES };

package/dist/components/card/Card.js

@@ -2,13 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Card.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__ from "./Card.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const CARD_VARIANT_CLASS = {
-    default: "card--default",
-    flat: "card--flat",
-    bordered: "card--bordered",
-    shadow: "card--shadow"
-};
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
@@ -40,7 +35,7 @@ const CardRoot = (props)=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card", CARD_VARIANT_CLASS[variant()], local.isHoverable && "card--hoverable", local.isPressable && "card--pressable", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.variant[variant()], local.isHoverable && __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.flag.isHoverable, local.isPressable && __WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Root.flag.isPressable, local.class, local.className);
             },
             "data-slot": "card",
             get ["data-variant"] () {
@@ -82,7 +77,7 @@ const CardHeader = (props)=>{
         var _el$2 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card__header", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Header.base, local.class, local.className);
             },
             "data-slot": "card-header",
             get ["data-theme"] () {
@@ -108,7 +103,7 @@ const CardBody = (props)=>{
         var _el$3 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card__body", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Body.base, local.class, local.className);
             },
             "data-slot": "card-body",
             get ["data-theme"] () {
@@ -134,7 +129,7 @@ const CardFooter = (props)=>{
         var _el$4 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card__footer", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Card_classes_js_d234b054__.CLASSES.Footer.base, local.class, local.className);
             },
             "data-slot": "card-footer",
             get ["data-theme"] () {

package/dist/components/checkbox-group/CheckboxGroup.classes.d.ts

@@ -0,0 +1,11 @@
+export declare const CLASSES: {
+    readonly base: "checkbox-group";
+    readonly variant: {
+        readonly primary: "checkbox-group--primary";
+        readonly secondary: "checkbox-group--secondary";
+    };
+    readonly flag: {
+        readonly disabled: "checkbox-group--disabled";
+        readonly invalid: "checkbox-group--invalid";
+    };
+};

package/dist/components/checkbox-group/CheckboxGroup.classes.js

@@ -0,0 +1,12 @@
+const CLASSES = {
+    base: "checkbox-group",
+    variant: {
+        primary: "checkbox-group--primary",
+        secondary: "checkbox-group--secondary"
+    },
+    flag: {
+        disabled: "checkbox-group--disabled",
+        invalid: "checkbox-group--invalid"
+    }
+};
+export { CLASSES };

package/dist/components/checkbox-group/CheckboxGroup.js

@@ -2,12 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./CheckboxGroup.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__ from "./CheckboxGroup.classes.js";
 import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const VARIANT_CLASS_MAP = {
-    primary: "checkbox-group--primary",
-    secondary: "checkbox-group--secondary"
-};
 const CheckboxGroup = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -76,7 +73,7 @@ const CheckboxGroup = (props)=>{
                     return isInvalid() ? "true" : "false";
                 },
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("checkbox-group", VARIANT_CLASS_MAP[variant()], isDisabled() && "checkbox-group--disabled", isInvalid() && "checkbox-group--invalid", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.variant[variant()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.flag.disabled, isInvalid() && __WEBPACK_EXTERNAL_MODULE__CheckboxGroup_classes_js_352c9ffa__.CLASSES.flag.invalid, local.class, local.className);
                 },
                 get ["data-theme"] () {
                     return local.dataTheme;

package/dist/components/close-button/CloseButton.classes.d.ts

@@ -0,0 +1,11 @@
+export declare const CLASSES: {
+    readonly base: "close-button";
+    readonly variant: {
+        readonly default: "close-button--default";
+    };
+    readonly slot: {
+        readonly icon: "close-button__icon";
+        readonly iconStart: "close-button__icon--start";
+        readonly iconEnd: "close-button__icon--end";
+    };
+};

package/dist/components/close-button/CloseButton.classes.js

@@ -0,0 +1,12 @@
+const CLASSES = {
+    base: "close-button",
+    variant: {
+        default: "close-button--default"
+    },
+    slot: {
+        icon: "close-button__icon",
+        iconStart: "close-button__icon--start",
+        iconEnd: "close-button__icon--end"
+    }
+};
+export { CLASSES };

package/dist/components/close-button/CloseButton.js

@@ -2,11 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./CloseButton.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="close-button__icon close-button__icon--start"data-slot=close-button-start-icon>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="close-button__icon close-button__icon--end"data-slot=close-button-end-icon>');
-const VARIANT_CLASS_MAP = {
-    default: "close-button--default"
-};
-const CloseButton = (props)=>{
+import * as __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__ from "./CloseButton.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=close-button-start-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=close-button-end-icon>");
+const CloseButton_CloseButton = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "class",
@@ -33,7 +31,7 @@ const CloseButton = (props)=>{
                 return local["aria-label"] ?? "Close";
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("close-button", VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.variant[variant()], local.class, local.className);
             },
             "data-slot": "close-button",
             get ["data-pending"] () {
@@ -57,6 +55,7 @@ const CloseButton = (props)=>{
             return ()=>_c$() ? (()=>{
                     var _el$2 = _tmpl$2();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconStart)));
                     return _el$2;
                 })() : null;
         })(), null);
@@ -66,11 +65,12 @@ const CloseButton = (props)=>{
             return ()=>_c$2() ? (()=>{
                     var _el$3 = _tmpl$3();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.endIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__CloseButton_classes_js_1d24ab3a__.CLASSES.slot.iconEnd)));
                     return _el$3;
                 })() : null;
         })(), null);
         return _el$;
     })();
 };
-const close_button_CloseButton = CloseButton;
-export { close_button_CloseButton as default };
+const CloseButton = CloseButton_CloseButton;
+export { CloseButton as default };

package/dist/components/combo-box/ComboBox.classes.d.ts

@@ -0,0 +1,42 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "combo-box";
+        readonly variant: {
+            readonly primary: "combo-box--primary";
+            readonly secondary: "combo-box--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "combo-box--full-width";
+        };
+    };
+    readonly InputGroup: {
+        readonly base: "combo-box__input-group";
+        readonly flag: {
+            readonly fullWidth: "combo-box__input-group--full-width";
+        };
+    };
+    readonly Input: {
+        readonly base: "combo-box__input";
+    };
+    readonly Trigger: {
+        readonly base: "combo-box__trigger";
+        readonly icon: "combo-box__trigger-icon";
+    };
+    readonly Popover: {
+        readonly base: "combo-box__popover";
+    };
+    readonly List: {
+        readonly base: "combo-box__list";
+        readonly empty: "combo-box__empty";
+    };
+    readonly Option: {
+        readonly base: "combo-box__option";
+        readonly label: "combo-box__option-label";
+        readonly indicator: "combo-box__option-indicator";
+    };
+    readonly Icon: {
+        readonly base: "combo-box__icon";
+        readonly start: "combo-box__icon--start";
+        readonly end: "combo-box__icon--end";
+    };
+};

package/dist/components/combo-box/ComboBox.classes.js

@@ -0,0 +1,43 @@
+const CLASSES = {
+    Root: {
+        base: "combo-box",
+        variant: {
+            primary: "combo-box--primary",
+            secondary: "combo-box--secondary"
+        },
+        flag: {
+            fullWidth: "combo-box--full-width"
+        }
+    },
+    InputGroup: {
+        base: "combo-box__input-group",
+        flag: {
+            fullWidth: "combo-box__input-group--full-width"
+        }
+    },
+    Input: {
+        base: "combo-box__input"
+    },
+    Trigger: {
+        base: "combo-box__trigger",
+        icon: "combo-box__trigger-icon"
+    },
+    Popover: {
+        base: "combo-box__popover"
+    },
+    List: {
+        base: "combo-box__list",
+        empty: "combo-box__empty"
+    },
+    Option: {
+        base: "combo-box__option",
+        label: "combo-box__option-label",
+        indicator: "combo-box__option-indicator"
+    },
+    Icon: {
+        base: "combo-box__icon",
+        start: "combo-box__icon--start",
+        end: "combo-box__icon--end"
+    }
+};
+export { CLASSES };