xmlui 0.9.35 → 0.9.36

package/dist/lib/xmlui.mjs

@@ -1,4 +1,4 @@
-import { z, A, B, E, I, N, C, j, i, S, b, l, n, F, D, c, e, f, x, k, p, h, t, q, v, w, u, y } from "./index-BaxIicW9.mjs";
+import { z, A, B, E, I, N, C, j, i, S, b, l, n, F, D, c, e, f, x, k, p, h, t, q, v, w, u, y } from "./index-BmTqBdiA.mjs";
 import { X } from "./xmlui-serializer-CQnuXBof.mjs";
 export {
   z as ApiInterceptorProvider,

package/dist/metadata/style.css

@@ -2273,39 +2273,42 @@ See this source for details: https://css-tricks.com/line-clampin/
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_rshqv_13 {
+._container_rso68_13 {
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: start;
   gap: 0.5em;
 }
-._container_rshqv_13._top_rshqv_20 {
+._container_rso68_13._top_rso68_20 {
   flex-direction: column;
   align-items: start;
   justify-content: center;
 }
-._container_rshqv_13._end_rshqv_25 {
+._container_rso68_13._end_rso68_25 {
   flex-direction: row-reverse;
   align-items: center;
   justify-content: start;
   gap: 0.5em;
 }
-._container_rshqv_13._bottom_rshqv_31 {
+._container_rso68_13._bottom_rso68_31 {
   flex-direction: column-reverse;
   align-items: start;
   justify-content: center;
 }
-._container_rshqv_13._start_rshqv_36 {
+._container_rso68_13._start_rso68_36 {
   flex-direction: row;
   align-items: center;
   justify-content: start;
   gap: 0.5em;
 }
-._container_rshqv_13._shrinkToLabel_rshqv_42 {
+._container_rso68_13._shrinkToLabel_rso68_42 {
   width: fit-content;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45 {
+._container_rso68_13 ._itemWithLabel_rso68_45 {
+  width: 100%;
+}
+._container_rso68_13 ._inputLabel_rso68_48 {
   display: flex;
   color: var(--xmlui-textColor-FormItemLabel);
   font-family: var(--xmlui-fontFamily-FormItemLabel);
@@ -2318,22 +2321,22 @@ See this source for details: https://css-tricks.com/line-clampin/
   word-break: normal;
   white-space: nowrap;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._disabled_rshqv_58 {
+._container_rso68_13 ._inputLabel_rso68_48._disabled_rso68_61 {
   cursor: not-allowed;
   color: var(--xmlui-textColor--disabled);
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._labelBreak_rshqv_62 {
+._container_rso68_13 ._inputLabel_rso68_48._labelBreak_rso68_65 {
   white-space: normal;
   word-break: break-word;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._required_rshqv_66 {
+._container_rso68_13 ._inputLabel_rso68_48._required_rso68_69 {
   color: var(--xmlui-textColor-FormItemLabel-required);
   font-size: var(--xmlui-fontSize-FormItemLabel-required);
   font-weight: var(--xmlui-fontWeight-FormItemLabel-required);
   font-style: var(--xmlui-fontStyle-FormItemLabel-required);
   text-transform: var(--xmlui-textTransform-FormItemLabel-required);
 }
-._container_rshqv_13 ._inputLabel_rshqv_45 ._requiredMark_rshqv_73 {
+._container_rso68_13 ._inputLabel_rso68_48 ._requiredMark_rso68_76 {
   margin-left: 0.2em;
   color: var(--xmlui-textColor-FormItemLabel-requiredMark);
 }/*

package/dist/metadata/xmlui-metadata.mjs

@@ -1627,17 +1627,18 @@ function getElementRef(element) {
   return element.props.ref || element.ref;
 }
 const themeVars$H = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`;
-const container$3 = "_container_rshqv_13";
-const top = "_top_rshqv_20";
-const end = "_end_rshqv_25";
-const bottom = "_bottom_rshqv_31";
-const start = "_start_rshqv_36";
-const shrinkToLabel = "_shrinkToLabel_rshqv_42";
-const inputLabel = "_inputLabel_rshqv_45";
-const disabled$8 = "_disabled_rshqv_58";
-const labelBreak = "_labelBreak_rshqv_62";
-const required = "_required_rshqv_66";
-const requiredMark = "_requiredMark_rshqv_73";
+const container$3 = "_container_rso68_13";
+const top = "_top_rso68_20";
+const end = "_end_rso68_25";
+const bottom = "_bottom_rso68_31";
+const start = "_start_rso68_36";
+const shrinkToLabel = "_shrinkToLabel_rso68_42";
+const itemWithLabel = "_itemWithLabel_rso68_45";
+const inputLabel = "_inputLabel_rso68_48";
+const disabled$8 = "_disabled_rso68_61";
+const labelBreak = "_labelBreak_rso68_65";
+const required = "_required_rso68_69";
+const requiredMark = "_requiredMark_rso68_76";
 const styles$I = {
   themeVars: themeVars$H,
   container: container$3,
@@ -1646,6 +1647,7 @@ const styles$I = {
   bottom,
   start,
   shrinkToLabel,
+  itemWithLabel,
   inputLabel,
   disabled: disabled$8,
   labelBreak,
@@ -1708,7 +1710,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
   if (label2 === void 0 && !validationResult) {
     return /* @__PURE__ */ jsx(Slot, { style, id: inputId, ref, children });
   }
-  return /* @__PURE__ */ jsxs("div", { style, ref, children: [
+  return /* @__PURE__ */ jsxs("div", { style, ref, className: styles$I.itemWithLabel, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {

package/dist/metadata/xmlui-metadata.umd.js

@@ -1624,17 +1624,18 @@
     return element.props.ref || element.ref;
   }
   const themeVars$H = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`;
-  const container$3 = "_container_rshqv_13";
-  const top = "_top_rshqv_20";
-  const end = "_end_rshqv_25";
-  const bottom = "_bottom_rshqv_31";
-  const start = "_start_rshqv_36";
-  const shrinkToLabel = "_shrinkToLabel_rshqv_42";
-  const inputLabel = "_inputLabel_rshqv_45";
-  const disabled$8 = "_disabled_rshqv_58";
-  const labelBreak = "_labelBreak_rshqv_62";
-  const required = "_required_rshqv_66";
-  const requiredMark = "_requiredMark_rshqv_73";
+  const container$3 = "_container_rso68_13";
+  const top = "_top_rso68_20";
+  const end = "_end_rso68_25";
+  const bottom = "_bottom_rso68_31";
+  const start = "_start_rso68_36";
+  const shrinkToLabel = "_shrinkToLabel_rso68_42";
+  const itemWithLabel = "_itemWithLabel_rso68_45";
+  const inputLabel = "_inputLabel_rso68_48";
+  const disabled$8 = "_disabled_rso68_61";
+  const labelBreak = "_labelBreak_rso68_65";
+  const required = "_required_rso68_69";
+  const requiredMark = "_requiredMark_rso68_76";
   const styles$I = {
     themeVars: themeVars$H,
     container: container$3,
@@ -1643,6 +1644,7 @@
     bottom,
     start,
     shrinkToLabel,
+    itemWithLabel,
     inputLabel,
     disabled: disabled$8,
     labelBreak,
@@ -1705,7 +1707,7 @@
     if (label2 === void 0 && !validationResult) {
       return /* @__PURE__ */ jsxRuntime.jsx(Slot, { style, id: inputId, ref, children });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style, ref, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style, ref, className: styles$I.itemWithLabel, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {

package/dist/scripts/package.json

@@ -1,6 +1,6 @@
 {
     "name": "xmlui",
-    "version": "0.9.35",
+    "version": "0.9.36",
     "sideEffects": false,
     "scripts": {
         "start-test-bed": "cd src/testing/infrastructure && xmlui start",

package/dist/scripts/src/components/FormItem/ItemWithLabel.js

@@ -25,7 +25,7 @@ exports.ItemWithLabel = (0, react_1.forwardRef)(function ItemWithLabel({ id, lab
         //   }),
         // });
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: style, ref: ref, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(FormItem_module_scss_1.default.container, {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, ref: ref, className: FormItem_module_scss_1.default.itemWithLabel, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(FormItem_module_scss_1.default.container, {
                     [FormItem_module_scss_1.default.top]: labelPosition === "top",
                     [FormItem_module_scss_1.default.bottom]: labelPosition === "bottom",
                     [FormItem_module_scss_1.default.start]: labelPosition === "start",

package/dist/standalone/xmlui-standalone.umd.js

@@ -673,39 +673,42 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_rshqv_13 {
+._container_rso68_13 {
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: start;
   gap: 0.5em;
 }
-._container_rshqv_13._top_rshqv_20 {
+._container_rso68_13._top_rso68_20 {
   flex-direction: column;
   align-items: start;
   justify-content: center;
 }
-._container_rshqv_13._end_rshqv_25 {
+._container_rso68_13._end_rso68_25 {
   flex-direction: row-reverse;
   align-items: center;
   justify-content: start;
   gap: 0.5em;
 }
-._container_rshqv_13._bottom_rshqv_31 {
+._container_rso68_13._bottom_rso68_31 {
   flex-direction: column-reverse;
   align-items: start;
   justify-content: center;
 }
-._container_rshqv_13._start_rshqv_36 {
+._container_rso68_13._start_rso68_36 {
   flex-direction: row;
   align-items: center;
   justify-content: start;
   gap: 0.5em;
 }
-._container_rshqv_13._shrinkToLabel_rshqv_42 {
+._container_rso68_13._shrinkToLabel_rso68_42 {
   width: fit-content;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45 {
+._container_rso68_13 ._itemWithLabel_rso68_45 {
+  width: 100%;
+}
+._container_rso68_13 ._inputLabel_rso68_48 {
   display: flex;
   color: var(--xmlui-textColor-FormItemLabel);
   font-family: var(--xmlui-fontFamily-FormItemLabel);
@@ -718,22 +721,22 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   word-break: normal;
   white-space: nowrap;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._disabled_rshqv_58 {
+._container_rso68_13 ._inputLabel_rso68_48._disabled_rso68_61 {
   cursor: not-allowed;
   color: var(--xmlui-textColor--disabled);
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._labelBreak_rshqv_62 {
+._container_rso68_13 ._inputLabel_rso68_48._labelBreak_rso68_65 {
   white-space: normal;
   word-break: break-word;
 }
-._container_rshqv_13 ._inputLabel_rshqv_45._required_rshqv_66 {
+._container_rso68_13 ._inputLabel_rso68_48._required_rso68_69 {
   color: var(--xmlui-textColor-FormItemLabel-required);
   font-size: var(--xmlui-fontSize-FormItemLabel-required);
   font-weight: var(--xmlui-fontWeight-FormItemLabel-required);
   font-style: var(--xmlui-fontStyle-FormItemLabel-required);
   text-transform: var(--xmlui-textTransform-FormItemLabel-required);
 }
-._container_rshqv_13 ._inputLabel_rshqv_45 ._requiredMark_rshqv_73 {
+._container_rso68_13 ._inputLabel_rso68_48 ._requiredMark_rso68_76 {
   margin-left: 0.2em;
   color: var(--xmlui-textColor-FormItemLabel-requiredMark);
 }/*
@@ -18020,7 +18023,7 @@ li .htmlOl {
       });
     }
   }
-  var define_process_env_default$a = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.35 (built 5/20/2025)" };
+  var define_process_env_default$a = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.36 (built 5/20/2025)" };
   class Mutation extends Removable {
     constructor(config) {
       super();
@@ -29699,17 +29702,18 @@ ${error2.errorObject}`;
     return element2.props.ref || element2.ref;
   }
   const themeVars$M = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`;
-  const container$3 = "_container_rshqv_13";
-  const top$2 = "_top_rshqv_20";
-  const end$1 = "_end_rshqv_25";
-  const bottom$2 = "_bottom_rshqv_31";
-  const start$1 = "_start_rshqv_36";
-  const shrinkToLabel = "_shrinkToLabel_rshqv_42";
-  const inputLabel = "_inputLabel_rshqv_45";
-  const disabled$8 = "_disabled_rshqv_58";
-  const labelBreak = "_labelBreak_rshqv_62";
-  const required = "_required_rshqv_66";
-  const requiredMark = "_requiredMark_rshqv_73";
+  const container$3 = "_container_rso68_13";
+  const top$2 = "_top_rso68_20";
+  const end$1 = "_end_rso68_25";
+  const bottom$2 = "_bottom_rso68_31";
+  const start$1 = "_start_rso68_36";
+  const shrinkToLabel = "_shrinkToLabel_rso68_42";
+  const itemWithLabel = "_itemWithLabel_rso68_45";
+  const inputLabel = "_inputLabel_rso68_48";
+  const disabled$8 = "_disabled_rso68_61";
+  const labelBreak = "_labelBreak_rso68_65";
+  const required = "_required_rso68_69";
+  const requiredMark = "_requiredMark_rso68_76";
   const styles$$ = {
     themeVars: themeVars$M,
     container: container$3,
@@ -29718,6 +29722,7 @@ ${error2.errorObject}`;
     bottom: bottom$2,
     start: start$1,
     shrinkToLabel,
+    itemWithLabel,
     inputLabel,
     disabled: disabled$8,
     labelBreak,
@@ -29780,7 +29785,7 @@ ${error2.errorObject}`;
     if (label2 === void 0 && !validationResult) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Slot$4, { style: style2, id: inputId, ref, children });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: style2, ref, children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: style2, ref, className: styles$$.itemWithLabel, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
@@ -132475,7 +132480,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function isResponseWithoutBody(status) {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
-  var define_process_env_default$6 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.35 (built 5/20/2025)" };
+  var define_process_env_default$6 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.36 (built 5/20/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)
@@ -156258,7 +156263,7 @@ If this message still persists after updating, please report an issue: https://g
       /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
     ] });
   }
-  const version = "0.9.35";
+  const version = "0.9.36";
   const miscellaneousUtils = {
     capitalize: capitalize$1,
     pluralize: pluralize$1,
@@ -161768,7 +161773,7 @@ If this message still persists after updating, please report an issue: https://g
       valueType: "boolean"
     }
   };
-  var define_process_env_default = { VITE_XMLUI_VERSION: "0.9.35 (built 5/20/2025)" };
+  var define_process_env_default = { VITE_XMLUI_VERSION: "0.9.36 (built 5/20/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.9.35",
+  "version": "0.9.36",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",