@pathscale/ui 1.1.40 → 1.1.42

package/dist/components/accordion/Accordion.js

@@ -3,7 +3,7 @@ import "./Accordion.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__Accordion_classes_js_d6ff7f0b__ from "./Accordion.classes.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)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div data-slot=accordion-body><div data-slot=accordion-body-inner>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg fill=none role=presentation viewBox="0 0 24 24"width=100% height=100%><path d="M6 9L12 15L18 9"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
+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)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg fill=none role=presentation viewBox="0 0 24 24"width=100% height=100%><path d="M6 9L12 15L18 9"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
 const normalizeAccordionValue = (value, selectionMode)=>{
     if (void 0 === value) return [];
     const raw = Array.isArray(value) ? value : [
@@ -91,10 +91,9 @@ const AccordionRoot = (props)=>{
                 rootRef = node;
                 if ("function" == typeof local.ref) local.ref(node);
             }, _el$);
-            (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)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Root.variant[variant()], local.class, local.className);
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Root.variant[variant()], local.class, local.className)
+                }), {
                 "data-slot": "accordion",
                 get ["data-selection-mode"] () {
                     return selectionMode();
@@ -157,10 +156,9 @@ const AccordionItem = (props)=>{
         value: itemContextValue,
         get children () {
             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)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.base, isExpanded() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.flag.expanded, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.flag.disabled, accordion?.hideSeparator() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.flag.hideSeparator, local.class, local.className);
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.base, isExpanded() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.flag.expanded, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.flag.disabled, accordion?.hideSeparator() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Item.flag.hideSeparator, local.class, local.className)
+                }), {
                 "data-slot": "accordion-item",
                 get ["data-expanded"] () {
                     return isExpanded() ? "true" : "false";
@@ -219,10 +217,10 @@ const AccordionTrigger = (props)=>{
             },
             get type () {
                 return local.type ?? "button";
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Trigger.base, local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Trigger.base, local.class, local.className)
+            }), {
             "data-slot": "accordion-trigger",
             get ["data-expanded"] () {
                 return item?.isExpanded() ? "true" : "false";
@@ -283,10 +281,10 @@ const AccordionContent = (props)=>{
             get id () {
                 return item?.contentId();
             },
-            role: "region",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Content.base, expanded() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Content.flag.expanded, local.class, local.className);
-            },
+            role: "region"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Content.base, expanded() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Content.flag.expanded, local.class, local.className)
+            }), {
             "data-slot": "accordion-content",
             get ["data-expanded"] () {
                 return expanded() ? "true" : "false";
@@ -304,16 +302,17 @@ const AccordionContent = (props)=>{
                 return item?.triggerId();
             }
         }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Body.base
+            }), {
+            "data-slot": "accordion-body"
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.BodyInner.base
+            }), {
+            "data-slot": "accordion-body-inner"
+        }), false, true);
         (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$ = __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Body.base, _v$2 = __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.BodyInner.base;
-            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.e = _v$);
-            _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.t = _v$2);
-            return _p$;
-        }, {
-            e: void 0,
-            t: void 0
-        });
         return _el$4;
     })();
 };
