@pathscale/ui 1.1.35 → 1.1.37

package/dist/components/navbar/NavbarSection.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_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+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 NavbarSection = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -12,11 +12,7 @@ const NavbarSection = (props)=>{
         "className",
         "style"
     ]);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "navbar-start": "start" === local.section,
-            "navbar-center": "center" === local.section,
-            "navbar-end": "end" === local.section
-        }));
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Section.variant[local.section], 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)(others, {

package/dist/components/navbar/NavbarStack.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 NavbarStack_NavbarStack = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -14,10 +14,7 @@ const NavbarStack_NavbarStack = (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)("navbar-stack", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-            "sticky top-0 z-30": local.sticky,
-            "max-w-screen-xl mx-auto px-4": local.container
-        })));
+    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.Stack.base, local.sticky && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Stack.flag.sticky, local.container && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.Stack.flag.container, 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)({

package/dist/components/number-field/NumberField.classes.d.ts

@@ -0,0 +1,27 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "number-field";
+        readonly variant: {
+            readonly primary: "number-field--primary";
+            readonly secondary: "number-field--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "number-field--full-width";
+        };
+    };
+    readonly Group: {
+        readonly base: "number-field__group";
+        readonly flag: {
+            readonly fullWidth: "number-field__group--full-width";
+        };
+    };
+    readonly Input: {
+        readonly base: "number-field__input";
+    };
+    readonly IncrementButton: {
+        readonly base: "number-field__increment-button";
+    };
+    readonly DecrementButton: {
+        readonly base: "number-field__decrement-button";
+    };
+};

package/dist/components/number-field/NumberField.classes.js

@@ -0,0 +1,28 @@
+const CLASSES = {
+    Root: {
+        base: "number-field",
+        variant: {
+            primary: "number-field--primary",
+            secondary: "number-field--secondary"
+        },
+        flag: {
+            fullWidth: "number-field--full-width"
+        }
+    },
+    Group: {
+        base: "number-field__group",
+        flag: {
+            fullWidth: "number-field__group--full-width"
+        }
+    },
+    Input: {
+        base: "number-field__input"
+    },
+    IncrementButton: {
+        base: "number-field__increment-button"
+    },
+    DecrementButton: {
+        base: "number-field__decrement-button"
+    }
+};
+export { CLASSES };

package/dist/components/number-field/NumberField.js

@@ -2,11 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./NumberField.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__NumberField_classes_js_abe73f12__ from "./NumberField.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)("<button>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=number-field-increment-button-icon fill=none role=presentation viewBox="0 0 16 16"><path d="M8 3.25a.75.75 0 0 1 .75.75v3.25H12a.75.75 0 0 1 0 1.5H8.75V12a.75.75 0 0 1-1.5 0V8.75H4a.75.75 0 0 1 0-1.5h3.25V4A.75.75 0 0 1 8 3.25Z"fill=currentColor>'), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=number-field-decrement-button-icon fill=none role=presentation viewBox="0 0 16 16"><path d="M4 7.25a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H4Z"fill=currentColor>');
-const VARIANT_CLASS_MAP = {
-    primary: "number-field--primary",
-    secondary: "number-field--secondary"
-};
 const NumberFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -111,7 +108,7 @@ const NumberFieldRoot = (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)("number-field", VARIANT_CLASS_MAP[variant()], fullWidth() && "number-field--full-width", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Root.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "number-field",
                 get ["data-invalid"] () {
@@ -167,7 +164,7 @@ const NumberFieldGroup = (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)("number-field__group", context?.fullWidth() && "number-field__group--full-width", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Group.flag.fullWidth, local.class, local.className);
             },
             "data-slot": "number-field-group",
             get ["data-invalid"] () {
@@ -216,7 +213,7 @@ const NumberFieldInput = (props)=>{
             type: "text",
             inputmode: "decimal",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("number-field__input", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.Input.base, local.class, local.className);
             },
             "data-slot": "number-field-input",
             get ["data-theme"] () {
@@ -275,7 +272,7 @@ const NumberFieldIncrementButton = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "button",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("number-field__increment-button", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.IncrementButton.base, local.class, local.className);
             },
             "data-slot": "number-field-increment-button",
             get ["data-theme"] () {
@@ -317,7 +314,7 @@ const NumberFieldDecrementButton = (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)("number-field__decrement-button", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__NumberField_classes_js_abe73f12__.CLASSES.DecrementButton.base, local.class, local.className);
             },
             "data-slot": "number-field-decrement-button",
             get ["data-theme"] () {

package/dist/components/search-field/SearchField.classes.d.ts

@@ -0,0 +1,27 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "search-field";
+        readonly variant: {
+            readonly primary: "search-field--primary";
+            readonly secondary: "search-field--secondary";
+        };
+        readonly flag: {
+            readonly fullWidth: "search-field--full-width";
+        };
+    };
+    readonly Group: {
+        readonly base: "search-field__group";
+        readonly flag: {
+            readonly fullWidth: "search-field__group--full-width";
+        };
+    };
+    readonly Input: {
+        readonly base: "search-field__input";
+    };
+    readonly SearchIcon: {
+        readonly base: "search-field__search-icon";
+    };
+    readonly ClearButton: {
+        readonly base: "search-field__clear-button";
+    };
+};

package/dist/components/search-field/SearchField.classes.js

@@ -0,0 +1,28 @@
+const CLASSES = {
+    Root: {
+        base: "search-field",
+        variant: {
+            primary: "search-field--primary",
+            secondary: "search-field--secondary"
+        },
+        flag: {
+            fullWidth: "search-field--full-width"
+        }
+    },
+    Group: {
+        base: "search-field__group",
+        flag: {
+            fullWidth: "search-field__group--full-width"
+        }
+    },
+    Input: {
+        base: "search-field__input"
+    },
+    SearchIcon: {
+        base: "search-field__search-icon"
+    },
+    ClearButton: {
+        base: "search-field__clear-button"
+    }
+};
+export { CLASSES };

package/dist/components/search-field/SearchField.js

@@ -3,11 +3,8 @@ import "./SearchField.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__close_button_index_js_620c3b77__ from "../close-button/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__ from "./SearchField.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: "search-field--primary",
-    secondary: "search-field--secondary"
-};
 const SearchFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
