@pathscale/ui 1.1.35 → 1.1.36

package/dist/components/input-group/InputGroup.js

@@ -3,11 +3,8 @@ import "./InputGroup.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__text_field_index_js_54530d22__ from "../text-field/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__ from "./InputGroup.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)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
-const VARIANT_CLASS_MAP = {
-    primary: "input-group--primary",
-    secondary: "input-group--secondary"
-};
 const InputGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -58,7 +55,7 @@ const InputGroupRoot = (props)=>{
             }, _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)("input-group", VARIANT_CLASS_MAP[variant()], fullWidth() && "input-group--full-width", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Root.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "input-group",
                 get ["data-disabled"] () {
@@ -103,7 +100,7 @@ const InputGroupInput = (props)=>{
         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, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-group__input", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className);
             },
             "data-slot": "input-group-input",
             get ["data-theme"] () {
@@ -142,7 +139,7 @@ const InputGroupTextArea = (props)=>{
         var _el$3 = _tmpl$3();
         (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)("input-group__input", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Input.base, local.class, local.className);
             },
             "data-slot": "input-group-textarea",
             get ["data-theme"] () {
@@ -176,7 +173,7 @@ const InputGroupPrefix = (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)("input-group__prefix", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Prefix.base, local.class, local.className);
             },
             "data-slot": "input-group-prefix",
             get ["data-theme"] () {
@@ -202,7 +199,7 @@ const InputGroupSuffix = (props)=>{
         var _el$5 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-group__suffix", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputGroup_classes_js_9b857fa5__.CLASSES.Suffix.base, local.class, local.className);
             },
             "data-slot": "input-group-suffix",
             get ["data-theme"] () {

package/dist/components/input-otp/InputOTP.classes.d.ts

@@ -0,0 +1,23 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "input-otp";
+        readonly variant: {
+            readonly primary: "input-otp--primary";
+            readonly secondary: "input-otp--secondary";
+        };
+    };
+    readonly Input: {
+        readonly base: "input-otp__input";
+    };
+    readonly Group: {
+        readonly base: "input-otp__group";
+    };
+    readonly Slot: {
+        readonly base: "input-otp__slot";
+        readonly value: "input-otp__slot-value";
+        readonly caret: "input-otp__caret";
+    };
+    readonly Separator: {
+        readonly base: "input-otp__separator";
+    };
+};

package/dist/components/input-otp/InputOTP.classes.js

@@ -0,0 +1,24 @@
+const CLASSES = {
+    Root: {
+        base: "input-otp",
+        variant: {
+            primary: "input-otp--primary",
+            secondary: "input-otp--secondary"
+        }
+    },
+    Input: {
+        base: "input-otp__input"
+    },
+    Group: {
+        base: "input-otp__group"
+    },
+    Slot: {
+        base: "input-otp__slot",
+        value: "input-otp__slot-value",
+        caret: "input-otp__caret"
+    },
+    Separator: {
+        base: "input-otp__separator"
+    }
+};
+export { CLASSES };

package/dist/components/input-otp/InputOTP.js

@@ -2,11 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./InputOTP.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)("<div><input data-slot=input-otp-input type=text autocomplete=one-time-code>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=input-otp__slot-value data-slot=input-otp-slot-value>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=input-otp__caret data-slot=input-otp-caret>");
-const VARIANT_CLASS_MAP = {
-    primary: "input-otp--primary",
-    secondary: "input-otp--secondary"
-};
+import * as __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__ from "./InputOTP.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><input data-slot=input-otp-input type=text autocomplete=one-time-code>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=input-otp-slot-value>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=input-otp-caret>");
 const REGEXP_ONLY_DIGITS = "^\\d+$";
 const REGEXP_ONLY_CHARS = "^[a-zA-Z]+$";
 const REGEXP_ONLY_DIGITS_AND_CHARS = "^[a-zA-Z0-9]+$";
@@ -185,7 +182,7 @@ const InputOTPRoot = (props)=>{
             }, _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)("input-otp", VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Root.variant[variant()], local.class, local.className);
                 },
                 "data-slot": "input-otp",
                 get ["data-disabled"] () {
@@ -227,7 +224,7 @@ const InputOTPRoot = (props)=>{
                     }
                 }), null);
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-otp__input", local.inputClassName), _v$2 = local.inputMode, _v$3 = local.pattern, _v$4 = maxLength(), _v$5 = local.name, _v$6 = isDisabled(), _v$7 = isDisabled() ? "true" : void 0, _v$8 = isInvalid() ? "true" : void 0;
+                var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Input.base, local.inputClassName), _v$2 = local.inputMode, _v$3 = local.pattern, _v$4 = maxLength(), _v$5 = local.name, _v$6 = isDisabled(), _v$7 = isDisabled() ? "true" : void 0, _v$8 = isInvalid() ? "true" : void 0;
                 _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
                 _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "inputmode", _p$.t = _v$2);
                 _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "pattern", _p$.a = _v$3);