@@ -330,10 +329,10 @@ const AccordionIndicator = (props)=>{
     return (()=>{
         var _el$7 = _tmpl$4();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            "aria-hidden": "true",
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Indicator.base, expanded() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Indicator.flag.expanded, local.class, local.className);
-            },
+            "aria-hidden": "true"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Indicator.base, expanded() && __WEBPACK_EXTERNAL_MODULE__Accordion_classes_js_d6ff7f0b__.CLASSES.Indicator.flag.expanded, local.class, local.className)
+            }), {
             "data-slot": "accordion-indicator",
             get ["data-expanded"] () {
                 return expanded() ? "true" : "false";

package/dist/components/alert/Alert.classes.d.ts

@@ -0,0 +1,16 @@
+export declare const CLASSES: {
+    readonly base: "alert";
+    readonly slot: {
+        readonly indicator: "alert__indicator";
+        readonly content: "alert__content";
+        readonly title: "alert__title";
+        readonly description: "alert__description";
+    };
+    readonly status: {
+        readonly default: "alert--default";
+        readonly accent: "alert--accent";
+        readonly success: "alert--success";
+        readonly warning: "alert--warning";
+        readonly danger: "alert--danger";
+    };
+};

package/dist/components/alert/Alert.classes.js

@@ -0,0 +1,17 @@
+const CLASSES = {
+    base: "alert",
+    slot: {
+        indicator: "alert__indicator",
+        content: "alert__content",
+        title: "alert__title",
+        description: "alert__description"
+    },
+    status: {
+        default: "alert--default",
+        accent: "alert--accent",
+        success: "alert--success",
+        warning: "alert--warning",
+        danger: "alert--danger"
+    }
+};
+export { CLASSES };

package/dist/components/alert/Alert.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Alert.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__Alert_classes_js_74d02f10__ from "./Alert.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M12 16v-4M12 8h.01"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M9 12l2 2 4-4"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"stroke=currentColor stroke-width=2></path><path d="M12 9v4M12 17h.01"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=alert-default-icon fill=none height=16 viewBox="0 0 24 24"width=16 xmlns=http://www.w3.org/2000/svg><circle cx=12 cy=12 r=10 stroke=currentColor stroke-width=2></circle><path d="M15 9l-6 6M9 9l6 6"stroke=currentColor stroke-linecap=round stroke-width=2>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const AlertContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useAlertContext = ()=>{
@@ -20,13 +21,6 @@ const STATUS_ICON_MAP = {
     warning: WarningIcon,
     danger: DangerIcon
 };
-const STATUS_CLASS_MAP = {
-    default: "alert--default",
-    accent: "alert--accent",
-    success: "alert--success",
-    warning: "alert--warning",
-    danger: "alert--danger"
-};
 const AlertRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -45,10 +39,10 @@ const AlertRoot = (props)=>{
         get children () {
             var _el$5 = _tmpl$5();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-                role: "alert",
-                get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("alert", STATUS_CLASS_MAP[status()], local.class, local.className);
-                },
+                role: "alert"
+            }, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Alert_classes_js_74d02f10__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Alert_classes_js_74d02f10__.CLASSES.status[status()], local.class, local.className)
+                }), {
                 "data-slot": "alert-root",
                 get ["data-status"] () {
                     return status();
@@ -80,10 +74,9 @@ const AlertIndicator = (props)=>{
     };
     return (()=>{
         var _el$6 = _tmpl$5();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("alert__indicator", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Alert_classes_js_74d02f10__.CLASSES.slot.indicator, local.class, local.className)
+            }), {
             "data-slot": "alert-indicator",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -116,10 +109,9 @@ const AlertContent = (props)=>{
     ]);
     return (()=>{
         var _el$7 = _tmpl$5();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("alert__content", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Alert_classes_js_74d02f10__.CLASSES.slot.content, local.class, local.className)
+            }), {
             "data-slot": "alert-content",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -142,10 +134,9 @@ const AlertTitle = (props)=>{
     ]);
     return (()=>{
         var _el$8 = _tmpl$6();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("alert__title", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Alert_classes_js_74d02f10__.CLASSES.slot.title, local.class, local.className)
+            }), {
             "data-slot": "alert-title",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -168,10 +159,9 @@ const AlertDescription = (props)=>{
     ]);
     return (()=>{
         var _el$9 = _tmpl$7();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("alert__description", local.class, local.className);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Alert_classes_js_74d02f10__.CLASSES.slot.description, local.class, local.className)
+            }), {
             "data-slot": "alert-description",
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/avatar/Avatar.classes.d.ts

@@ -0,0 +1,27 @@
+export declare const CLASSES: {
+    readonly base: "avatar";
+    readonly slot: {
+        readonly image: "avatar__image";
+        readonly fallback: "avatar__fallback";
+    };
+    readonly size: {
+        readonly sm: "avatar--sm";
+        readonly md: "";
+        readonly lg: "avatar--lg";
+    };
+    readonly variant: {
+        readonly default: "";
+        readonly soft: "avatar--soft";
+    };
+    readonly color: {
+        readonly default: "avatar__fallback--default";
+        readonly accent: "avatar__fallback--accent";
+        readonly success: "avatar__fallback--success";
+        readonly warning: "avatar__fallback--warning";
+        readonly danger: "avatar__fallback--danger";
+    };
+    readonly group: {
+        readonly base: "avatar-group";
+        readonly overlap: "-space-x-6";
+    };
+};

package/dist/components/avatar/Avatar.classes.js

@@ -0,0 +1,28 @@
+const CLASSES = {
+    base: "avatar",
+    slot: {
+        image: "avatar__image",
+        fallback: "avatar__fallback"
+    },
+    size: {
+        sm: "avatar--sm",
+        md: "",
+        lg: "avatar--lg"
+    },
+    variant: {
+        default: "",
+        soft: "avatar--soft"
+    },
+    color: {
+        default: "avatar__fallback--default",
+        accent: "avatar__fallback--accent",
+        success: "avatar__fallback--success",
+        warning: "avatar__fallback--warning",
+        danger: "avatar__fallback--danger"
+    },
+    group: {
+        base: "avatar-group",
+        overlap: "-space-x-6"
+    }
+};
+export { CLASSES };

package/dist/components/avatar/Avatar.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Avatar.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__Avatar_classes_js_3d1d7ea0__ from "./Avatar.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<img>");
 const AvatarContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useAvatarContext = ()=>{
@@ -9,15 +10,6 @@ const useAvatarContext = ()=>{
     if (!ctx) throw new Error("Avatar compound components must be used within <Avatar>");
     return ctx;
 };
-const SIZE_CLASS_MAP = {
-    sm: "avatar--sm",
-    md: "",
-    lg: "avatar--lg"
-};
-const VARIANT_CLASS_MAP = {
-    default: "",
-    soft: "avatar--soft"
-};
 const AvatarRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -44,10 +36,9 @@ const AvatarRoot = (props)=>{
         value: ctx,
         get children () {
             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)("avatar", SIZE_CLASS_MAP[size()], VARIANT_CLASS_MAP[variant()], local.class, local.className);
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.variant[variant()], local.class, local.className)
+                }), {
                 "data-slot": "avatar-root",
                 get ["data-theme"] () {
                     return local.dataTheme;
@@ -89,10 +80,10 @@ const AvatarImage = (props)=>{
             },
             get alt () {
                 return local.alt;
-            },
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("avatar__image", local.class, local.className);
-            },
+            }
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.slot.image, local.class, local.className)
+            }), {
             "data-slot": "avatar-image",
             get style () {
                 return local.style;
@@ -103,13 +94,6 @@ const AvatarImage = (props)=>{
         return _el$2;
     })();
 };
