@pathscale/ui 1.1.35 → 1.1.36

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

@@ -2,12 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./ComboBox.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)("<input type=hidden>"), _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)('<span class="combo-box__icon combo-box__icon--start"data-slot=combobox-start-icon>'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="combo-box__icon combo-box__icon--start"data-slot=combobox-trigger-start-icon>'), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="combo-box__icon combo-box__icon--end combo-box__trigger-icon"data-slot=combobox-trigger-end-icon>'), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div class=combo-box__empty data-slot=combobox-empty-state>No matching options"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=option tabindex=-1 data-slot=combobox-option class=combo-box__option><span class=combo-box__option-label>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class=combo-box__option-indicator aria-hidden=true><span class="combo-box__icon combo-box__icon--end"data-slot=combobox-option-end-icon>');
+import * as __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__ from "./ComboBox.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input type=hidden>"), _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)("<span data-slot=combobox-start-icon>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=combobox-trigger-start-icon>"), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=combobox-trigger-end-icon>"), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div data-slot=combobox-empty-state>No matching options"), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=option tabindex=-1 data-slot=combobox-option><span>"), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span aria-hidden=true><span data-slot=combobox-option-end-icon>");
 const ComboBoxContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
-const VARIANT_CLASS_MAP = {
-    primary: "combo-box--primary",
-    secondary: "combo-box--secondary"
-};
 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);
@@ -245,7 +242,7 @@ const ComboBoxRoot = (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)("combo-box", VARIANT_CLASS_MAP[variant()], fullWidth() && "combo-box--full-width", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Root.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "combobox",
                 get ["data-open"] () {
@@ -293,6 +290,7 @@ const ComboBoxRoot = (props)=>{
                                     get children () {
                                         var _el$3 = _tmpl$3();
                                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)));
                                         return _el$3;
                                     }
                                 }),
@@ -335,7 +333,7 @@ const ComboBoxInputGroup = (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)("combo-box__input-group", context?.fullWidth() && "combo-box__input-group--full-width", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.InputGroup.flag.fullWidth, local.class, local.className);
             },
             "data-slot": "combobox-input-group",
             get ["data-disabled"] () {
@@ -462,7 +460,7 @@ const ComboBoxInput = (props)=>{
                 return context?.isInvalid() ? "true" : void 0;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("combo-box__input", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Input.base, local.class, local.className);
             },
             "data-slot": "combobox-input",
             get ["data-theme"] () {
@@ -510,7 +508,7 @@ const ComboBoxTrigger = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "button",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("combo-box__trigger", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.base, local.class, local.className);
             },
             "data-slot": "combobox-trigger",
             get ["data-open"] () {
@@ -543,6 +541,7 @@ const ComboBoxTrigger = (props)=>{
             return ()=>_c$() ? (()=>{
                     var _el$7 = _tmpl$6();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.startIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.start)));
                     return _el$7;
                 })() : null;
         })(), null);
@@ -552,6 +551,7 @@ const ComboBoxTrigger = (props)=>{
             return ()=>_c$2() ? (()=>{
                     var _el$8 = _tmpl$7();
                     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.endIcon);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Trigger.icon)));
                     return _el$8;
                 })() : null;
         })(), null);
@@ -571,7 +571,7 @@ const ComboBoxPopover = (props)=>{
         var _el$9 = _tmpl$2();
         (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)("combo-box__popover", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Popover.base, local.class, local.className);
             },
             "data-slot": "combobox-popover",
             get ["data-open"] () {
@@ -608,7 +608,7 @@ const ComboBoxList = (props)=>{
             },
             role: "listbox",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("combo-box__list", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.base, local.class, local.className);
             },
             "data-slot": "combobox-list",
             get ["data-theme"] () {
@@ -623,7 +623,11 @@ const ComboBoxList = (props)=>{
                 return items().length > 0;
             },
             get fallback () {
-                return local.renderEmptyState?.() ?? _tmpl$8();
+                return local.renderEmptyState?.() ?? (()=>{
+                    var _el$1 = _tmpl$8();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$1, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.List.empty));
+                    return _el$1;
+                })();
             },
             get children () {
                 return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
@@ -661,11 +665,20 @@ const ComboBoxList = (props)=>{
                                 return ()=>_c$4() ? (()=>{
                                         var _el$12 = _tmpl$0(), _el$13 = _el$12.firstChild;
                                         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$13, ()=>local.endIcon);
+                                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                                            var _v$0 = __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.indicator, _v$1 = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.base, __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Icon.end);
+                                            _v$0 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$12, _p$.e = _v$0);
+                                            _v$1 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$13, _p$.t = _v$1);
+                                            return _p$;
+                                        }, {
+                                            e: void 0,
+                                            t: void 0
+                                        });
                                         return _el$12;
                                     })() : null;
                             })(), null);
                             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                                var _v$ = context?.getOptionId(item.key), _v$2 = selected() ? "true" : "false", _v$3 = item.disabled ? "true" : void 0, _v$4 = item.key, _v$5 = selected() ? "true" : "false", _v$6 = active() ? "true" : "false", _v$7 = item.disabled ? "true" : "false";
