@axenstudio/axen-form 0.1.9 → 0.1.11

package/dist/fields/AutocompleteMultiField/AutocompleteMultiField.js

@@ -188,99 +188,101 @@ function AutocompleteMultiField({
         children: label
       }
     ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cx(styles.input, error && styles.inputError),
-        style: { height: "auto", padding: 0 },
-        children: /* @__PURE__ */ jsxs("div", { className: localStyles.chipWrap, children: [
-          resolvedIcon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: styles.fieldIcon,
-              style: { position: "static", transform: "none", flexShrink: 0 },
-              children: resolvedIcon
-            }
-          ),
-          selectedValues.map((val) => /* @__PURE__ */ jsxs("span", { className: localStyles.chip, children: [
-            resolveLabel(val),
-            !disabled && !readOnly && /* @__PURE__ */ jsx(
-              "button",
+    /* @__PURE__ */ jsxs("div", { className: localStyles.inputWrap, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cx(styles.input, error && styles.inputError),
+          style: { height: "auto", padding: 0 },
+          children: /* @__PURE__ */ jsxs("div", { className: localStyles.chipWrap, children: [
+            resolvedIcon && /* @__PURE__ */ jsx(
+              "span",
               {
-                type: "button",
-                className: localStyles.chipRemove,
-                onClick: () => removeValue(val),
-                "aria-label": `Remove ${resolveLabel(val)}`,
-                children: "×"
+                className: styles.fieldIcon,
+                style: { position: "static", transform: "none", flexShrink: 0 },
+                children: resolvedIcon
               }
-            )
-          ] }, val)),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ...aria,
-              type: "text",
-              value: inputText,
-              onChange: handleInputChange,
-              onKeyDown: handleKeyDown,
-              onBlur: handleBlur,
-              onFocus: () => {
-                doSearch(inputText);
-                setIsOpen(true);
-              },
-              placeholder: selectedValues.length === 0 ? placeholder : "",
-              disabled,
-              readOnly,
-              role: "combobox",
-              "aria-expanded": isOpen,
-              "aria-controls": listboxId,
-              "aria-activedescendant": activeIndex >= 0 ? `${name}-opt-${activeIndex}` : void 0,
-              "aria-autocomplete": "list",
-              autoComplete: "off",
-              style: {
-                border: "none",
-                outline: "none",
-                flex: 1,
-                minWidth: "60px",
-                padding: "var(--axen-space-xs)",
-                background: "transparent"
+            ),
+            selectedValues.map((val) => /* @__PURE__ */ jsxs("span", { className: localStyles.chip, children: [
+              resolveLabel(val),
+              !disabled && !readOnly && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: localStyles.chipRemove,
+                  onClick: () => removeValue(val),
+                  "aria-label": `Remove ${resolveLabel(val)}`,
+                  children: "×"
+                }
+              )
+            ] }, val)),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ...aria,
+                type: "text",
+                value: inputText,
+                onChange: handleInputChange,
+                onKeyDown: handleKeyDown,
+                onBlur: handleBlur,
+                onFocus: () => {
+                  doSearch(inputText);
+                  setIsOpen(true);
+                },
+                placeholder: selectedValues.length === 0 ? placeholder : "",
+                disabled,
+                readOnly,
+                role: "combobox",
+                "aria-expanded": isOpen,
+                "aria-controls": listboxId,
+                "aria-activedescendant": activeIndex >= 0 ? `${name}-opt-${activeIndex}` : void 0,
+                "aria-autocomplete": "list",
+                autoComplete: "off",
+                style: {
+                  border: "none",
+                  outline: "none",
+                  flex: 1,
+                  minWidth: "60px",
+                  padding: "var(--axen-space-xs)",
+                  background: "transparent"
+                }
               }
-            }
-          ),
-          loading && /* @__PURE__ */ jsx("span", { className: localStyles.spinner, "aria-hidden": "true" })
-        ] })
-      }
-    ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx(
-      "div",
-      {
-        id: listboxId,
-        role: "listbox",
-        className: localStyles.dropdown,
-        "aria-multiselectable": "true",
-        children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: `${name}-opt-${i}`,
-            role: "option",
-            tabIndex: -1,
-            "aria-selected": i === activeIndex,
-            "aria-disabled": opt.disabled,
-            className: cx(
-              localStyles.option,
-              i === activeIndex && localStyles.optionActive,
-              opt.disabled && localStyles.optionDisabled
             ),
-            onMouseDown: (e) => {
-              e.preventDefault();
-              if (!opt.disabled) selectOption(opt);
+            loading && /* @__PURE__ */ jsx("span", { className: localStyles.spinner, "aria-hidden": "true" })
+          ] })
+        }
+      ),
+      isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: listboxId,
+          role: "listbox",
+          className: localStyles.dropdown,
+          "aria-multiselectable": "true",
+          children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: `${name}-opt-${i}`,
+              role: "option",
+              tabIndex: -1,
+              "aria-selected": i === activeIndex,
+              "aria-disabled": opt.disabled,
+              className: cx(
+                localStyles.option,
+                i === activeIndex && localStyles.optionActive,
+                opt.disabled && localStyles.optionDisabled
+              ),
+              onMouseDown: (e) => {
+                e.preventDefault();
+                if (!opt.disabled) selectOption(opt);
+              },
+              children: getOptionLabel(opt)
             },