@@ -68,7 +65,7 @@ const SearchFieldRoot = (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)("search-field", VARIANT_CLASS_MAP[variant()], fullWidth() && "search-field--full-width", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.flag.fullWidth, local.class, local.className);
                 },
                 "data-slot": "search-field",
                 get ["data-empty"] () {
@@ -150,7 +147,7 @@ const SearchFieldGroup = (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)("search-field__group", context?.fullWidth() && "search-field__group--full-width", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.flag.fullWidth, local.class, local.className);
             },
             "data-slot": "search-field-group",
             get ["data-invalid"] () {
@@ -198,7 +195,7 @@ const SearchFieldInput = (props)=>{
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             type: "search",
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("search-field__input", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Input.base, local.class, local.className);
             },
             "data-slot": "search-field-input",
             get ["data-theme"] () {
@@ -241,7 +238,7 @@ const SearchFieldSearchIcon = (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)("search-field__search-icon", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.SearchIcon.base, local.class, local.className);
             },
             "data-slot": "search-field-search-icon",
             get ["data-theme"] () {
@@ -273,7 +270,7 @@ const SearchFieldClearButton = (props)=>{
     };
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
         get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("search-field__clear-button", local.class, local.className);
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.ClearButton.base, local.class, local.className);
         },
         "data-slot": "search-field-clear-button",
         get ["data-theme"] () {

package/dist/components/separator/Separator.classes.d.ts

@@ -0,0 +1,12 @@
+export declare const CLASSES: {
+    readonly base: "separator";
+    readonly orientation: {
+        readonly horizontal: "separator--horizontal";
+        readonly vertical: "separator--vertical";
+    };
+    readonly variant: {
+        readonly default: "separator--default";
+        readonly secondary: "separator--secondary";
+        readonly tertiary: "separator--tertiary";
+    };
+};

package/dist/components/separator/Separator.classes.js

@@ -0,0 +1,13 @@
+const CLASSES = {
+    base: "separator",
+    orientation: {
+        horizontal: "separator--horizontal",
+        vertical: "separator--vertical"
+    },
+    variant: {
+        default: "separator--default",
+        secondary: "separator--secondary",
+        tertiary: "separator--tertiary"
+    }
+};
+export { CLASSES };

package/dist/components/separator/Separator.js

@@ -2,16 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Separator.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__Separator_classes_js_876f4d4e__ from "./Separator.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const ORIENTATION_CLASS = {
-    horizontal: "separator--horizontal",
-    vertical: "separator--vertical"
-};
-const VARIANT_CLASS = {
-    default: "separator--default",
-    secondary: "separator--secondary",
-    tertiary: "separator--tertiary"
-};
 const Separator_Separator = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "class",