@@ -264,7 +261,7 @@ const InputOTPGroup = (props)=>{
         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)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input-otp__group", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Group.base, local.class, local.className);
             },
             "data-slot": "input-otp-group",
             get ["data-theme"] () {
@@ -301,7 +298,7 @@ const InputOTPSlot = (props)=>{
         var _el$4 = _tmpl$2();
         (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)("input-otp__slot", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.base, local.class, local.className);
             },
             "data-slot": "input-otp-slot",
             get ["data-active"] () {
@@ -331,6 +328,7 @@ const InputOTPSlot = (props)=>{
             get children () {
                 var _el$5 = _tmpl$3();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, char);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.value));
                 return _el$5;
             }
         }), null);
@@ -339,7 +337,9 @@ const InputOTPSlot = (props)=>{
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isActive())() && 0 === char().length;
             },
             get children () {
-                return _tmpl$4();
+                var _el$6 = _tmpl$4();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, __WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Slot.caret));
+                return _el$6;
             }
         }), null);
         return _el$4;
@@ -357,7 +357,7 @@ const InputOTPSeparator = (props)=>{
         var _el$7 = _tmpl$2();
         (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)("input-otp__separator", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__InputOTP_classes_js_44f237b3__.CLASSES.Separator.base, local.class, local.className);
             },
             "data-slot": "input-otp-separator",
             get ["data-theme"] () {

package/dist/components/label/Label.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly base: "label";
+    readonly flag: {
+        readonly required: "label--required";
+        readonly disabled: "label--disabled";
+        readonly invalid: "label--invalid";
+    };
+};

package/dist/components/label/Label.classes.js

@@ -0,0 +1,9 @@
+const CLASSES = {
+    base: "label",
+    flag: {
+        required: "label--required",
+        disabled: "label--disabled",
+        invalid: "label--invalid"
+    }
+};
+export { CLASSES };

package/dist/components/label/Label.js

@@ -2,12 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Label.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__Label_classes_js_09cdb60c__ from "./Label.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label>");
-const LABEL_STATE_CLASS_MAP = {
-    required: "label--required",
-    disabled: "label--disabled",
-    invalid: "label--invalid"
-};
 const LabelRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -28,7 +24,7 @@ const LabelRoot = (props)=>{
                 return local.for ?? local.htmlFor;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("label", local.isRequired && LABEL_STATE_CLASS_MAP.required, local.isDisabled && LABEL_STATE_CLASS_MAP.disabled, local.isInvalid && LABEL_STATE_CLASS_MAP.invalid, local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.base, local.isRequired && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.required, local.isDisabled && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.disabled, local.isInvalid && __WEBPACK_EXTERNAL_MODULE__Label_classes_js_09cdb60c__.CLASSES.flag.invalid, local.class, local.className);
             },
             "data-slot": "label",
             get ["data-required"] () {

package/dist/components/list-box/ListBox.classes.d.ts

@@ -0,0 +1,23 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "list-box";
+        readonly variant: {
+            readonly default: "list-box--default";
+            readonly danger: "list-box--danger";
+        };
+    };
+    readonly Item: {
+        readonly base: "list-box-item";
+        readonly variant: {
+            readonly default: "list-box-item--default";
+            readonly danger: "list-box-item--danger";
+        };
+    };
+    readonly ItemIndicator: {
+        readonly base: "list-box-item__indicator";
+    };
+    readonly Section: {
+        readonly base: "list-box-section";
+        readonly title: "list-box-section__title";
+    };
+};

