xmlui 0.9.56 → 0.9.57

package/dist/lib/{apiInterceptorWorker-CDFLYTIQ.mjs → apiInterceptorWorker-B1gPLO_w.mjs}

@@ -7,7 +7,7 @@ var P = (e, a, o) => Qo(e, typeof a != "symbol" ? a + "" : a, o), fa = (e, a, o)
 var ge = (e, a, o) => (fa(e, a, "read from private field"), o ? o.call(e) : a.get(e)), Me = (e, a, o) => a.has(e) ? Ga("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), ba = (e, a, o, t) => (fa(e, a, "write to private field"), t ? t.call(e, o) : a.set(e, o), o), ze = (e, a, o) => (fa(e, a, "access private method"), o);
 import { delay as Zo, HttpResponse as Be, http as et } from "msw";
 import { isArray as lo, isObject as mo, mapValues as at } from "lodash-es";
-import { r as ot, g as tt, d as it, m as st, a as nt, o as ya, T as rt } from "./index-DRdbVRNd.mjs";
+import { r as ot, g as tt, d as it, m as st, a as nt, o as ya, T as rt } from "./index-CT_r2BBM.mjs";
 import Ha from "dexie";
 var ut = /(%?)(%([sdijo]))/g;
 function ct(e, a) {

package/dist/lib/{index-DRdbVRNd.mjs → index-CT_r2BBM.mjs}

@@ -1504,7 +1504,7 @@ const Tk = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)",
   { value: "vertical", description: "Can only resize vertically" },
   { value: "both", description: "Can resize in both dimensions" }
 ], Fg = {
-  status: "experimental",
+  status: "stable",
   description: `\`${Gr}\` is a component that provides a multiline text input area.`,
   props: {
     enterSubmits: {
@@ -3549,19 +3549,12 @@ function P5({
   style: o
 }) {
   const n = ee(null);
-  return /* @__PURE__ */ d(Ou.Provider, { value: W5, children: /* @__PURE__ */ d("div", { ref: n, className: J(yo.wrapper, r), children: /* @__PURE__ */ F(Io.Provider, { value: n, children: [
+  return /* @__PURE__ */ d(Ou.Provider, { value: W5, children: /* @__PURE__ */ d("div", { ref: n, className: J(yo.wrapper, r), style: o, children: /* @__PURE__ */ F(Io.Provider, { value: n, children: [
     /* @__PURE__ */ d("div", { className: J(yo.logoWrapper, yo.inDrawer), children: e || /* @__PURE__ */ d(qs, {}) }),
     /* @__PURE__ */ d("div", { className: yo.wrapperInner, style: o, children: t })
   ] }) }) });
 }
-const D5 = xe(function({
-  children: t,
-  style: r,
-  logoContent: o,
-  className: n,
-  inDrawer: a = Qg.inDrawer,
-  renderChild: i
-}, l) {
+const D5 = xe(function({ children: t, style: r, logoContent: o, className: n, inDrawer: a = Qg.inDrawer, renderChild: i }, l) {
   var f, v;
   const c = ee(null), s = l ? hr(c, l) : c, u = hi(), m = Jg(u == null ? void 0 : u.layout) === "horizontal", h = (u == null ? void 0 : u.layout) === "vertical" || (u == null ? void 0 : u.layout) === "vertical-sticky", p = (f = u == null ? void 0 : u.layout) == null ? void 0 : f.startsWith("condensed"), b = (v = u == null ? void 0 : u.layout) == null ? void 0 : v.startsWith("vertical"), g = o || i(u == null ? void 0 : u.logoContentDef);
   return a ? /* @__PURE__ */ d(P5, { style: r, logoContent: g, className: n, children: t }) : /* @__PURE__ */ d(
@@ -3573,6 +3566,7 @@ const D5 = xe(function({
         [yo.vertical]: b,
         [yo.condensed]: p
       }),
+      style: r,
       children: /* @__PURE__ */ F(Io.Provider, { value: c, children: [
         h && /* @__PURE__ */ d("div", { className: J(yo.logoWrapper), children: g || /* @__PURE__ */ d(qs, {}) }),
         /* @__PURE__ */ d("div", { className: yo.wrapperInner, style: r, children: t })
@@ -8496,7 +8490,7 @@ function Q6({ children: e, uid: t, layout: r, to: o = Xf.to }) {
   ] });
 }
 const ld = "StickyBox", Yf = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${ld}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,
   props: {
     to: {
@@ -9427,7 +9421,7 @@ const Er = "ModalDialog", pv = {
     }
   )
 ), pd = "Icon", fv = {
-  status: "experimental",
+  status: "stable",
   description: "This component is the representation of an icon.",
   props: {
     name: y(
@@ -10610,7 +10604,7 @@ function cI({
   );
 }
 const Kn = "List", Vv = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${Kn}\` component is a robust layout container that renders associated data items as a list of components. \`${Kn}\` is virtualized; it renders only items that are visible in the viewport.`,
   props: {
     data: y(
@@ -15551,7 +15545,7 @@ function o7({
 const xn = "FormItem", yl = xI.filter(
   (e) => e !== "none"
 ), kx = {
-  status: "experimental",
+  status: "stable",
   description: `A \`${xn}\` component represents a single input element within a \`Form\`. The value within the \`${xn}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,
   props: {
     bindTo: {
@@ -15807,7 +15801,7 @@ const xn = "FormItem", yl = xI.filter(
     );
   }
 ), yn = "TextBox", Uu = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${yn}\` is an input component that allows users to input and edit textual data.`,
   props: {
     placeholder: Pn(),
@@ -16350,7 +16344,7 @@ const _x = "RealTimeAdapter", Ix = {
     }
   )
 ), Bx = "Form", Lx = {
-  status: "experimental",
+  status: "stable",
   description: `A \`${Bx}\` is a fundamental component that displays user interfaces that allow users to input (or change) data and submit it to the app (a server) for further processing.`,
   props: {
     buttonRowTemplate: et(
@@ -16504,7 +16498,7 @@ const _x = "RealTimeAdapter", Ix = {
     );
   }
 ), Zr = "NumberBox", Ax = {
-  status: "experimental",
+  status: "stable",
   description: `A \`${Zr}\` component allows users to input numeric values: either integer or floating point numbers. It also accepts empty values, where the stored value will be of type \`null\`.`,
   props: {
     placeholder: Pn(),
@@ -17383,7 +17377,7 @@ const Id = "Page", zx = {
     }
   )
 ), jx = "Logo", qx = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${jx}\` component represents a logo or a brand symbol. Usually, you use this component in the [\`AppHeader\`](./AppHeader.mdx#logotemplate).`,
   props: {
     alt: {
@@ -17491,8 +17485,8 @@ const Id = "Page", zx = {
   allowArbitraryProps: !0,
   opaque: !0
 }, G7 = As(q7, U7), Uo = "FileInput", Z7 = "browse:FileInput", Gx = {
+  status: "stable",
   description: `The \`${Uo}\` is a user interface component that allows users to select files from their device's file system for upload (or processing its content otherwise).`,
-  status: "experimental",
   props: {
     placeholder: Pn(),
     initialValue: Ir(),
@@ -18281,7 +18275,7 @@ function Jx({
       let s;
       return (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker: u } = await import("./apiInterceptorWorker-CDFLYTIQ.mjs");
+          const { createApiInterceptorWorker: u } = await import("./apiInterceptorWorker-B1gPLO_w.mjs");
           if (e && (s = await u(e, r), l(s), !r)) {
             const m = _u(
               process.env.VITE_MOCK_WORKER_LOCATION || "mockServiceWorker.js"
@@ -19282,7 +19276,7 @@ const a0 = "Markdown", i0 = {
   );
 }, nt = "Select", l0 = {
   description: "Provides a dropdown with a list of options to choose from.",
-  status: "experimental",
+  status: "stable",
   props: {
     placeholder: {
       ...Pn(),
@@ -19697,7 +19691,7 @@ const Ed = "FormSection", s0 = {
     return /* @__PURE__ */ d(Ve, { children: t(a, r) });
   }
 ), gr = "AppHeader", u0 = {
-  status: "experimental",
+  status: "stable",
   description: `\`${gr}\` is a placeholder within \`App\` to define a custom application header.`,
   props: {
     profileMenuTemplate: et(
@@ -28578,7 +28572,7 @@ const Md = {
     );
   }
 ), Je = "Slider", g1 = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${Je}\` component allows you to select a numeric value between a range specified by minimum and maximum values.`,
   props: {
     initialValue: Ir(),
@@ -29061,7 +29055,7 @@ const Wt = {
   lightToDarkIcon: hz,
   darkToLightIcon: bz
 }, C1 = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${Dl}\` component is a component that allows the user to change the tone of the app.`,
   props: {
     lightToDarkIcon: {
@@ -33105,7 +33099,7 @@ function BM({ children: e }) {
     /* @__PURE__ */ d("svg", { style: { display: "none" }, ref: i })
   ] });
 }
-const LM = "0.9.56", OM = {
+const LM = "0.9.57", OM = {
   capitalize: mT,
   pluralize: Lw,
   defaultTo: uT,

package/dist/lib/xmlui.mjs

@@ -1,4 +1,4 @@
-import { y as e, A as t, B as o, E as r, I as n, L as p, H as u, N as i, z as l, i as C, h as d, S as m, b as x, k as T, l as c, D as S, F as A, G as g, V as h, C as v, c as B, e as I, f as L, w as b, j as k, p as y, s as E, t as M, K as V, n as f, q as H, M as N, v as R, J as D, u as U, x as X } from "./index-DRdbVRNd.mjs";
+import { y as e, A as t, B as o, E as r, I as n, L as p, H as u, N as i, z as l, i as C, h as d, S as m, b as x, k as T, l as c, D as S, F as A, G as g, V as h, C as v, c as B, e as I, f as L, w as b, j as k, p as y, s as E, t as M, K as V, n as f, q as H, M as N, v as R, J as D, u as U, x as X } from "./index-CT_r2BBM.mjs";
 import { X as q } from "./xmlui-serializer-EDw51UFN.mjs";
 export {
   e as ApiInterceptorProvider,

package/dist/metadata/{apiInterceptorWorker-CL7I-FJl.mjs → apiInterceptorWorker-aMnSPA-u.mjs}

@@ -7,7 +7,7 @@ var F = (e, a, o) => Go(e, typeof a != "symbol" ? a + "" : a, o), ka = (e, a, o)
 var ge = (e, a, o) => (ka(e, a, "read from private field"), o ? o.call(e) : a.get(e)), _e = (e, a, o) => a.has(e) ? Wa("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), fa = (e, a, o, t) => (ka(e, a, "write to private field"), t ? t.call(e, o) : a.set(e, o), o), ze = (e, a, o) => (ka(e, a, "access private method"), o);
 import { delay as Ho, HttpResponse as Be, http as Vo } from "msw";
 import { isArray as co, isObject as lo, mapValues as Jo } from "lodash-es";
-import { r as Xo, g as Ko, d as Yo, m as Qo, a as Zo, o as ba, T as et } from "./collectedComponentMetadata-J8g24vFO.mjs";
+import { r as Xo, g as Ko, d as Yo, m as Qo, a as Zo, o as ba, T as et } from "./collectedComponentMetadata-C0kcXW_l.mjs";
 import Ga from "dexie";
 var at = /(%?)(%([sdijo]))/g;
 function ot(e, a) {

package/dist/metadata/{collectedComponentMetadata-J8g24vFO.mjs → collectedComponentMetadata-C0kcXW_l.mjs}

@@ -3053,7 +3053,7 @@ const s3 = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)",
     }
   );
 }), En = "TextBox", zu = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${En}\` is an input component that allows users to input and edit textual data.`,
   props: {
     placeholder: da(),
@@ -5683,19 +5683,12 @@ function zH({
   style: o
 }) {
   const n = ne(null);
-  return /* @__PURE__ */ d(Du.Provider, { value: FH, children: /* @__PURE__ */ d("div", { ref: n, className: oe(Oo.wrapper, r), children: /* @__PURE__ */ Z(Zo.Provider, { value: n, children: [
+  return /* @__PURE__ */ d(Du.Provider, { value: FH, children: /* @__PURE__ */ d("div", { ref: n, className: oe(Oo.wrapper, r), style: o, children: /* @__PURE__ */ Z(Zo.Provider, { value: n, children: [
     /* @__PURE__ */ d("div", { className: oe(Oo.logoWrapper, Oo.inDrawer), children: e || /* @__PURE__ */ d(cc, {}) }),
     /* @__PURE__ */ d("div", { className: Oo.wrapperInner, style: o, children: t })
   ] }) }) });
 }
-const WH = Ce(function({
-  children: t,
-  style: r,
-  logoContent: o,
-  className: n,
-  inDrawer: a = Of.inDrawer,
-  renderChild: i
-}, l) {
+const WH = Ce(function({ children: t, style: r, logoContent: o, className: n, inDrawer: a = Of.inDrawer, renderChild: i }, l) {
   var f, x;
   const s = ne(null), c = l ? wr(s, l) : s, u = Fi(), p = Rf(u == null ? void 0 : u.layout) === "horizontal", h = (u == null ? void 0 : u.layout) === "vertical" || (u == null ? void 0 : u.layout) === "vertical-sticky", m = (f = u == null ? void 0 : u.layout) == null ? void 0 : f.startsWith("condensed"), g = (x = u == null ? void 0 : u.layout) == null ? void 0 : x.startsWith("vertical"), b = o || i(u == null ? void 0 : u.logoContentDef);
   return a ? /* @__PURE__ */ d(zH, { style: r, logoContent: b, className: n, children: t }) : /* @__PURE__ */ d(
@@ -5707,6 +5700,7 @@ const WH = Ce(function({
         [Oo.vertical]: g,
         [Oo.condensed]: m
       }),
+      style: r,
       children: /* @__PURE__ */ Z(Zo.Provider, { value: s, children: [
         h && /* @__PURE__ */ d("div", { className: oe(Oo.logoWrapper), children: b || /* @__PURE__ */ d(cc, {}) }),
         /* @__PURE__ */ d("div", { className: Oo.wrapperInner, style: r, children: t })
@@ -6785,7 +6779,7 @@ const Kl = rn(
     return /* @__PURE__ */ d(We, { children: t(a, r) });
   }
 ), Hr = "AppHeader", Ff = {
-  status: "experimental",
+  status: "stable",
   description: `\`${Hr}\` is a placeholder within \`App\` to define a custom application header.`,
   props: {
     profileMenuTemplate: it(
@@ -8847,8 +8841,8 @@ function Rd(e) {
   return Array.isArray(e) && e.every(D_);
 }
 const dn = "FileInput", P_ = "browse:FileInput", u0 = {
+  status: "stable",
   description: `The \`${dn}\` is a user interface component that allows users to select files from their device's file system for upload (or processing its content otherwise).`,
-  status: "experimental",
   props: {
     placeholder: da(),
     initialValue: Wr(),
@@ -10543,7 +10537,7 @@ function gI({
   );
 }
 const R0 = "Form", V0 = {
-  status: "experimental",
+  status: "stable",
   description: `A \`${R0}\` is a fundamental component that displays user interfaces that allow users to input (or change) data and submit it to the app (a server) for further processing.`,
   props: {
     buttonRowTemplate: it(
@@ -18496,7 +18490,7 @@ function N8({
 const zn = "FormItem", Fl = iI.filter(
   (e) => e !== "none"
 ), Bv = {
-  status: "experimental",
+  status: "stable",
   description: `A \`${zn}\` component represents a single input element within a \`Form\`. The value within the \`${zn}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,
   props: {
     bindTo: {
@@ -19043,7 +19037,7 @@ const z8 = W(
   Fv,
   ({ node: e, extractValue: t, renderChild: r }) => /* @__PURE__ */ d(U8, { triggerTemplate: r(t(e.props.triggerTemplate)), children: r(e.children) })
 ), Gd = "Icon", zv = {
-  status: "experimental",
+  status: "stable",
   description: "This component is the representation of an icon.",
   props: {
     name: C(
@@ -19531,7 +19525,7 @@ function bL({
   );
 }
 const xa = "List", Uv = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${xa}\` component is a robust layout container that renders associated data items as a list of components. \`${xa}\` is virtualized; it renders only items that are visible in the viewport.`,
   props: {
     data: C(
@@ -19699,7 +19693,7 @@ const xa = "List", Uv = {
     );
   }
 ), Gv = "Logo", Zv = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${Gv}\` component represents a logo or a brand symbol. Usually, you use this component in the [\`AppHeader\`](./AppHeader.mdx#logotemplate).`,
   props: {
     alt: {
@@ -20241,7 +20235,7 @@ const ZO = `'{"padding-NestedApp": "var(--xmlui-padding-NestedApp)", "paddingHor
   { value: "vertical", description: "Can only resize vertically" },
   { value: "both", description: "Can resize in both dimensions" }
 ], tx = {
-  status: "experimental",
+  status: "stable",
   description: `\`${ao}\` is a component that provides a multiline text input area.`,
   props: {
     enterSubmits: {
@@ -21787,7 +21781,7 @@ function RA({ children: e, uid: t, layout: r, to: o = vx.to }) {
   ] });
 }
 const tu = "StickyBox", xx = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${tu}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,
   props: {
     to: {
@@ -23127,7 +23121,7 @@ const Rx = "RealTimeAdapter", Vx = {
     }
   )
 ), io = "NumberBox", Fx = {
-  status: "experimental",
+  status: "stable",
   description: `A \`${io}\` component allows users to input numeric values: either integer or floating point numbers. It also accepts empty values, where the stored value will be of type \`null\`.`,
   props: {
     placeholder: da(),
@@ -23686,7 +23680,7 @@ const iu = "Page", Wx = {
   ))
 ), dt = "Select", Ux = {
   description: "Provides a dropdown with a list of options to choose from.",
-  status: "experimental",
+  status: "stable",
   props: {
     placeholder: {
       ...da(),
@@ -32381,7 +32375,7 @@ const fu = {
     );
   }
 ), nt = "Slider", P2 = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${nt}\` component allows you to select a numeric value between a range specified by minimum and maximum values.`,
   props: {
     initialValue: Wr(),
@@ -32864,7 +32858,7 @@ const Zt = {
   lightToDarkIcon: Uz,
   darkToLightIcon: Gz
 }, G2 = {
-  status: "experimental",
+  status: "stable",
   description: `The \`${ss}\` component is a component that allows the user to change the tone of the app.`,
   props: {
     lightToDarkIcon: {
@@ -35385,7 +35379,7 @@ function VW({
       let c;
       return (async () => {
         if (md.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker: u } = await import("./apiInterceptorWorker-CL7I-FJl.mjs");
+          const { createApiInterceptorWorker: u } = await import("./apiInterceptorWorker-aMnSPA-u.mjs");
           if (e && (c = await u(e, r), l(c), !r)) {
             const p = Xb(
               md.VITE_MOCK_WORKER_LOCATION || "mockServiceWorker.js"
@@ -37043,7 +37037,7 @@ function hj({ children: e }) {
     /* @__PURE__ */ d("svg", { style: { display: "none" }, ref: i })
   ] });
 }
-const gj = "0.9.56", bj = {
+const gj = "0.9.57", bj = {
   capitalize: FC,
   pluralize: gw,
   defaultTo: VC,

package/dist/metadata/xmlui-metadata.mjs

@@ -1,4 +1,4 @@
-import { c as t, b as a } from "./collectedComponentMetadata-J8g24vFO.mjs";
+import { c as t, b as a } from "./collectedComponentMetadata-C0kcXW_l.mjs";
 export {
   t as collectedComponentMetadata,
   a as collectedThemes