+                                var _v$ = context?.getOptionId(item.key), _v$2 = selected() ? "true" : "false", _v$3 = item.disabled ? "true" : void 0, _v$4 = item.key, _v$5 = selected() ? "true" : "false", _v$6 = active() ? "true" : "false", _v$7 = item.disabled ? "true" : "false", _v$8 = __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.base, _v$9 = __WEBPACK_EXTERNAL_MODULE__ComboBox_classes_js_713bff32__.CLASSES.Option.label;
                                 _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "id", _p$.e = _v$);
                                 _v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-selected", _p$.t = _v$2);
                                 _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "aria-disabled", _p$.a = _v$3);
@@ -673,6 +686,8 @@ const ComboBoxList = (props)=>{
                                 _v$5 !== _p$.i && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-selected", _p$.i = _v$5);
                                 _v$6 !== _p$.n && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-active", _p$.n = _v$6);
                                 _v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$10, "data-disabled", _p$.s = _v$7);
+                                _v$8 !== _p$.h && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$10, _p$.h = _v$8);
+                                _v$9 !== _p$.r && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$11, _p$.r = _v$9);
                                 return _p$;
                             }, {
                                 e: void 0,
@@ -681,7 +696,9 @@ const ComboBoxList = (props)=>{
                                 o: void 0,
                                 i: void 0,
                                 n: void 0,
-                                s: void 0
+                                s: void 0,
+                                h: void 0,
+                                r: void 0
                             });
                             return _el$10;
                         })();

package/dist/components/date-field/DateField.classes.d.ts

@@ -0,0 +1,37 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "date-field";
+        readonly variant: {
+            readonly primary: "date-field--primary";
+            readonly secondary: "date-field--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "date-field--full-width";
+        };
+    };
+    readonly Group: {
+        readonly base: "date-input-group";
+        readonly variant: {
+            readonly primary: "date-input-group--primary";
+            readonly secondary: "date-input-group--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "date-input-group--full-width";
+        };
+    };
+    readonly Input: {
+        readonly base: "date-input-group__input";
+    };
+    readonly InputContainer: {
+        readonly base: "date-input-group__input-container";
+    };
+    readonly Segment: {
+        readonly base: "date-input-group__segment";
+    };
+    readonly Prefix: {
+        readonly base: "date-input-group__prefix";
+    };
+    readonly Suffix: {
+        readonly base: "date-input-group__suffix";
+    };
+};

package/dist/components/date-field/DateField.classes.js

@@ -0,0 +1,38 @@
+const CLASSES = {
+    Root: {
+        base: "date-field",
+        variant: {
+            primary: "date-field--primary",
+            secondary: "date-field--secondary"
+        },
+        flag: {
+            fullWidth: "date-field--full-width"
+        }
+    },
+    Group: {
+        base: "date-input-group",
+        variant: {
+            primary: "date-input-group--primary",
+            secondary: "date-input-group--secondary"
+        },
+        flag: {
+            fullWidth: "date-input-group--full-width"
+        }
+    },
+    Input: {
+        base: "date-input-group__input"
+    },
+    InputContainer: {
+        base: "date-input-group__input-container"
+    },
+    Segment: {
+        base: "date-input-group__segment"
+    },
+    Prefix: {
+        base: "date-input-group__prefix"
+    },
+    Suffix: {
+        base: "date-input-group__suffix"
+    }
+};
+export { CLASSES };