-const COLOR_CLASS_MAP = {
-    default: "avatar__fallback--default",
-    accent: "avatar__fallback--accent",
-    success: "avatar__fallback--success",
-    warning: "avatar__fallback--warning",
-    danger: "avatar__fallback--danger"
-};
 const AvatarFallback = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -133,10 +117,9 @@ const AvatarFallback = (props)=>{
         },
         get children () {
             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)("avatar__fallback", COLOR_CLASS_MAP[ctx.color()], local.class, local.className);
-                },
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.slot.fallback, __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.color[ctx.color()], local.class, local.className)
+                }), {
                 "data-slot": "avatar-fallback",
                 get ["data-theme"] () {
                     return local.dataTheme;

package/dist/components/avatar/AvatarGroup.js

@@ -1,6 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
 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__Avatar_classes_js_3d1d7ea0__ from "./Avatar.classes.js";
 const VoidElementList = [
     "area",
     "base",
@@ -26,23 +27,22 @@ const AvatarGroup_AvatarGroup = (props)=>{
         "children"
     ]);
     const Tag = local.as || "div";
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("avatar-group -space-x-6", local.class, local.className);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.group.base, __WEBPACK_EXTERNAL_MODULE__Avatar_classes_js_3d1d7ea0__.CLASSES.group.overlap, local.class, local.className);
     const ariaLabel = `Group of ${local.children.length} avatar photos`;
     if (VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
         component: Tag
     }, others, {
-        "aria-label": ariaLabel,
-        get ["class"] () {
-            return classes();
-        }
-    }));
+        "aria-label": ariaLabel
+    }, ()=>({
+            class: classes()
+        })));
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
         component: Tag
     }, others, {
-        "aria-label": ariaLabel,
-        get ["class"] () {
-            return classes();
-        },
+        "aria-label": ariaLabel
+    }, ()=>({
+            class: classes()
+        }), {
         get children () {
             return local.children;
         }

package/dist/components/badge/Badge.classes.d.ts

@@ -0,0 +1,30 @@
+export declare const CLASSES: {
+    readonly base: "badge";
+    readonly slot: {
+        readonly anchor: "badge-anchor";
+        readonly label: "badge__label";
+    };
+    readonly size: {
+        readonly sm: "badge--sm";
+        readonly md: "badge--md";
+        readonly lg: "badge--lg";
+    };
+    readonly color: {
+        readonly default: "badge--default";
+        readonly accent: "badge--accent";
+        readonly success: "badge--success";
+        readonly warning: "badge--warning";
+        readonly danger: "badge--danger";
+    };
+    readonly variant: {
+        readonly primary: "badge--primary";
+        readonly secondary: "badge--secondary";
+        readonly soft: "badge--soft";
+    };
+    readonly placement: {
+        readonly "top-right": "badge--top-right";
+        readonly "top-left": "badge--top-left";
+        readonly "bottom-right": "badge--bottom-right";
+        readonly "bottom-left": "badge--bottom-left";
+    };
+};

package/dist/components/badge/Badge.classes.js

@@ -0,0 +1,31 @@
+const CLASSES = {
+    base: "badge",
+    slot: {
+        anchor: "badge-anchor",
+        label: "badge__label"
+    },
+    size: {
+        sm: "badge--sm",
+        md: "badge--md",
+        lg: "badge--lg"
+    },
+    color: {
+        default: "badge--default",
+        accent: "badge--accent",
+        success: "badge--success",
+        warning: "badge--warning",
+        danger: "badge--danger"
+    },
+    variant: {
+        primary: "badge--primary",
+        secondary: "badge--secondary",
+        soft: "badge--soft"
+    },
+    placement: {
+        "top-right": "badge--top-right",
+        "top-left": "badge--top-left",
+        "bottom-right": "badge--bottom-right",
+        "bottom-left": "badge--bottom-left"
+    }
+};
+export { CLASSES };

package/dist/components/badge/Badge.js

@@ -3,7 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
 import "./Badge.css";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=badge-label>");
+import * as __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__ from "./Badge.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const BadgeAnchor = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -11,39 +12,15 @@ const BadgeAnchor = (props)=>{
     ]);
     return (()=>{
         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)("badge-anchor", local.class);
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.slot.anchor, local.class)
+            }), {
             "data-slot": "badge-anchor"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
         return _el$;
     })();
 };