@@ -41,7 +33,7 @@ const Separator_Separator = (props)=>{
                 return variant();
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("separator", ORIENTATION_CLASS[orientation()], VARIANT_CLASS[variant()], local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Separator_classes_js_876f4d4e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Separator_classes_js_876f4d4e__.CLASSES.orientation[orientation()], __WEBPACK_EXTERNAL_MODULE__Separator_classes_js_876f4d4e__.CLASSES.variant[variant()], local.class, local.className);
             },
             get ["data-theme"] () {
                 return local.dataTheme;

package/dist/components/surface/Surface.classes.d.ts

@@ -0,0 +1,9 @@
+export declare const CLASSES: {
+    readonly base: "surface";
+    readonly variant: {
+        readonly default: "surface--default";
+        readonly secondary: "surface--secondary";
+        readonly tertiary: "surface--tertiary";
+        readonly transparent: "surface--transparent";
+    };
+};

package/dist/components/surface/Surface.classes.js

@@ -0,0 +1,10 @@
+const CLASSES = {
+    base: "surface",
+    variant: {
+        default: "surface--default",
+        secondary: "surface--secondary",
+        tertiary: "surface--tertiary",
+        transparent: "surface--transparent"
+    }
+};
+export { CLASSES };

package/dist/components/surface/Surface.js

@@ -2,13 +2,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Surface.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__Surface_classes_js_ab149b7e__ from "./Surface.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const SURFACE_VARIANT_CLASS = {
-    default: "surface--default",
-    secondary: "surface--secondary",
-    tertiary: "surface--tertiary",
-    transparent: "surface--transparent"
-};
 function Surface(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -23,7 +18,7 @@ function Surface(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)("surface", SURFACE_VARIANT_CLASS[variant()], local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className);
             },
             "data-slot": "surface",
             get ["data-theme"] () {

package/dist/components/tag/Tag.classes.d.ts

@@ -0,0 +1,20 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "tag";
+        readonly size: {
+            readonly sm: "tag--sm";
+            readonly md: "tag--md";
+            readonly lg: "tag--lg";
+        };
+        readonly variant: {
+            readonly default: "tag--default";
+            readonly surface: "tag--surface";
+        };
+    };
+    readonly slot: {
+        readonly icon: "tag__icon";
+        readonly iconStart: "tag__icon--start";
+        readonly iconEnd: "tag__icon--end";
+        readonly removeButton: "tag__remove-button";
+    };
+};

package/dist/components/tag/Tag.classes.js

@@ -0,0 +1,21 @@
+const CLASSES = {
+    Root: {
+        base: "tag",
+        size: {
+            sm: "tag--sm",
+            md: "tag--md",
+            lg: "tag--lg"
+        },
+        variant: {
+            default: "tag--default",
+            surface: "tag--surface"
+        }
+    },
+    slot: {
+        icon: "tag__icon",
+        iconStart: "tag__icon--start",
+        iconEnd: "tag__icon--end",
+        removeButton: "tag__remove-button"
+    }
+};
+export { CLASSES };

package/dist/components/tag/Tag.js

@@ -4,7 +4,8 @@ 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__close_button_index_js_620c3b77__ from "../close-button/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__tag_group_context_js_fcbb3264__ from "../tag-group/context.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="tag__icon tag__icon--start"data-slot=tag-start-icon>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="tag__icon tag__icon--end"data-slot=tag-end-icon>');
+import * as __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__ from "./Tag.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 data-slot=tag-start-icon>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=tag-end-icon>");
 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);
@@ -16,15 +17,6 @@ const extractTextValue = (nodes)=>{
         if ("number" == typeof node) return String(node);
     }
 };
-const TAG_SIZE_CLASS_MAP = {
-    sm: "tag--sm",
-    md: "tag--md",
-    lg: "tag--lg"
-};
-const TAG_VARIANT_CLASS_MAP = {
-    default: "tag--default",
-    surface: "tag--surface"
-};
 const TagContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
 const TagRoot = (props)=>{
     const fallbackKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
@@ -102,7 +94,7 @@ const TagRoot = (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)("tag", TAG_SIZE_CLASS_MAP[size()], TAG_VARIANT_CLASS_MAP[variant()], local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.size[size()], __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.Root.variant[variant()], local.class, local.className);
                 },
                 "data-slot": "tag",
                 get ["data-theme"] () {
@@ -154,6 +146,7 @@ const TagRoot = (props)=>{
                             get children () {
                                 var _el$2 = _tmpl$2();
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.startIcon);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconStart)));
                                 return _el$2;
                             }
                         }),