package/dist/components/list-box/ListBox.classes.js

@@ -0,0 +1,24 @@
+const CLASSES = {
+    Root: {
+        base: "list-box",
+        variant: {
+            default: "list-box--default",
+            danger: "list-box--danger"
+        }
+    },
+    Item: {
+        base: "list-box-item",
+        variant: {
+            default: "list-box-item--default",
+            danger: "list-box-item--danger"
+        }
+    },
+    ItemIndicator: {
+        base: "list-box-item__indicator"
+    },
+    Section: {
+        base: "list-box-section",
+        title: "list-box-section__title"
+    }
+};
+export { CLASSES };

package/dist/components/list-box/ListBox.js

@@ -2,12 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./ListBox.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__ListBox_classes_js_30df9a62__ from "./ListBox.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 LIST_BOX_VARIANT_CLASS_MAP = {
-    default: "list-box--default",
-    danger: "list-box--danger"
-};
 const normalizeKeys = (keys)=>{
     if (!keys) return new Set();
     return new Set(Array.from(keys, (key)=>String(key)));
@@ -208,7 +205,7 @@ const ListBoxRoot = (props)=>{
                     return isDisabled() ? "true" : "false";
                 },
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("list-box", LIST_BOX_VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Root.variant[variant()], local.class, local.className);
                 },
                 get style () {
                     return local.style;

package/dist/components/list-box/ListBoxItem.js

@@ -2,11 +2,8 @@ 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__context_js_80e2871f__ from "./context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__ from "./ListBox.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)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=listbox-item-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-dasharray=22 stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">');
-const LIST_BOX_ITEM_VARIANT_CLASS_MAP = {
-    default: "list-box-item--default",
-    danger: "list-box-item--danger"
-};
 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);
@@ -162,7 +159,7 @@ const ListBoxItemRoot = (props)=>{
                     return key();
                 },
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("list-box-item", LIST_BOX_ITEM_VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Item.variant[variant()], local.class, local.className);
                 },
                 get style () {
                     return local.style;
@@ -206,7 +203,7 @@ const ListBoxItemIndicator = (props)=>{
                 return renderState().isSelected ? "true" : void 0;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("list-box-item__indicator", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.ItemIndicator.base, local.class, local.className);
             },
             get style () {
                 return local.style;

package/dist/components/list-box/ListBoxSection.js

@@ -1,7 +1,8 @@
 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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=list-box-section__title data-slot=heading>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import * as __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__ from "./ListBox.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=heading>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const ListBoxSectionRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -23,7 +24,7 @@ const ListBoxSectionRoot = (props)=>{
                 return local.dataTheme;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("list-box-section", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Section.base, local.class, local.className);
             },
             get style () {
                 return local.style;
@@ -36,6 +37,7 @@ const ListBoxSectionRoot = (props)=>{
             get children () {
                 var _el$2 = _tmpl$();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__ListBox_classes_js_30df9a62__.CLASSES.Section.title));
                 return _el$2;
             }
         }), null);

package/dist/components/menu/Menu.classes.d.ts

@@ -0,0 +1,20 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "menu";
+    };
+    readonly Item: {
+        readonly base: "menu-item";
+        readonly variant: {
+            readonly default: "menu-item--default";
+            readonly danger: "menu-item--danger";
+        };
+    };
+    readonly ItemIndicator: {
+        readonly base: "menu-item__indicator";
+        readonly submenu: "menu-item__indicator--submenu";
+    };
+    readonly Section: {
+        readonly base: "menu-section";
+        readonly title: "menu-section__title";
+    };
+};

package/dist/components/menu/Menu.classes.js