package/dist/components/date-field/DateField.js

@@ -2,15 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./DateField.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__DateField_classes_js_5a4dc420__ from "./DateField.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)("<span>");
-const VARIANT_CLASS_MAP = {
-    primary: "date-field--primary",
-    secondary: "date-field--secondary"
-};
-const GROUP_VARIANT_CLASS_MAP = {
-    primary: "date-input-group--primary",
-    secondary: "date-input-group--secondary"
-};
 const DateFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -71,7 +64,7 @@ const DateFieldRoot = (props)=>{
             var _el$ = _tmpl$();
             (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-field", VARIANT_CLASS_MAP[variant()], fullWidth() && "date-field--full-width", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Root.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "date-field",
                 get ["data-invalid"] () {
@@ -127,7 +120,7 @@ const DateFieldGroup = (props)=>{
         var _el$2 = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group", GROUP_VARIANT_CLASS_MAP[context?.variant() ?? "primary"], context?.fullWidth() && "date-input-group--full-width", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.base, __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.variant[context?.variant() ?? "primary"], context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Group.flag.fullWidth, local.class, local.className);
             },
             "data-slot": "date-input-group",
             get ["data-invalid"] () {
@@ -175,7 +168,7 @@ const DateFieldInput = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "date",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__input", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Input.base, local.class, local.className);
             },
             "data-slot": "date-input-group-input",
             get ["data-theme"] () {
@@ -220,7 +213,7 @@ const DateFieldInputContainer = (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)("date-input-group__input-container", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.InputContainer.base, local.class, local.className);
             },
             "data-slot": "date-input-group-input-container",
             get ["data-theme"] () {
@@ -247,7 +240,7 @@ const DateFieldSegment = (props)=>{
         var _el$5 = _tmpl$3();
         (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)("date-input-group__segment", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Segment.base, local.class, local.className);
             },
             "data-slot": "date-input-group-segment",
             get ["data-type"] () {
@@ -288,7 +281,7 @@ const DateFieldPrefix = (props)=>{
         var _el$6 = _tmpl$();
         (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)("date-input-group__prefix", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Prefix.base, local.class, local.className);
             },
             "data-slot": "date-input-group-prefix",
             get ["data-theme"] () {
@@ -314,7 +307,7 @@ const DateFieldSuffix = (props)=>{
         var _el$7 = _tmpl$();
         (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)("date-input-group__suffix", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__DateField_classes_js_5a4dc420__.CLASSES.Suffix.base, local.class, local.className);
             },
             "data-slot": "date-input-group-suffix",
             get ["data-theme"] () {

package/dist/components/description/Description.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "description";
+};

package/dist/components/description/Description.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "description"
+};
+export { CLASSES };

package/dist/components/description/Description.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Description.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__Description_classes_js_851545c0__ from "./Description.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const DescriptionRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -16,7 +17,7 @@ const DescriptionRoot = (props)=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("description", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Description_classes_js_851545c0__.CLASSES.base, local.class, local.className);
             },
             "data-slot": "description",
             get slot () {

package/dist/components/error-message/ErrorMessage.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "error-message";
+};

package/dist/components/error-message/ErrorMessage.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "error-message"
+};
+export { CLASSES };

package/dist/components/error-message/ErrorMessage.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./ErrorMessage.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__ErrorMessage_classes_js_27e86b98__ from "./ErrorMessage.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const ErrorMessageRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -16,7 +17,7 @@ const ErrorMessageRoot = (props)=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("error-message", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ErrorMessage_classes_js_27e86b98__.CLASSES.base, local.class, local.className);
             },
             "data-slot": "error-message",
             get slot () {

package/dist/components/field-error/FieldError.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "field-error";
+};

package/dist/components/field-error/FieldError.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "field-error"
+};
+export { CLASSES };

package/dist/components/field-error/FieldError.js

@@ -3,6 +3,7 @@ import "./FieldError.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__hooks_form_index_js_98c491ae__ from "../../hooks/form/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FieldError_classes_js_e17d0a0a__ from "./FieldError.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const FieldErrorRoot = (props)=>{
     let rootRef;
@@ -42,7 +43,7 @@ const FieldErrorRoot = (props)=>{
         "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : rootRef = _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)("field-error", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__FieldError_classes_js_e17d0a0a__.CLASSES.base, local.class, local.className);
             },
             "data-slot": "field-error",
             get ["data-visible"] () {

package/dist/components/fieldset/Fieldset.classes.d.ts

@@ -0,0 +1,14 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "fieldset";
+    };
+    readonly Legend: {
+        readonly base: "fieldset__legend";
+    };
+    readonly Group: {
+        readonly base: "fieldset__group";
+    };
+    readonly Actions: {
+        readonly base: "fieldset__actions";
+    };
+};