@@ -177,6 +170,7 @@ const TagRoot = (props)=>{
                             get children () {
                                 var _el$3 = _tmpl$3();
                                 (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.endIcon);
+                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.iconEnd)));
                                 return _el$3;
                             }
                         })
@@ -215,7 +209,7 @@ const TagRemoveButton = (props)=>{
             return local["aria-label"] ?? "Remove tag";
         },
         get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tag__remove-button", local.class, local.className);
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Tag_classes_js_e42200b9__.CLASSES.slot.removeButton, local.class, local.className);
         },
         "data-slot": "tag-remove-button",
         get ["data-theme"] () {

package/dist/components/tag-group/TagGroup.classes.d.ts

@@ -0,0 +1,8 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "tag-group";
+    };
+    readonly List: {
+        readonly base: "tag-group__list";
+    };
+};

package/dist/components/tag-group/TagGroup.classes.js

@@ -0,0 +1,9 @@
+const CLASSES = {
+    Root: {
+        base: "tag-group"
+    },
+    List: {
+        base: "tag-group__list"
+    }
+};
+export { CLASSES };

package/dist/components/tag-group/TagGroup.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./TagGroup.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__TagGroup_classes_js_5288e22c__ from "./TagGroup.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 normalizeKeys = (keys)=>{
@@ -106,7 +107,7 @@ const TagGroupRoot = (props)=>{
                     return isDisabled() ? "true" : void 0;
                 },
                 get ["class"] () {
-                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tag-group", local.class, local.className);
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.Root.base, local.class, local.className);
                 },
                 get style () {
                     return local.style;
@@ -159,7 +160,7 @@ const TagGroupList = (props)=>{
                 return local.dataTheme;
             },
             get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("tag-group__list", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TagGroup_classes_js_5288e22c__.CLASSES.List.base, local.class, local.className);
             },
             get style () {
                 return local.style;

package/dist/components/text/Text.classes.d.ts

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

package/dist/components/text/Text.classes.js

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

package/dist/components/text/Text.js

@@ -2,6 +2,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Text.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_classes_js_9c0bb3e7__ from "./Text.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
 const TextRoot = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -19,7 +20,7 @@ const TextRoot = (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)("text", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Text_classes_js_9c0bb3e7__.CLASSES.base, local.class, local.className);
             },
             "data-slot": "text",
             get ["data-size"] () {

package/dist/components/text-area/TextArea.classes.d.ts

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "textarea";
+    readonly variant: {
+        readonly primary: "textarea--primary";
+        readonly secondary: "textarea--secondary";
+    };
+    readonly flag: {
+        readonly fullWidth: "textarea--full-width";
+    };
+};

package/dist/components/text-area/TextArea.classes.js

@@ -0,0 +1,11 @@
+const CLASSES = {
+    base: "textarea",
+    variant: {
+        primary: "textarea--primary",
+        secondary: "textarea--secondary"
+    },
+    flag: {
+        fullWidth: "textarea--full-width"
+    }
+};
+export { CLASSES };

package/dist/components/text-area/TextArea.js

@@ -3,11 +3,8 @@ import "./TextArea.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__TextArea_classes_js_75faa46c__ from "./TextArea.classes.js";
 var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<textarea>");
-const VARIANT_CLASS_MAP = {
-    primary: "textarea--primary",
-    secondary: "textarea--secondary"
-};
 const TextAreaRoot = (props)=>{
     const textFieldContext = (0, __WEBPACK_EXTERNAL_MODULE__text_field_index_js_54530d22__.useTextFieldContext)();
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -29,7 +26,7 @@ const TextAreaRoot = (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)("textarea", VARIANT_CLASS_MAP[variant()], fullWidth() && "textarea--full-width", local.class, local.className);
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__TextArea_classes_js_75faa46c__.CLASSES.flag.fullWidth, local.class, local.className);
             },
             "data-slot": "textarea",
             get ["data-invalid"] () {

package/dist/components/text-field/TextField.classes.d.ts

@@ -0,0 +1,10 @@
+export declare const CLASSES: {
+    readonly base: "text-field";
+    readonly variant: {
+        readonly primary: "text-field--primary";
+        readonly secondary: "text-field--secondary";
+    };
+    readonly flag: {
+        readonly fullWidth: "text-field--full-width";
+    };
+};

package/dist/components/text-field/TextField.classes.js

@@ -0,0 +1,11 @@
+const CLASSES = {
+    base: "text-field",
+    variant: {
+        primary: "text-field--primary",
+        secondary: "text-field--secondary"
+    },
+    flag: {
+        fullWidth: "text-field--full-width"
+    }
+};
+export { CLASSES };