@@ -0,0 +1,21 @@
+const CLASSES = {
+    Root: {
+        base: "menu"
+    },
+    Item: {
+        base: "menu-item",
+        variant: {
+            default: "menu-item--default",
+            danger: "menu-item--danger"
+        }
+    },
+    ItemIndicator: {
+        base: "menu-item__indicator",
+        submenu: "menu-item__indicator--submenu"
+    },
+    Section: {
+        base: "menu-section",
+        title: "menu-section__title"
+    }
+};
+export { CLASSES };

package/dist/components/menu/Menu.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Menu.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__Menu_classes_js_2247f1e5__ from "./Menu.classes.js";
 import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
 import * as __WEBPACK_EXTERNAL_MODULE__MenuItem_js_0945051f__ from "./MenuItem.js";
 import * as __WEBPACK_EXTERNAL_MODULE__MenuSection_js_5f9fc1a1__ from "./MenuSection.js";
@@ -198,7 +199,7 @@ const MenuRoot = (props)=>{
                     return isDisabled() ? "true" : "false";
                 },
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Root.base, local.class, local.className);
                 },
                 get style () {
                     return local.style;

package/dist/components/menu/MenuItem.js

@@ -2,12 +2,9 @@ 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__context_js_80e2871f__ from "./context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__ from "./Menu.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)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=menu-item-indicator--dot fill=currentColor fill-rule=evenodd role=presentation viewBox="0 0 16 16"xmlns=http://www.w3.org/2000/svg><path clip-rule=evenodd d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14"fill-rule=evenodd>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=menu-item-indicator--checkmark fill=none role=presentation stroke=currentColor stroke-dasharray=22 stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox="0 0 17 18"><polyline points="1 9 7 14 15 4">'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true fill=none role=presentation viewBox="0 0 16 16"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round><path d="M6 3.5L10 8l-4 4.5">');
 const MenuItemStateContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-const MENU_ITEM_VARIANT_CLASS_MAP = {
-    default: "menu-item--default",
-    danger: "menu-item--danger"
-};
 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);
@@ -185,7 +182,7 @@ const MenuItemRoot = (props)=>{
                     return key();
                 },
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu-item", MENU_ITEM_VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Item.base, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Item.variant[variant()], local.class, local.className);
                 },
                 get style () {
                     return local.style;
@@ -236,7 +233,7 @@ const MenuItemIndicator = (props)=>{
                 return renderState().isSelected ? "true" : void 0;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu-item__indicator", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.base, local.class, local.className);
             },
             get style () {
                 return local.style;
@@ -272,7 +269,7 @@ const MenuItemSubmenuIndicator = (props)=>{
                 return local.dataTheme;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu-item__indicator menu-item__indicator--submenu", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.base, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.ItemIndicator.submenu, local.class, local.className);
             },
             get style () {
                 return local.style;

package/dist/components/menu/MenuSection.js

@@ -1,7 +1,8 @@
 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";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=menu-section__title data-slot=heading>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+import * as __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__ from "./Menu.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=heading>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const MenuSectionRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -23,7 +24,7 @@ const MenuSectionRoot = (props)=>{
                 return local.dataTheme;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("menu-section", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.base, local.class, local.className);
             },
             get style () {
                 return local.style;
@@ -36,6 +37,7 @@ const MenuSectionRoot = (props)=>{
             get children () {
                 var _el$2 = _tmpl$();
                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Menu_classes_js_2247f1e5__.CLASSES.Section.title));
                 return _el$2;
             }
         }), null);

package/dist/components/navbar/Navbar.classes.d.ts

