xmlui 0.7.3 → 0.7.4

package/dist/xmlui-metadata.mjs

@@ -6297,13 +6297,17 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-text-${re}--active`]: "$color-primary-500"
     }
   }
-}), xp = '"[]"', fp = "_infoWrapper_1ykbt_13", gp = "_loadingWrapper_1ykbt_18", bp = "_noRows_1ykbt_26", vp = "_row_1ykbt_36", Tp = {
+}), xp = '"[]"', fp = "_infoWrapper_pfst8_13", gp = "_loadingWrapper_pfst8_18", bp = "_noRows_pfst8_26", vp = "_borderCollapse_pfst8_36", Tp = "_sectioned_pfst8_36", yp = "_row_pfst8_36", kp = "_section_pfst8_36", wp = "_sectionFooter_pfst8_52", $p = {
   themeVars: xp,
   infoWrapper: fp,
   loadingWrapper: gp,
   noRows: bp,
-  row: vp
-}, mt = "List", yp = T({
+  borderCollapse: vp,
+  sectioned: Tp,
+  row: yp,
+  section: kp,
+  sectionFooter: wp
+}, mt = "List", _p = T({
   status: "experimental",
   description: `The \`${mt}\` component is a robust layout container that renders associated data items as a list of components. \`${mt}\` is virtualized; it renders only items that are visible in the viewport.`,
   props: {
@@ -6359,25 +6363,31 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       null,
       "boolean",
       !0
+    ),
+    borderCollapse: l(
+      "Collapse items borders",
+      null,
+      "boolean",
+      !0
     )
   },
   contextVars: {
     $item: l("This property represents the value of an item in the data list.")
   },
-  themeVars: z(Tp.themeVars)
-}), kp = "Logo", wp = T({
+  themeVars: z($p.themeVars)
+}), Ip = "Logo", Bp = T({
   status: "experimental",
-  description: `The \`${kp}\` component represents a logo or a brand symbol. Usually, you use this component in the [\`AppHeader\`](./AppHeader.mdx#logotemplate).`
-}), $p = `'{"color-border-HorizontalRule": "var(--xmlui-color-border-HorizontalRule)", "thickness-border-HorizontalRule": "var(--xmlui-thickness-border-HorizontalRule)", "style-border-HorizontalRule": "var(--xmlui-style-border-HorizontalRule)", "color-bg-Blockquote": "var(--xmlui-color-bg-Blockquote)", "accent-Blockquote": "var(--xmlui-accent-Blockquote)", "radius-Blockquote": "var(--xmlui-radius-Blockquote)", "shadow-Blockquote": "var(--xmlui-shadow-Blockquote)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "margin-Blockquote": "var(--xmlui-margin-Blockquote)", "padding-left-UnorderedList": "var(--xmlui-padding-left-UnorderedList)", "padding-left-OrderedList": "var(--xmlui-padding-left-OrderedList)", "padding-left-ListItem": "var(--xmlui-padding-left-ListItem)", "color-marker-ListItem": "var(--xmlui-color-marker-ListItem)"}'`, _p = "_horizontalRule_y1wfd_13", Ip = "_blockquote_y1wfd_17", Bp = "_unorderedList_y1wfd_37", Sp = "_orderedList_y1wfd_43", Ap = "_listItem_y1wfd_49", Ep = {
-  themeVars: $p,
-  horizontalRule: _p,
-  blockquote: Ip,
-  unorderedList: Bp,
-  orderedList: Sp,
-  listItem: Ap
-}, Np = "Markdown", zp = T({
-  description: `\`${Np}\` displays plain text styled using markdown syntax.`,
-  themeVars: z(Ep.themeVars),
+  description: `The \`${Ip}\` component represents a logo or a brand symbol. Usually, you use this component in the [\`AppHeader\`](./AppHeader.mdx#logotemplate).`
+}), Sp = `'{"color-border-HorizontalRule": "var(--xmlui-color-border-HorizontalRule)", "thickness-border-HorizontalRule": "var(--xmlui-thickness-border-HorizontalRule)", "style-border-HorizontalRule": "var(--xmlui-style-border-HorizontalRule)", "color-bg-Blockquote": "var(--xmlui-color-bg-Blockquote)", "accent-Blockquote": "var(--xmlui-accent-Blockquote)", "radius-Blockquote": "var(--xmlui-radius-Blockquote)", "shadow-Blockquote": "var(--xmlui-shadow-Blockquote)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "margin-Blockquote": "var(--xmlui-margin-Blockquote)", "padding-left-UnorderedList": "var(--xmlui-padding-left-UnorderedList)", "padding-left-OrderedList": "var(--xmlui-padding-left-OrderedList)", "padding-left-ListItem": "var(--xmlui-padding-left-ListItem)", "color-marker-ListItem": "var(--xmlui-color-marker-ListItem)"}'`, Ap = "_horizontalRule_y1wfd_13", Ep = "_blockquote_y1wfd_17", Np = "_unorderedList_y1wfd_37", zp = "_orderedList_y1wfd_43", Lp = "_listItem_y1wfd_49", Pp = {
+  themeVars: Sp,
+  horizontalRule: Ap,
+  blockquote: Ep,
+  unorderedList: Np,
+  orderedList: zp,
+  listItem: Lp
+}, Cp = "Markdown", Dp = T({
+  description: `\`${Cp}\` displays plain text styled using markdown syntax.`,
+  themeVars: z(Pp.themeVars),
   props: {
     content: l("This property sets the markdown content to display."),
     removeIndents: l(
@@ -6404,7 +6414,7 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       // --- No dark-specific theme vars
     }
   }
-}), ve = "ModalDialog", Lp = T({
+}), ve = "ModalDialog", Op = T({
   description: `The \`${ve}\` component defines a modal dialog UI element that can be displayed over the existing UI - triggered by some action.`,
   props: {
     fullScreen: l(
@@ -6456,24 +6466,24 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-bg-${ve}`]: "$color-bg-primary"
     }
   }
-}), Pp = `'{"color-bg-dropdown-NavGroup": "var(--xmlui-color-bg-dropdown-NavGroup)", "shadow-dropdown-NavGroup": "var(--xmlui-shadow-dropdown-NavGroup)", "radius-dropdown-NavGroup": "var(--xmlui-radius-dropdown-NavGroup)"}'`, Cp = "_dropdownList_1i6dc_13", Dp = "_withNavGroupChevron_1i6dc_32", Op = "_pointRight_1i6dc_48", Mp = {
-  themeVars: Pp,
-  dropdownList: Cp,
-  withNavGroupChevron: Dp,
-  pointRight: Op
-}, Wt = "NavGroup", Hp = T({
+}), Mp = `'{"color-bg-dropdown-NavGroup": "var(--xmlui-color-bg-dropdown-NavGroup)", "shadow-dropdown-NavGroup": "var(--xmlui-shadow-dropdown-NavGroup)", "radius-dropdown-NavGroup": "var(--xmlui-radius-dropdown-NavGroup)"}'`, Hp = "_dropdownList_1i6dc_13", Fp = "_withNavGroupChevron_1i6dc_32", Rp = "_pointRight_1i6dc_48", Wp = {
+  themeVars: Mp,
+  dropdownList: Hp,
+  withNavGroupChevron: Fp,
+  pointRight: Rp
+}, Wt = "NavGroup", qp = T({
   description: "The `NavGroup` component is a container for grouping related navigation targets (`NavLink` components). It can be displayed as a submenu in the App's UI.",
   props: {
     label: xe(),
     icon: l(`This property defines an optional icon to display along with the \`${Wt}\` label.`)
   },
-  themeVars: z(Mp.themeVars),
+  themeVars: z(Wp.themeVars),
   defaultThemeVars: {
     [`color-bg-dropdown-${Wt}`]: "$color-bg-primary",
     [`radius-dropdown-${Wt}`]: "$radius",
     [`shadow-dropdown-${Wt}`]: "$shadow-spread"
   }
-}), no = "NavLink", Fp = T({
+}), no = "NavLink", Up = T({
   description: `The \`${no}\` component defines a navigation target (app navigation menu item) within the app; it is associated with a particular in-app navigation target (or an external link).`,
   props: {
     to: l("This property defines the URL of the link."),
@@ -6525,7 +6535,7 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       "color-indicator-NavLink--hover": "$color-primary-400"
     }
   }
-}), Me = "NavPanel", Rp = T({
+}), Me = "NavPanel", Vp = T({
   description: `\`${Me}\` is a placeholder within \`App\` to define the app's navigation (menu) structure.`,
   props: {
     logoTemplate: ne(
@@ -6547,18 +6557,18 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`shadow-${Me}-vertical`]: "4px 0 6px 0 rgba(0, 0, 0, 0.2)"
     }
   }
-}), Wp = `'{"padding-vertical-NoResult": "var(--xmlui-padding-vertical-NoResult)", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`, qp = "_wrapper_9giub_13", Up = "_icon_9giub_22", Vp = {
-  themeVars: Wp,
-  wrapper: qp,
-  icon: Up
-}, qt = "NoResult", Gp = T({
+}), Gp = `'{"padding-vertical-NoResult": "var(--xmlui-padding-vertical-NoResult)", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`, Yp = "_wrapper_9giub_13", Xp = "_icon_9giub_22", Qp = {
+  themeVars: Gp,
+  wrapper: Yp,
+  icon: Xp
+}, qt = "NoResult", Zp = T({
   description: `\`${qt}\` is a component that displays a visual indication that some data query (search) resulted in no (zero) items.`,
   props: {
     label: xe(),
     icon: l("This property defines the icon to display with the component."),
     hideIcon: l("This boolean property indicates if the icon should be hidden.")
   },
-  themeVars: z(Vp.themeVars),
+  themeVars: z(Qp.themeVars),
   defaultThemeVars: {
     [`padding-vertical-${qt}`]: "$space-2",
     [`gap-icon-${qt}`]: "$space-2",
@@ -6570,7 +6580,7 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       // --- No dark-specific theme vars
     }
   }
-}), rt = "NumberBox", Yp = T({
+}), rt = "NumberBox", Jp = T({
   status: "experimental",
   description: `A \`${rt}\` 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: {
@@ -6628,9 +6638,9 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
     setValue: Je()
   },
   themeVars: z(Bu.themeVars)
-}), Xp = '"[]"', Qp = {
-  themeVars: Xp
-}, Ut = "OffCanvas", Zp = T({
+}), jp = '"[]"', Kp = {
+  themeVars: jp
+}, Ut = "OffCanvas", eh = T({
   status: "in progress",
   description: "(**NOT IMPLEMENTED YET**) The `OffCanvas` component is a hidden panel that slides into view from the side of the screen. It helps display additional content or navigation without disrupting the main interface.",
   props: {
@@ -6672,17 +6682,17 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       "This method closes the component. It triggers the `didClose` event with the argument set to `false`."
     )
   },
-  themeVars: z(Qp.themeVars),
+  themeVars: z(Kp.themeVars),
   defaultThemeVars: {
     light: {},
     dark: {}
   }
-}), Jp = T({
+}), th = T({
   description: "A PageMetaTitle component allows setting up (or changing) the app title to display with the current browser tab.",
   props: {
     value: l("This property sets the page's title to display in the browser tab.")
   }
-}), Po = "Page", jp = T({
+}), Po = "Page", oh = T({
   status: "stable",
   docFolder: Po,
   description: `The \`${Po}\` component defines what content is displayed when the user navigates to a particular URL that is associated with the page.`,
@@ -6690,32 +6700,32 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
     //TODO illesg rename to path
     url: l("The URL of the route associated with the content.")
   }
-}), Kp = "Pages", eh = T({
-  description: `The \`${Kp}\` component is used as a container for [\`Page\`](./Page.mdx) components within an [\`App\`](./App.mdx).`,
+}), rh = "Pages", nh = T({
+  description: `The \`${rh}\` component is used as a container for [\`Page\`](./Page.mdx) components within an [\`App\`](./App.mdx).`,
   props: {
     defaultRoute: l("The default route when displaying the app")
   }
-}), th = "Pdf", oh = T({
-  description: `The \`${th}\` component provides a read-only preview of a pdf document's contents.`,
+}), ih = "Pdf", ah = T({
+  description: `The \`${ih}\` component provides a read-only preview of a pdf document's contents.`,
   props: {
     src: l("This property defines the source URL of the pdf document stream to display.")
   },
   status: "in progress"
-}), rh = `'{"color-PieChart": "var(--xmlui-color-PieChart)"}'`, nh = "_wrapper_1d7s9_13", ih = "_chartContainer_1d7s9_19", ah = "_chart_1d7s9_19", lh = "_legends_1d7s9_33", sh = "_legendItem_1d7s9_41", ch = "_legendTop_1d7s9_47", uh = "_legendRight_1d7s9_61", dh = "_legendBottom_1d7s9_78", ph = "_legendLeft_1d7s9_92", hh = "_legendRow_1d7s9_109", mh = "_legendColumn_1d7s9_117", xh = "_legendBullet_1d7s9_125", Tr = {
-  themeVars: rh,
-  wrapper: nh,
-  chartContainer: ih,
-  chart: ah,
-  legends: lh,
-  legendItem: sh,
-  legendTop: ch,
-  legendRight: uh,
-  legendBottom: dh,
-  legendLeft: ph,
-  legendRow: hh,
-  legendColumn: mh,
-  legendBullet: xh
-}, He = "PieChart", fh = T({
+}), lh = `'{"color-PieChart": "var(--xmlui-color-PieChart)"}'`, sh = "_wrapper_1d7s9_13", ch = "_chartContainer_1d7s9_19", uh = "_chart_1d7s9_19", dh = "_legends_1d7s9_33", ph = "_legendItem_1d7s9_41", hh = "_legendTop_1d7s9_47", mh = "_legendRight_1d7s9_61", xh = "_legendBottom_1d7s9_78", fh = "_legendLeft_1d7s9_92", gh = "_legendRow_1d7s9_109", bh = "_legendColumn_1d7s9_117", vh = "_legendBullet_1d7s9_125", Tr = {
+  themeVars: lh,
+  wrapper: sh,
+  chartContainer: ch,
+  chart: uh,
+  legends: dh,
+  legendItem: ph,
+  legendTop: hh,
+  legendRight: mh,
+  legendBottom: xh,
+  legendLeft: fh,
+  legendRow: gh,
+  legendColumn: bh,
+  legendBullet: vh
+}, He = "PieChart", Th = T({
   status: "deprecated",
   description: "(**OBSOLETE**) A pie chart component",
   props: {
@@ -6742,27 +6752,27 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`scheme-${He}`]: "dark2"
     }
   }