-            children: getOptionLabel(opt)
-          },
-          opt.value
-        ))
-      }
-    ),
+            opt.value
+          ))
+        }
+      )
+    ] }),
     helperText && /* @__PURE__ */ jsx(
       "span",
       {

package/dist/fields/AutocompletePredictField/AutocompletePredictField.cjs

@@ -215,72 +215,89 @@ function AutocompletePredictField({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: fieldUtils.cx(AutocompleteField_module.default.predictWrap, resolvedIcon && fieldBase_module.default.inputIconWrapper), children: [
-      resolvedIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: fieldBase_module.default.fieldIcon, children: resolvedIcon }),
-      ghostText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: AutocompleteField_module.default.ghostText, "aria-hidden": "true", children: ghostText }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { ref: measureRef, className: AutocompleteField_module.default.ghostHidden, "aria-hidden": "true", children: inputText }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ...aria,
-          type: "text",
-          name,
-          value: inputText,
-          onChange: handleInputChange,
-          onKeyDown: handleKeyDown,
-          onBlur: handleBlur,
-          onFocus: () => {
-            if (inputText) {
-              doSearch(inputText);
-            }
-            setIsOpen(true);
-          },
-          placeholder,
-          disabled,
-          readOnly,
-          role: "combobox",
-          "aria-expanded": isOpen,
-          "aria-controls": listboxId,
-          "aria-activedescendant": activeIndex >= 0 ? `${name}-opt-${activeIndex}` : void 0,
-          "aria-autocomplete": "both",
-          autoComplete: "off",
-          className: fieldUtils.cx(
-            fieldBase_module.default.input,
-            resolvedIcon && fieldBase_module.default.inputWithIcon,
-            error && fieldBase_module.default.inputError
-          ),
-          style: { background: "transparent", position: "relative", zIndex: 1 }
-        }
-      ),
-      loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: AutocompleteField_module.default.spinner, "aria-hidden": "true" })
-    ] }),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        id: listboxId,
-        role: "listbox",
-        className: AutocompleteField_module.default.dropdown,
-        children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            id: `${name}-opt-${i}`,
-            role: "option",
-            tabIndex: -1,
-            "aria-selected": i === activeIndex,
-            "aria-disabled": opt.disabled,
-            className: fieldUtils.cx(
-              AutocompleteField_module.default.option,
-              i === activeIndex && AutocompleteField_module.default.optionActive,
-              opt.disabled && AutocompleteField_module.default.optionDisabled
-            ),
-            onMouseDown: (e) => {
-              e.preventDefault();
-              if (!opt.disabled) selectOption(opt);
-            },
-            children: getOptionLabel(opt)
-          },
-          opt.value
-        ))
+        className: fieldUtils.cx(
+          AutocompleteField_module.default.predictWrap,
+          resolvedIcon && fieldBase_module.default.inputIconWrapper,
+          error && AutocompleteField_module.default.predictWrapError
+        ),
+        children: [
+          resolvedIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: fieldBase_module.default.fieldIcon, children: resolvedIcon }),
+          ghostText && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: fieldUtils.cx(AutocompleteField_module.default.ghostText, resolvedIcon && AutocompleteField_module.default.ghostTextWithIcon),
+              "aria-hidden": "true",
+              children: ghostText
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { ref: measureRef, className: AutocompleteField_module.default.ghostHidden, "aria-hidden": "true", children: inputText }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ...aria,
+              type: "text",
+              name,
+              value: inputText,
+              onChange: handleInputChange,
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              onFocus: () => {
+                if (inputText) {
+                  doSearch(inputText);
+                }
+                setIsOpen(true);
+              },
+              placeholder,
+              disabled,
+              readOnly,
+              role: "combobox",
+              "aria-expanded": isOpen,
+              "aria-controls": listboxId,
+              "aria-activedescendant": activeIndex >= 0 ? `${name}-opt-${activeIndex}` : void 0,
+              "aria-autocomplete": "both",
+              autoComplete: "off",
+              className: fieldUtils.cx(
+                fieldBase_module.default.input,
+                AutocompleteField_module.default.predictInput,
+                resolvedIcon && fieldBase_module.default.inputWithIcon
+              ),
+              style: { position: "relative", zIndex: 1 }
+            }
+          ),
+          loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: AutocompleteField_module.default.spinner, "aria-hidden": "true" }),
+          isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              id: listboxId,
+              role: "listbox",
+              className: AutocompleteField_module.default.dropdown,
+              children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  id: `${name}-opt-${i}`,
+                  role: "option",
+                  tabIndex: -1,
+                  "aria-selected": i === activeIndex,
+                  "aria-disabled": opt.disabled,
+                  className: fieldUtils.cx(
+                    AutocompleteField_module.default.option,
+                    i === activeIndex && AutocompleteField_module.default.optionActive,
+                    opt.disabled && AutocompleteField_module.default.optionDisabled
+                  ),
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                    if (!opt.disabled) selectOption(opt);
+                  },
+                  children: getOptionLabel(opt)
+                },
+                opt.value
+              ))
+            }
+          )
+        ]
       }
     ),
     helperText && /* @__PURE__ */ jsxRuntime.jsx(

package/dist/fields/AutocompletePredictField/AutocompletePredictField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompletePredictField.d.ts","sourceRoot":"","sources":["../../../src/fields/AutocompletePredictField/AutocompletePredictField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAQ3E;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,SAAS,EACnB,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EAAE,aAAa,EACtB,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,IAAI,GACL,EAAE,mBAAmB,GAAG;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAuSA"}
+{"version":3,"file":"AutocompletePredictField.d.ts","sourceRoot":"","sources":["../../../src/fields/AutocompletePredictField/AutocompletePredictField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAQ3E;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,SAAS,EACnB,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EAAE,aAAa,EACtB,YAAY,EACZ,WAAW,EACX,IAAI,EACJ,IAAI,GACL,EAAE,mBAAmB,GAAG;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CAgTA"}

package/dist/fields/AutocompletePredictField/AutocompletePredictField.js

@@ -213,72 +213,89 @@ function AutocompletePredictField({
         children: label
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: cx(localStyles.predictWrap, resolvedIcon && styles.inputIconWrapper), children: [
-      resolvedIcon && /* @__PURE__ */ jsx("span", { className: styles.fieldIcon, children: resolvedIcon }),
-      ghostText && /* @__PURE__ */ jsx("span", { className: localStyles.ghostText, "aria-hidden": "true", children: ghostText }),
-      /* @__PURE__ */ jsx("span", { ref: measureRef, className: localStyles.ghostHidden, "aria-hidden": "true", children: inputText }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ...aria,
-          type: "text",
-          name,
-          value: inputText,
-          onChange: handleInputChange,
-          onKeyDown: handleKeyDown,
-          onBlur: handleBlur,
-          onFocus: () => {
-            if (inputText) {
-              doSearch(inputText);
-            }
-            setIsOpen(true);
-          },
-          placeholder,
-          disabled,
-          readOnly,
-          role: "combobox",
-          "aria-expanded": isOpen,
-          "aria-controls": listboxId,
-          "aria-activedescendant": activeIndex >= 0 ? `${name}-opt-${activeIndex}` : void 0,
-          "aria-autocomplete": "both",
-          autoComplete: "off",
-          className: cx(
-            styles.input,
-            resolvedIcon && styles.inputWithIcon,
-            error && styles.inputError
-          ),
-          style: { background: "transparent", position: "relative", zIndex: 1 }
-        }
-      ),
-      loading && /* @__PURE__ */ jsx("span", { className: localStyles.spinner, "aria-hidden": "true" })
-    ] }),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "div",
       {
-        id: listboxId,
-        role: "listbox",
-        className: localStyles.dropdown,
-        children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
-          "div",
-          {
-            id: `${name}-opt-${i}`,
-            role: "option",
-            tabIndex: -1,
-            "aria-selected": i === activeIndex,
-            "aria-disabled": opt.disabled,
-            className: cx(
-              localStyles.option,
-              i === activeIndex && localStyles.optionActive,
-              opt.disabled && localStyles.optionDisabled
-            ),
-            onMouseDown: (e) => {
-              e.preventDefault();
-              if (!opt.disabled) selectOption(opt);
-            },
-            children: getOptionLabel(opt)
-          },
-          opt.value
-        ))
+        className: cx(
+          localStyles.predictWrap,
+          resolvedIcon && styles.inputIconWrapper,
+          error && localStyles.predictWrapError
+        ),
+        children: [
+          resolvedIcon && /* @__PURE__ */ jsx("span", { className: styles.fieldIcon, children: resolvedIcon }),
+          ghostText && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cx(localStyles.ghostText, resolvedIcon && localStyles.ghostTextWithIcon),
+              "aria-hidden": "true",
+              children: ghostText
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { ref: measureRef, className: localStyles.ghostHidden, "aria-hidden": "true", children: inputText }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...aria,
+              type: "text",
+              name,
+              value: inputText,
+              onChange: handleInputChange,
+              onKeyDown: handleKeyDown,
+              onBlur: handleBlur,
+              onFocus: () => {
+                if (inputText) {
+                  doSearch(inputText);
+                }
+                setIsOpen(true);
+              },
+              placeholder,
+              disabled,
+              readOnly,
+              role: "combobox",
+              "aria-expanded": isOpen,
+              "aria-controls": listboxId,
+              "aria-activedescendant": activeIndex >= 0 ? `${name}-opt-${activeIndex}` : void 0,
+              "aria-autocomplete": "both",
+              autoComplete: "off",
+              className: cx(
+                styles.input,
+                localStyles.predictInput,
+                resolvedIcon && styles.inputWithIcon
+              ),
+              style: { position: "relative", zIndex: 1 }
+            }
+          ),
+          loading && /* @__PURE__ */ jsx("span", { className: localStyles.spinner, "aria-hidden": "true" }),
+          isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: listboxId,
+              role: "listbox",
+              className: localStyles.dropdown,
+              children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  id: `${name}-opt-${i}`,
+                  role: "option",
+                  tabIndex: -1,
+                  "aria-selected": i === activeIndex,
+                  "aria-disabled": opt.disabled,
+                  className: cx(
+                    localStyles.option,
+                    i === activeIndex && localStyles.optionActive,
+                    opt.disabled && localStyles.optionDisabled
+                  ),
+                  onMouseDown: (e) => {
+                    e.preventDefault();
+                    if (!opt.disabled) selectOption(opt);
+                  },
+                  children: getOptionLabel(opt)
+                },
+                opt.value
+              ))
+            }
+          )
+        ]
       }
     ),
     helperText && /* @__PURE__ */ jsx(

package/dist/fields/CheckboxField/CheckboxField.module.css.cjs

@@ -1,3 +1,15 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._checkboxLabel_1labl_1 {\n  cursor: pointer;\n}\n\n._checkbox_1labl_1 {\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  cursor: pointer;\n  accent-color: var(--axen-color-primary);\n  border-radius: var(--axen-border-radius-sm);\n}\n\n._checkbox_1labl_1:focus-visible {\n  outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);\n  outline-offset: var(--axen-focus-ring-offset);\n}\n\n._checkbox_1labl_1:disabled {\n  cursor: not-allowed;\n}\n\n/* Mobile: larger touch target */\n@media (max-width: 599px) {\n  ._checkbox_1labl_1 {\n    width: 24px;\n    height: 24px;\n  }\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const checkboxLabel = "_checkboxLabel_1labl_1";

package/dist/fields/CheckboxField/CheckboxField.module.css.js

@@ -1,3 +1,15 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._checkboxLabel_1labl_1 {\n  cursor: pointer;\n}\n\n._checkbox_1labl_1 {\n  width: 20px;\n  height: 20px;\n  margin: 0;\n  cursor: pointer;\n  accent-color: var(--axen-color-primary);\n  border-radius: var(--axen-border-radius-sm);\n}\n\n._checkbox_1labl_1:focus-visible {\n  outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);\n  outline-offset: var(--axen-focus-ring-offset);\n}\n\n._checkbox_1labl_1:disabled {\n  cursor: not-allowed;\n}\n\n/* Mobile: larger touch target */\n@media (max-width: 599px) {\n  ._checkbox_1labl_1 {\n    width: 24px;\n    height: 24px;\n  }\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 const checkboxLabel = "_checkboxLabel_1labl_1";
 const checkbox = "_checkbox_1labl_1";
 const localStyles = {

package/dist/fields/ColorField/ColorField.module.css.cjs

@@ -1,3 +1,15 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._colorWrap_or7ln_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--axen-space-sm);\n  min-height: var(--axen-field-min-height);\n}\n\n._colorInput_or7ln_8 {\n  width: 44px;\n  height: 44px;\n  padding: 2px;\n  border: var(--axen-border-width) solid var(--axen-color-border);\n  border-radius: var(--axen-border-radius);\n  cursor: pointer;\n  background: none;\n}\n\n._colorInput_or7ln_8:focus-visible {\n  outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);\n  outline-offset: var(--axen-focus-ring-offset);\n}\n\n._colorInput_or7ln_8:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n._colorValue_or7ln_28 {\n  font-size: var(--axen-font-size-sm);\n  font-family: monospace;\n  color: var(--axen-color-text-secondary);\n  text-transform: uppercase;\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const colorWrap = "_colorWrap_or7ln_1";

package/dist/fields/ColorField/ColorField.module.css.js

@@ -1,3 +1,15 @@
+(function() {
+  "use strict";
+  try {
+    if (typeof document != "undefined") {
+      var elementStyle = document.createElement("style");
+      elementStyle.appendChild(document.createTextNode("._colorWrap_or7ln_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--axen-space-sm);\n  min-height: var(--axen-field-min-height);\n}\n\n._colorInput_or7ln_8 {\n  width: 44px;\n  height: 44px;\n  padding: 2px;\n  border: var(--axen-border-width) solid var(--axen-color-border);\n  border-radius: var(--axen-border-radius);\n  cursor: pointer;\n  background: none;\n}\n\n._colorInput_or7ln_8:focus-visible {\n  outline: var(--axen-focus-ring-width) solid var(--axen-focus-ring-color);\n  outline-offset: var(--axen-focus-ring-offset);\n}\n\n._colorInput_or7ln_8:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n._colorValue_or7ln_28 {\n  font-size: var(--axen-font-size-sm);\n  font-family: monospace;\n  color: var(--axen-color-text-secondary);\n  text-transform: uppercase;\n}"));
+      document.head.appendChild(elementStyle);
+    }
+  } catch (e) {
+    console.error("vite-plugin-css-injected-by-js", e);
+  }
+})();
 const colorWrap = "_colorWrap_or7ln_1";
 const colorInput = "_colorInput_or7ln_8";
 const colorValue = "_colorValue_or7ln_28";