@@ -0,0 +1,37 @@
+export declare const CLASSES: {
+    readonly Navbar: {
+        readonly base: "navbar";
+    };
+    readonly Section: {
+        readonly variant: {
+            readonly start: "navbar-start";
+            readonly center: "navbar-center";
+            readonly end: "navbar-end";
+        };
+    };
+    readonly Stack: {
+        readonly base: "navbar-stack";
+        readonly flag: {
+            readonly sticky: "sticky top-0 z-30";
+            readonly container: "max-w-screen-xl mx-auto px-4";
+        };
+    };
+    readonly Row: {
+        readonly base: readonly ["flex", "items-center"];
+        readonly flag: {
+            readonly bordered: "border-b border-gray-200";
+            readonly padded: "px-4 py-2";
+        };
+        readonly color: {
+            readonly ghost: "bg-base-100";
+            readonly neutral: "bg-neutral text-neutral-content";
+            readonly primary: "bg-primary text-primary-content";
+            readonly secondary: "bg-secondary text-secondary-content";
+            readonly accent: "bg-accent text-accent-content";
+            readonly info: "bg-info text-info-content";
+            readonly success: "bg-success text-success-content";
+            readonly warning: "bg-warning text-warning-content";
+            readonly error: "bg-error text-error-content";
+        };
+    };
+};

package/dist/components/navbar/Navbar.classes.js

@@ -0,0 +1,41 @@
+const CLASSES = {
+    Navbar: {
+        base: "navbar"
+    },
+    Section: {
+        variant: {
+            start: "navbar-start",
+            center: "navbar-center",
+            end: "navbar-end"
+        }
+    },
+    Stack: {
+        base: "navbar-stack",
+        flag: {
+            sticky: "sticky top-0 z-30",
+            container: "max-w-screen-xl mx-auto px-4"
+        }
+    },
+    Row: {
+        base: [
+            "flex",
+            "items-center"
+        ],
+        flag: {
+            bordered: "border-b border-gray-200",
+            padded: "px-4 py-2"
+        },
+        color: {
+            ghost: "bg-base-100",
+            neutral: "bg-neutral text-neutral-content",
+            primary: "bg-primary text-primary-content",
+            secondary: "bg-secondary text-secondary-content",
+            accent: "bg-accent text-accent-content",
+            info: "bg-info text-info-content",
+            success: "bg-success text-success-content",
+            warning: "bg-warning text-warning-content",
+            error: "bg-error text-error-content"
+        }
+    }
+};
+export { CLASSES };

package/dist/components/navbar/Navbar.js

@@ -5,6 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-m
 import * as __WEBPACK_EXTERNAL_MODULE__NavbarSection_js_c2bbb2b2__ from "./NavbarSection.js";
 import * as __WEBPACK_EXTERNAL_MODULE__NavbarStack_js_59d9b581__ from "./NavbarStack.js";
 import * as __WEBPACK_EXTERNAL_MODULE__NavbarRow_js_2f1ed444__ from "./NavbarRow.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
 const Navbar = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "as",
@@ -15,7 +16,7 @@ const Navbar = (props)=>{
         "dataTheme"
     ]);
     const Tag = local.as || "div";
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("navbar", local.class, local.className);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Navbar.base, local.class, local.className);
     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,
         role: "navigation",

package/dist/components/navbar/NavbarRow.js

@@ -1,7 +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_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__ from "./Navbar.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const NavbarRow = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -15,19 +15,8 @@ const NavbarRow = (props)=>{
         "dataTheme"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex items-center", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "border-b border-gray-200": true === local.bordered,
-            "px-4 py-2": false !== local.padded,
-            "bg-base-100": !local.color || "ghost" === local.color,
-            "bg-neutral text-neutral-content": "neutral" === local.color,
-            "bg-primary text-primary-content": "primary" === local.color,
-            "bg-secondary text-secondary-content": "secondary" === local.color,
-            "bg-accent text-accent-content": "accent" === local.color,
-            "bg-info text-info-content": "info" === local.color,
-            "bg-success text-success-content": "success" === local.color,
-            "bg-warning text-warning-content": "warning" === local.color,
-            "bg-error text-error-content": "error" === local.color
-        }), local.class, local.className));
+    const colorKey = ()=>local.color && "ghost" !== local.color ? local.color : "ghost";
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(...__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Row.base, true === local.bordered && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Row.flag.bordered, false !== local.padded && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Row.flag.padded, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Row.color[colorKey()], local.class, local.className));
     return (()=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({