@pathscale/ui 1.1.56 → 1.1.57

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;

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>"), _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)("<li>");
 const BreadcrumbsContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const useBreadcrumbsContext = ()=>{
     const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(BreadcrumbsContext);
@@ -27,10 +28,10 @@ const BreadcrumbsRoot = (props)=>{
         get children () {
             var _el$2 = _tmpl$2();
             (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);
-                },
+                "aria-label": "Breadcrumbs"
+            }, ()=>({
+                    class: (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"] () {
                     return local.dataTheme;
@@ -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",
@@ -57,10 +59,9 @@ const BreadcrumbsItem = (props)=>{
     const ctx = useBreadcrumbsContext();
     return (()=>{
         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);
-            },
+        (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)(ITEM_CLASS, local.class, local.className)
+            }), {
             "data-slot": "breadcrumbs-item",
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -75,24 +76,34 @@ const BreadcrumbsItem = (props)=>{
             },
             get fallback () {
                 return (()=>{
-                    var _el$6 = _tmpl$6();
-                    (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;
-                        _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "data-current", _p$.e = _v$);
-                        _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$6, "aria-current", _p$.t = _v$2);
-                        return _p$;
+                    var _el$6 = _tmpl$4();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                        class: LINK_CLASS
                     }, {
-                        e: void 0,
-                        t: void 0
-                    });
+                        "data-slot": "breadcrumbs-link",
+                        get ["data-current"] () {
+                            return local.isCurrent ? "true" : void 0;
+                        },
+                        get ["aria-current"] () {
+                            return local.isCurrent ? "page" : void 0;
+                        }
+                    }), false, true);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
                     return _el$6;
                 })();
             },
             get children () {
                 var _el$4 = _tmpl$3();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                    get href () {
+                        return local.href;
+                    }
+                }, {
+                    class: LINK_CLASS
+                }, {
+                    "data-slot": "breadcrumbs-link"
+                }), false, true);
                 (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;
             }
         }), null);
@@ -102,6 +113,11 @@ const BreadcrumbsItem = (props)=>{
             },
             get children () {
                 var _el$5 = _tmpl$4();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+                    class: SEPARATOR_CLASS
+                }, {
+                    "data-slot": "breadcrumbs-separator"
+                }), false, true);
                 (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 };