-const BADGE_SIZE_CLASS = {
-    sm: "badge--sm",
-    md: "badge--md",
-    lg: "badge--lg"
-};
-const BADGE_COLOR_CLASS = {
-    default: "badge--default",
-    accent: "badge--accent",
-    success: "badge--success",
-    warning: "badge--warning",
-    danger: "badge--danger"
-};
-const BADGE_VARIANT_CLASS = {
-    primary: "badge--primary",
-    secondary: "badge--secondary",
-    soft: "badge--soft"
-};
-const BADGE_PLACEMENT_CLASS = {
-    "top-right": "badge--top-right",
-    "top-left": "badge--top-left",
-    "bottom-right": "badge--bottom-right",
-    "bottom-left": "badge--bottom-left"
-};
 const BadgeRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -58,7 +35,7 @@ const BadgeRoot = (props)=>{
         const color = local.color ?? "default";
         const variant = local.variant ?? "primary";
         const placement = local.placement ?? "top-right";
-        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("badge", BADGE_SIZE_CLASS[size], BADGE_COLOR_CLASS[color], BADGE_VARIANT_CLASS[variant], BADGE_PLACEMENT_CLASS[placement], local.class));
+        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.size[size], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.color[color], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.variant[variant], __WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.placement[placement], local.class));
     };
     const badgeChildren = ()=>{
         const c = local.children;
@@ -69,10 +46,9 @@ const BadgeRoot = (props)=>{
     };
     return (()=>{
         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 classes();
-            },
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                class: classes()
+            }), {
             "data-slot": "badge"
         }), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, badgeChildren);
@@ -85,11 +61,11 @@ const BadgeLabel = (props)=>{
         "class"
     ]);
     return (()=>{
-        var _el$3 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("badge__label", local.class);
-            }
+        var _el$3 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Badge_classes_js_1dfbfa86__.CLASSES.slot.label, local.class)
+            }), {
+            "data-slot": "badge-label"
         }, others), false, true);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
         return _el$3;