-}), gh = '"[]"', bh = "_wrapper_1hlil_13", vh = "_visibleOnHover_1hlil_16", Th = {
-  themeVars: gh,
-  wrapper: bh,
-  visibleOnHover: vh
-}, yh = T({
+}), yh = '"[]"', kh = "_wrapper_1hlil_13", wh = "_visibleOnHover_1hlil_16", $h = {
+  themeVars: yh,
+  wrapper: kh,
+  visibleOnHover: wh
+}, _h = T({
   status: "deprecated",
   description: "(**OBSOLETE**) This component was created for the ChatEngine app.",
   props: {
     visibleOnHover: l("No description")
   },
-  themeVars: z(Th.themeVars)
-}), kh = `'{"color-bg-ProgressBar": "var(--xmlui-color-bg-ProgressBar)", "color-indicator-ProgressBar": "var(--xmlui-color-indicator-ProgressBar)", "radius-ProgressBar": "var(--xmlui-radius-ProgressBar)", "radius-indicator-ProgressBar": "var(--xmlui-radius-indicator-ProgressBar)", "thickness-ProgressBar": "var(--xmlui-thickness-ProgressBar)"}'`, wh = "_wrapper_1s8j7_13", $h = "_bar_1s8j7_22", _h = {
-  themeVars: kh,
-  wrapper: wh,
-  bar: $h
-}, Ue = "ProgressBar", Ih = T({
+  themeVars: z($h.themeVars)
+}), Ih = `'{"color-bg-ProgressBar": "var(--xmlui-color-bg-ProgressBar)", "color-indicator-ProgressBar": "var(--xmlui-color-indicator-ProgressBar)", "radius-ProgressBar": "var(--xmlui-radius-ProgressBar)", "radius-indicator-ProgressBar": "var(--xmlui-radius-indicator-ProgressBar)", "thickness-ProgressBar": "var(--xmlui-thickness-ProgressBar)"}'`, Bh = "_wrapper_1s8j7_13", Sh = "_bar_1s8j7_22", Ah = {
+  themeVars: Ih,
+  wrapper: Bh,
+  bar: Sh
+}, Ue = "ProgressBar", Eh = T({
   description: `A \`${Ue}\` component visually represents the progress of a task or process.`,
   props: {
     value: l("This property defines the progress value with a number between 0 and 1.")
   },
-  themeVars: z(_h.themeVars),
+  themeVars: z(Ah.themeVars),
   defaultThemeVars: {
     [`radius-${Ue}`]: "$radius",
     [`radius-indicator-${Ue}`]: "0px",
@@ -6776,7 +6786,7 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-indicator-${Ue}`]: "$color-primary-500"
     }
   }
-}), Bh = T({
+}), Nh = T({
   description: "The `Queue` component provides an API to enqueue elements and defines events to process queued elements in a FIFO order.",
   props: {
     progressFeedback: l(
@@ -6830,7 +6840,7 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       "A list containing the items waiting in the queue, icluding the completed items."
     )
   }
-}), xt = "RadioGroup", K = "RadioGroupOption", Sh = T({
+}), xt = "RadioGroup", K = "RadioGroupOption", zh = T({
   description: `The \`${xt}\` input component is a group of radio buttons ([\`RadioGroupOption\`](./RadioGroupOption.mdx) components) that allow users to select only one option from the group at a time.`,
   props: {
     initialValue: ze(),
@@ -6879,21 +6889,21 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-border-${K}-default--active`]: "$color-primary-400"
     }
   }
-}), Ah = "RealTimeAdapter", Eh = T({
+}), Lh = "RealTimeAdapter", Ph = T({
   status: "experimental",
-  description: `\`${Ah}\` is a non-visual component that listens to real-time events through long-polling.`,
+  description: `\`${Lh}\` is a non-visual component that listens to real-time events through long-polling.`,
   props: {
     url: l("This property specifies the URL to use for long-polling.")
   },
   events: {
     eventArrived: l("This event is raised when data arrives from the backend using long-polling.")
   }
-}), Nh = "Redirect", zh = T({
-  description: `\`${Nh}\` is a component that immediately redirects the browser to the URL in its \`to\` property when it gets visible (its \`when\` property gets \`true\`). The redirection works only within the app.`,
+}), Ch = "Redirect", Dh = T({
+  description: `\`${Ch}\` is a component that immediately redirects the browser to the URL in its \`to\` property when it gets visible (its \`when\` property gets \`true\`). The redirection works only within the app.`,
   props: {
     to: l("This property defines the URL to which this component is about to redirect requests.")
   }
-}), J = "Select", Lh = T({
+}), J = "Select", Oh = T({
   description: "Provides a dropdown with a list of options to choose from.",
   status: "experimental",
   props: {
@@ -6963,18 +6973,18 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-text-item-${J}--disabled`]: "$color-surface-800"
     }
   }
-}), Ph = "SelectionStore", Ch = T({
+}), Mh = "SelectionStore", Hh = T({
   status: "deprecated",
-  description: `The \`${Ph}\` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.`,
+  description: `The \`${Mh}\` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.`,
   props: {
     idKey: l(
       'The selected items in the selection store needs to have a unique ID to use as an unambiguous key for that particular item. This property uniquely identifies the selected object item via a given property. By default, the key attribute is `"id"`.'
     )
   }
-}), Dh = "SpaceFiller", Oh = T({
-  description: `The \`${Dh}\` is a component that works well in layout containers to fill the remaining (unused) space. Its behavior depends on the layout container in which it is used.`,
+}), Fh = "SpaceFiller", Rh = T({
+  description: `The \`${Fh}\` is a component that works well in layout containers to fill the remaining (unused) space. Its behavior depends on the layout container in which it is used.`,
   themeVars: z(ou.themeVars)
-}), _t = "Spinner", Mh = T({
+}), _t = "Spinner", Wh = T({
   description: `The \`${_t}\` component is an animated indicator that represents a particular action in progress without a deterministic progress value.`,
   props: {
     delay: l("The delay in milliseconds before the spinner is displayed."),
@@ -6992,16 +7002,16 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-border-${_t}`]: "$color-surface-600"
     }
   }
-}), Hh = `'{"padding-Splitter": "var(--xmlui-padding-Splitter)", "shadow-Splitter": "var(--xmlui-shadow-Splitter)", "color-bg-Splitter": "var(--xmlui-color-bg-Splitter)", "radius-Splitter": "var(--xmlui-radius-Splitter)", "color-border-Splitter": "var(--xmlui-color-border-Splitter)", "thickness-border-Splitter": "var(--xmlui-thickness-border-Splitter)", "style-border-Splitter": "var(--xmlui-style-border-Splitter)", "border-Splitter": "var(--xmlui-border-Splitter)", "color-bg-resizer-Splitter": "var(--xmlui-color-bg-resizer-Splitter)", "thickness-resizer-Splitter": "var(--xmlui-thickness-resizer-Splitter)", "cursor-resizer-horizontal-Splitter": "var(--xmlui-cursor-resizer-horizontal-Splitter)", "cursor-resizer-vertical-Splitter": "var(--xmlui-cursor-resizer-vertical-Splitter)"}'`, Fh = "_splitter_1a9gt_13", Rh = "_vertical_1a9gt_27", Wh = "_horizontal_1a9gt_30", qh = "_panel_1a9gt_34", Uh = "_primaryPanel_1a9gt_41", Vh = "_secondaryPanel_1a9gt_48", Gh = "_resizer_1a9gt_54", Yh = "_floatingResizer_1a9gt_70", Xh = {
-  themeVars: Hh,
-  splitter: Fh,
-  vertical: Rh,
-  horizontal: Wh,
-  panel: qh,
-  primaryPanel: Uh,
-  secondaryPanel: Vh,
-  resizer: Gh,
-  floatingResizer: Yh
+}), qh = `'{"padding-Splitter": "var(--xmlui-padding-Splitter)", "shadow-Splitter": "var(--xmlui-shadow-Splitter)", "color-bg-Splitter": "var(--xmlui-color-bg-Splitter)", "radius-Splitter": "var(--xmlui-radius-Splitter)", "color-border-Splitter": "var(--xmlui-color-border-Splitter)", "thickness-border-Splitter": "var(--xmlui-thickness-border-Splitter)", "style-border-Splitter": "var(--xmlui-style-border-Splitter)", "border-Splitter": "var(--xmlui-border-Splitter)", "color-bg-resizer-Splitter": "var(--xmlui-color-bg-resizer-Splitter)", "thickness-resizer-Splitter": "var(--xmlui-thickness-resizer-Splitter)", "cursor-resizer-horizontal-Splitter": "var(--xmlui-cursor-resizer-horizontal-Splitter)", "cursor-resizer-vertical-Splitter": "var(--xmlui-cursor-resizer-vertical-Splitter)"}'`, Uh = "_splitter_1a9gt_13", Vh = "_vertical_1a9gt_27", Gh = "_horizontal_1a9gt_30", Yh = "_panel_1a9gt_34", Xh = "_primaryPanel_1a9gt_41", Qh = "_secondaryPanel_1a9gt_48", Zh = "_resizer_1a9gt_54", Jh = "_floatingResizer_1a9gt_70", jh = {
+  themeVars: qh,
+  splitter: Uh,
+  vertical: Vh,
+  horizontal: Gh,
+  panel: Yh,
+  primaryPanel: Xh,
+  secondaryPanel: Qh,
+  resizer: Zh,
+  floatingResizer: Jh
 }, Ve = "Splitter", to = T({
   description: `The \`${Ve}\` component divides a container (such as a window, panel, pane, etc.) into two resizable sections.`,
   props: {
@@ -7027,14 +7037,14 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
   events: {
     resize: l("This event fires when the component is resized.")
   },
-  themeVars: z(Xh.themeVars),
+  themeVars: z(jh.themeVars),
   defaultThemeVars: {
     [`color-bg-resizer-${Ve}`]: "$color-bg-Card",
     [`thickness-resizer-${Ve}`]: "5px",
     [`cursor-resizer-horizontal-${Ve}`]: "ew-resize",
     [`cursor-resizer-vertical-${Ve}`]: "ns-resize"
   }
-}), Qh = {
+}), Kh = {
   ...to,
   props: {
     ...to.props,
@@ -7042,12 +7052,12 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       "Sets whether the `Splitter` divides the container horizontally and lays out the section on top of each other (`vertical`), or vertically by placing the sections next to each other (`horizontal`)."
     )
   }
-}, Zh = { ...to, specializedFrom: Ve }, Jh = { ...to, specializedFrom: Ve }, jh = `'{"color-bg-StickyBox": "var(--xmlui-color-bg-StickyBox)"}'`, Kh = "_wrapper_1qgtv_13", em = "_top_1qgtv_18", tm = "_bottom_1qgtv_21", om = {
-  themeVars: jh,
-  wrapper: Kh,
-  top: em,
-  bottom: tm
-}, Co = "StickyBox", rm = T({
+}, em = { ...to, specializedFrom: Ve }, tm = { ...to, specializedFrom: Ve }, om = `'{"color-bg-StickyBox": "var(--xmlui-color-bg-StickyBox)"}'`, rm = "_wrapper_1qgtv_13", nm = "_top_1qgtv_18", im = "_bottom_1qgtv_21", am = {
+  themeVars: om,
+  wrapper: rm,
+  top: nm,
+  bottom: im
+}, Co = "StickyBox", lm = T({
   status: "experimental",
   description: `The \`${Co}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,
   props: {
@@ -7055,11 +7065,11 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       "This property determines whether the StickyBox should be anchored to the `top` or `bottom`."
     )
   },
-  themeVars: z(om.themeVars),
+  themeVars: z(am.themeVars),
   defaultThemeVars: {
     [`color-bg-${Co}`]: "$color-bg"
   }
-}), Y = "Switch", nm = T({
+}), Y = "Switch", sm = T({
   description: `The \`${Y}\` component is a user interface element that allows users to toggle between two states: on and off. It consists of a small rectangular or circular button that can be moved left or right to change its state.`,
   props: {
     indeterminate: nr(),
@@ -7113,35 +7123,35 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-bg-${Y}--disabled`]: "$color-surface-800"
     }
   }
-}), im = `'{"color-text-pagination-Table": "var(--xmlui-color-text-pagination-Table)", "color-bg-Table": "var(--xmlui-color-bg-Table)", "color-text-Table": "var(--xmlui-color-text-Table)", "color-bg-row-Table": "var(--xmlui-color-bg-row-Table)", "color-bg-row-Table--hover": "var(--xmlui-color-bg-row-Table--hover)", "color-bg-selected-Table": "var(--xmlui-color-bg-selected-Table)", "color-bg-selected-Table--hover": "var(--xmlui-color-bg-selected-Table--hover)", "color-bg-heading-Table": "var(--xmlui-color-bg-heading-Table)", "color-bg-heading-Table--hover": "var(--xmlui-color-bg-heading-Table--hover)", "color-bg-heading-Table--active": "var(--xmlui-color-bg-heading-Table--active)", "padding-horizontal-heading-Table": "var(--xmlui-padding-horizontal-heading-Table)", "padding-vertical-heading-Table": "var(--xmlui-padding-vertical-heading-Table)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "padding-horizontal-cell-Table": "var(--xmlui-padding-horizontal-cell-Table)", "padding-horizontal-cell-first-Table": "var(--xmlui-padding-horizontal-cell-first-Table)", "padding-horizontal-cell-last-Table": "var(--xmlui-padding-horizontal-cell-last-Table)", "padding-vertical-cell-Table": "var(--xmlui-padding-vertical-cell-Table)", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "color-border-cell-Table": "var(--xmlui-color-border-cell-Table)", "thickness-border-cell-Table": "var(--xmlui-thickness-border-cell-Table)", "style-border-cell-Table": "var(--xmlui-style-border-cell-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "color-bg-pagination-Table": "var(--xmlui-color-bg-pagination-Table)", "color-text-heading-Table": "var(--xmlui-color-text-heading-Table)", "font-weight-row-Table": "var(--xmlui-font-weight-row-Table)", "font-size-row-Table": "var(--xmlui-font-size-row-Table)", "font-weight-heading-Table": "var(--xmlui-font-weight-heading-Table)", "font-size-heading-Table": "var(--xmlui-font-size-heading-Table)", "transform-text-heading-Table": "var(--xmlui-transform-text-heading-Table)", "thickness-outline-heading-Table--focus": "var(--xmlui-thickness-outline-heading-Table--focus)", "color-outline-heading-Table--focus": "var(--xmlui-color-outline-heading-Table--focus)", "style-outline-heading-Table--focus": "var(--xmlui-style-outline-heading-Table--focus)", "offset-outline-heading-Table--focus": "var(--xmlui-offset-outline-heading-Table--focus)"}'`, am = "_wrapper_7jlv4_13", lm = "_noScroll_7jlv4_19", sm = "_headerWrapper_7jlv4_23", cm = "_tableBody_7jlv4_23", um = "_clickableHeader_7jlv4_29", dm = "_headerContent_7jlv4_39", pm = "_headerRow_7jlv4_67", hm = "_columnCell_7jlv4_72", mm = "_cell_7jlv4_72", xm = "_table_7jlv4_23", fm = "_row_7jlv4_83", gm = "_checkBoxWrapper_7jlv4_89", bm = "_showInHeader_7jlv4_93", vm = "_selected_7jlv4_96", Tm = "_allSelected_7jlv4_96", ym = "_focused_7jlv4_142", km = "_disabled_7jlv4_154", wm = "_noRows_7jlv4_179", $m = "_pagination_7jlv4_185", _m = "_paginationLabel_7jlv4_201", Im = "_paginationSelect_7jlv4_206", Bm = "_paginationButtons_7jlv4_212", Sm = "_searchIconWrapper_7jlv4_217", Am = "_loadingWrapper_7jlv4_224", Em = "_resizer_7jlv4_239", Nm = "_isResizing_7jlv4_261", zm = {
-  themeVars: im,
-  wrapper: am,
-  noScroll: lm,
-  headerWrapper: sm,
-  tableBody: cm,
-  clickableHeader: um,
-  headerContent: dm,
-  headerRow: pm,
-  columnCell: hm,
-  cell: mm,
-  table: xm,
-  row: fm,
-  checkBoxWrapper: gm,
-  showInHeader: bm,
-  selected: vm,
-  allSelected: Tm,
-  focused: ym,
-  disabled: km,
-  noRows: wm,
-  pagination: $m,
-  paginationLabel: _m,
-  paginationSelect: Im,
-  paginationButtons: Bm,
-  searchIconWrapper: Sm,
-  loadingWrapper: Am,
-  resizer: Em,
-  isResizing: Nm
-}, C = "Table", Lm = T({
+}), cm = `'{"color-text-pagination-Table": "var(--xmlui-color-text-pagination-Table)", "color-bg-Table": "var(--xmlui-color-bg-Table)", "color-text-Table": "var(--xmlui-color-text-Table)", "color-bg-row-Table": "var(--xmlui-color-bg-row-Table)", "color-bg-row-Table--hover": "var(--xmlui-color-bg-row-Table--hover)", "color-bg-selected-Table": "var(--xmlui-color-bg-selected-Table)", "color-bg-selected-Table--hover": "var(--xmlui-color-bg-selected-Table--hover)", "color-bg-heading-Table": "var(--xmlui-color-bg-heading-Table)", "color-bg-heading-Table--hover": "var(--xmlui-color-bg-heading-Table--hover)", "color-bg-heading-Table--active": "var(--xmlui-color-bg-heading-Table--active)", "padding-horizontal-heading-Table": "var(--xmlui-padding-horizontal-heading-Table)", "padding-vertical-heading-Table": "var(--xmlui-padding-vertical-heading-Table)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "padding-horizontal-cell-Table": "var(--xmlui-padding-horizontal-cell-Table)", "padding-horizontal-cell-first-Table": "var(--xmlui-padding-horizontal-cell-first-Table)", "padding-horizontal-cell-last-Table": "var(--xmlui-padding-horizontal-cell-last-Table)", "padding-vertical-cell-Table": "var(--xmlui-padding-vertical-cell-Table)", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "color-border-cell-Table": "var(--xmlui-color-border-cell-Table)", "thickness-border-cell-Table": "var(--xmlui-thickness-border-cell-Table)", "style-border-cell-Table": "var(--xmlui-style-border-cell-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "color-bg-pagination-Table": "var(--xmlui-color-bg-pagination-Table)", "color-text-heading-Table": "var(--xmlui-color-text-heading-Table)", "font-weight-row-Table": "var(--xmlui-font-weight-row-Table)", "font-size-row-Table": "var(--xmlui-font-size-row-Table)", "font-weight-heading-Table": "var(--xmlui-font-weight-heading-Table)", "font-size-heading-Table": "var(--xmlui-font-size-heading-Table)", "transform-text-heading-Table": "var(--xmlui-transform-text-heading-Table)", "thickness-outline-heading-Table--focus": "var(--xmlui-thickness-outline-heading-Table--focus)", "color-outline-heading-Table--focus": "var(--xmlui-color-outline-heading-Table--focus)", "style-outline-heading-Table--focus": "var(--xmlui-style-outline-heading-Table--focus)", "offset-outline-heading-Table--focus": "var(--xmlui-offset-outline-heading-Table--focus)"}'`, um = "_wrapper_7jlv4_13", dm = "_noScroll_7jlv4_19", pm = "_headerWrapper_7jlv4_23", hm = "_tableBody_7jlv4_23", mm = "_clickableHeader_7jlv4_29", xm = "_headerContent_7jlv4_39", fm = "_headerRow_7jlv4_67", gm = "_columnCell_7jlv4_72", bm = "_cell_7jlv4_72", vm = "_table_7jlv4_23", Tm = "_row_7jlv4_83", ym = "_checkBoxWrapper_7jlv4_89", km = "_showInHeader_7jlv4_93", wm = "_selected_7jlv4_96", $m = "_allSelected_7jlv4_96", _m = "_focused_7jlv4_142", Im = "_disabled_7jlv4_154", Bm = "_noRows_7jlv4_179", Sm = "_pagination_7jlv4_185", Am = "_paginationLabel_7jlv4_201", Em = "_paginationSelect_7jlv4_206", Nm = "_paginationButtons_7jlv4_212", zm = "_searchIconWrapper_7jlv4_217", Lm = "_loadingWrapper_7jlv4_224", Pm = "_resizer_7jlv4_239", Cm = "_isResizing_7jlv4_261", Dm = {
+  themeVars: cm,
+  wrapper: um,
+  noScroll: dm,
+  headerWrapper: pm,
+  tableBody: hm,
+  clickableHeader: mm,
+  headerContent: xm,
+  headerRow: fm,
+  columnCell: gm,
+  cell: bm,
+  table: vm,
+  row: Tm,
+  checkBoxWrapper: ym,
+  showInHeader: km,
+  selected: wm,
+  allSelected: $m,
+  focused: _m,
+  disabled: Im,
+  noRows: Bm,
+  pagination: Sm,
+  paginationLabel: Am,
+  paginationSelect: Em,
+  paginationButtons: Nm,
+  searchIconWrapper: zm,
+  loadingWrapper: Lm,
+  resizer: Pm,
+  isResizing: Cm
+}, C = "Table", Om = T({
   description: `\`${C}\` is a component that displays cells organized into rows and columns. The \`${C}\` component is virtualized so it only renders visible cells.`,
   props: {
     items: l(
@@ -7212,7 +7222,7 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       "This method selects the row with the specified ID. This method has no effect if the `rowsSelectable` property is set to `false`. The method argument can be a single id or an array of them."
     )
   },
-  themeVars: z(zm.themeVars),
+  themeVars: z(Dm.themeVars),
   defaultThemeVars: {
     [`padding-horizontal-heading-${C}`]: "$space-2",
     [`padding-vertical-heading-${C}`]: "$space-2",
@@ -7255,8 +7265,8 @@ const Od = `'{"Input:radius-AutoComplete-default": "var(--xmlui-radius-AutoCompl
       [`color-bg-heading-${C}--active`]: "$color-surface-700"
     }
   }
-}), Pm = "Column", Cm = T({
-  description: `The \`${Pm}\` component can be used within a \`Table\` to define a particular table column's visual properties and data bindings.`,
+}), Mm = "Column", Hm = T({
+  description: `The \`${Mm}\` component can be used within a \`Table\` to define a particular table column's visual properties and data bindings.`,
   props: {
     bindTo: l("Indicates what part of the data to lay out in the column."),
     header: l("Adds a label for a particular column."),
@@ -7281,27 +7291,27 @@ const io = {
   code: "W001",
   category: 1,
   message: "Invalid character."
-}, Dm = {
+}, Fm = {
   code: "W002",
   category: 1,
   message: "Unterminated string literal."
-}, Om = {
+}, Rm = {
   code: "W007",
   category: 1,
   message: "Unterminated comment"
-}, Mm = {
+}, Wm = {
   code: "W008",
   category: 1,
   message: "Unterminated CDATA section"
-}, Hm = {
+}, qm = {
   code: "W009",
   category: 1,
   message: "Unterminated script section"
-}, Fm = {
+}, Um = {
   category: 1,
   code: "U008",
   message: "A '>' token expected."
-}, Rm = {
+}, Vm = {
   category: 1,
   code: "U005",
   message: "A '</' token expected."
@@ -7309,15 +7319,15 @@ const io = {
   category: 1,
   code: "U004",
   message: "A tag identifier expected."
-}, Wm = {
+}, Gm = {
   category: 1,
   code: "U011",
   message: "An attribute value expected."
-}, qm = {
+}, Ym = {
   category: 1,
   code: "U003",
   message: "A '<' token expected."
-}, Um = {
+}, Xm = {
   category: 1,
   code: "U006",
   message: "A '>' or '/>' token expected."
@@ -7327,7 +7337,7 @@ const io = {
   message: "An attribute identifier expected."
 };
 var p = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.EndOfFileToken = 1] = "EndOfFileToken", e[e.CommentTrivia = 2] = "CommentTrivia", e[e.NewLineTrivia = 3] = "NewLineTrivia", e[e.WhitespaceTrivia = 4] = "WhitespaceTrivia", e[e.Identifier = 5] = "Identifier", e[e.OpenNodeStart = 6] = "OpenNodeStart", e[e.CloseNodeStart = 7] = "CloseNodeStart", e[e.NodeEnd = 8] = "NodeEnd", e[e.NodeClose = 9] = "NodeClose", e[e.Colon = 10] = "Colon", e[e.Equal = 11] = "Equal", e[e.StringLiteral = 12] = "StringLiteral", e[e.CData = 13] = "CData", e[e.Script = 14] = "Script", e[e.TextNode = 15] = "TextNode", e[e.AmpersandEntity = 16] = "AmpersandEntity", e[e.LessThanEntity = 17] = "LessThanEntity", e[e.GreaterThanEntity = 18] = "GreaterThanEntity", e[e.SingleQuoteEntity = 19] = "SingleQuoteEntity", e[e.DoubleQuoteEntity = 20] = "DoubleQuoteEntity", e[e.ElementNode = 21] = "ElementNode", e[e.AttributeNode = 22] = "AttributeNode", e[e.AttributeKeyNode = 23] = "AttributeKeyNode", e[e.ContentListNode = 24] = "ContentListNode", e[e.AttributeListNode = 25] = "AttributeListNode", e[e.TagNameNode = 26] = "TagNameNode", e[e.ErrorNode = 27] = "ErrorNode", e))(p || {});
-function Vm(e) {
+function Qm(e) {
   return e >= 2 && e <= 4;
 }
 function Mo(e) {
@@ -7389,12 +7399,12 @@ function Mo(e) {
     case 23:
       return "AttributeKeyNode";
   }
-  return Gm();
+  return Zm();
 }
-function Gm(e) {
+function Zm(e) {
   throw new Error("Didn't expect to get here");
 }
-function Ym(e, t, o, i, n) {
+function Jm(e, t, o, i, n) {
   let s = t ?? "", a, c, u, y, g, d;
   return he(s, i, n), {
     getStartPos: () => u,
@@ -7484,7 +7494,7 @@ function Ym(e, t, o, i, n) {
                 return a += 3, g = p.CommentTrivia;
               a += Fe($(a));
             }
-            return v(Om, 4), g = p.Unknown;
+            return v(Rm, 4), g = p.Unknown;
           } else if (
             // --- <![CDATA[ section
             $(a + 1) === x.exclamation && $(a + 2) === x.openBracket && $(a + 3) === x.C && $(a + 4) === x.D && $(a + 5) === x.A && $(a + 6) === x.T && $(a + 7) === x.A && $(a + 8) === x.openBracket
@@ -7494,7 +7504,7 @@ function Ym(e, t, o, i, n) {
                 return a += 3, g = p.CData;
               a += Fe($(a));
             }
-            return v(Mm, 9), g = p.CData;
+            return v(Wm, 9), g = p.CData;
           } else if (
             // --- <script>
             $(a + 1) === x.s && $(a + 2) === x.c && $(a + 3) === x.r && $(a + 4) === x.i && $(a + 5) === x.p && $(a + 6) === x.t && $(a + 7) === x.greaterThan
@@ -7504,7 +7514,7 @@ function Ym(e, t, o, i, n) {
                 return a += 9, g = p.Script;
               a += Fe($(a));
             }
-            return v(Hm, 9), g = p.Script;
+            return v(qm, 9), g = p.Script;
           }
           return a++, g = p.OpenNodeStart;
         case x.slash:
@@ -7518,7 +7528,7 @@ function Ym(e, t, o, i, n) {
           if (Ho(h)) {
             a += Fe(h);
             continue;
-          } else if (jm(h)) {
+          } else if (ox(h)) {
             a += Fe(h);
             continue;
           }
@@ -7529,7 +7539,7 @@ function Ym(e, t, o, i, n) {
   }
   function S() {
     const h = a, _ = O();
-    return Vm(_) ? _ : (se(h), null);
+    return Qm(_) ? _ : (se(h), null);
   }
   function B() {
     return p.Unknown;
@@ -7560,8 +7570,8 @@ function Ym(e, t, o, i, n) {
   }
   function M(h) {
     let _ = h;
-    if (Zm(_)) {
-      for (a += Fe(_); a < c && Jm(_ = q(a)); )
+    if (ex(_)) {
+      for (a += Fe(_); a < c && tx(_ = q(a)); )
         a += Fe(_);
       return d = s.substring(y, a), f();
     }
@@ -7575,7 +7585,7 @@ function Ym(e, t, o, i, n) {
     let _ = "", R = a;
     for (; ; ) {
       if (a >= c) {
-        _ += s.substring(R, a), v(Dm, 1);
+        _ += s.substring(R, a), v(Fm, 1);
         break;
       }
       if ($(a) === h) {
@@ -7596,25 +7606,25 @@ function Fe(e) {
 function yr(e) {
   return e >= x.A && e <= x.Z || e >= x.a && e <= x.z;
 }
-function Xm(e) {
-  return yr(e) || Qm(e) || e === x._;
+function jm(e) {
+  return yr(e) || Km(e) || e === x._;
 }
-function Qm(e) {
+function Km(e) {
   return e >= x._0 && e <= x._9;
 }
-function Zm(e) {
+function ex(e) {
   return yr(e) || e === x.$ || e === x._;
 }
-function Jm(e) {
-  return Xm(e) || e === x.$ || e === x.minus || e === x.dot;
+function tx(e) {
+  return jm(e) || e === x.$ || e === x.minus || e === x.dot;
 }
 function Ho(e) {
   return e === x.space || e === x.tab || e === x.verticalTab || e === x.formFeed || e === x.nonBreakingSpace || e === x.nextLine || e === x.ogham || e >= x.enQuad && e <= x.zeroWidthSpace || e === x.narrowNoBreakSpace || e === x.mathematicalSpace || e === x.ideographicSpace || e === x.byteOrderMark;
 }
-function jm(e) {
+function ox(e) {
   return e === x.lineFeed || e === x.carriageReturn || e === x.lineSeparator || e === x.paragraphSeparator;
 }
-function Km(e, t, o) {
+function rx(e, t, o) {
   var s, a;
   const i = ((s = e.children) == null ? void 0 : s.filter((c) => c.kind !== p.ErrorNode)) ?? [], n = ((a = t.children) == null ? void 0 : a.filter((c) => c.kind !== p.ErrorNode)) ?? [];
   if (i.length !== n.length)
@@ -7654,16 +7664,16 @@ const Vt = {
     };
   }
 };
-function ex(e) {
+function nx(e) {
   return {
-    parse: () => tx(e),
+    parse: () => ix(e),
     getText: (t, o = !0) => e.substring(o ? t.pos ?? t.start ?? 0 : t.start ?? t.pos ?? 0, t.end)
   };
 }
-function tx(e) {
+function ix(e) {
   const t = [], o = [];
   let i, n = { children: [] }, s;
-  const c = Ym(!1, e, function(I, w) {
+  const c = Jm(!1, e, function(I, w) {
     s = {
       message: I,
       prefixLength: w
@@ -7704,7 +7714,7 @@ function tx(e) {
       }
   }
   function d() {
-    !q(p.CData) && !q(p.Script) && ($(p.OpenNodeStart) ? P() : R(qm));
+    !q(p.CData) && !q(p.Script) && ($(p.OpenNodeStart) ? P() : R(Ym));
   }
   function P() {
     v(), f(p.OpenNodeStart);
@@ -7716,16 +7726,16 @@ function tx(e) {
       if (y(), q(p.CloseNodeStart)) {
         if ($(p.Identifier)) {
           const w = b();
-          I !== void 0 && !Km(I, w, u) && ue(Vt.tagNameMismatch(u(I), u(w)));
+          I !== void 0 && !rx(I, w, u) && ue(Vt.tagNameMismatch(u(I), u(w)));
         } else
           he(Do, [p.NodeEnd]);
-        q(p.NodeEnd) || ue(Fm);
+        q(p.NodeEnd) || ue(Um);
       } else
-        ue(Rm);
+        ue(Vm);
       h(p.ElementNode);
       return;
     } else
-      ue(Um);
+      ue(Xm);
   }
   function b() {
     return v(), f(p.Identifier), q(p.Colon) && q(p.Identifier), h(p.TagNameNode);
@@ -7747,7 +7757,7 @@ function tx(e) {
     }
     if (q(p.Equal) && !q(p.StringLiteral) && !q(p.Identifier)) {
       const w = [p.NodeEnd, p.NodeClose];
-      he(Wm, w);
+      he(Gm, w);
     }
     h(p.AttributeNode);
   }
@@ -7933,7 +7943,7 @@ class vo extends Error {
     super(`${o ? `${o}: ` : ""}${t}`), this.code = o, Object.setPrototypeOf(this, vo.prototype);
   }
 }
-const ox = {
+const ax = {
   U001: "Unexpected token: {0}",
   U002: "A component definition can have exactly one UEML element",
   U003: "A '<' token expected",
@@ -7974,7 +7984,7 @@ const ox = {
   T023: "A 'script' tag cannot nest other child nodes, only text",
   T024: "Cannot put a reusable component definitions into a slot"
 }, ao = "__PARSED__";
-function rx(e, t, o, i) {
+function lx(e, t, o, i) {
   const n = {
     vars: {},
     moduleErrors: {},
@@ -8048,8 +8058,8 @@ function rx(e, t, o, i) {
     };
   }
 }
-const Ro = "Component", Te = /^[A-Z]/, Wo = /^on[A-Z]/, nx = ["name", "value"], ix = 9, ax = 3;
-function lx(e, t, o, i = () => "") {
+const Ro = "Component", Te = /^[A-Z]/, Wo = /^on[A-Z]/, sx = ["name", "value"], cx = 9, ux = 3;
+function dx(e, t, o, i = () => "") {
   const n = (f) => f.text ?? t(f);
   if (e.children.length !== 2)
     return X("T001"), null;
@@ -8233,7 +8243,7 @@ function lx(e, t, o, i = () => "") {
       return;
     const D = new br(m.script);
     try {
-      D.parseStatements(), m.scriptCollected = rx("Main", m.script, i, (w) => w);
+      D.parseStatements(), m.scriptCollected = lx("Main", m.script, i, (w) => w);
     } catch (w) {
       D.errors && D.errors.length > 0 ? m.scriptError = D.errors : m.scriptError = w;
     }
@@ -8323,7 +8333,7 @@ function lx(e, t, o, i = () => "") {
       (U) => U.kind === p.ElementNode && Te.test(V(U))
     ), D = _.filter(
       (U) => U.kind === p.ElementNode && !Te.test(V(U))
-    ), ee = ft(m).map($), I = ee.filter((U) => nx.indexOf(U.name) >= 0);
+    ), ee = ft(m).map($), I = ee.filter((U) => sx.indexOf(U.name) >= 0);
     if (ee.length > I.length)
       return X("T011", h), null;
     const w = I.find((U) => U.name === "name");
@@ -8432,7 +8442,7 @@ function lx(e, t, o, i = () => "") {
   }
   function ce(f) {
     const m = gt(f), v = V(f), _ = Te.test(v) || v === "property", R = v !== "event" && !Yt(v), D = ft(f);
-    cx(D), ux(D, n), q(D), se(m), M(m, R);
+    hx(D), mx(D, n), q(D), se(m), M(m, R);
     let ee = !1, I = !1;
     for (let E = 0; E < m.length; ++E) {
       const U = m[E];
@@ -8446,7 +8456,7 @@ function lx(e, t, o, i = () => "") {
         continue;
       }
       let ie = n(U);
-      U.kind === p.StringLiteral ? ie = ie.slice(1, -1) : U.kind === p.CData && (ee = !0), _ ? ee ? te = sx(ie) : te = qo(ie) : te = {
+      U.kind === p.StringLiteral ? ie = ie.slice(1, -1) : U.kind === p.CData && (ee = !0), _ ? ee ? te = px(ie) : te = qo(ie) : te = {
         kind: p.TextNode,
         text: ie
       }, m[E] = te;
@@ -8476,7 +8486,7 @@ function lx(e, t, o, i = () => "") {
   }
   function ue(f) {
     for (let m = 0; m < f.length; ++m)
-      f[m].kind === p.CData && (f[m].text = n(f[m]).slice(ix, -ax));
+      f[m].kind === p.CData && (f[m].text = n(f[m]).slice(cx, -ux));
   }
   function se(f) {
     for (let m of f)
@@ -8541,7 +8551,7 @@ function lx(e, t, o, i = () => "") {
     }
   }
 }
-function sx(e) {
+function px(e) {
   return {
     kind: p.ElementNode,
     children: [
@@ -8600,7 +8610,7 @@ function qo(e) {
   };
 }
 function X(e, ...t) {
-  let o = ox[e] ?? "Unknown error";
+  let o = ax[e] ?? "Unknown error";
   throw t && t.forEach((n, s) => o = i(o, `{${s}}`, n.toString())), new vo(o, e);
   function i(n, s, a) {
     do
@@ -8656,7 +8666,7 @@ function Vo(e, t) {
     ]
   };
 }
-function cx(e) {
+function hx(e) {
   var t;
   for (let o of e)
     if (((t = o.children) == null ? void 0 : t.length) === 1) {
@@ -8669,7 +8679,7 @@ function cx(e) {
       o.children.push(i, n);
     }
 }
-function ux(e, t) {
+function mx(e, t) {
   var o, i, n;
   for (let s of e) {
     const a = (o = s.children) == null ? void 0 : o[2];
@@ -8679,18 +8689,18 @@ function ux(e, t) {
 function Yt(e) {
   return e === "method";
 }
-function dx(e, t = 0, o) {
-  const { parse: i, getText: n } = ex(e), { node: s, errors: a } = i();
+function xx(e, t = 0, o) {
+  const { parse: i, getText: n } = nx(e), { node: s, errors: a } = i();
   if (a.length > 0) {
     const c = [];
     for (let g = 0; g < e.length; ++g)
       e[g] === `
 ` && c.push(g);
-    const u = px(a, c), y = Go(s, n);
+    const u = fx(a, c), y = Go(s, n);
     return { component: null, errors: u, erroneousCompoundComponentName: y };
   }
   try {
-    return { component: lx(s, n, t, o), errors: [] };
+    return { component: dx(s, n, t, o), errors: [] };
   } catch (c) {
     const u = Go(s, n), y = {
       message: c.message,
@@ -8708,7 +8718,7 @@ function dx(e, t = 0, o) {
     };
   }
 }
-function px(e, t) {
+function fx(e, t) {
   if (t.length === 0) {
     for (let o of e)
       o.line = 1, o.col = o.pos + 1;
@@ -8744,7 +8754,7 @@ function Go(e, t) {
   }
 }
 function ut(e, t) {
-  const o = dx(t).component;
+  const o = xx(t).component;
   if (!o)
     throw new Error(`Failed to parse ${e} component definition during build.`);
   return o;
@@ -8759,7 +8769,7 @@ const Jt = "TableHeader", kr = T({
     [`padding-vertical-${Jt}`]: "$space-4",
     [`padding-horizontal-${Jt}`]: "$space-5"
   }
-}), hx = `
+}), gx = `
 <Component name="TableHeader">
   <VStack 
     verticalAlignment="center"
@@ -8769,21 +8779,21 @@ const Jt = "TableHeader", kr = T({
   </VStack>
 </Component>
 `;
-ut(Jt, hx);
-const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-vertical-TableOfContentsItem)", "padding-horizontal-TableOfContentsItem": "var(--xmlui-padding-horizontal-TableOfContentsItem)", "padding-horizontal-TableOfContentsItem-level-1": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-1)", "padding-horizontal-TableOfContentsItem-level-2": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-2)", "padding-horizontal-TableOfContentsItem-level-3": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-3)", "padding-horizontal-TableOfContentsItem-level-4": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-4)", "padding-horizontal-TableOfContentsItem-level-5": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-5)", "padding-horizontal-TableOfContentsItem-level-6": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-6)", "color-bg-TableOfContents": "var(--xmlui-color-bg-TableOfContents)", "width-TableOfContents": "var(--xmlui-width-TableOfContents)", "height-TableOfContents": "var(--xmlui-height-TableOfContents)", "border-radius-TableOfContents": "var(--xmlui-border-radius-TableOfContents)", "color-border-TableOfContents": "var(--xmlui-color-border-TableOfContents)", "thickness-border-TableOfContents": "var(--xmlui-thickness-border-TableOfContents)", "style-border-TableOfContents": "var(--xmlui-style-border-TableOfContents)", "margin-top-TableOfContents": "var(--xmlui-margin-top-TableOfContents)", "margin-bottom-TableOfContents": "var(--xmlui-margin-bottom-TableOfContents)", "padding-vertical-TableOfContents": "var(--xmlui-padding-vertical-TableOfContents)", "padding-horizontal-TableOfContents": "var(--xmlui-padding-horizontal-TableOfContents)", "border-width-TableOfContentsItem": "var(--xmlui-border-width-TableOfContentsItem)", "border-style-TableOfContentsItem": "var(--xmlui-border-style-TableOfContentsItem)", "border-color-TableOfContentsItem": "var(--xmlui-border-color-TableOfContentsItem)", "color-TableOfContentsItem": "var(--xmlui-color-TableOfContentsItem)", "font-size-TableOfContentsItem": "var(--xmlui-font-size-TableOfContentsItem)", "font-weight-TableOfContentsItem": "var(--xmlui-font-weight-TableOfContentsItem)", "font-family-TableOfContentsItem": "var(--xmlui-font-family-TableOfContentsItem)", "transform-TableOfContentsItem": "var(--xmlui-transform-TableOfContentsItem)", "align-vertical-TableOfContentsItem": "var(--xmlui-align-vertical-TableOfContentsItem)", "letter-spacing-TableOfContentsItem": "var(--xmlui-letter-spacing-TableOfContentsItem)", "border-color-TableOfContentsItem--active": "var(--xmlui-border-color-TableOfContentsItem--active)", "color-TableOfContentsItem--active": "var(--xmlui-color-TableOfContentsItem--active)", "font-weight-TableOfContentsItem--active": "var(--xmlui-font-weight-TableOfContentsItem--active)"}'`, xx = "_nav_1soaw_13", fx = "_list_1soaw_35", gx = "_listItem_1soaw_40", bx = "_link_1soaw_44", vx = "_head_1_1soaw_56", Tx = "_head_2_1soaw_59", yx = "_head_3_1soaw_62", kx = "_head_4_1soaw_65", wx = "_head_5_1soaw_68", $x = "_head_6_1soaw_71", _x = "_active_1soaw_74", Ix = {
-  themeVars: mx,
-  nav: xx,
-  list: fx,
-  listItem: gx,
-  link: bx,
-  head_1: vx,
-  head_2: Tx,
-  head_3: yx,
-  head_4: kx,
-  head_5: wx,
-  head_6: $x,
-  active: _x
-}, W = "TableOfContents", Bx = T({
+ut(Jt, gx);
+const bx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-vertical-TableOfContentsItem)", "padding-horizontal-TableOfContentsItem": "var(--xmlui-padding-horizontal-TableOfContentsItem)", "padding-horizontal-TableOfContentsItem-level-1": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-1)", "padding-horizontal-TableOfContentsItem-level-2": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-2)", "padding-horizontal-TableOfContentsItem-level-3": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-3)", "padding-horizontal-TableOfContentsItem-level-4": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-4)", "padding-horizontal-TableOfContentsItem-level-5": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-5)", "padding-horizontal-TableOfContentsItem-level-6": "var(--xmlui-padding-horizontal-TableOfContentsItem-level-6)", "color-bg-TableOfContents": "var(--xmlui-color-bg-TableOfContents)", "width-TableOfContents": "var(--xmlui-width-TableOfContents)", "height-TableOfContents": "var(--xmlui-height-TableOfContents)", "border-radius-TableOfContents": "var(--xmlui-border-radius-TableOfContents)", "color-border-TableOfContents": "var(--xmlui-color-border-TableOfContents)", "thickness-border-TableOfContents": "var(--xmlui-thickness-border-TableOfContents)", "style-border-TableOfContents": "var(--xmlui-style-border-TableOfContents)", "margin-top-TableOfContents": "var(--xmlui-margin-top-TableOfContents)", "margin-bottom-TableOfContents": "var(--xmlui-margin-bottom-TableOfContents)", "padding-vertical-TableOfContents": "var(--xmlui-padding-vertical-TableOfContents)", "padding-horizontal-TableOfContents": "var(--xmlui-padding-horizontal-TableOfContents)", "border-width-TableOfContentsItem": "var(--xmlui-border-width-TableOfContentsItem)", "border-style-TableOfContentsItem": "var(--xmlui-border-style-TableOfContentsItem)", "border-color-TableOfContentsItem": "var(--xmlui-border-color-TableOfContentsItem)", "color-TableOfContentsItem": "var(--xmlui-color-TableOfContentsItem)", "font-size-TableOfContentsItem": "var(--xmlui-font-size-TableOfContentsItem)", "font-weight-TableOfContentsItem": "var(--xmlui-font-weight-TableOfContentsItem)", "font-family-TableOfContentsItem": "var(--xmlui-font-family-TableOfContentsItem)", "transform-TableOfContentsItem": "var(--xmlui-transform-TableOfContentsItem)", "align-vertical-TableOfContentsItem": "var(--xmlui-align-vertical-TableOfContentsItem)", "letter-spacing-TableOfContentsItem": "var(--xmlui-letter-spacing-TableOfContentsItem)", "border-color-TableOfContentsItem--active": "var(--xmlui-border-color-TableOfContentsItem--active)", "color-TableOfContentsItem--active": "var(--xmlui-color-TableOfContentsItem--active)", "font-weight-TableOfContentsItem--active": "var(--xmlui-font-weight-TableOfContentsItem--active)"}'`, vx = "_nav_1soaw_13", Tx = "_list_1soaw_35", yx = "_listItem_1soaw_40", kx = "_link_1soaw_44", wx = "_head_1_1soaw_56", $x = "_head_2_1soaw_59", _x = "_head_3_1soaw_62", Ix = "_head_4_1soaw_65", Bx = "_head_5_1soaw_68", Sx = "_head_6_1soaw_71", Ax = "_active_1soaw_74", Ex = {
+  themeVars: bx,
+  nav: vx,
+  list: Tx,
+  listItem: yx,
+  link: kx,
+  head_1: wx,
+  head_2: $x,
+  head_3: _x,
+  head_4: Ix,
+  head_5: Bx,
+  head_6: Sx,
+  active: Ax
+}, W = "TableOfContents", Nx = T({
   status: "experimental",
   description: `The \`${W}\` component collects headings and bookmarks within the current page and displays them in a tree representing their hierarchy. When you select an item in this tree, the component navigates the page to the selected position.`,
   props: {
@@ -8791,7 +8801,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       "This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view."
     )
   },
-  themeVars: z(Ix.themeVars),
+  themeVars: z(Ex.themeVars),
   defaultThemeVars: {
     [`width-${W}`]: "auto",
     [`height-${W}`]: "auto",
@@ -8838,14 +8848,14 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       [`color-${W}Item--active`]: "$color-text-secondary"
     }
   }
-}), Sx = `'{"color-bg-Tabs": "var(--xmlui-color-bg-Tabs)", "color-border-Tabs": "var(--xmlui-color-border-Tabs)", "thickness-border-Tabs": "var(--xmlui-thickness-border-Tabs)", "color-border-active-Tabs": "var(--xmlui-color-border-active-Tabs)", "color-bg-trigger-Tabs": "var(--xmlui-color-bg-trigger-Tabs)", "color-bg-trigger-Tabs--hover": "var(--xmlui-color-bg-trigger-Tabs--hover)"}'`, Ax = "_tabs_gdijs_13", Ex = "_filler_gdijs_27", Nx = "_tabTrigger_gdijs_41", zx = "_tabsList_gdijs_80", Lx = "_tabsContent_gdijs_97", Px = {
-  themeVars: Sx,
-  tabs: Ax,
-  filler: Ex,
-  tabTrigger: Nx,
-  tabsList: zx,
-  tabsContent: Lx
-}, Re = "Tabs", Cx = T({
+}), zx = `'{"color-bg-Tabs": "var(--xmlui-color-bg-Tabs)", "color-border-Tabs": "var(--xmlui-color-border-Tabs)", "thickness-border-Tabs": "var(--xmlui-thickness-border-Tabs)", "color-border-active-Tabs": "var(--xmlui-color-border-active-Tabs)", "color-bg-trigger-Tabs": "var(--xmlui-color-bg-trigger-Tabs)", "color-bg-trigger-Tabs--hover": "var(--xmlui-color-bg-trigger-Tabs--hover)"}'`, Lx = "_tabs_gdijs_13", Px = "_filler_gdijs_27", Cx = "_tabTrigger_gdijs_41", Dx = "_tabsList_gdijs_80", Ox = "_tabsContent_gdijs_97", Mx = {
+  themeVars: zx,
+  tabs: Lx,
+  filler: Px,
+  tabTrigger: Cx,
+  tabsList: Dx,
+  tabsContent: Ox
+}, Re = "Tabs", Hx = T({
   status: "experimental",
   description: `The \`${Re}\` component provides a tabbed layout where each tab has a clickable label and content.`,
   props: {
@@ -8857,7 +8867,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
     ),
     tabTemplate: ne("This property declares the template for the clickable tab area.")
   },
-  themeVars: z(Px.themeVars),
+  themeVars: z(Mx.themeVars),
   defaultThemeVars: {
     [`color-bg-${Re}`]: "$color-bg-primary",
     [`style-border-${Re}`]: "solid",
@@ -8872,7 +8882,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       [`color-bg-trigger-${Re}--hover`]: "$color-primary-800"
     }
   }
-}), A = "Text", Dx = T({
+}), A = "Text", Fx = T({
   description: `The \`${A}\` component displays textual information in a number of optional styles and variants.`,
   props: {
     value: l(
@@ -8967,12 +8977,12 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       [`color-${A}-secondary`]: "$color-text-secondary"
     }
   }
-}), Be = "TextArea", Ox = [
+}), Be = "TextArea", Rx = [
   { value: "undefined", description: "No resizing" },
   { value: "horizontal", description: "Can only resize horizontally" },
   { value: "vertical", description: "Can only resize vertically" },
   { value: "both", description: "Can resize in both dimensions" }
-], Mx = T({
+], Wx = T({
   status: "experimental",
   description: `\`${Be}\` is a component that provides a multiline text input area.`,
   props: {
@@ -9010,7 +9020,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
     validationStatus: De(),
     resize: l(
       "This optional property specifies in which dimensions can the `TextArea` be resized by the user.",
-      Ox
+      Rx
     )
   },
   events: {
@@ -9026,19 +9036,19 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
     setValue: Je()
   },
   themeVars: z(Ad.themeVars)
-}), Hx = `'{"radius-Accordion": "var(--xmlui-radius-Accordion)", "color-border-Accordion": "var(--xmlui-color-border-Accordion)", "thickness-border-Accordion": "var(--xmlui-thickness-border-Accordion)", "style-border-Accordion": "var(--xmlui-style-border-Accordion)", "align-vertical-header-Accordion": "var(--xmlui-align-vertical-header-Accordion)", "font-size-header-Accordion": "var(--xmlui-font-size-header-Accordion)", "font-weight-header-Accordion": "var(--xmlui-font-weight-header-Accordion)", "font-style-header-Accordion": "var(--xmlui-font-style-header-Accordion)", "padding-vertical-header-Accordion": "var(--xmlui-padding-vertical-header-Accordion)", "padding-horizontal-header-Accordion": "var(--xmlui-padding-horizontal-header-Accordion)", "color-bg-header-Accordion": "var(--xmlui-color-bg-header-Accordion)", "color-header-Accordion": "var(--xmlui-color-header-Accordion)", "color-bg-header-Accordion-hover": "var(--xmlui-color-bg-header-Accordion-hover)", "color-content-Accordion": "var(--xmlui-color-content-Accordion)", "color-bg-content-Accordion": "var(--xmlui-color-bg-content-Accordion)", "width-icon-Accordion": "var(--xmlui-width-icon-Accordion)", "height-icon-Accordion": "var(--xmlui-height-icon-Accordion)", "color-icon-Accordion": "var(--xmlui-color-icon-Accordion)"}'`, Fx = "_root_lik78_13", Rx = "_item_lik78_24", Wx = "_header_lik78_43", qx = "_trigger_lik78_48", Ux = "_triggerStart_lik78_66", Vx = "_contentWrapper_lik78_70", Gx = "_slideDown_lik78_1", Yx = "_slideUp_lik78_1", Xx = "_content_lik78_70", Qx = "_chevron_lik78_86", Zx = {
-  themeVars: Hx,
-  root: Fx,
-  item: Rx,
-  header: Wx,
-  trigger: qx,
-  triggerStart: Ux,
-  contentWrapper: Vx,
-  slideDown: Gx,
-  slideUp: Yx,
-  content: Xx,
-  chevron: Qx
-}, Q = "Accordion", Jx = T({
+}), qx = `'{"radius-Accordion": "var(--xmlui-radius-Accordion)", "color-border-Accordion": "var(--xmlui-color-border-Accordion)", "thickness-border-Accordion": "var(--xmlui-thickness-border-Accordion)", "style-border-Accordion": "var(--xmlui-style-border-Accordion)", "align-vertical-header-Accordion": "var(--xmlui-align-vertical-header-Accordion)", "font-size-header-Accordion": "var(--xmlui-font-size-header-Accordion)", "font-weight-header-Accordion": "var(--xmlui-font-weight-header-Accordion)", "font-style-header-Accordion": "var(--xmlui-font-style-header-Accordion)", "padding-vertical-header-Accordion": "var(--xmlui-padding-vertical-header-Accordion)", "padding-horizontal-header-Accordion": "var(--xmlui-padding-horizontal-header-Accordion)", "color-bg-header-Accordion": "var(--xmlui-color-bg-header-Accordion)", "color-header-Accordion": "var(--xmlui-color-header-Accordion)", "color-bg-header-Accordion-hover": "var(--xmlui-color-bg-header-Accordion-hover)", "color-content-Accordion": "var(--xmlui-color-content-Accordion)", "color-bg-content-Accordion": "var(--xmlui-color-bg-content-Accordion)", "width-icon-Accordion": "var(--xmlui-width-icon-Accordion)", "height-icon-Accordion": "var(--xmlui-height-icon-Accordion)", "color-icon-Accordion": "var(--xmlui-color-icon-Accordion)"}'`, Ux = "_root_lik78_13", Vx = "_item_lik78_24", Gx = "_header_lik78_43", Yx = "_trigger_lik78_48", Xx = "_triggerStart_lik78_66", Qx = "_contentWrapper_lik78_70", Zx = "_slideDown_lik78_1", Jx = "_slideUp_lik78_1", jx = "_content_lik78_70", Kx = "_chevron_lik78_86", ef = {
+  themeVars: qx,
+  root: Ux,
+  item: Vx,
+  header: Gx,
+  trigger: Yx,
+  triggerStart: Xx,
+  contentWrapper: Qx,
+  slideDown: Zx,
+  slideUp: Jx,
+  content: jx,
+  chevron: Kx
+}, Q = "Accordion", tf = T({
   status: "in progress",
   description: `(**NOT IMPLEMENTED YET**) The \`${Q}\` component is a collapsible container that toggles the display of content sections. It helps organize information by expanding or collapsing it based on user interaction.`,
   props: {
@@ -9074,7 +9084,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
     toggle: l(`This method toggles the state of the ${Q} between expanded and collapsed.`),
     focus: je(Q)
   },
-  themeVars: z(Zx.themeVars),
+  themeVars: z(ef.themeVars),
   defaultThemeVars: {
     [`padding-horizontal-header-${Q}`]: "$space-3",
     [`padding-vertical-header-${Q}`]: "$space-3",
@@ -9106,9 +9116,9 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       [`color-icon-${Q}`]: "$color-surface-50"
     }
   }
-}), jx = '"[]"', Kx = {
-  themeVars: jx
-}, Xt = "Alert", ef = T({
+}), of = '"[]"', rf = {
+  themeVars: of
+}, Xt = "Alert", nf = T({
   status: "in progress",
   description: `(**NOT IMPLEMENTED YET**) The \`${Xt}\` component is a panel used to display important notifications or feedback to users. It helps convey different statuses or levels of urgency, such as success, warning, error, and others.`,
   props: {
@@ -9131,22 +9141,22 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       `This method dismisses the ${Xt}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`
     )
   },
-  themeVars: z(Kx.themeVars),
+  themeVars: z(rf.themeVars),
   defaultThemeVars: {
     light: {},
     dark: {}
   }
-}), Yo = "TabItem", tf = T({
+}), Yo = "TabItem", af = T({
   description: `\`${Yo}\` is a non-visual component describing a tab. Tabs component may use nested ${Yo} instances from which the user can select.`,
   props: {
     label: xe()
   }
-}), of = "Fragment", rf = T({
-  description: `The \`${of}\` component encloses multiple child components into a single root component, so it can be used where only a single component definition is allowed.`,
+}), lf = "Fragment", sf = T({
+  description: `The \`${lf}\` component encloses multiple child components into a single root component, so it can be used where only a single component definition is allowed.`,
   opaque: !0
-}), nf = "Tree", af = T({
+}), cf = "Tree", uf = T({
   status: "in progress",
-  description: `The \`${nf}\` component is a virtualized tree component that displays hierarchical data.`,
+  description: `The \`${cf}\` component is a virtualized tree component that displays hierarchical data.`,
   props: {
     data: {
       description: "The data source of the tree.",
@@ -9157,7 +9167,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
     },
     itemTemplate: ne("The template for each item in the tree.")
   }
-}), Qt = "APICall", lf = T({
+}), Qt = "APICall", df = T({
   description: `\`${Qt}\` is used to mutate (create, update or delete) some data on the backend. It is similar in nature to the \`DataSource\` component which retrieves data from the backend.`,
   props: {
     method: l(
@@ -9225,7 +9235,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       "This method triggers the invocation of the API. You can pass an arbitrary number of parameters to the method. In the `APICall` instance, you can access those with the `$param` and `$params` context values."
     )
   }
-}), sf = T({
+}), pf = T({
   status: "deprecated",
   description: "The `BarChart` component represents a bar chart.",
   props: {
@@ -9256,7 +9266,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
       "scheme-BarChart": "dark2"
     }
   }
-}), cf = T({
+}), hf = T({
   status: "deprecated",
   description: "(**OBSOLETE**) A chart component",
   props: {
@@ -9268,7 +9278,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
     tooltipEnabled: l("(**OBSOLETE**)"),
     showLegend: l("(**OBSOLETE**)")
   }
-}), lo = "DataSource", uf = T({
+}), lo = "DataSource", mf = T({
   status: "stable",
   description: `The \`${lo}\` component manages fetching data from a web API endpoint. This component automatically manages the complexity of the fetch operation and caching. To manipulate data on the backend, use the [\`APICall\`](./APICall.mdx) component.`,
   props: {
@@ -9319,7 +9329,7 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
 }), co = "FormSection", wr = T({
   status: "experimental",
   description: `The \`${co}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${co}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`
-}), df = `
+}), xf = `
 <Component name="FormSection">
   <VStack paddingBottom="{$props.paddingBottom ?? '1rem'}" gap="0">
     <Heading 
@@ -9342,8 +9352,8 @@ const mx = `'{"padding-vertical-TableOfContentsItem": "var(--xmlui-padding-verti
   </VStack>
 </Component>
 `;
-ut(co, df);
-const pf = "IconInfoCard", $r = T({
+ut(co, xf);
+const ff = "IconInfoCard", $r = T({
   status: "experimental",
   description: "This component displays an icon and some content in a card.",
   props: {
@@ -9351,7 +9361,7 @@ const pf = "IconInfoCard", $r = T({
     iconBackgroundColor: l("The background color of the icon."),
     iconName: l("The name of the icon to display.")
   }
-}), hf = `
+}), gf = `
 <Component name="IconInfoCard">
   <Card height="{$props.height}" width="{$props.width}">
     <HStack verticalAlignment="center">
@@ -9369,7 +9379,7 @@ const pf = "IconInfoCard", $r = T({
   </Card>
 </Component>
 `;
-ut(pf, hf);
+ut(ff, gf);
 const _r = "PageHeader", Ir = T({
   status: "experimental",
   description: `The \`${_r}\` component is a component that displays a title and an optional pre-title. The pre-title is displayed above the title.`,
@@ -9380,7 +9390,7 @@ const _r = "PageHeader", Ir = T({
   defaultThemeVars: {
     "gap-PageHeader": "$space-2"
   }
-}), mf = `
+}), bf = `
 <Component name="PageHeader">
   <HStack gap="$gap-PageHeader" verticalAlignment="center">
     <VStack gap="$space-tight">
@@ -9392,11 +9402,11 @@ const _r = "PageHeader", Ir = T({
   </HStack>
 </Component>
 `;
-ut(_r, mf);
-const xf = "ThemeChangerButton", ff = T({
+ut(_r, bf);
+const vf = "ThemeChangerButton", Tf = T({
   status: "experimental",
   docFolder: "ThemeChanger",
-  description: `The \`${xf}\` component is a component that allows the user to change the theme of the app.`,
+  description: `The \`${vf}\` component is a component that allows the user to change the theme of the app.`,
   props: {
     showSettings: l(
       "This property indicates if the Settings function of this component is displayed.",
@@ -9405,7 +9415,7 @@ const xf = "ThemeChangerButton", ff = T({
       !0
     )
   }
-}), gf = "Toolbar", Br = T({
+}), yf = "Toolbar", Br = T({
   status: "experimental",
   description: "This component is a container for a toolbar.",
   props: {
@@ -9414,7 +9424,7 @@ const xf = "ThemeChangerButton", ff = T({
   defaultThemeVars: {
     "gap-Toolbar": "$space-2"
   }
-}), bf = `
+}), kf = `
 <Component name="Toolbar">
   <HStack 
     gap="$gap-Toolbar" 
@@ -9424,8 +9434,8 @@ const xf = "ThemeChangerButton", ff = T({
   </HStack>
 </Component>
 `;
-ut(gf, bf);
-const vf = "ToolbarButton", Sr = T({
+ut(yf, kf);
+const wf = "ToolbarButton", Sr = T({
   status: "experimental",
   description: "This component is a button that is used in a toolbar.",
   props: {
@@ -9436,7 +9446,7 @@ const vf = "ToolbarButton", Sr = T({
     "padding-horizontal-ToolbarButton": "$space-1",
     "padding-vertical-ToolbarButton": "$space-1"
   }
-}), Tf = `
+}), $f = `
 <Component name="ToolbarButton">
   <Button
     variant="ghost"
@@ -9450,14 +9460,14 @@ const vf = "ToolbarButton", Sr = T({
   </Button>
 </Component>
 `;
-ut(vf, Tf);
-const yf = "TrendLabel", Ar = T({
+ut(wf, $f);
+const _f = "TrendLabel", Ar = T({
   status: "experimental",
   description: "This component displays a trend label.",
   props: {
     change: l("The change percentage.")
   }
-}), kf = `
+}), If = `
 <Component name="TrendLabel">
   <Fragment>
     <Text when="{$props.change > 0}" marginLeft="$space-tight" color="$color-valid">
@@ -9475,12 +9485,12 @@ const yf = "TrendLabel", Ar = T({
   </Fragment>
 </Component>
 `;
-ut(yf, kf);
-const wf = '"[]"', $f = {
-  themeVars: wf
-}, _f = "ButtonGroup", If = T({
+ut(_f, If);
+const Bf = '"[]"', Sf = {
+  themeVars: Bf
+}, Af = "ButtonGroup", Ef = T({
   status: "in progress",
-  description: `(**NOT IMPLEMENTED YET**) The \`${_f}\` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.`,
+  description: `(**NOT IMPLEMENTED YET**) The \`${Af}\` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.`,
   props: {
     themeColor: l(
       "This optional property specifies the default theme color for the buttons in the group. Individual buttons may override this setting with their `themeColor` property.",
@@ -9502,27 +9512,27 @@ const wf = '"[]"', $f = {
       "When this optional property is set, adjacent buttons will have the specified gap between them. If this property is not set, the buttons will be merged into one group."
     )
   },
-  themeVars: z($f.themeVars),
+  themeVars: z(Sf.themeVars),
   defaultThemeVars: {
     light: {},
     dark: {}
   }
-}), Bf = "Breakout", Sf = T({
-  description: `The \`${Bf}\` component creates a breakout section. It allows its child to occupy the entire width of the UI even if the app or the parent container constrains the maximum content width.`
-}), Af = `'{"width-Carousel": "var(--xmlui-width-Carousel)", "height-Carousel": "var(--xmlui-height-Carousel)", "height-control-Carousel": "var(--xmlui-height-control-Carousel)", "width-control-Carousel": "var(--xmlui-width-control-Carousel)", "color-text-control-Carousel": "var(--xmlui-color-text-control-Carousel)", "color-bg-control-Carousel": "var(--xmlui-color-bg-control-Carousel)", "radius-control-Carousel": "var(--xmlui-radius-control-Carousel)", "color-bg-control-hover-Carousel": "var(--xmlui-color-bg-control-hover-Carousel)", "color-text-control-hover-Carousel": "var(--xmlui-color-text-control-hover-Carousel)", "color-bg-control-active-Carousel": "var(--xmlui-color-bg-control-active-Carousel)", "color-text-control-active-Carousel": "var(--xmlui-color-text-control-active-Carousel)", "color-text-control-disabled-Carousel": "var(--xmlui-color-text-control-disabled-Carousel)", "color-bg-control-disabled-Carousel": "var(--xmlui-color-bg-control-disabled-Carousel)", "width-indicator-Carousel": "var(--xmlui-width-indicator-Carousel)", "height-indicator-Carousel": "var(--xmlui-height-indicator-Carousel)", "color-text-indicator-Carousel": "var(--xmlui-color-text-indicator-Carousel)", "color-bg-indicator-Carousel": "var(--xmlui-color-bg-indicator-Carousel)", "color-bg-indicator-hover-Carousel": "var(--xmlui-color-bg-indicator-hover-Carousel)", "color-text-indicator-hover-Carousel": "var(--xmlui-color-text-indicator-hover-Carousel)", "color-bg-indicator-active-Carousel": "var(--xmlui-color-bg-indicator-active-Carousel)", "color-text-indicator-active-Carousel": "var(--xmlui-color-text-indicator-active-Carousel)"}'`, Ef = "_carousel_wc2m5_13", Nf = "_innerWrapper_wc2m5_22", zf = "_carouselContentWrapper_wc2m5_28", Lf = "_carouselContent_wc2m5_28", Pf = "_vertical_wc2m5_38", Cf = "_carouselItem_wc2m5_42", Df = "_controls_wc2m5_49", Of = "_controlButton_wc2m5_58", Mf = "_indicators_wc2m5_85", Hf = "_indicator_wc2m5_85", Ff = "_active_wc2m5_105", Rf = {
-  themeVars: Af,
-  carousel: Ef,
-  innerWrapper: Nf,
-  carouselContentWrapper: zf,
-  carouselContent: Lf,
-  vertical: Pf,
-  carouselItem: Cf,
-  controls: Df,
-  controlButton: Of,
-  indicators: Mf,
-  indicator: Hf,
-  active: Ff
-}, ae = "Carousel", Wf = T({
+}), Nf = "Breakout", zf = T({
+  description: `The \`${Nf}\` component creates a breakout section. It allows its child to occupy the entire width of the UI even if the app or the parent container constrains the maximum content width.`
+}), Lf = `'{"width-Carousel": "var(--xmlui-width-Carousel)", "height-Carousel": "var(--xmlui-height-Carousel)", "height-control-Carousel": "var(--xmlui-height-control-Carousel)", "width-control-Carousel": "var(--xmlui-width-control-Carousel)", "color-text-control-Carousel": "var(--xmlui-color-text-control-Carousel)", "color-bg-control-Carousel": "var(--xmlui-color-bg-control-Carousel)", "radius-control-Carousel": "var(--xmlui-radius-control-Carousel)", "color-bg-control-hover-Carousel": "var(--xmlui-color-bg-control-hover-Carousel)", "color-text-control-hover-Carousel": "var(--xmlui-color-text-control-hover-Carousel)", "color-bg-control-active-Carousel": "var(--xmlui-color-bg-control-active-Carousel)", "color-text-control-active-Carousel": "var(--xmlui-color-text-control-active-Carousel)", "color-text-control-disabled-Carousel": "var(--xmlui-color-text-control-disabled-Carousel)", "color-bg-control-disabled-Carousel": "var(--xmlui-color-bg-control-disabled-Carousel)", "width-indicator-Carousel": "var(--xmlui-width-indicator-Carousel)", "height-indicator-Carousel": "var(--xmlui-height-indicator-Carousel)", "color-text-indicator-Carousel": "var(--xmlui-color-text-indicator-Carousel)", "color-bg-indicator-Carousel": "var(--xmlui-color-bg-indicator-Carousel)", "color-bg-indicator-hover-Carousel": "var(--xmlui-color-bg-indicator-hover-Carousel)", "color-text-indicator-hover-Carousel": "var(--xmlui-color-text-indicator-hover-Carousel)", "color-bg-indicator-active-Carousel": "var(--xmlui-color-bg-indicator-active-Carousel)", "color-text-indicator-active-Carousel": "var(--xmlui-color-text-indicator-active-Carousel)"}'`, Pf = "_carousel_wc2m5_13", Cf = "_innerWrapper_wc2m5_22", Df = "_carouselContentWrapper_wc2m5_28", Of = "_carouselContent_wc2m5_28", Mf = "_vertical_wc2m5_38", Hf = "_carouselItem_wc2m5_42", Ff = "_controls_wc2m5_49", Rf = "_controlButton_wc2m5_58", Wf = "_indicators_wc2m5_85", qf = "_indicator_wc2m5_85", Uf = "_active_wc2m5_105", Vf = {
+  themeVars: Lf,
+  carousel: Pf,
+  innerWrapper: Cf,
+  carouselContentWrapper: Df,
+  carouselContent: Of,
+  vertical: Mf,
+  carouselItem: Hf,
+  controls: Ff,
+  controlButton: Rf,
+  indicators: Wf,
+  indicator: qf,
+  active: Uf
+}, ae = "Carousel", Gf = T({
   status: "in progress",
   description: "This component displays a slideshow by cycling through elements (images, text, or custom slides) like a carousel.",
   props: {
@@ -9573,7 +9583,7 @@ const wf = '"[]"', $f = {
     scrollPrev: l("This method scrolls the carousel to the previous slide."),
     scrollNext: l("This method scrolls the carousel to the next slide.")
   },
-  themeVars: z(Rf.themeVars),
+  themeVars: z(Vf.themeVars),
   defaultThemeVars: {
     [`color-bg-control-${ae}`]: "$color-primary",
     [`color-text-control-${ae}`]: "$color-primary",
@@ -9597,13 +9607,13 @@ const wf = '"[]"', $f = {
     [`height-${ae}`]: "100%",
     [`width-${ae}`]: "100%"
   }
-}), qf = "ToneChangerButton", Uf = T({
+}), Yf = "ToneChangerButton", Xf = T({
   status: "experimental",
   docFolder: "ThemeChanger",
-  description: `The \`${qf}\` component is a component that allows the user to change the tone of the app.`,
+  description: `The \`${Yf}\` component is a component that allows the user to change the tone of the app.`,
   props: {}
-}), Vf = "Option", Gf = T({
-  description: `\`${Vf}\` is a non-visual component describing a selection option. Other components (such as \`Select\`, \`Combobox\`, and others) may use nested \`Option\` instances from which the user can select.`,
+}), Qf = "Option", Zf = T({
+  description: `\`${Qf}\` is a non-visual component describing a selection option. Other components (such as \`Select\`, \`Combobox\`, and others) may use nested \`Option\` instances from which the user can select.`,
   props: {
     label: l(
       "This property defines the text to display for the option. If `label` is not defined, `Option` will use the `value` as the label."
@@ -9613,12 +9623,12 @@ const wf = '"[]"', $f = {
     ),
     enabled: fe()
   }
-}), Yf = Lr((e) => {
+}), Jf = Lr((e) => {
   const t = cd();
   return t ? /* @__PURE__ */ pe(t, { ...e }) : null;
 });
-Yf.displayName = "OptionNative";
-const le = "AutoComplete", Xf = T({
+Jf.displayName = "OptionNative";
+const le = "AutoComplete", jf = T({
   description: "This component is a dropdown with a list of options. According to the `multi` property, the user can select one or more items.",
   status: "experimental",
   props: {
@@ -9683,32 +9693,32 @@ const le = "AutoComplete", Xf = T({
       [`color-text-item-${le}--disabled`]: "$color-surface-800"
     }
   }
-}), eg = {
-  Accordion: Jx,
-  Alert: ef,
-  APICall: lf,
+}), ng = {
+  Accordion: tf,
+  Alert: nf,
+  APICall: df,
   App: pl,
   AppHeader: hl,
   AppState: ml,
-  AutoComplete: Xf,
+  AutoComplete: jf,
   Avatar: wl,
   Badge: Sl,
-  BarChart: sf,
+  BarChart: pf,
   Bookmark: El,
-  Breakout: Sf,
+  Breakout: zf,
   Button: Fn,
-  ButtonGroup: If,
+  ButtonGroup: Ef,
   Card: Kl,
-  Carousel: Wf,
+  Carousel: Gf,
   ChangeListener: es,
-  Chart: cf,
+  Chart: hf,
   Checkbox: ls,
-  Column: Cm,
+  Column: Hm,
   ContentSeparator: hs,
-  DataSource: uf,
+  DataSource: mf,
   DatePicker: ac,
   DropdownMenu: xc,
-  Fragment: rf,
+  Fragment: sf,
   MenuItem: fc,
   SubMenuItem: bc,
   EmojiSelector: yc,
@@ -9732,61 +9742,61 @@ const le = "AutoComplete", Xf = T({
   Image: dp,
   Items: hp,
   Link: mp,
-  List: yp,
-  Logo: wp,
-  Markdown: zp,
+  List: _p,
+  Logo: Bp,
+  Markdown: Dp,
   MenuSeparator: vc,
-  ModalDialog: Lp,
-  NavGroup: Hp,
-  NavLink: Fp,
-  NavPanel: Rp,
-  NoResult: Gp,
-  NumberBox: Yp,
-  OffCanvas: Zp,
-  Option: Gf,
-  PageMetaTitle: Jp,
-  Page: jp,
+  ModalDialog: Op,
+  NavGroup: qp,
+  NavLink: Up,
+  NavPanel: Vp,
+  NoResult: Zp,
+  NumberBox: Jp,
+  OffCanvas: eh,
+  Option: Zf,
+  PageMetaTitle: th,
+  Page: oh,
   PageHeader: Ir,
-  Pages: eh,
-  Pdf: oh,
-  PieChart: fh,
-  PositionedContainer: yh,
-  ProgressBar: Ih,
-  Queue: Bh,
-  RadioGroup: Sh,
-  RealTimeAdapter: Eh,
-  Redirect: zh,
-  Select: Lh,
-  SelectionStore: Ch,
-  SpaceFiller: Oh,
-  Spinner: Mh,
-  Splitter: Qh,
-  HSplitter: Zh,
-  VSplitter: Jh,
+  Pages: nh,
+  Pdf: ah,
+  PieChart: Th,
+  PositionedContainer: _h,
+  ProgressBar: Eh,
+  Queue: Nh,
+  RadioGroup: zh,
+  RealTimeAdapter: Ph,
+  Redirect: Dh,
+  Select: Oh,
+  SelectionStore: Hh,
+  SpaceFiller: Rh,
+  Spinner: Wh,
+  Splitter: Kh,
+  HSplitter: em,
+  VSplitter: tm,
   Stack: zt,
   CHStack: ci,
   CVStack: si,
   HStack: li,
   VStack: ai,
-  StickyBox: rm,
-  Switch: nm,
-  Table: Lm,
+  StickyBox: lm,
+  Switch: sm,
+  Table: Om,
   TableHeader: kr,
-  TableOfContents: Bx,
-  TabItem: tf,
-  Tabs: Cx,
-  Text: Dx,
-  TextArea: Mx,
+  TableOfContents: Nx,
+  TabItem: af,
+  Tabs: Hx,
+  Text: Fx,
+  TextArea: Wx,
   TextBox: mr,
   PasswordInput: pa,
   Toolbar: Br,
   ToolbarButton: Sr,
   TrendLabel: Ar,
   Theme: ha,
-  ThemeChangerButton: ff,
-  ToneChangerButton: Uf,
-  Tree: af
+  ThemeChangerButton: Tf,
+  ToneChangerButton: Xf,
+  Tree: uf
 };
 export {
-  eg as collectedComponentMetadata
+  ng as collectedComponentMetadata
 };