package/dist/components/fieldset/Fieldset.classes.js

@@ -0,0 +1,15 @@
+const CLASSES = {
+    Root: {
+        base: "fieldset"
+    },
+    Legend: {
+        base: "fieldset__legend"
+    },
+    Group: {
+        base: "fieldset__group"
+    },
+    Actions: {
+        base: "fieldset__actions"
+    }
+};
+export { CLASSES };

package/dist/components/fieldset/Fieldset.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Fieldset.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__Fieldset_classes_js_d31e01e5__ from "./Fieldset.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<fieldset>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<legend>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const FieldsetRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -15,7 +16,7 @@ const FieldsetRoot = (props)=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fieldset", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Root.base, local.class, local.className);
             },
             "data-slot": "fieldset",
             get ["data-theme"] () {
@@ -41,7 +42,7 @@ const FieldsetLegend = (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)("fieldset__legend", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Legend.base, local.class, local.className);
             },
             "data-slot": "fieldset-legend",
             get ["data-theme"] () {
@@ -67,7 +68,7 @@ const FieldGroup = (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)("fieldset__group", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Group.base, local.class, local.className);
             },
             "data-slot": "fieldset-field-group",
             get ["data-theme"] () {
@@ -93,7 +94,7 @@ const FieldsetActions = (props)=>{
         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)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("fieldset__actions", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Fieldset_classes_js_d31e01e5__.CLASSES.Actions.base, local.class, local.className);
             },
             "data-slot": "fieldset-actions",
             get ["data-theme"] () {

package/dist/components/form/Form.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "form";
+};

package/dist/components/form/Form.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "form"
+};
+export { CLASSES };

package/dist/components/form/Form.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Form.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__Form_classes_js_b7c9f8c6__ from "./Form.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form>");
 const FormRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14,7 +15,7 @@ const FormRoot = (props)=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("form", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Form_classes_js_b7c9f8c6__.CLASSES.base, local.class, local.className);
             },
             "data-slot": "form",
             get ["data-theme"] () {

package/dist/components/header/Header.classes.d.ts

@@ -0,0 +1,3 @@
+export declare const CLASSES: {
+    readonly base: "header";
+};

package/dist/components/header/Header.classes.js

@@ -0,0 +1,4 @@
+const CLASSES = {
+    base: "header"
+};
+export { CLASSES };

package/dist/components/header/Header.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Header.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__Header_classes_js_7c962527__ from "./Header.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
 const HeaderRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -15,7 +16,7 @@ const HeaderRoot = (props)=>{
         var _el$ = _tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("header", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Header_classes_js_7c962527__.CLASSES.base, local.class, local.className);
             },
             "data-slot": "header",
             get ["data-theme"] () {

package/dist/components/input-group/InputGroup.classes.d.ts

@@ -0,0 +1,21 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "input-group";
+        readonly variant: {
+            readonly primary: "input-group--primary";
+            readonly secondary: "input-group--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "input-group--full-width";
+        };
+    };
+    readonly Input: {
+        readonly base: "input-group__input";
+    };
+    readonly Prefix: {
+        readonly base: "input-group__prefix";
+    };
+    readonly Suffix: {
+        readonly base: "input-group__suffix";
+    };
+};

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

@@ -0,0 +1,22 @@
+const CLASSES = {
+    Root: {
+        base: "input-group",
+        variant: {
+            primary: "input-group--primary",
+            secondary: "input-group--secondary"
+        },
+        flag: {
+            fullWidth: "input-group--full-width"
+        }
+    },
+    Input: {
+        base: "input-group__input"
+    },
+    Prefix: {
+        base: "input-group__prefix"
+    },
+    Suffix: {
+        base: "input-group__suffix"
+    }
+};
+export { CLASSES };