xmlui 0.5.0 → 0.5.2-beta.2

package/dist/xmlui-metadata.umd.js

@@ -1 +1 @@
-(function(Z,ce){typeof exports=="object"&&typeof module<"u"?ce(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],ce):(Z=typeof globalThis<"u"?globalThis:Z||self,ce(Z["xmlui-metadata"]={},Z.React))})(this,function(Z,ce){"use strict";const ft={themeVars:`'{"width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "padding-vertical-xs-Button": "var(--xmlui-padding-vertical-xs-Button)", "padding-horizontal-xs-Button": "var(--xmlui-padding-horizontal-xs-Button)", "padding-vertical-sm-Button": "var(--xmlui-padding-vertical-sm-Button)", "padding-horizontal-sm-Button": "var(--xmlui-padding-horizontal-sm-Button)", "padding-vertical-md-Button": "var(--xmlui-padding-vertical-md-Button)", "padding-horizontal-md-Button": "var(--xmlui-padding-horizontal-md-Button)", "padding-vertical-lg-Button": "var(--xmlui-padding-vertical-lg-Button)", "padding-horizontal-lg-Button": "var(--xmlui-padding-horizontal-lg-Button)", "font-size-Button-primary-solid": "var(--xmlui-font-size-Button-primary-solid)", "font-weight-Button-primary-solid": "var(--xmlui-font-weight-Button-primary-solid)", "radius-Button-primary-solid": "var(--xmlui-radius-Button-primary-solid)", "thickness-border-Button-primary-solid": "var(--xmlui-thickness-border-Button-primary-solid)", "color-border-Button-primary-solid": "var(--xmlui-color-border-Button-primary-solid)", "style-border-Button-primary-solid": "var(--xmlui-style-border-Button-primary-solid)", "color-bg-Button-primary-solid": "var(--xmlui-color-bg-Button-primary-solid)", "color-text-Button-primary-solid": "var(--xmlui-color-text-Button-primary-solid)", "shadow-Button-primary-solid": "var(--xmlui-shadow-Button-primary-solid)", "thickness-outline-Button-primary-solid--focus": "var(--xmlui-thickness-outline-Button-primary-solid--focus)", "color-outline-Button-primary-solid--focus": "var(--xmlui-color-outline-Button-primary-solid--focus)", "style-outline-Button-primary-solid--focus": "var(--xmlui-style-outline-Button-primary-solid--focus)", "offset-outline-Button-primary-solid--focus": "var(--xmlui-offset-outline-Button-primary-solid--focus)", "color-border-Button-primary-solid--hover": "var(--xmlui-color-border-Button-primary-solid--hover)", "color-bg-Button-primary-solid--hover": "var(--xmlui-color-bg-Button-primary-solid--hover)", "color-text-Button-primary-solid--hover": "var(--xmlui-color-text-Button-primary-solid--hover)", "color-border-Button-primary-solid--active": "var(--xmlui-color-border-Button-primary-solid--active)", "color-bg-Button-primary-solid--active": "var(--xmlui-color-bg-Button-primary-solid--active)", "color-text-Button-primary-solid--active": "var(--xmlui-color-text-Button-primary-solid--active)", "color-bg-Button--disabled": "var(--xmlui-color-bg-Button--disabled)", "color-text-Button--disabled": "var(--xmlui-color-text-Button--disabled)", "color-border-Button--disabled": "var(--xmlui-color-border-Button--disabled)", "font-size-Button-secondary-solid": "var(--xmlui-font-size-Button-secondary-solid)", "font-weight-Button-secondary-solid": "var(--xmlui-font-weight-Button-secondary-solid)", "radius-Button-secondary-solid": "var(--xmlui-radius-Button-secondary-solid)", "thickness-border-Button-secondary-solid": "var(--xmlui-thickness-border-Button-secondary-solid)", "color-border-Button-secondary-solid": "var(--xmlui-color-border-Button-secondary-solid)", "style-border-Button-secondary-solid": "var(--xmlui-style-border-Button-secondary-solid)", "color-bg-Button-secondary-solid": "var(--xmlui-color-bg-Button-secondary-solid)", "color-text-Button-secondary-solid": "var(--xmlui-color-text-Button-secondary-solid)", "shadow-Button-secondary-solid": "var(--xmlui-shadow-Button-secondary-solid)", "thickness-outline-Button-secondary-solid--focus": "var(--xmlui-thickness-outline-Button-secondary-solid--focus)", "color-outline-Button-secondary-solid--focus": "var(--xmlui-color-outline-Button-secondary-solid--focus)", "style-outline-Button-secondary-solid--focus": "var(--xmlui-style-outline-Button-secondary-solid--focus)", "offset-outline-Button-secondary-solid--focus": "var(--xmlui-offset-outline-Button-secondary-solid--focus)", "color-border-Button-secondary-solid--hover": "var(--xmlui-color-border-Button-secondary-solid--hover)", "color-bg-Button-secondary-solid--hover": "var(--xmlui-color-bg-Button-secondary-solid--hover)", "color-text-Button-secondary-solid--hover": "var(--xmlui-color-text-Button-secondary-solid--hover)", "color-border-Button-secondary-solid--active": "var(--xmlui-color-border-Button-secondary-solid--active)", "color-bg-Button-secondary-solid--active": "var(--xmlui-color-bg-Button-secondary-solid--active)", "color-text-Button-secondary-solid--active": "var(--xmlui-color-text-Button-secondary-solid--active)", "font-size-Button-attention-solid": "var(--xmlui-font-size-Button-attention-solid)", "font-weight-Button-attention-solid": "var(--xmlui-font-weight-Button-attention-solid)", "radius-Button-attention-solid": "var(--xmlui-radius-Button-attention-solid)", "thickness-border-Button-attention-solid": "var(--xmlui-thickness-border-Button-attention-solid)", "color-border-Button-attention-solid": "var(--xmlui-color-border-Button-attention-solid)", "style-border-Button-attention-solid": "var(--xmlui-style-border-Button-attention-solid)", "color-bg-Button-attention-solid": "var(--xmlui-color-bg-Button-attention-solid)", "color-text-Button-attention-solid": "var(--xmlui-color-text-Button-attention-solid)", "shadow-Button-attention-solid": "var(--xmlui-shadow-Button-attention-solid)", "thickness-outline-Button-attention-solid--focus": "var(--xmlui-thickness-outline-Button-attention-solid--focus)", "color-outline-Button-attention-solid--focus": "var(--xmlui-color-outline-Button-attention-solid--focus)", "style-outline-Button-attention-solid--focus": "var(--xmlui-style-outline-Button-attention-solid--focus)", "offset-outline-Button-attention-solid--focus": "var(--xmlui-offset-outline-Button-attention-solid--focus)", "color-border-Button-attention-solid--hover": "var(--xmlui-color-border-Button-attention-solid--hover)", "color-bg-Button-attention-solid--hover": "var(--xmlui-color-bg-Button-attention-solid--hover)", "color-text-Button-attention-solid--hover": "var(--xmlui-color-text-Button-attention-solid--hover)", "color-border-Button-attention-solid--active": "var(--xmlui-color-border-Button-attention-solid--active)", "color-bg-Button-attention-solid--active": "var(--xmlui-color-bg-Button-attention-solid--active)", "color-text-Button-attention-solid--active": "var(--xmlui-color-text-Button-attention-solid--active)", "font-size-Button-primary-outlined": "var(--xmlui-font-size-Button-primary-outlined)", "font-weight-Button-primary-outlined": "var(--xmlui-font-weight-Button-primary-outlined)", "radius-Button-primary-outlined": "var(--xmlui-radius-Button-primary-outlined)", "thickness-border-Button-primary-outlined": "var(--xmlui-thickness-border-Button-primary-outlined)", "color-border-Button-primary-outlined": "var(--xmlui-color-border-Button-primary-outlined)", "style-border-Button-primary-outlined": "var(--xmlui-style-border-Button-primary-outlined)", "color-text-Button-primary-outlined": "var(--xmlui-color-text-Button-primary-outlined)", "shadow-Button-primary-outlined": "var(--xmlui-shadow-Button-primary-outlined)", "thickness-outline-Button-primary-outlined--focus": "var(--xmlui-thickness-outline-Button-primary-outlined--focus)", "color-outline-Button-primary-outlined--focus": "var(--xmlui-color-outline-Button-primary-outlined--focus)", "style-outline-Button-primary-outlined--focus": "var(--xmlui-style-outline-Button-primary-outlined--focus)", "offset-outline-Button-primary-outlined--focus": "var(--xmlui-offset-outline-Button-primary-outlined--focus)", "color-border-Button-primary-outlined--hover": "var(--xmlui-color-border-Button-primary-outlined--hover)", "color-bg-Button-primary-outlined--hover": "var(--xmlui-color-bg-Button-primary-outlined--hover)", "color-text-Button-primary-outlined--hover": "var(--xmlui-color-text-Button-primary-outlined--hover)", "color-border-Button-primary-outlined--active": "var(--xmlui-color-border-Button-primary-outlined--active)", "color-bg-Button-primary-outlined--active": "var(--xmlui-color-bg-Button-primary-outlined--active)", "color-text-Button-primary-outlined--active": "var(--xmlui-color-text-Button-primary-outlined--active)", "font-size-Button-secondary-outlined": "var(--xmlui-font-size-Button-secondary-outlined)", "font-weight-Button-secondary-outlined": "var(--xmlui-font-weight-Button-secondary-outlined)", "radius-Button-secondary-outlined": "var(--xmlui-radius-Button-secondary-outlined)", "thickness-border-Button-secondary-outlined": "var(--xmlui-thickness-border-Button-secondary-outlined)", "color-border-Button-secondary-outlined": "var(--xmlui-color-border-Button-secondary-outlined)", "style-border-Button-secondary-outlined": "var(--xmlui-style-border-Button-secondary-outlined)", "color-text-Button-secondary-outlined": "var(--xmlui-color-text-Button-secondary-outlined)", "shadow-Button-secondary-outlined": "var(--xmlui-shadow-Button-secondary-outlined)", "thickness-outline-Button-secondary-outlined--focus": "var(--xmlui-thickness-outline-Button-secondary-outlined--focus)", "color-outline-Button-secondary-outlined--focus": "var(--xmlui-color-outline-Button-secondary-outlined--focus)", "style-outline-Button-secondary-outlined--focus": "var(--xmlui-style-outline-Button-secondary-outlined--focus)", "offset-outline-Button-secondary-outlined--focus": "var(--xmlui-offset-outline-Button-secondary-outlined--focus)", "color-border-Button-secondary-outlined--hover": "var(--xmlui-color-border-Button-secondary-outlined--hover)", "color-bg-Button-secondary-outlined--hover": "var(--xmlui-color-bg-Button-secondary-outlined--hover)", "color-text-Button-secondary-outlined--hover": "var(--xmlui-color-text-Button-secondary-outlined--hover)", "color-border-Button-secondary-outlined--active": "var(--xmlui-color-border-Button-secondary-outlined--active)", "color-bg-Button-secondary-outlined--active": "var(--xmlui-color-bg-Button-secondary-outlined--active)", "color-text-Button-secondary-outlined--active": "var(--xmlui-color-text-Button-secondary-outlined--active)", "font-size-Button-attention-outlined": "var(--xmlui-font-size-Button-attention-outlined)", "font-weight-Button-attention-outlined": "var(--xmlui-font-weight-Button-attention-outlined)", "radius-Button-attention-outlined": "var(--xmlui-radius-Button-attention-outlined)", "thickness-border-Button-attention-outlined": "var(--xmlui-thickness-border-Button-attention-outlined)", "color-border-Button-attention-outlined": "var(--xmlui-color-border-Button-attention-outlined)", "style-border-Button-attention-outlined": "var(--xmlui-style-border-Button-attention-outlined)", "color-text-Button-attention-outlined": "var(--xmlui-color-text-Button-attention-outlined)", "shadow-Button-attention-outlined": "var(--xmlui-shadow-Button-attention-outlined)", "thickness-outline-Button-attention-outlined--focus": "var(--xmlui-thickness-outline-Button-attention-outlined--focus)", "color-outline-Button-attention-outlined--focus": "var(--xmlui-color-outline-Button-attention-outlined--focus)", "style-outline-Button-attention-outlined--focus": "var(--xmlui-style-outline-Button-attention-outlined--focus)", "offset-outline-Button-attention-outlined--focus": "var(--xmlui-offset-outline-Button-attention-outlined--focus)", "color-border-Button-attention-outlined--hover": "var(--xmlui-color-border-Button-attention-outlined--hover)", "color-bg-Button-attention-outlined--hover": "var(--xmlui-color-bg-Button-attention-outlined--hover)", "color-text-Button-attention-outlined--hover": "var(--xmlui-color-text-Button-attention-outlined--hover)", "color-border-Button-attention-outlined--active": "var(--xmlui-color-border-Button-attention-outlined--active)", "color-bg-Button-attention-outlined--active": "var(--xmlui-color-bg-Button-attention-outlined--active)", "color-text-Button-attention-outlined--active": "var(--xmlui-color-text-Button-attention-outlined--active)", "font-size-Button-primary-ghost": "var(--xmlui-font-size-Button-primary-ghost)", "font-weight-Button-primary-ghost": "var(--xmlui-font-weight-Button-primary-ghost)", "radius-Button-primary-ghost": "var(--xmlui-radius-Button-primary-ghost)", "thickness-border-Button-primary-ghost": "var(--xmlui-thickness-border-Button-primary-ghost)", "color-text-Button-primary-ghost": "var(--xmlui-color-text-Button-primary-ghost)", "thickness-outline-Button-primary-ghost--focus": "var(--xmlui-thickness-outline-Button-primary-ghost--focus)", "color-outline-Button-primary-ghost--focus": "var(--xmlui-color-outline-Button-primary-ghost--focus)", "style-outline-Button-primary-ghost--focus": "var(--xmlui-style-outline-Button-primary-ghost--focus)", "offset-outline-Button-primary-ghost--focus": "var(--xmlui-offset-outline-Button-primary-ghost--focus)", "color-bg-Button-primary-ghost--hover": "var(--xmlui-color-bg-Button-primary-ghost--hover)", "color-text-Button-primary-ghost--hover": "var(--xmlui-color-text-Button-primary-ghost--hover)", "color-bg-Button-primary-ghost--active": "var(--xmlui-color-bg-Button-primary-ghost--active)", "color-text-Button-primary-ghost--active": "var(--xmlui-color-text-Button-primary-ghost--active)", "font-size-Button-secondary-ghost": "var(--xmlui-font-size-Button-secondary-ghost)", "font-weight-Button-secondary-ghost": "var(--xmlui-font-weight-Button-secondary-ghost)", "radius-Button-secondary-ghost": "var(--xmlui-radius-Button-secondary-ghost)", "thickness-border-Button-secondary-ghost": "var(--xmlui-thickness-border-Button-secondary-ghost)", "color-text-Button-secondary-ghost": "var(--xmlui-color-text-Button-secondary-ghost)", "thickness-outline-Button-secondary-ghost--focus": "var(--xmlui-thickness-outline-Button-secondary-ghost--focus)", "color-outline-Button-secondary-ghost--focus": "var(--xmlui-color-outline-Button-secondary-ghost--focus)", "style-outline-Button-secondary-ghost--focus": "var(--xmlui-style-outline-Button-secondary-ghost--focus)", "offset-outline-Button-secondary-ghost--focus": "var(--xmlui-offset-outline-Button-secondary-ghost--focus)", "color-bg-Button-secondary-ghost--hover": "var(--xmlui-color-bg-Button-secondary-ghost--hover)", "color-text-Button-secondary-ghost--hover": "var(--xmlui-color-text-Button-secondary-ghost--hover)", "color-bg-Button-secondary-ghost--active": "var(--xmlui-color-bg-Button-secondary-ghost--active)", "color-text-Button-secondary-ghost--active": "var(--xmlui-color-text-Button-secondary-ghost--active)", "font-size-Button-attention-ghost": "var(--xmlui-font-size-Button-attention-ghost)", "font-weight-Button-attention-ghost": "var(--xmlui-font-weight-Button-attention-ghost)", "radius-Button-attention-ghost": "var(--xmlui-radius-Button-attention-ghost)", "thickness-border-Button-attention-ghost": "var(--xmlui-thickness-border-Button-attention-ghost)", "color-text-Button-attention-ghost": "var(--xmlui-color-text-Button-attention-ghost)", "thickness-outline-Button-attention-ghost--focus": "var(--xmlui-thickness-outline-Button-attention-ghost--focus)", "color-outline-Button-attention-ghost--focus": "var(--xmlui-color-outline-Button-attention-ghost--focus)", "style-outline-Button-attention-ghost--focus": "var(--xmlui-style-outline-Button-attention-ghost--focus)", "offset-outline-Button-attention-ghost--focus": "var(--xmlui-offset-outline-Button-attention-ghost--focus)", "color-bg-Button-attention-ghost--hover": "var(--xmlui-color-bg-Button-attention-ghost--hover)", "color-text-Button-attention-ghost--hover": "var(--xmlui-color-text-Button-attention-ghost--hover)", "color-bg-Button-attention-ghost--active": "var(--xmlui-color-bg-Button-attention-ghost--active)", "color-text-Button-attention-ghost--active": "var(--xmlui-color-text-Button-attention-ghost--active)"}'`,button:"_button_13u9a_13",alignStart:"_alignStart_13u9a_28",alignEnd:"_alignEnd_13u9a_31",buttonHorizontal:"_buttonHorizontal_13u9a_37",xs:"_xs_13u9a_40",sm:"_sm_13u9a_43",md:"_md_13u9a_46",lg:"_lg_13u9a_49",buttonVertical:"_buttonVertical_13u9a_52",solidPrimary:"_solidPrimary_13u9a_70",solidSecondary:"_solidSecondary_13u9a_103",solidAttention:"_solidAttention_13u9a_136",outlinedPrimary:"_outlinedPrimary_13u9a_169",outlinedSecondary:"_outlinedSecondary_13u9a_201",outlinedAttention:"_outlinedAttention_13u9a_233",ghostPrimary:"_ghostPrimary_13u9a_265",ghostSecondary:"_ghostSecondary_13u9a_293",ghostAttention:"_ghostAttention_13u9a_321"};function t({description:i,shortDescription:o,specializedFrom:H,status:te,props:se,events:Oe,contextVars:De,apis:Le,nonVisual:Ae,opaque:E,themeVars:y,defaultThemeVars:Ti,toneSpecificThemeVars:yi,allowArbitraryProps:$i,docFolder:wi}){return{description:i,shortDescription:o,specializedFrom:H,status:te,props:se,events:Oe,contextVars:De,apis:Le,nonVisual:Ae,opaque:E,themeVars:y,defaultThemeVars:Ti,toneSpecificThemeVars:yi,allowArbitraryProps:$i,docFolder:wi}}function e(i,o,H,te,se){return{description:i,availableValues:o,valueType:H,defaultValue:te,isValid:se}}const Fe=[{value:"xs",description:"Extra small button"},{value:"sm",description:"Small button"},{value:"md",description:"Medium button"},{value:"lg",description:"Large button"}],Tt=[...["attention","primary","secondary"]],Xe=[{value:"attention",description:"Attention state theme color"},{value:"primary",description:"Primary theme color"},{value:"secondary",description:"Secondary theme color"}],yt=[{value:"button",description:"Regular behavior that only executes logic if explicitly determined."},{value:"submit",description:"The button submits the form data to the server. This is the default for buttons in a Form or NativeForm component."},{value:"reset",description:"Resets all the controls to their initial values. Using it is ill advised for UX reasons."}],$t=[...["solid","outlined","ghost"]],Ke=[{value:"solid",description:"A button with a border and a filled background."},{value:"outlined",description:"The button is displayed with a border and a transparent background."},{value:"ghost",description:"A button with no border and fill. Only the label is visible; the background is colored when hovered or clicked."}],wt=[{value:"center",description:"Place the content in the middle"},{value:"start",description:"Justify the content to the left (to the right if in right-to-left)"},{value:"end",description:"Justify the content to the right (to the left if in right-to-left)"}],Qe=[{value:"horizontal",description:"The component will fill the available space horizontally"},{value:"vertical",description:"The component will fill the available space vertically"}],et=[...["left","right","start","end"]],tt=[{value:"left",description:"The icon will appear on the left side"},{value:"right",description:"The icon will appear on the right side"},{value:"start",description:"The icon will appear at the start (left side when the left-to-right direction is set)"},{value:"end",description:"The icon will appear at the end (right side when the left-to-right direction is set)"}],_t=[{value:"primary",description:"Primary theme color, no default icon"},{value:"secondary",description:"Secondary theme color, no default icon"},{value:"success",description:'Success theme color, "success" icon'},{value:"danger",description:'Warning theme color, "warning" icon'},{value:"warning",description:'Danger theme color, "danger" icon'},{value:"info",description:'Info theme color, "info" icon'},{value:"light",description:"Light theme color, no default icon"},{value:"dark",description:"Dark theme color, no default icon"}],kt=[{value:"start",description:"The left side of the window (left-to-right) or the right side of the window (right-to-left)"},{value:"end",description:"The right side of the window (left-to-right) or the left side of the window (right-to-left)"},{value:"top",description:"The top of the window"},{value:"bottom",description:"The bottom of the window"}],It=[...["start","end"]],Bt=[{value:"valid",description:"Visual indicator for an input that is accepted"},{value:"warning",description:"Visual indicator for an input that produced a warning"},{value:"error",description:"Visual indicator for an input that produced an error"}],Ct={themeVars:`'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`,base:"_base_13qtg_13"},ot={keyPrefix:"xmlui",themeVars:'"[]"'};function n(i){if(!i||typeof i!="string")return i;let o=i.replace(/(^['"])|(['"]$)/g,"");try{return JSON.parse(o)}catch{try{return JSON.parse(i.replace("(","{").replace(")","}").replace(/: ?([^,}]+)([,}])/g,': "$1"$2').replace(/([\s{,])(?!")([^:\s]+)+:/g,'$1"$2":'))}catch{return o}}}n(ot.keyPrefix),n(ot.themeVars);function W(i){return{description:`This event is triggered when the ${i} is clicked.`}}function _(i){return{description:`This event is triggered when the ${i} has received the focus.`}}function k(i){return{description:`This event is triggered when the ${i} has lost the focus.`}}function $(i){return{description:`This event is triggered when value of ${i} has changed.`}}function rt(){return{description:"The `true` value of this property signals that the component is in an _intedeterminate state_."}}function O(){return{description:"You can specify the identifier of a component acting as its label. When you click the label, the component behaves as you clicked it."}}function z(){return{description:"This property sets the label of the component."}}function Re(i){return{description:"Places the label at the given position of the component.",availableValues:["top","right","bottom","left"],defaultValue:i}}function f(){return{description:"This property sets the label of the component.",valueType:"boolean",defaultValue:!1}}function I(i){return{description:"This property sets the component's initial value.",defaultValue:i}}function M(){return{description:"Set this property to `true` to disallow changing the component value."}}function g(){return{description:"This boolean property value indicates whether the component responds to user events (`true`) or not (`false`).",valueType:"boolean",defaultValue:!0}}function S(){return{description:"This property allows you to set the validation status of the input component.",availableValues:Bt}}function it(){return{description:"You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."}}function oe(){return{description:"You can use this method to set the component's current value programmatically (`true`: checked, `false`: unchecked)."}}function m(i){return{description:i,valueType:"ComponentDef"}}function G(){return{description:"A placeholder text that is visible in the input field when its empty."}}function re(){return{description:"This property sets the maximum length of the input it accepts."}}function D(){return{description:"Set this property to `true` to indicate it must have a value before submitting the containing form."}}function ve(){return{description:"This property sets a text to appear at the start (left side when the left-to-right direction is set) of the input."}}function ge(){return{description:"This property sets an icon to appear at the start (left side when the left-to-right direction is set) of the input."}}function fe(){return{description:"This property sets a text to appear on the end (right side when the left-to-right direction is set) of the input."}}function Te(){return{description:"This property sets an icon to appear on the end (right side when the left-to-right direction is set) of the input."}}function zt(i){return{description:`This property indicates if the ${i} is expanded (\`true\`) or collapsed (\`false\`).`}}function Mt(i){return{description:`This method expands the ${i}.`}}function St(i){return{description:`This method collapses the ${i}.`}}function J(i){return{description:`This method sets the focus on the ${i}.`}}function Pt(i){return{description:`This event is triggered when the ${i} has been displayed. The event handler has a single boolean argument set to \`true\`, indicating that the user opened the component.`}}function Vt(i){return{description:`This event is triggered when the ${i} has been closed. The event handler has a single boolean argument set to \`true\`, indicating that the user closed the component.`}}function at(i){return{description:`This property allows you to define a custom trigger instead of the default one provided by \`${i}\`.`,valueType:"ComponentDef"}}function Nt(i){return{description:"This property sets the main axis along which the nested components are rendered.",availableValues:Qe,valueType:"string",defaultValue:i}}const r="Button",Ht=t({description:"Button is an interactive element that triggers an action when clicked.",status:"stable",props:{autoFocus:e("Indicates if the button should receive focus when the page loads.",null,"boolean",!1),variant:e("The button variant determines the level of emphasis the button should possess.",Ke,"string","solid"),themeColor:e("Sets the button color scheme defined in the application theme.",Xe,"string","primary"),size:e("The size of the button.",Fe,"string","sm"),label:e(`This property is an optional string to set a label for the ${r}. If no label is specified and an icon is set, the ${r} will modify its styling to look like a small icon button. When the ${r} has nested children, it will display them and ignore the value of the \`label\` prop.`),type:e(`This optional string describes how the ${r} appears in an HTML context. You rarely need to set this property explicitly.`,yt,"string","button"),enabled:e("The value of this property indicates whether the button accepts actions (`true`) or does not react to them (`false`).",null,null,!0),icon:e(`This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${r} displays only that icon.`),iconPosition:e(`This optional string determines the location of the icon in the ${r}.`,tt,"string","left"),contentPosition:e(`This optional value determines how the label and icon (or nested children) should be placedinside the ${r} component.`,wt,"string","center")},events:{click:W(r),gotFocus:_(r),lostFocus:k(r)},themeVars:n(ft.themeVars),defaultThemeVars:{[`width-${r}`]:"fit-content",[`height-${r}`]:"fit-content",[`radius-${r}`]:"$radius",[`font-size-${r}`]:"$font-size-small",[`font-weight-${r}`]:"$font-weight-medium",[`color-bg-${r}-primary`]:"$color-primary-500",[`color-bg-${r}-attention`]:"$color-bg-attention",[`color-border-${r}-attention`]:"$color-attention",[`color-bg-${r}--disabled`]:"$color-bg--disabled",[`color-border-${r}--disabled`]:"$color-border--disabled",[`style-border-${r}`]:"solid",[`color-text-${r}--disabled`]:"$color-text--disabled",[`color-outline-${r}--focus`]:"$color-outline--focus",[`thickness-border-${r}`]:"1px",[`thickness-outline-${r}--focus`]:"$thickness-outline--focus",[`style-outline-${r}--focus`]:"$style-outline--focus",[`offset-outline-${r}--focus`]:"$offset-outline--focus",[`padding-horizontal-xs-${r}`]:"$space-1",[`padding-vertical-xs-${r}`]:"$space-0_5",[`padding-horizontal-sm-${r}`]:"$space-4",[`padding-vertical-sm-${r}`]:"$space-2",[`padding-horizontal-md-${r}`]:"$space-4",[`padding-vertical-md-${r}`]:"$space-3",[`padding-horizontal-lg-${r}`]:"$space-5",[`padding-vertical-lg-${r}`]:"$space-4",light:{[`color-text-${r}`]:"$color-surface-950",[`color-text-${r}-solid`]:"$color-surface-50",[`color-border-${r}-primary`]:"$color-primary-500",[`color-bg-${r}-primary--hover`]:"$color-primary-400",[`color-bg-${r}-primary--active`]:"$color-primary-500",[`color-bg-${r}-primary-outlined--hover`]:"$color-primary-50",[`color-bg-${r}-primary-outlined--active`]:"$color-primary-100",[`color-border-${r}-primary-outlined`]:"$color-primary-600",[`color-border-${r}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${r}-primary-outlined`]:"$color-primary-900",[`color-text-${r}-primary-outlined--hover`]:"$color-primary-950",[`color-text-${r}-primary-outlined--active`]:"$color-primary-900",[`color-bg-${r}-primary-ghost--hover`]:"$color-primary-50",[`color-bg-${r}-primary-ghost--active`]:"$color-primary-100",[`color-border-${r}-secondary`]:"$color-secondary-100",[`color-bg-${r}-secondary`]:"$color-secondary-500",[`color-bg-${r}-secondary--hover`]:"$color-secondary-400",[`color-bg-${r}-secondary--active`]:"$color-secondary-500",[`color-bg-${r}-secondary-outlined--hover`]:"$color-secondary-50",[`color-bg-${r}-secondary-outlined--active`]:"$color-secondary-100",[`color-bg-${r}-secondary-ghost--hover`]:"$color-secondary-100",[`color-bg-${r}-secondary-ghost--active`]:"$color-secondary-100",[`color-bg-${r}-attention--hover`]:"$color-danger-400",[`color-bg-${r}-attention--active`]:"$color-danger-500",[`color-bg-${r}-attention-outlined--hover`]:"$color-danger-50",[`color-bg-${r}-attention-outlined--active`]:"$color-danger-100",[`color-bg-${r}-attention-ghost--hover`]:"$color-danger-50",[`color-bg-${r}-attention-ghost--active`]:"$color-danger-100"},dark:{[`color-text-${r}`]:"$color-surface-50",[`color-text-${r}-solid`]:"$color-surface-50",[`color-border-${r}-primary`]:"$color-primary-500",[`color-bg-${r}-primary--hover`]:"$color-primary-600",[`color-bg-${r}-primary--active`]:"$color-primary-500",[`color-bg-${r}-primary-outlined--hover`]:"$color-primary-900",[`color-bg-${r}-primary-outlined--active`]:"$color-primary-950",[`color-border-${r}-primary-outlined`]:"$color-primary-600",[`color-border-${r}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${r}-primary-outlined`]:"$color-primary-100",[`color-text-${r}-primary-outlined--hover`]:"$color-primary-50",[`color-text-${r}-primary-outlined--active`]:"$color-primary-100",[`color-bg-${r}-primary-ghost--hover`]:"$color-primary-900",[`color-bg-${r}-primary-ghost--active`]:"$color-primary-950",[`color-border-${r}-secondary`]:"$color-secondary-500",[`color-bg-${r}-secondary`]:"$color-secondary-500",[`color-bg-${r}-secondary--hover`]:"$color-secondary-400",[`color-bg-${r}-secondary--active`]:"$color-secondary-500",[`color-bg-${r}-secondary-outlined--hover`]:"$color-secondary-600",[`color-bg-${r}-secondary-outlined--active`]:"$color-secondary-500",[`color-bg-${r}-secondary-ghost--hover`]:"$color-secondary-900",[`color-bg-${r}-secondary-ghost--active`]:"$color-secondary-950",[`color-bg-${r}-attention--hover`]:"$color-danger-400",[`color-bg-${r}-attention--active`]:"$color-danger-500",[`color-bg-${r}-attention-outlined--hover`]:"$color-danger-900",[`color-bg-${r}-attention-outlined--active`]:"$color-danger-950",[`color-bg-${r}-attention-ghost--hover`]:"$color-danger-900",[`color-bg-${r}-attention-ghost--active`]:"$color-danger-950"}}}),Ot={themeVars:'"[]"',base:"_base_gzmhm_13",hoverContainer:"_hoverContainer_gzmhm_22",handlesClick:"_handlesClick_gzmhm_32",vertical:"_vertical_gzmhm_36",reverse:"_reverse_gzmhm_40",horizontal:"_horizontal_gzmhm_44",justifyItemsStart:"_justifyItemsStart_gzmhm_52",justifyItemsCenter:"_justifyItemsCenter_gzmhm_56",justifyItemsStretch:"_justifyItemsStretch_gzmhm_60",justifyItemsEnd:"_justifyItemsEnd_gzmhm_64",alignItemsStart:"_alignItemsStart_gzmhm_69",alignItemsCenter:"_alignItemsCenter_gzmhm_73",alignItemsStretch:"_alignItemsStretch_gzmhm_77",alignItemsEnd:"_alignItemsEnd_gzmhm_81"},de="Stack",qe=e("Manages the horizontal content alignment for each child element in the Stack."),Ee=e("Manages the vertical content alignment for each child element in the Stack."),ye=t({description:"`Stack` is a layout container displaying children in a horizontal or vertical stack.",props:{gap:e("Optional size value indicating the gap between child elements."),reverse:e("Optional boolean property to reverse the order of child elements."),wrapContent:e("Optional boolean which wraps the content if set to true and the available space is not big enough. Works in all orientations."),hoverContainer:e("Reserved for future use"),visibleOnHover:e("Reserved for future use")},events:{click:W(de),mounted:e("Reserved for future use")},themeVars:n(Ot.themeVars)}),ue={...ye,props:{...ye.props,orientation:e("An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column)."),horizontalAlignment:qe,verticalAlignment:Ee}},Dt={...ue,specializedFrom:de,description:"This component represents a stack rendering its contents vertically.",props:{...ye.props,horizontalAlignment:qe,verticalAlignment:Ee}},Lt={...ue,specializedFrom:de,description:"This component represents a stack rendering its contents horizontally.",props:{...ye.props,horizontalAlignment:qe,verticalAlignment:Ee}},At={...ue,specializedFrom:de,description:"This component represents a stack that renders its contents vertically and aligns that in the center along both axes."},Ft={...ue,specializedFrom:de,description:"This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."},Rt={themeVars:`'{"Input:radius-TextBox-default": "var(--xmlui-radius-TextBox-default)", "Input:color-border-TextBox-default": "var(--xmlui-color-border-TextBox-default)", "Input:thickness-border-TextBox-default": "var(--xmlui-thickness-border-TextBox-default)", "Input:style-border-TextBox-default": "var(--xmlui-style-border-TextBox-default)", "Input:font-size-TextBox-default": "var(--xmlui-font-size-TextBox-default)", "Input:color-bg-TextBox-default": "var(--xmlui-color-bg-TextBox-default)", "Input:shadow-TextBox-default": "var(--xmlui-shadow-TextBox-default)", "Input:color-text-TextBox-default": "var(--xmlui-color-text-TextBox-default)", "Input:color-border-TextBox-default--hover": "var(--xmlui-color-border-TextBox-default--hover)", "Input:color-bg-TextBox-default--hover": "var(--xmlui-color-bg-TextBox-default--hover)", "Input:shadow-TextBox-default--hover": "var(--xmlui-shadow-TextBox-default--hover)", "Input:color-text-TextBox-default--hover": "var(--xmlui-color-text-TextBox-default--hover)", "Input:color-border-TextBox-default--focus": "var(--xmlui-color-border-TextBox-default--focus)", "Input:color-bg-TextBox-default--focus": "var(--xmlui-color-bg-TextBox-default--focus)", "Input:shadow-TextBox-default--focus": "var(--xmlui-shadow-TextBox-default--focus)", "Input:color-text-TextBox-default--focus": "var(--xmlui-color-text-TextBox-default--focus)", "Input:thickness-outline-TextBox-default--focus": "var(--xmlui-thickness-outline-TextBox-default--focus)", "Input:color-outline-TextBox-default--focus": "var(--xmlui-color-outline-TextBox-default--focus)", "Input:style-outline-TextBox-default--focus": "var(--xmlui-style-outline-TextBox-default--focus)", "Input:offset-outline-TextBox-default--focus": "var(--xmlui-offset-outline-TextBox-default--focus)", "Input:color-placeholder-TextBox-default": "var(--xmlui-color-placeholder-TextBox-default)", "Input:color-adornment-TextBox-default": "var(--xmlui-color-adornment-TextBox-default)", "Input:radius-TextBox-error": "var(--xmlui-radius-TextBox-error)", "Input:color-border-TextBox-error": "var(--xmlui-color-border-TextBox-error)", "Input:thickness-border-TextBox-error": "var(--xmlui-thickness-border-TextBox-error)", "Input:style-border-TextBox-error": "var(--xmlui-style-border-TextBox-error)", "Input:font-size-TextBox-error": "var(--xmlui-font-size-TextBox-error)", "Input:color-bg-TextBox-error": "var(--xmlui-color-bg-TextBox-error)", "Input:shadow-TextBox-error": "var(--xmlui-shadow-TextBox-error)", "Input:color-text-TextBox-error": "var(--xmlui-color-text-TextBox-error)", "Input:color-border-TextBox-error--hover": "var(--xmlui-color-border-TextBox-error--hover)", "Input:color-bg-TextBox-error--hover": "var(--xmlui-color-bg-TextBox-error--hover)", "Input:shadow-TextBox-error--hover": "var(--xmlui-shadow-TextBox-error--hover)", "Input:color-text-TextBox-error--hover": "var(--xmlui-color-text-TextBox-error--hover)", "Input:color-border-TextBox-error--focus": "var(--xmlui-color-border-TextBox-error--focus)", "Input:color-bg-TextBox-error--focus": "var(--xmlui-color-bg-TextBox-error--focus)", "Input:shadow-TextBox-error--focus": "var(--xmlui-shadow-TextBox-error--focus)", "Input:color-text-TextBox-error--focus": "var(--xmlui-color-text-TextBox-error--focus)", "Input:thickness-outline-TextBox-error--focus": "var(--xmlui-thickness-outline-TextBox-error--focus)", "Input:color-outline-TextBox-error--focus": "var(--xmlui-color-outline-TextBox-error--focus)", "Input:style-outline-TextBox-error--focus": "var(--xmlui-style-outline-TextBox-error--focus)", "Input:offset-outline-TextBox-error--focus": "var(--xmlui-offset-outline-TextBox-error--focus)", "Input:color-placeholder-TextBox-error": "var(--xmlui-color-placeholder-TextBox-error)", "Input:color-adornment-TextBox-error": "var(--xmlui-color-adornment-TextBox-error)", "Input:radius-TextBox-warning": "var(--xmlui-radius-TextBox-warning)", "Input:color-border-TextBox-warning": "var(--xmlui-color-border-TextBox-warning)", "Input:thickness-border-TextBox-warning": "var(--xmlui-thickness-border-TextBox-warning)", "Input:style-border-TextBox-warning": "var(--xmlui-style-border-TextBox-warning)", "Input:font-size-TextBox-warning": "var(--xmlui-font-size-TextBox-warning)", "Input:color-bg-TextBox-warning": "var(--xmlui-color-bg-TextBox-warning)", "Input:shadow-TextBox-warning": "var(--xmlui-shadow-TextBox-warning)", "Input:color-text-TextBox-warning": "var(--xmlui-color-text-TextBox-warning)", "Input:color-border-TextBox-warning--hover": "var(--xmlui-color-border-TextBox-warning--hover)", "Input:color-bg-TextBox-warning--hover": "var(--xmlui-color-bg-TextBox-warning--hover)", "Input:shadow-TextBox-warning--hover": "var(--xmlui-shadow-TextBox-warning--hover)", "Input:color-text-TextBox-warning--hover": "var(--xmlui-color-text-TextBox-warning--hover)", "Input:color-border-TextBox-warning--focus": "var(--xmlui-color-border-TextBox-warning--focus)", "Input:color-bg-TextBox-warning--focus": "var(--xmlui-color-bg-TextBox-warning--focus)", "Input:shadow-TextBox-warning--focus": "var(--xmlui-shadow-TextBox-warning--focus)", "Input:color-text-TextBox-warning--focus": "var(--xmlui-color-text-TextBox-warning--focus)", "Input:thickness-outline-TextBox-warning--focus": "var(--xmlui-thickness-outline-TextBox-warning--focus)", "Input:color-outline-TextBox-warning--focus": "var(--xmlui-color-outline-TextBox-warning--focus)", "Input:style-outline-TextBox-warning--focus": "var(--xmlui-style-outline-TextBox-warning--focus)", "Input:offset-outline-TextBox-warning--focus": "var(--xmlui-offset-outline-TextBox-warning--focus)", "Input:color-placeholder-TextBox-warning": "var(--xmlui-color-placeholder-TextBox-warning)", "Input:color-adornment-TextBox-warning": "var(--xmlui-color-adornment-TextBox-warning)", "Input:radius-TextBox-success": "var(--xmlui-radius-TextBox-success)", "Input:color-border-TextBox-success": "var(--xmlui-color-border-TextBox-success)", "Input:thickness-border-TextBox-success": "var(--xmlui-thickness-border-TextBox-success)", "Input:style-border-TextBox-success": "var(--xmlui-style-border-TextBox-success)", "Input:font-size-TextBox-success": "var(--xmlui-font-size-TextBox-success)", "Input:color-bg-TextBox-success": "var(--xmlui-color-bg-TextBox-success)", "Input:shadow-TextBox-success": "var(--xmlui-shadow-TextBox-success)", "Input:color-text-TextBox-success": "var(--xmlui-color-text-TextBox-success)", "Input:color-border-TextBox-success--hover": "var(--xmlui-color-border-TextBox-success--hover)", "Input:color-bg-TextBox-success--hover": "var(--xmlui-color-bg-TextBox-success--hover)", "Input:shadow-TextBox-success--hover": "var(--xmlui-shadow-TextBox-success--hover)", "Input:color-text-TextBox-success--hover": "var(--xmlui-color-text-TextBox-success--hover)", "Input:color-border-TextBox-success--focus": "var(--xmlui-color-border-TextBox-success--focus)", "Input:color-bg-TextBox-success--focus": "var(--xmlui-color-bg-TextBox-success--focus)", "Input:shadow-TextBox-success--focus": "var(--xmlui-shadow-TextBox-success--focus)", "Input:color-text-TextBox-success--focus": "var(--xmlui-color-text-TextBox-success--focus)", "Input:thickness-outline-TextBox-success--focus": "var(--xmlui-thickness-outline-TextBox-success--focus)", "Input:color-outline-TextBox-success--focus": "var(--xmlui-color-outline-TextBox-success--focus)", "Input:style-outline-TextBox-success--focus": "var(--xmlui-style-outline-TextBox-success--focus)", "Input:offset-outline-TextBox-success--focus": "var(--xmlui-offset-outline-TextBox-success--focus)", "Input:color-placeholder-TextBox-success": "var(--xmlui-color-placeholder-TextBox-success)", "Input:color-adornment-TextBox-success": "var(--xmlui-color-adornment-TextBox-success)", "Input:color-bg-TextBox--disabled": "var(--xmlui-color-bg-TextBox--disabled)", "Input:color-text-TextBox--disabled": "var(--xmlui-color-text-TextBox--disabled)", "Input:color-border-TextBox--disabled": "var(--xmlui-color-border-TextBox--disabled)"}'`,inputRoot:"_inputRoot_1watn_13",input:"_input_1watn_13",adornment:"_adornment_1watn_53",error:"_error_1watn_56",warning:"_warning_1watn_90",valid:"_valid_1watn_124",readOnly:"_readOnly_1watn_175"},qt={themeVars:`'{"font-family-Text": "var(--xmlui-font-family-Text)", "color-Text": "var(--xmlui-color-Text)", "font-weight-Text": "var(--xmlui-font-weight-Text)", "font-size-Text": "var(--xmlui-font-size-Text)", "font-family-Text-abbr": "var(--xmlui-font-family-Text-abbr)", "font-size-Text-abbr": "var(--xmlui-font-size-Text-abbr)", "font-weight-Text-abbr": "var(--xmlui-font-weight-Text-abbr)", "font-style-Text-abbr": "var(--xmlui-font-style-Text-abbr)", "font-stretch-Text-abbr": "var(--xmlui-font-stretch-Text-abbr)", "line-decoration-Text-abbr": "var(--xmlui-line-decoration-Text-abbr)", "color-decoration-Text-abbr": "var(--xmlui-color-decoration-Text-abbr)", "style-decoration-Text-abbr": "var(--xmlui-style-decoration-Text-abbr)", "thickness-decoration-Text-abbr": "var(--xmlui-thickness-decoration-Text-abbr)", "offset-decoration-Text-abbr": "var(--xmlui-offset-decoration-Text-abbr)", "line-height-Text-abbr": "var(--xmlui-line-height-Text-abbr)", "color-Text-abbr": "var(--xmlui-color-Text-abbr)", "color-bg-Text-abbr": "var(--xmlui-color-bg-Text-abbr)", "border-radius-Text-abbr": "var(--xmlui-border-radius-Text-abbr)", "color-border-Text-abbr": "var(--xmlui-color-border-Text-abbr)", "thickness-border-Text-abbr": "var(--xmlui-thickness-border-Text-abbr)", "style-border-Text-abbr": "var(--xmlui-style-border-Text-abbr)", "margin-top-Text-abbr": "var(--xmlui-margin-top-Text-abbr)", "margin-bottom-Text-abbr": "var(--xmlui-margin-bottom-Text-abbr)", "padding-horizontal-Text-abbr": "var(--xmlui-padding-horizontal-Text-abbr)", "padding-vertical-Text-abbr": "var(--xmlui-padding-vertical-Text-abbr)", "transform-Text-abbr": "var(--xmlui-transform-Text-abbr)", "align-vertical-Text-abbr": "var(--xmlui-align-vertical-Text-abbr)", "letter-spacing-Text-abbr": "var(--xmlui-letter-spacing-Text-abbr)", "font-family-Text-cite": "var(--xmlui-font-family-Text-cite)", "font-size-Text-cite": "var(--xmlui-font-size-Text-cite)", "font-weight-Text-cite": "var(--xmlui-font-weight-Text-cite)", "font-style-Text-cite": "var(--xmlui-font-style-Text-cite)", "font-stretch-Text-cite": "var(--xmlui-font-stretch-Text-cite)", "line-decoration-Text-cite": "var(--xmlui-line-decoration-Text-cite)", "color-decoration-Text-cite": "var(--xmlui-color-decoration-Text-cite)", "style-decoration-Text-cite": "var(--xmlui-style-decoration-Text-cite)", "thickness-decoration-Text-cite": "var(--xmlui-thickness-decoration-Text-cite)", "offset-decoration-Text-cite": "var(--xmlui-offset-decoration-Text-cite)", "line-height-Text-cite": "var(--xmlui-line-height-Text-cite)", "color-Text-cite": "var(--xmlui-color-Text-cite)", "color-bg-Text-cite": "var(--xmlui-color-bg-Text-cite)", "border-radius-Text-cite": "var(--xmlui-border-radius-Text-cite)", "color-border-Text-cite": "var(--xmlui-color-border-Text-cite)", "thickness-border-Text-cite": "var(--xmlui-thickness-border-Text-cite)", "style-border-Text-cite": "var(--xmlui-style-border-Text-cite)", "margin-top-Text-cite": "var(--xmlui-margin-top-Text-cite)", "margin-bottom-Text-cite": "var(--xmlui-margin-bottom-Text-cite)", "padding-horizontal-Text-cite": "var(--xmlui-padding-horizontal-Text-cite)", "padding-vertical-Text-cite": "var(--xmlui-padding-vertical-Text-cite)", "transform-Text-cite": "var(--xmlui-transform-Text-cite)", "align-vertical-Text-cite": "var(--xmlui-align-vertical-Text-cite)", "letter-spacing-Text-cite": "var(--xmlui-letter-spacing-Text-cite)", "font-family-Text-code": "var(--xmlui-font-family-Text-code)", "font-size-Text-code": "var(--xmlui-font-size-Text-code)", "font-weight-Text-code": "var(--xmlui-font-weight-Text-code)", "font-style-Text-code": "var(--xmlui-font-style-Text-code)", "font-stretch-Text-code": "var(--xmlui-font-stretch-Text-code)", "line-decoration-Text-code": "var(--xmlui-line-decoration-Text-code)", "color-decoration-Text-code": "var(--xmlui-color-decoration-Text-code)", "style-decoration-Text-code": "var(--xmlui-style-decoration-Text-code)", "thickness-decoration-Text-code": "var(--xmlui-thickness-decoration-Text-code)", "offset-decoration-Text-code": "var(--xmlui-offset-decoration-Text-code)", "line-height-Text-code": "var(--xmlui-line-height-Text-code)", "color-Text-code": "var(--xmlui-color-Text-code)", "color-bg-Text-code": "var(--xmlui-color-bg-Text-code)", "border-radius-Text-code": "var(--xmlui-border-radius-Text-code)", "color-border-Text-code": "var(--xmlui-color-border-Text-code)", "thickness-border-Text-code": "var(--xmlui-thickness-border-Text-code)", "style-border-Text-code": "var(--xmlui-style-border-Text-code)", "margin-top-Text-code": "var(--xmlui-margin-top-Text-code)", "margin-bottom-Text-code": "var(--xmlui-margin-bottom-Text-code)", "padding-horizontal-Text-code": "var(--xmlui-padding-horizontal-Text-code)", "padding-vertical-Text-code": "var(--xmlui-padding-vertical-Text-code)", "transform-Text-code": "var(--xmlui-transform-Text-code)", "align-vertical-Text-code": "var(--xmlui-align-vertical-Text-code)", "letter-spacing-Text-code": "var(--xmlui-letter-spacing-Text-code)", "font-family-Text-codefence": "var(--xmlui-font-family-Text-codefence)", "font-size-Text-codefence": "var(--xmlui-font-size-Text-codefence)", "font-weight-Text-codefence": "var(--xmlui-font-weight-Text-codefence)", "font-style-Text-codefence": "var(--xmlui-font-style-Text-codefence)", "font-stretch-Text-codefence": "var(--xmlui-font-stretch-Text-codefence)", "line-decoration-Text-codefence": "var(--xmlui-line-decoration-Text-codefence)", "color-decoration-Text-codefence": "var(--xmlui-color-decoration-Text-codefence)", "style-decoration-Text-codefence": "var(--xmlui-style-decoration-Text-codefence)", "thickness-decoration-Text-codefence": "var(--xmlui-thickness-decoration-Text-codefence)", "offset-decoration-Text-codefence": "var(--xmlui-offset-decoration-Text-codefence)", "line-height-Text-codefence": "var(--xmlui-line-height-Text-codefence)", "color-Text-codefence": "var(--xmlui-color-Text-codefence)", "color-bg-Text-codefence": "var(--xmlui-color-bg-Text-codefence)", "border-radius-Text-codefence": "var(--xmlui-border-radius-Text-codefence)", "color-border-Text-codefence": "var(--xmlui-color-border-Text-codefence)", "thickness-border-Text-codefence": "var(--xmlui-thickness-border-Text-codefence)", "style-border-Text-codefence": "var(--xmlui-style-border-Text-codefence)", "margin-top-Text-codefence": "var(--xmlui-margin-top-Text-codefence)", "margin-bottom-Text-codefence": "var(--xmlui-margin-bottom-Text-codefence)", "padding-horizontal-Text-codefence": "var(--xmlui-padding-horizontal-Text-codefence)", "padding-vertical-Text-codefence": "var(--xmlui-padding-vertical-Text-codefence)", "transform-Text-codefence": "var(--xmlui-transform-Text-codefence)", "align-vertical-Text-codefence": "var(--xmlui-align-vertical-Text-codefence)", "letter-spacing-Text-codefence": "var(--xmlui-letter-spacing-Text-codefence)", "font-family-Text-deleted": "var(--xmlui-font-family-Text-deleted)", "font-size-Text-deleted": "var(--xmlui-font-size-Text-deleted)", "font-weight-Text-deleted": "var(--xmlui-font-weight-Text-deleted)", "font-style-Text-deleted": "var(--xmlui-font-style-Text-deleted)", "font-stretch-Text-deleted": "var(--xmlui-font-stretch-Text-deleted)", "line-decoration-Text-deleted": "var(--xmlui-line-decoration-Text-deleted)", "color-decoration-Text-deleted": "var(--xmlui-color-decoration-Text-deleted)", "style-decoration-Text-deleted": "var(--xmlui-style-decoration-Text-deleted)", "thickness-decoration-Text-deleted": "var(--xmlui-thickness-decoration-Text-deleted)", "offset-decoration-Text-deleted": "var(--xmlui-offset-decoration-Text-deleted)", "line-height-Text-deleted": "var(--xmlui-line-height-Text-deleted)", "color-Text-deleted": "var(--xmlui-color-Text-deleted)", "color-bg-Text-deleted": "var(--xmlui-color-bg-Text-deleted)", "border-radius-Text-deleted": "var(--xmlui-border-radius-Text-deleted)", "color-border-Text-deleted": "var(--xmlui-color-border-Text-deleted)", "thickness-border-Text-deleted": "var(--xmlui-thickness-border-Text-deleted)", "style-border-Text-deleted": "var(--xmlui-style-border-Text-deleted)", "margin-top-Text-deleted": "var(--xmlui-margin-top-Text-deleted)", "margin-bottom-Text-deleted": "var(--xmlui-margin-bottom-Text-deleted)", "padding-horizontal-Text-deleted": "var(--xmlui-padding-horizontal-Text-deleted)", "padding-vertical-Text-deleted": "var(--xmlui-padding-vertical-Text-deleted)", "transform-Text-deleted": "var(--xmlui-transform-Text-deleted)", "align-vertical-Text-deleted": "var(--xmlui-align-vertical-Text-deleted)", "letter-spacing-Text-deleted": "var(--xmlui-letter-spacing-Text-deleted)", "font-family-Text-inserted": "var(--xmlui-font-family-Text-inserted)", "font-size-Text-inserted": "var(--xmlui-font-size-Text-inserted)", "font-weight-Text-inserted": "var(--xmlui-font-weight-Text-inserted)", "font-style-Text-inserted": "var(--xmlui-font-style-Text-inserted)", "font-stretch-Text-inserted": "var(--xmlui-font-stretch-Text-inserted)", "line-decoration-Text-inserted": "var(--xmlui-line-decoration-Text-inserted)", "color-decoration-Text-inserted": "var(--xmlui-color-decoration-Text-inserted)", "style-decoration-Text-inserted": "var(--xmlui-style-decoration-Text-inserted)", "thickness-decoration-Text-inserted": "var(--xmlui-thickness-decoration-Text-inserted)", "offset-decoration-Text-inserted": "var(--xmlui-offset-decoration-Text-inserted)", "line-height-Text-inserted": "var(--xmlui-line-height-Text-inserted)", "color-Text-inserted": "var(--xmlui-color-Text-inserted)", "color-bg-Text-inserted": "var(--xmlui-color-bg-Text-inserted)", "border-radius-Text-inserted": "var(--xmlui-border-radius-Text-inserted)", "color-border-Text-inserted": "var(--xmlui-color-border-Text-inserted)", "thickness-border-Text-inserted": "var(--xmlui-thickness-border-Text-inserted)", "style-border-Text-inserted": "var(--xmlui-style-border-Text-inserted)", "margin-top-Text-inserted": "var(--xmlui-margin-top-Text-inserted)", "margin-bottom-Text-inserted": "var(--xmlui-margin-bottom-Text-inserted)", "padding-horizontal-Text-inserted": "var(--xmlui-padding-horizontal-Text-inserted)", "padding-vertical-Text-inserted": "var(--xmlui-padding-vertical-Text-inserted)", "transform-Text-inserted": "var(--xmlui-transform-Text-inserted)", "align-vertical-Text-inserted": "var(--xmlui-align-vertical-Text-inserted)", "letter-spacing-Text-inserted": "var(--xmlui-letter-spacing-Text-inserted)", "font-family-Text-keyboard": "var(--xmlui-font-family-Text-keyboard)", "font-size-Text-keyboard": "var(--xmlui-font-size-Text-keyboard)", "font-weight-Text-keyboard": "var(--xmlui-font-weight-Text-keyboard)", "font-style-Text-keyboard": "var(--xmlui-font-style-Text-keyboard)", "font-stretch-Text-keyboard": "var(--xmlui-font-stretch-Text-keyboard)", "line-decoration-Text-keyboard": "var(--xmlui-line-decoration-Text-keyboard)", "color-decoration-Text-keyboard": "var(--xmlui-color-decoration-Text-keyboard)", "style-decoration-Text-keyboard": "var(--xmlui-style-decoration-Text-keyboard)", "thickness-decoration-Text-keyboard": "var(--xmlui-thickness-decoration-Text-keyboard)", "offset-decoration-Text-keyboard": "var(--xmlui-offset-decoration-Text-keyboard)", "line-height-Text-keyboard": "var(--xmlui-line-height-Text-keyboard)", "color-Text-keyboard": "var(--xmlui-color-Text-keyboard)", "color-bg-Text-keyboard": "var(--xmlui-color-bg-Text-keyboard)", "border-radius-Text-keyboard": "var(--xmlui-border-radius-Text-keyboard)", "color-border-Text-keyboard": "var(--xmlui-color-border-Text-keyboard)", "thickness-border-Text-keyboard": "var(--xmlui-thickness-border-Text-keyboard)", "style-border-Text-keyboard": "var(--xmlui-style-border-Text-keyboard)", "margin-top-Text-keyboard": "var(--xmlui-margin-top-Text-keyboard)", "margin-bottom-Text-keyboard": "var(--xmlui-margin-bottom-Text-keyboard)", "padding-horizontal-Text-keyboard": "var(--xmlui-padding-horizontal-Text-keyboard)", "padding-vertical-Text-keyboard": "var(--xmlui-padding-vertical-Text-keyboard)", "transform-Text-keyboard": "var(--xmlui-transform-Text-keyboard)", "align-vertical-Text-keyboard": "var(--xmlui-align-vertical-Text-keyboard)", "letter-spacing-Text-keyboard": "var(--xmlui-letter-spacing-Text-keyboard)", "font-family-Text-marked": "var(--xmlui-font-family-Text-marked)", "font-size-Text-marked": "var(--xmlui-font-size-Text-marked)", "font-weight-Text-marked": "var(--xmlui-font-weight-Text-marked)", "font-style-Text-marked": "var(--xmlui-font-style-Text-marked)", "font-stretch-Text-marked": "var(--xmlui-font-stretch-Text-marked)", "line-decoration-Text-marked": "var(--xmlui-line-decoration-Text-marked)", "color-decoration-Text-marked": "var(--xmlui-color-decoration-Text-marked)", "style-decoration-Text-marked": "var(--xmlui-style-decoration-Text-marked)", "thickness-decoration-Text-marked": "var(--xmlui-thickness-decoration-Text-marked)", "offset-decoration-Text-marked": "var(--xmlui-offset-decoration-Text-marked)", "line-height-Text-marked": "var(--xmlui-line-height-Text-marked)", "color-Text-marked": "var(--xmlui-color-Text-marked)", "color-bg-Text-marked": "var(--xmlui-color-bg-Text-marked)", "border-radius-Text-marked": "var(--xmlui-border-radius-Text-marked)", "color-border-Text-marked": "var(--xmlui-color-border-Text-marked)", "thickness-border-Text-marked": "var(--xmlui-thickness-border-Text-marked)", "style-border-Text-marked": "var(--xmlui-style-border-Text-marked)", "margin-top-Text-marked": "var(--xmlui-margin-top-Text-marked)", "margin-bottom-Text-marked": "var(--xmlui-margin-bottom-Text-marked)", "padding-horizontal-Text-marked": "var(--xmlui-padding-horizontal-Text-marked)", "padding-vertical-Text-marked": "var(--xmlui-padding-vertical-Text-marked)", "transform-Text-marked": "var(--xmlui-transform-Text-marked)", "align-vertical-Text-marked": "var(--xmlui-align-vertical-Text-marked)", "letter-spacing-Text-marked": "var(--xmlui-letter-spacing-Text-marked)", "font-family-Text-mono": "var(--xmlui-font-family-Text-mono)", "font-size-Text-mono": "var(--xmlui-font-size-Text-mono)", "font-weight-Text-mono": "var(--xmlui-font-weight-Text-mono)", "font-style-Text-mono": "var(--xmlui-font-style-Text-mono)", "font-stretch-Text-mono": "var(--xmlui-font-stretch-Text-mono)", "line-decoration-Text-mono": "var(--xmlui-line-decoration-Text-mono)", "color-decoration-Text-mono": "var(--xmlui-color-decoration-Text-mono)", "style-decoration-Text-mono": "var(--xmlui-style-decoration-Text-mono)", "thickness-decoration-Text-mono": "var(--xmlui-thickness-decoration-Text-mono)", "offset-decoration-Text-mono": "var(--xmlui-offset-decoration-Text-mono)", "line-height-Text-mono": "var(--xmlui-line-height-Text-mono)", "color-Text-mono": "var(--xmlui-color-Text-mono)", "color-bg-Text-mono": "var(--xmlui-color-bg-Text-mono)", "border-radius-Text-mono": "var(--xmlui-border-radius-Text-mono)", "color-border-Text-mono": "var(--xmlui-color-border-Text-mono)", "thickness-border-Text-mono": "var(--xmlui-thickness-border-Text-mono)", "style-border-Text-mono": "var(--xmlui-style-border-Text-mono)", "margin-top-Text-mono": "var(--xmlui-margin-top-Text-mono)", "margin-bottom-Text-mono": "var(--xmlui-margin-bottom-Text-mono)", "padding-horizontal-Text-mono": "var(--xmlui-padding-horizontal-Text-mono)", "padding-vertical-Text-mono": "var(--xmlui-padding-vertical-Text-mono)", "transform-Text-mono": "var(--xmlui-transform-Text-mono)", "align-vertical-Text-mono": "var(--xmlui-align-vertical-Text-mono)", "letter-spacing-Text-mono": "var(--xmlui-letter-spacing-Text-mono)", "font-family-Text-sample": "var(--xmlui-font-family-Text-sample)", "font-size-Text-sample": "var(--xmlui-font-size-Text-sample)", "font-weight-Text-sample": "var(--xmlui-font-weight-Text-sample)", "font-style-Text-sample": "var(--xmlui-font-style-Text-sample)", "font-stretch-Text-sample": "var(--xmlui-font-stretch-Text-sample)", "line-decoration-Text-sample": "var(--xmlui-line-decoration-Text-sample)", "color-decoration-Text-sample": "var(--xmlui-color-decoration-Text-sample)", "style-decoration-Text-sample": "var(--xmlui-style-decoration-Text-sample)", "thickness-decoration-Text-sample": "var(--xmlui-thickness-decoration-Text-sample)", "offset-decoration-Text-sample": "var(--xmlui-offset-decoration-Text-sample)", "line-height-Text-sample": "var(--xmlui-line-height-Text-sample)", "color-Text-sample": "var(--xmlui-color-Text-sample)", "color-bg-Text-sample": "var(--xmlui-color-bg-Text-sample)", "border-radius-Text-sample": "var(--xmlui-border-radius-Text-sample)", "color-border-Text-sample": "var(--xmlui-color-border-Text-sample)", "thickness-border-Text-sample": "var(--xmlui-thickness-border-Text-sample)", "style-border-Text-sample": "var(--xmlui-style-border-Text-sample)", "margin-top-Text-sample": "var(--xmlui-margin-top-Text-sample)", "margin-bottom-Text-sample": "var(--xmlui-margin-bottom-Text-sample)", "padding-horizontal-Text-sample": "var(--xmlui-padding-horizontal-Text-sample)", "padding-vertical-Text-sample": "var(--xmlui-padding-vertical-Text-sample)", "transform-Text-sample": "var(--xmlui-transform-Text-sample)", "align-vertical-Text-sample": "var(--xmlui-align-vertical-Text-sample)", "letter-spacing-Text-sample": "var(--xmlui-letter-spacing-Text-sample)", "font-family-Text-sup": "var(--xmlui-font-family-Text-sup)", "font-size-Text-sup": "var(--xmlui-font-size-Text-sup)", "font-weight-Text-sup": "var(--xmlui-font-weight-Text-sup)", "font-style-Text-sup": "var(--xmlui-font-style-Text-sup)", "font-stretch-Text-sup": "var(--xmlui-font-stretch-Text-sup)", "line-decoration-Text-sup": "var(--xmlui-line-decoration-Text-sup)", "color-decoration-Text-sup": "var(--xmlui-color-decoration-Text-sup)", "style-decoration-Text-sup": "var(--xmlui-style-decoration-Text-sup)", "thickness-decoration-Text-sup": "var(--xmlui-thickness-decoration-Text-sup)", "offset-decoration-Text-sup": "var(--xmlui-offset-decoration-Text-sup)", "line-height-Text-sup": "var(--xmlui-line-height-Text-sup)", "color-Text-sup": "var(--xmlui-color-Text-sup)", "color-bg-Text-sup": "var(--xmlui-color-bg-Text-sup)", "border-radius-Text-sup": "var(--xmlui-border-radius-Text-sup)", "color-border-Text-sup": "var(--xmlui-color-border-Text-sup)", "thickness-border-Text-sup": "var(--xmlui-thickness-border-Text-sup)", "style-border-Text-sup": "var(--xmlui-style-border-Text-sup)", "margin-top-Text-sup": "var(--xmlui-margin-top-Text-sup)", "margin-bottom-Text-sup": "var(--xmlui-margin-bottom-Text-sup)", "padding-horizontal-Text-sup": "var(--xmlui-padding-horizontal-Text-sup)", "padding-vertical-Text-sup": "var(--xmlui-padding-vertical-Text-sup)", "transform-Text-sup": "var(--xmlui-transform-Text-sup)", "align-vertical-Text-sup": "var(--xmlui-align-vertical-Text-sup)", "letter-spacing-Text-sup": "var(--xmlui-letter-spacing-Text-sup)", "font-family-Text-sub": "var(--xmlui-font-family-Text-sub)", "font-size-Text-sub": "var(--xmlui-font-size-Text-sub)", "font-weight-Text-sub": "var(--xmlui-font-weight-Text-sub)", "font-style-Text-sub": "var(--xmlui-font-style-Text-sub)", "font-stretch-Text-sub": "var(--xmlui-font-stretch-Text-sub)", "line-decoration-Text-sub": "var(--xmlui-line-decoration-Text-sub)", "color-decoration-Text-sub": "var(--xmlui-color-decoration-Text-sub)", "style-decoration-Text-sub": "var(--xmlui-style-decoration-Text-sub)", "thickness-decoration-Text-sub": "var(--xmlui-thickness-decoration-Text-sub)", "offset-decoration-Text-sub": "var(--xmlui-offset-decoration-Text-sub)", "line-height-Text-sub": "var(--xmlui-line-height-Text-sub)", "color-Text-sub": "var(--xmlui-color-Text-sub)", "color-bg-Text-sub": "var(--xmlui-color-bg-Text-sub)", "border-radius-Text-sub": "var(--xmlui-border-radius-Text-sub)", "color-border-Text-sub": "var(--xmlui-color-border-Text-sub)", "thickness-border-Text-sub": "var(--xmlui-thickness-border-Text-sub)", "style-border-Text-sub": "var(--xmlui-style-border-Text-sub)", "margin-top-Text-sub": "var(--xmlui-margin-top-Text-sub)", "margin-bottom-Text-sub": "var(--xmlui-margin-bottom-Text-sub)", "padding-horizontal-Text-sub": "var(--xmlui-padding-horizontal-Text-sub)", "padding-vertical-Text-sub": "var(--xmlui-padding-vertical-Text-sub)", "transform-Text-sub": "var(--xmlui-transform-Text-sub)", "align-vertical-Text-sub": "var(--xmlui-align-vertical-Text-sub)", "letter-spacing-Text-sub": "var(--xmlui-letter-spacing-Text-sub)", "font-family-Text-var": "var(--xmlui-font-family-Text-var)", "font-size-Text-var": "var(--xmlui-font-size-Text-var)", "font-weight-Text-var": "var(--xmlui-font-weight-Text-var)", "font-style-Text-var": "var(--xmlui-font-style-Text-var)", "font-stretch-Text-var": "var(--xmlui-font-stretch-Text-var)", "line-decoration-Text-var": "var(--xmlui-line-decoration-Text-var)", "color-decoration-Text-var": "var(--xmlui-color-decoration-Text-var)", "style-decoration-Text-var": "var(--xmlui-style-decoration-Text-var)", "thickness-decoration-Text-var": "var(--xmlui-thickness-decoration-Text-var)", "offset-decoration-Text-var": "var(--xmlui-offset-decoration-Text-var)", "line-height-Text-var": "var(--xmlui-line-height-Text-var)", "color-Text-var": "var(--xmlui-color-Text-var)", "color-bg-Text-var": "var(--xmlui-color-bg-Text-var)", "border-radius-Text-var": "var(--xmlui-border-radius-Text-var)", "color-border-Text-var": "var(--xmlui-color-border-Text-var)", "thickness-border-Text-var": "var(--xmlui-thickness-border-Text-var)", "style-border-Text-var": "var(--xmlui-style-border-Text-var)", "margin-top-Text-var": "var(--xmlui-margin-top-Text-var)", "margin-bottom-Text-var": "var(--xmlui-margin-bottom-Text-var)", "padding-horizontal-Text-var": "var(--xmlui-padding-horizontal-Text-var)", "padding-vertical-Text-var": "var(--xmlui-padding-vertical-Text-var)", "transform-Text-var": "var(--xmlui-transform-Text-var)", "align-vertical-Text-var": "var(--xmlui-align-vertical-Text-var)", "letter-spacing-Text-var": "var(--xmlui-letter-spacing-Text-var)", "font-family-Text-title": "var(--xmlui-font-family-Text-title)", "font-size-Text-title": "var(--xmlui-font-size-Text-title)", "font-weight-Text-title": "var(--xmlui-font-weight-Text-title)", "font-style-Text-title": "var(--xmlui-font-style-Text-title)", "font-stretch-Text-title": "var(--xmlui-font-stretch-Text-title)", "line-decoration-Text-title": "var(--xmlui-line-decoration-Text-title)", "color-decoration-Text-title": "var(--xmlui-color-decoration-Text-title)", "style-decoration-Text-title": "var(--xmlui-style-decoration-Text-title)", "thickness-decoration-Text-title": "var(--xmlui-thickness-decoration-Text-title)", "offset-decoration-Text-title": "var(--xmlui-offset-decoration-Text-title)", "line-height-Text-title": "var(--xmlui-line-height-Text-title)", "color-Text-title": "var(--xmlui-color-Text-title)", "color-bg-Text-title": "var(--xmlui-color-bg-Text-title)", "border-radius-Text-title": "var(--xmlui-border-radius-Text-title)", "color-border-Text-title": "var(--xmlui-color-border-Text-title)", "thickness-border-Text-title": "var(--xmlui-thickness-border-Text-title)", "style-border-Text-title": "var(--xmlui-style-border-Text-title)", "margin-top-Text-title": "var(--xmlui-margin-top-Text-title)", "margin-bottom-Text-title": "var(--xmlui-margin-bottom-Text-title)", "padding-horizontal-Text-title": "var(--xmlui-padding-horizontal-Text-title)", "padding-vertical-Text-title": "var(--xmlui-padding-vertical-Text-title)", "transform-Text-title": "var(--xmlui-transform-Text-title)", "align-vertical-Text-title": "var(--xmlui-align-vertical-Text-title)", "letter-spacing-Text-title": "var(--xmlui-letter-spacing-Text-title)", "font-family-Text-subtitle": "var(--xmlui-font-family-Text-subtitle)", "font-size-Text-subtitle": "var(--xmlui-font-size-Text-subtitle)", "font-weight-Text-subtitle": "var(--xmlui-font-weight-Text-subtitle)", "font-style-Text-subtitle": "var(--xmlui-font-style-Text-subtitle)", "font-stretch-Text-subtitle": "var(--xmlui-font-stretch-Text-subtitle)", "line-decoration-Text-subtitle": "var(--xmlui-line-decoration-Text-subtitle)", "color-decoration-Text-subtitle": "var(--xmlui-color-decoration-Text-subtitle)", "style-decoration-Text-subtitle": "var(--xmlui-style-decoration-Text-subtitle)", "thickness-decoration-Text-subtitle": "var(--xmlui-thickness-decoration-Text-subtitle)", "offset-decoration-Text-subtitle": "var(--xmlui-offset-decoration-Text-subtitle)", "line-height-Text-subtitle": "var(--xmlui-line-height-Text-subtitle)", "color-Text-subtitle": "var(--xmlui-color-Text-subtitle)", "color-bg-Text-subtitle": "var(--xmlui-color-bg-Text-subtitle)", "border-radius-Text-subtitle": "var(--xmlui-border-radius-Text-subtitle)", "color-border-Text-subtitle": "var(--xmlui-color-border-Text-subtitle)", "thickness-border-Text-subtitle": "var(--xmlui-thickness-border-Text-subtitle)", "style-border-Text-subtitle": "var(--xmlui-style-border-Text-subtitle)", "margin-top-Text-subtitle": "var(--xmlui-margin-top-Text-subtitle)", "margin-bottom-Text-subtitle": "var(--xmlui-margin-bottom-Text-subtitle)", "padding-horizontal-Text-subtitle": "var(--xmlui-padding-horizontal-Text-subtitle)", "padding-vertical-Text-subtitle": "var(--xmlui-padding-vertical-Text-subtitle)", "transform-Text-subtitle": "var(--xmlui-transform-Text-subtitle)", "align-vertical-Text-subtitle": "var(--xmlui-align-vertical-Text-subtitle)", "letter-spacing-Text-subtitle": "var(--xmlui-letter-spacing-Text-subtitle)", "font-family-Text-small": "var(--xmlui-font-family-Text-small)", "font-size-Text-small": "var(--xmlui-font-size-Text-small)", "font-weight-Text-small": "var(--xmlui-font-weight-Text-small)", "font-style-Text-small": "var(--xmlui-font-style-Text-small)", "font-stretch-Text-small": "var(--xmlui-font-stretch-Text-small)", "line-decoration-Text-small": "var(--xmlui-line-decoration-Text-small)", "color-decoration-Text-small": "var(--xmlui-color-decoration-Text-small)", "style-decoration-Text-small": "var(--xmlui-style-decoration-Text-small)", "thickness-decoration-Text-small": "var(--xmlui-thickness-decoration-Text-small)", "offset-decoration-Text-small": "var(--xmlui-offset-decoration-Text-small)", "line-height-Text-small": "var(--xmlui-line-height-Text-small)", "color-Text-small": "var(--xmlui-color-Text-small)", "color-bg-Text-small": "var(--xmlui-color-bg-Text-small)", "border-radius-Text-small": "var(--xmlui-border-radius-Text-small)", "color-border-Text-small": "var(--xmlui-color-border-Text-small)", "thickness-border-Text-small": "var(--xmlui-thickness-border-Text-small)", "style-border-Text-small": "var(--xmlui-style-border-Text-small)", "margin-top-Text-small": "var(--xmlui-margin-top-Text-small)", "margin-bottom-Text-small": "var(--xmlui-margin-bottom-Text-small)", "padding-horizontal-Text-small": "var(--xmlui-padding-horizontal-Text-small)", "padding-vertical-Text-small": "var(--xmlui-padding-vertical-Text-small)", "transform-Text-small": "var(--xmlui-transform-Text-small)", "align-vertical-Text-small": "var(--xmlui-align-vertical-Text-small)", "letter-spacing-Text-small": "var(--xmlui-letter-spacing-Text-small)", "font-family-Text-caption": "var(--xmlui-font-family-Text-caption)", "font-size-Text-caption": "var(--xmlui-font-size-Text-caption)", "font-weight-Text-caption": "var(--xmlui-font-weight-Text-caption)", "font-style-Text-caption": "var(--xmlui-font-style-Text-caption)", "font-stretch-Text-caption": "var(--xmlui-font-stretch-Text-caption)", "line-decoration-Text-caption": "var(--xmlui-line-decoration-Text-caption)", "color-decoration-Text-caption": "var(--xmlui-color-decoration-Text-caption)", "style-decoration-Text-caption": "var(--xmlui-style-decoration-Text-caption)", "thickness-decoration-Text-caption": "var(--xmlui-thickness-decoration-Text-caption)", "offset-decoration-Text-caption": "var(--xmlui-offset-decoration-Text-caption)", "line-height-Text-caption": "var(--xmlui-line-height-Text-caption)", "color-Text-caption": "var(--xmlui-color-Text-caption)", "color-bg-Text-caption": "var(--xmlui-color-bg-Text-caption)", "border-radius-Text-caption": "var(--xmlui-border-radius-Text-caption)", "color-border-Text-caption": "var(--xmlui-color-border-Text-caption)", "thickness-border-Text-caption": "var(--xmlui-thickness-border-Text-caption)", "style-border-Text-caption": "var(--xmlui-style-border-Text-caption)", "margin-top-Text-caption": "var(--xmlui-margin-top-Text-caption)", "margin-bottom-Text-caption": "var(--xmlui-margin-bottom-Text-caption)", "padding-horizontal-Text-caption": "var(--xmlui-padding-horizontal-Text-caption)", "padding-vertical-Text-caption": "var(--xmlui-padding-vertical-Text-caption)", "transform-Text-caption": "var(--xmlui-transform-Text-caption)", "align-vertical-Text-caption": "var(--xmlui-align-vertical-Text-caption)", "letter-spacing-Text-caption": "var(--xmlui-letter-spacing-Text-caption)", "font-family-Text-placeholder": "var(--xmlui-font-family-Text-placeholder)", "font-size-Text-placeholder": "var(--xmlui-font-size-Text-placeholder)", "font-weight-Text-placeholder": "var(--xmlui-font-weight-Text-placeholder)", "font-style-Text-placeholder": "var(--xmlui-font-style-Text-placeholder)", "font-stretch-Text-placeholder": "var(--xmlui-font-stretch-Text-placeholder)", "line-decoration-Text-placeholder": "var(--xmlui-line-decoration-Text-placeholder)", "color-decoration-Text-placeholder": "var(--xmlui-color-decoration-Text-placeholder)", "style-decoration-Text-placeholder": "var(--xmlui-style-decoration-Text-placeholder)", "thickness-decoration-Text-placeholder": "var(--xmlui-thickness-decoration-Text-placeholder)", "offset-decoration-Text-placeholder": "var(--xmlui-offset-decoration-Text-placeholder)", "line-height-Text-placeholder": "var(--xmlui-line-height-Text-placeholder)", "color-Text-placeholder": "var(--xmlui-color-Text-placeholder)", "color-bg-Text-placeholder": "var(--xmlui-color-bg-Text-placeholder)", "border-radius-Text-placeholder": "var(--xmlui-border-radius-Text-placeholder)", "color-border-Text-placeholder": "var(--xmlui-color-border-Text-placeholder)", "thickness-border-Text-placeholder": "var(--xmlui-thickness-border-Text-placeholder)", "style-border-Text-placeholder": "var(--xmlui-style-border-Text-placeholder)", "margin-top-Text-placeholder": "var(--xmlui-margin-top-Text-placeholder)", "margin-bottom-Text-placeholder": "var(--xmlui-margin-bottom-Text-placeholder)", "padding-horizontal-Text-placeholder": "var(--xmlui-padding-horizontal-Text-placeholder)", "padding-vertical-Text-placeholder": "var(--xmlui-padding-vertical-Text-placeholder)", "transform-Text-placeholder": "var(--xmlui-transform-Text-placeholder)", "align-vertical-Text-placeholder": "var(--xmlui-align-vertical-Text-placeholder)", "letter-spacing-Text-placeholder": "var(--xmlui-letter-spacing-Text-placeholder)", "font-family-Text-paragraph": "var(--xmlui-font-family-Text-paragraph)", "font-size-Text-paragraph": "var(--xmlui-font-size-Text-paragraph)", "font-weight-Text-paragraph": "var(--xmlui-font-weight-Text-paragraph)", "font-style-Text-paragraph": "var(--xmlui-font-style-Text-paragraph)", "font-stretch-Text-paragraph": "var(--xmlui-font-stretch-Text-paragraph)", "line-decoration-Text-paragraph": "var(--xmlui-line-decoration-Text-paragraph)", "color-decoration-Text-paragraph": "var(--xmlui-color-decoration-Text-paragraph)", "style-decoration-Text-paragraph": "var(--xmlui-style-decoration-Text-paragraph)", "thickness-decoration-Text-paragraph": "var(--xmlui-thickness-decoration-Text-paragraph)", "offset-decoration-Text-paragraph": "var(--xmlui-offset-decoration-Text-paragraph)", "line-height-Text-paragraph": "var(--xmlui-line-height-Text-paragraph)", "color-Text-paragraph": "var(--xmlui-color-Text-paragraph)", "color-bg-Text-paragraph": "var(--xmlui-color-bg-Text-paragraph)", "border-radius-Text-paragraph": "var(--xmlui-border-radius-Text-paragraph)", "color-border-Text-paragraph": "var(--xmlui-color-border-Text-paragraph)", "thickness-border-Text-paragraph": "var(--xmlui-thickness-border-Text-paragraph)", "style-border-Text-paragraph": "var(--xmlui-style-border-Text-paragraph)", "margin-top-Text-paragraph": "var(--xmlui-margin-top-Text-paragraph)", "margin-bottom-Text-paragraph": "var(--xmlui-margin-bottom-Text-paragraph)", "padding-horizontal-Text-paragraph": "var(--xmlui-padding-horizontal-Text-paragraph)", "padding-vertical-Text-paragraph": "var(--xmlui-padding-vertical-Text-paragraph)", "transform-Text-paragraph": "var(--xmlui-transform-Text-paragraph)", "align-vertical-Text-paragraph": "var(--xmlui-align-vertical-Text-paragraph)", "letter-spacing-Text-paragraph": "var(--xmlui-letter-spacing-Text-paragraph)", "font-family-Text-subheading": "var(--xmlui-font-family-Text-subheading)", "font-size-Text-subheading": "var(--xmlui-font-size-Text-subheading)", "font-weight-Text-subheading": "var(--xmlui-font-weight-Text-subheading)", "font-style-Text-subheading": "var(--xmlui-font-style-Text-subheading)", "font-stretch-Text-subheading": "var(--xmlui-font-stretch-Text-subheading)", "line-decoration-Text-subheading": "var(--xmlui-line-decoration-Text-subheading)", "color-decoration-Text-subheading": "var(--xmlui-color-decoration-Text-subheading)", "style-decoration-Text-subheading": "var(--xmlui-style-decoration-Text-subheading)", "thickness-decoration-Text-subheading": "var(--xmlui-thickness-decoration-Text-subheading)", "offset-decoration-Text-subheading": "var(--xmlui-offset-decoration-Text-subheading)", "line-height-Text-subheading": "var(--xmlui-line-height-Text-subheading)", "color-Text-subheading": "var(--xmlui-color-Text-subheading)", "color-bg-Text-subheading": "var(--xmlui-color-bg-Text-subheading)", "border-radius-Text-subheading": "var(--xmlui-border-radius-Text-subheading)", "color-border-Text-subheading": "var(--xmlui-color-border-Text-subheading)", "thickness-border-Text-subheading": "var(--xmlui-thickness-border-Text-subheading)", "style-border-Text-subheading": "var(--xmlui-style-border-Text-subheading)", "margin-top-Text-subheading": "var(--xmlui-margin-top-Text-subheading)", "margin-bottom-Text-subheading": "var(--xmlui-margin-bottom-Text-subheading)", "padding-horizontal-Text-subheading": "var(--xmlui-padding-horizontal-Text-subheading)", "padding-vertical-Text-subheading": "var(--xmlui-padding-vertical-Text-subheading)", "transform-Text-subheading": "var(--xmlui-transform-Text-subheading)", "align-vertical-Text-subheading": "var(--xmlui-align-vertical-Text-subheading)", "letter-spacing-Text-subheading": "var(--xmlui-letter-spacing-Text-subheading)", "font-family-Text-tableheading": "var(--xmlui-font-family-Text-tableheading)", "font-size-Text-tableheading": "var(--xmlui-font-size-Text-tableheading)", "font-weight-Text-tableheading": "var(--xmlui-font-weight-Text-tableheading)", "font-style-Text-tableheading": "var(--xmlui-font-style-Text-tableheading)", "font-stretch-Text-tableheading": "var(--xmlui-font-stretch-Text-tableheading)", "line-decoration-Text-tableheading": "var(--xmlui-line-decoration-Text-tableheading)", "color-decoration-Text-tableheading": "var(--xmlui-color-decoration-Text-tableheading)", "style-decoration-Text-tableheading": "var(--xmlui-style-decoration-Text-tableheading)", "thickness-decoration-Text-tableheading": "var(--xmlui-thickness-decoration-Text-tableheading)", "offset-decoration-Text-tableheading": "var(--xmlui-offset-decoration-Text-tableheading)", "line-height-Text-tableheading": "var(--xmlui-line-height-Text-tableheading)", "color-Text-tableheading": "var(--xmlui-color-Text-tableheading)", "color-bg-Text-tableheading": "var(--xmlui-color-bg-Text-tableheading)", "border-radius-Text-tableheading": "var(--xmlui-border-radius-Text-tableheading)", "color-border-Text-tableheading": "var(--xmlui-color-border-Text-tableheading)", "thickness-border-Text-tableheading": "var(--xmlui-thickness-border-Text-tableheading)", "style-border-Text-tableheading": "var(--xmlui-style-border-Text-tableheading)", "margin-top-Text-tableheading": "var(--xmlui-margin-top-Text-tableheading)", "margin-bottom-Text-tableheading": "var(--xmlui-margin-bottom-Text-tableheading)", "padding-horizontal-Text-tableheading": "var(--xmlui-padding-horizontal-Text-tableheading)", "padding-vertical-Text-tableheading": "var(--xmlui-padding-vertical-Text-tableheading)", "transform-Text-tableheading": "var(--xmlui-transform-Text-tableheading)", "align-vertical-Text-tableheading": "var(--xmlui-align-vertical-Text-tableheading)", "letter-spacing-Text-tableheading": "var(--xmlui-letter-spacing-Text-tableheading)", "font-family-Text-secondary": "var(--xmlui-font-family-Text-secondary)", "font-size-Text-secondary": "var(--xmlui-font-size-Text-secondary)", "font-weight-Text-secondary": "var(--xmlui-font-weight-Text-secondary)", "font-style-Text-secondary": "var(--xmlui-font-style-Text-secondary)", "font-stretch-Text-secondary": "var(--xmlui-font-stretch-Text-secondary)", "line-decoration-Text-secondary": "var(--xmlui-line-decoration-Text-secondary)", "color-decoration-Text-secondary": "var(--xmlui-color-decoration-Text-secondary)", "style-decoration-Text-secondary": "var(--xmlui-style-decoration-Text-secondary)", "thickness-decoration-Text-secondary": "var(--xmlui-thickness-decoration-Text-secondary)", "offset-decoration-Text-secondary": "var(--xmlui-offset-decoration-Text-secondary)", "line-height-Text-secondary": "var(--xmlui-line-height-Text-secondary)", "color-Text-secondary": "var(--xmlui-color-Text-secondary)", "color-bg-Text-secondary": "var(--xmlui-color-bg-Text-secondary)", "border-radius-Text-secondary": "var(--xmlui-border-radius-Text-secondary)", "color-border-Text-secondary": "var(--xmlui-color-border-Text-secondary)", "thickness-border-Text-secondary": "var(--xmlui-thickness-border-Text-secondary)", "style-border-Text-secondary": "var(--xmlui-style-border-Text-secondary)", "margin-top-Text-secondary": "var(--xmlui-margin-top-Text-secondary)", "margin-bottom-Text-secondary": "var(--xmlui-margin-bottom-Text-secondary)", "padding-horizontal-Text-secondary": "var(--xmlui-padding-horizontal-Text-secondary)", "padding-vertical-Text-secondary": "var(--xmlui-padding-vertical-Text-secondary)", "transform-Text-secondary": "var(--xmlui-transform-Text-secondary)", "align-vertical-Text-secondary": "var(--xmlui-align-vertical-Text-secondary)", "letter-spacing-Text-secondary": "var(--xmlui-letter-spacing-Text-secondary)"}'`,text:"_text_1x1o6_13",abbr:"_abbr_1x1o6_27",cite:"_cite_1x1o6_55",codefence:"_codefence_1x1o6_83",code:"_code_1x1o6_83",deleted:"_deleted_1x1o6_139",inserted:"_inserted_1x1o6_182",keyboard:"_keyboard_1x1o6_225",marked:"_marked_1x1o6_253",mono:"_mono_1x1o6_296",sample:"_sample_1x1o6_324",sup:"_sup_1x1o6_352",sub:"_sub_1x1o6_380",var:"_var_1x1o6_408",title:"_title_1x1o6_436",subtitle:"_subtitle_1x1o6_464",small:"_small_1x1o6_492",caption:"_caption_1x1o6_520",placeholder:"_placeholder_1x1o6_548",paragraph:"_paragraph_1x1o6_576",subheading:"_subheading_1x1o6_604",tableheading:"_tableheading_1x1o6_632",secondary:"_secondary_1x1o6_660",strong:"_strong_1x1o6_688",truncateOverflow:"_truncateOverflow_1x1o6_696",preserveLinebreaks:"_preserveLinebreaks_1x1o6_702",noEllipsis:"_noEllipsis_1x1o6_706"},he="TextBox",nt=t({status:"experimental",description:`The \`${he}\` is an input component that allows users to input and edit textual data.`,props:{placeholder:G(),initialValue:I(),labelId:O(),maxLength:re(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),startText:ve(),startIcon:ge(),endText:fe(),endIcon:Te(),hasSpinBox:e("This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field."),step:e("This prop governs how big the step when clicking on the spinner of the field."),integersOnly:e("This boolean property signs whether the input field accepts integers only (`true`) or not (`false`)."),zeroOrPositive:e("This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`)."),minValue:e("The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."),maxValue:e("The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.")},events:{gotFocus:_(he),lostFocus:k(he),didChange:$(he)},apis:{focus:J(he),value:e("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:oe()},themeVars:n(Rt.themeVars),defaultThemeVars:{"radius-Input":"$radius","color-text-Input":"$color-text-primary","color-bg-Input--disabled":"$color-bg--disabled","thickness-border-Input":"1px","min-height-Input":"39px","style-border-Input":"solid","color-border-Input--disabled":"$color-border--disabled","color-text-Input--disabled":"$color-text--disabled","color-border-Input-error":"$color-border-Input-default--error","color-border-Input-warning":"$color-border-Input-default--warning","color-border-Input-success":"$color-border-Input-default--success","color-placeholder-Input":"$color-text-subtitle","color-adornment-Input":"$color-text-subtitle","color-outline-Input--focus":"$color-outline--focus","thickness-outline-Input--focus":"$thickness-outline--focus","style-outline-Input--focus":"$style-outline--focus","offset-outline-Input--focus":"$offset-outline--focus",light:{},dark:{}}}),lt="Theme",Et=t({description:`The \`${lt}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${lt}\` to define the default theming context for all of its child components. Theme variables and theme settings only work in this context.`,allowArbitraryProps:!0,props:{themeId:e("This property specifies which theme to use by setting the theme's id."),tone:e("This property allows the setting of the current theme's tone. Tone is either `light` or `dark`."),root:e("This property indicates whether the component is at the root of the application.")},opaque:!0}),Wt=[{value:"vertical",description:"This layout puts the navigation bar on the left side and displays its items vertically. The main content is aligned to the right (including the header and the footer), and its content is a single scroll container; every part of it moves as you scroll the page. This layout does not display the logo in the app header."},{value:"vertical-sticky",description:"Similar to `vertical`, the header and the navigation bar dock to the top of the main content's viewport, while the footer sticks to the bottom. This layout does not display the logo in the app header."},{value:"vertical-full-header",description:"Similar to `vertical-sticky`. However, the header and the navigation bar dock to the top of the app's window, while the footer sticks to the bottom."},{value:"condensed",description:"Similar to `horizontal`. However, the header and the navigation bar are in a single header block. (default)"},{value:"condensed-sticky",description:"However, the header and the navigation bar are in a single header block."},{value:"horizontal",description:"This layout stacks the layout sections in a single column in this order: header, navigation bar, main content, and footer. The application is a single scroll container; every part moves as you scroll the page."},{value:"horizontal-sticky",description:"Similar to `horizontal`, the header and the navigation bar dock to the top of the viewport, while the footer sticks to the bottom."}];ce.createContext(null);const Gt={themeVars:`'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "shadow-header-App": "var(--xmlui-shadow-header-App)", "shadow-pages-App": "var(--xmlui-shadow-pages-App)", "max-content-width-App": "var(--xmlui-max-content-width-App)", "color-bg-AppHeader": "var(--xmlui-color-bg-AppHeader)", "border-bottom-AppHeader": "var(--xmlui-border-bottom-AppHeader)"}'`,wrapper:"_wrapper_jcul7_13",vertical:"_vertical_jcul7_23",contentWrapper:"_contentWrapper_jcul7_27",navPanelWrapper:"_navPanelWrapper_jcul7_32",PagesWrapper:"_PagesWrapper_jcul7_36",footerWrapper:"_footerWrapper_jcul7_40",sticky:"_sticky_jcul7_43",horizontal:"_horizontal_jcul7_47",verticalFullHeader:"_verticalFullHeader_jcul7_67",PagesWrapperInner:"_PagesWrapperInner_jcul7_84",scrollWholePage:"_scrollWholePage_jcul7_96",headerWrapper:"_headerWrapper_jcul7_99",content:"_content_jcul7_27"},jt={themeVars:`'{"padding-horizontal-AppHeader": "var(--xmlui-padding-horizontal-AppHeader)", "padding-vertical-AppHeader": "var(--xmlui-padding-vertical-AppHeader)", "padding-top-AppHeader": "var(--xmlui-padding-top-AppHeader)", "padding-bottom-AppHeader": "var(--xmlui-padding-bottom-AppHeader)", "padding-left-AppHeader": "var(--xmlui-padding-left-AppHeader)", "padding-right-AppHeader": "var(--xmlui-padding-right-AppHeader)", "padding-AppHeader": "var(--xmlui-padding-AppHeader)", "padding-horizontal-logo-AppHeader": "var(--xmlui-padding-horizontal-logo-AppHeader)", "padding-vertical-logo-AppHeader": "var(--xmlui-padding-vertical-logo-AppHeader)", "padding-top-logo-AppHeader": "var(--xmlui-padding-top-logo-AppHeader)", "padding-bottom-logo-AppHeader": "var(--xmlui-padding-bottom-logo-AppHeader)", "padding-left-logo-AppHeader": "var(--xmlui-padding-left-logo-AppHeader)", "padding-right-logo-AppHeader": "var(--xmlui-padding-right-logo-AppHeader)", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "color-border-horizontal-AppHeader": "var(--xmlui-color-border-horizontal-AppHeader)", "thickness-border-horizontal-AppHeader": "var(--xmlui-thickness-border-horizontal-AppHeader)", "style-border-horizontal-AppHeader": "var(--xmlui-style-border-horizontal-AppHeader)", "color-border-vertical-AppHeader": "var(--xmlui-color-border-vertical-AppHeader)", "thickness-border-vertical-AppHeader": "var(--xmlui-thickness-border-vertical-AppHeader)", "style-border-vertical-AppHeader": "var(--xmlui-style-border-vertical-AppHeader)", "color-border-left-AppHeader": "var(--xmlui-color-border-left-AppHeader)", "thickness-border-left-AppHeader": "var(--xmlui-thickness-border-left-AppHeader)", "style-border-left-AppHeader": "var(--xmlui-style-border-left-AppHeader)", "color-border-right-AppHeader": "var(--xmlui-color-border-right-AppHeader)", "thickness-border-right-AppHeader": "var(--xmlui-thickness-border-right-AppHeader)", "style-border-right-AppHeader": "var(--xmlui-style-border-right-AppHeader)", "color-border-top-AppHeader": "var(--xmlui-color-border-top-AppHeader)", "thickness-border-top-AppHeader": "var(--xmlui-thickness-border-top-AppHeader)", "style-border-top-AppHeader": "var(--xmlui-style-border-top-AppHeader)", "color-border-bottom-AppHeader": "var(--xmlui-color-border-bottom-AppHeader)", "thickness-border-bottom-AppHeader": "var(--xmlui-thickness-border-bottom-AppHeader)", "style-border-bottom-AppHeader": "var(--xmlui-style-border-bottom-AppHeader)", "color-border-AppHeader": "var(--xmlui-color-border-AppHeader)", "thickness-border-AppHeader": "var(--xmlui-thickness-border-AppHeader)", "style-border-AppHeader": "var(--xmlui-style-border-AppHeader)", "radius-AppHeader": "var(--xmlui-radius-AppHeader)", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "color-bg-AppHeader": "var(--xmlui-color-bg-AppHeader)", "max-content-width-AppHeader": "var(--xmlui-max-content-width-AppHeader)"}'`,header:"_header_ewmbl_13",headerInner:"_headerInner_ewmbl_36",full:"_full_ewmbl_51",childrenWrapper:"_childrenWrapper_ewmbl_55",logoAndTitle:"_logoAndTitle_ewmbl_66",logoContainer:"_logoContainer_ewmbl_79",customLogoContainer:"_customLogoContainer_ewmbl_88",rightItems:"_rightItems_ewmbl_97",appHub:"_appHub_ewmbl_107"},Ut={themeVars:'"[]"',img:"_img_dk2s3_13",clickable:"_clickable_dk2s3_19"},Yt={themeVars:`'{"radius-NavLink": "var(--xmlui-radius-NavLink)", "color-bg-NavLink": "var(--xmlui-color-bg-NavLink)", "color-bg-NavLink--hover": "var(--xmlui-color-bg-NavLink--hover)", "color-bg-NavLink--hover--active": "var(--xmlui-color-bg-NavLink--hover--active)", "color-bg-NavLink--active": "var(--xmlui-color-bg-NavLink--active)", "color-bg-NavLink--pressed": "var(--xmlui-color-bg-NavLink--pressed)", "color-bg-NavLink--pressed--active": "var(--xmlui-color-bg-NavLink--pressed--active)", "padding-horizontal-NavLink": "var(--xmlui-padding-horizontal-NavLink)", "padding-vertical-NavLink": "var(--xmlui-padding-vertical-NavLink)", "font-size-NavLink": "var(--xmlui-font-size-NavLink)", "color-text-NavLink": "var(--xmlui-color-text-NavLink)", "color-text-NavLink--hover": "var(--xmlui-color-text-NavLink--hover)", "color-text-NavLink--active": "var(--xmlui-color-text-NavLink--active)", "color-text-NavLink--hover--active": "var(--xmlui-color-text-NavLink--hover--active)", "color-text-NavLink--pressed": "var(--xmlui-color-text-NavLink--pressed)", "color-text-NavLink--pressed--active": "var(--xmlui-color-text-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "font-family-NavLink": "var(--xmlui-font-family-NavLink)", "font-weight-NavLink": "var(--xmlui-font-weight-NavLink)", "font-weight-NavLink--pressed": "var(--xmlui-font-weight-NavLink--pressed)", "font-weight-NavLink--active": "var(--xmlui-font-weight-NavLink--active)", "radius-indicator-NavLink": "var(--xmlui-radius-indicator-NavLink)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "thickness-outline-NavLink--focus": "var(--xmlui-thickness-outline-NavLink--focus)", "color-outline-NavLink--focus": "var(--xmlui-color-outline-NavLink--focus)", "style-outline-NavLink--focus": "var(--xmlui-style-outline-NavLink--focus)", "offset-outline-NavLink--focus": "var(--xmlui-offset-outline-NavLink--focus)"}'`,content:"_content_qpkxv_13",base:"_base_qpkxv_13",icon:"_icon_qpkxv_33",includeHoverIndicator:"_includeHoverIndicator_qpkxv_39",displayActive:"_displayActive_qpkxv_49",navItemActive:"_navItemActive_qpkxv_86",disabled:"_disabled_qpkxv_121",vertical:"_vertical_qpkxv_125",indented:"_indented_qpkxv_134"},Zt={themeVars:`'{"color-border-horizontal-NavPanel": "var(--xmlui-color-border-horizontal-NavPanel)", "thickness-border-horizontal-NavPanel": "var(--xmlui-thickness-border-horizontal-NavPanel)", "style-border-horizontal-NavPanel": "var(--xmlui-style-border-horizontal-NavPanel)", "color-border-vertical-NavPanel": "var(--xmlui-color-border-vertical-NavPanel)", "thickness-border-vertical-NavPanel": "var(--xmlui-thickness-border-vertical-NavPanel)", "style-border-vertical-NavPanel": "var(--xmlui-style-border-vertical-NavPanel)", "color-border-left-NavPanel": "var(--xmlui-color-border-left-NavPanel)", "thickness-border-left-NavPanel": "var(--xmlui-thickness-border-left-NavPanel)", "style-border-left-NavPanel": "var(--xmlui-style-border-left-NavPanel)", "color-border-right-NavPanel": "var(--xmlui-color-border-right-NavPanel)", "thickness-border-right-NavPanel": "var(--xmlui-thickness-border-right-NavPanel)", "style-border-right-NavPanel": "var(--xmlui-style-border-right-NavPanel)", "color-border-top-NavPanel": "var(--xmlui-color-border-top-NavPanel)", "thickness-border-top-NavPanel": "var(--xmlui-thickness-border-top-NavPanel)", "style-border-top-NavPanel": "var(--xmlui-style-border-top-NavPanel)", "color-border-bottom-NavPanel": "var(--xmlui-color-border-bottom-NavPanel)", "thickness-border-bottom-NavPanel": "var(--xmlui-thickness-border-bottom-NavPanel)", "style-border-bottom-NavPanel": "var(--xmlui-style-border-bottom-NavPanel)", "color-border-NavPanel": "var(--xmlui-color-border-NavPanel)", "thickness-border-NavPanel": "var(--xmlui-thickness-border-NavPanel)", "style-border-NavPanel": "var(--xmlui-style-border-NavPanel)", "radius-NavPanel": "var(--xmlui-radius-NavPanel)", "color-bg-NavPanel": "var(--xmlui-color-bg-NavPanel)", "shadow-NavPanel": "var(--xmlui-shadow-NavPanel)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "max-content-width-App": "var(--xmlui-max-content-width-App)", "padding-horizontal-NavPanel": "var(--xmlui-padding-horizontal-NavPanel)", "padding-horizontal-logo-NavPanel": "var(--xmlui-padding-horizontal-logo-NavPanel)", "padding-vertical-logo-NavPanel": "var(--xmlui-padding-vertical-logo-NavPanel)", "margin-bottom-logo-NavPanel": "var(--xmlui-margin-bottom-logo-NavPanel)", "padding-vertical-AppHeader": "var(--xmlui-padding-vertical-AppHeader)"}'`,wrapper:"_wrapper_94xs2_13",condensed:"_condensed_94xs2_40",horizontal:"_horizontal_94xs2_43",wrapperInner:"_wrapperInner_94xs2_48",logoWrapper:"_logoWrapper_94xs2_62",inDrawer:"_inDrawer_94xs2_72"},X="App",Jt=t({status:"experimental",description:`The \`${X}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${X}\` allows you to display your preferred layout.`,props:{layout:e("This property sets the layout template of the app. This setting determines the position and size of the app parts (such as header, navigation bar, footer, etc.) and the app's scroll behavior.",Wt),loggedInUser:e("Stores information about the currently logged in user."),logoTemplate:m("Optional template of the app logo"),scrollWholePage:e("This boolean property specifies whether the whole page should scroll (`true`) or just the content area (`false`). The default value is `true`.",null,"boolean",!0)},events:{ready:e(`This event fires when the \`${X}\` component finishes rendering on the page.`)},themeVars:n(Gt.themeVars),defaultThemeVars:{[`width-navPanel-${X}`]:"$space-72",[`max-content-width-${X}`]:"$max-content-width",[`shadow-header-${X}`]:"$shadow-spread",[`shadow-pages-${X}`]:"$shadow-spread",light:{},dark:{}}});function $e(i,o){return{[`padding-left-${i}`]:(o==null?void 0:o.left)??`$padding-horizontal-${i}`,[`padding-right-${i}`]:(o==null?void 0:o.right)??`$padding-horizontal-${i}`,[`padding-top-${i}`]:(o==null?void 0:o.top)??`$padding-vertical-${i}`,[`padding-bottom-${i}`]:(o==null?void 0:o.bottom)??`$padding-vertical-${i}`,[`padding-horizontal-${i}`]:(o==null?void 0:o.horizontal)??"",[`padding-vertical-${i}`]:(o==null?void 0:o.vertical)??"",[`padding-${i}`]:(o==null?void 0:o.all)??`$padding-top-${i} $padding-right-${i} $padding-bottom-${i} $padding-left-${i}`}}function We(i,o){var te,se,Oe,De,Le,Ae;return{[`radius-${i}`]:"$radius",...H("left",(o==null?void 0:o.left)??(o==null?void 0:o.horizontal)??(o==null?void 0:o.all)),...H("right",(o==null?void 0:o.right)??(o==null?void 0:o.horizontal)??(o==null?void 0:o.all)),...H("top",(o==null?void 0:o.top)??(o==null?void 0:o.vertical)??(o==null?void 0:o.all)),...H("bottom",(o==null?void 0:o.bottom)??(o==null?void 0:o.vertical)??(o==null?void 0:o.all)),...H("horizontal",(o==null?void 0:o.horizontal)??(o==null?void 0:o.all)),...H("vertical",(o==null?void 0:o.vertical)??(o==null?void 0:o.all)),[`color-border-${i}`]:((te=o==null?void 0:o.all)==null?void 0:te.color)??"",[`thickness-border-${i}`]:((se=o==null?void 0:o.all)==null?void 0:se.thickness)??"",[`style-border-${i}`]:((Oe=o==null?void 0:o.all)==null?void 0:Oe.style)??"",[`border-${i}`]:`${((De=o==null?void 0:o.all)==null?void 0:De.thickness)??`$thickness-border-${i}`} ${((Le=o==null?void 0:o.all)==null?void 0:Le.style)??`$style-border-${i}`} ${((Ae=o==null?void 0:o.all)==null?void 0:Ae.color)??`$color-border-${i}`} `};function H(E,y){return{[`color-border-${E}-${i}`]:(y==null?void 0:y.color)??"",[`thickness-border-${E}-${i}`]:(y==null?void 0:y.thickness)??"",[`style-border-${E}-${i}`]:(y==null?void 0:y.style)??"",[`border-${E}-${i}`]:(y==null?void 0:y.all)??`$thickness-border-${E}-${i} $style-border-${E}-${i} $color-border-${E}-${i}`}}}const st="AppHeader",Xt=t({status:"experimental",description:`\`${st}\` is a placeholder within \`App\` to define a custom application header.`,props:{profileMenuTemplate:m(`This property makes the profile menu slot of the \`${st}\` component customizable.`),logoTemplate:m("This property defines the template to use for the logo. With this property, you can construct your custom logo instead of using a single image."),titleTemplate:m("This property defines the template to use for the title. With this property, you can construct your custom title instead of using a single image."),title:e("Title for the application logo")},themeVars:n(jt.themeVars),defaultThemeVars:{"height-AppHeader":"$space-14","max-content-width-AppHeader":"$max-content-width-App",...We("AppHeader",{bottom:{color:"$color-border",thickness:"1px",style:"solid"},all:{color:"$color-border",thickness:"0",style:"solid"}}),...$e("logo-AppHeader",{horizontal:"$space-0",vertical:"$space-4"}),...$e("AppHeader",{horizontal:"$space-4",vertical:"$space-0"}),"radius-AppHeader":"0px",light:{"color-bg-AppHeader":"white"},dark:{"color-bg-AppHeader":"$color-surface-900"}}}),me="AppState",Kt=t({description:`${me} is a functional component (without a visible user interface) that helps store and manage the app's state.`,props:{bucket:e(`This property is the identifier of the bucket to which the \`${me}\` instance is bound. Multiple \`${me}\` instances with the same bucket will share the same state object: any of them updating the state will cause the other instances to view the new, updated state.`),initialValue:e(`This property contains the initial state value. Though you can use multiple \`${me}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${me}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`)},nonVisual:!0}),Qt={themeVars:`'{"color-bg-Avatar": "var(--xmlui-color-bg-Avatar)", "color-border-Avatar": "var(--xmlui-color-border-Avatar)", "thickness-border-Avatar": "var(--xmlui-thickness-border-Avatar)", "style-border-Avatar": "var(--xmlui-style-border-Avatar)", "border-Avatar": "var(--xmlui-border-Avatar)", "radius-Avatar": "var(--xmlui-radius-Avatar)", "shadow-Avatar": "var(--xmlui-shadow-Avatar)", "color-text-Avatar": "var(--xmlui-color-text-Avatar)", "font-weight-Avatar": "var(--xmlui-font-weight-Avatar)"}'`,container:"_container_1fbc9_13",xs:"_xs_1fbc9_34",sm:"_sm_1fbc9_41",md:"_md_1fbc9_48",lg:"_lg_1fbc9_55",clickable:"_clickable_1fbc9_62"},v="Avatar",eo=t({description:`The \`${v}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,props:{size:e(`This property defines the display size of the ${v}.`,Fe,"string","sm"),name:e(`This property sets the name value the ${v} uses to display initials.`),url:e(`This property specifies the URL of the image to display in the ${v}.`)},events:{click:e("This event is triggered when the avatar is clicked.")},themeVars:n(Qt.themeVars),defaultThemeVars:{[`radius-${v}`]:"4px",[`thickness-border-${v}`]:"0px",[`style-border-${v}`]:"solid",[`border-${v}`]:`$thickness-border-${v} $style-border-${v} $color-border-${v}`,[`shadow-${v}`]:"inset 0 0 0 1px rgba(4,32,69,0.1)",[`color-text-${v}`]:"$color-text-secondary",[`font-weight-${v}`]:"$font-weight-bold",light:{[`color-bg-${v}`]:"$color-surface-100",[`color-border-${v}`]:"$color-surface-400A80"},dark:{[`color-bg-${v}`]:"$color-surface-800",[`color-border-${v}`]:"$color-surface-700"}}}),to={themeVars:`'{"color-bg-Badge": "var(--xmlui-color-bg-Badge)", "radius-Badge": "var(--xmlui-radius-Badge)", "color-text-Badge": "var(--xmlui-color-text-Badge)", "font-size-Badge": "var(--xmlui-font-size-Badge)", "font-size-Badge-pill": "var(--xmlui-font-size-Badge-pill)", "font-weight-Badge": "var(--xmlui-font-weight-Badge)", "font-weight-Badge-pill": "var(--xmlui-font-weight-Badge-pill)", "padding-horizontal-Badge": "var(--xmlui-padding-horizontal-Badge)", "padding-vertical-Badge": "var(--xmlui-padding-vertical-Badge)", "padding-Badge": "var(--xmlui-padding-Badge)", "padding-horizontal-Badge-pill": "var(--xmlui-padding-horizontal-Badge-pill)", "padding-vertical-Badge-pill": "var(--xmlui-padding-vertical-Badge-pill)", "padding-Badge-pill": "var(--xmlui-padding-Badge-pill)"}'`,badge:"_badge_xcyhw_13",pill:"_pill_xcyhw_29"},b="Badge",oo=t({status:"stable",description:`The \`${b}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,props:{value:e("The text that the component displays"),variant:e("Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners."),colorMap:e(`The \`${b}\` component supports the mapping of a list of colors using the \`value\` prop as the key. Provide the component with a list or key-value pairs in two ways:`),themeColor:e("(**NOT IMPLEMENTED YET**) The theme color of the component."),indicatorText:e("(**NOT IMPLEMENTED YET**) This property defines the text to display in the indicator. If it is not defined or empty, no indicator is displayed unless the `forceIndicator` property is set."),forceIndicator:e("(**NOT IMPLEMENTED YET**) This property forces the display of the indicator, even if the `indicatorText` property is not defined or empty."),indicatorThemeColor:e("(**NOT IMPLEMENTED YET**) The theme color of the indicator."),indicatorPosition:e("(**NOT IMPLEMENTED YET**) The position of the indicator.")},events:{},themeVars:n(to.themeVars),defaultThemeVars:{[`padding-horizontal-${b}`]:"$space-2",[`padding-vertical-${b}`]:"$space-0_5",[`padding-${b}`]:`$padding-vertical-${b} $padding-horizontal-${b}`,[`padding-${b}-pill`]:`$padding-vertical-${b}-pill $padding-horizontal-${b}-pill`,[`radius-${b}`]:"4px",[`font-size-${b}`]:"$font-size-normal",[`font-size-${b}-pill`]:"$font-size-normal",[`font-weight-${b}`]:"$font-weight-bold",[`font-weight-${b}-pill`]:"$font-weight-normal",light:{[`color-bg-${b}`]:"$color-primary-500",[`color-text-${b}`]:"$color-surface-50"},dark:{[`color-bg-${b}`]:"$color-primary-500",[`color-text-${b}`]:"$color-surface-50"}}}),ro=t({description:"As its name suggests, this component places a bookmark into its parent component's view. The component has an `id` that you can use in links to navigate (scroll to) the bookmark's location.",opaque:!0,props:{id:e("The unique identifier of the bookmark. You can use this identifier in links to navigate to this component's location."),level:e("The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.")}}),io={themeVars:`'{"padding-Card": "var(--xmlui-padding-Card)", "padding-horizontal-Card": "var(--xmlui-padding-horizontal-Card)", "padding-vertical-Card": "var(--xmlui-padding-vertical-Card)", "shadow-Card": "var(--xmlui-shadow-Card)", "color-bg-Card": "var(--xmlui-color-bg-Card)", "radius-Card": "var(--xmlui-radius-Card)", "color-border-Card": "var(--xmlui-color-border-Card)", "thickness-border-Card": "var(--xmlui-thickness-border-Card)", "style-border-Card": "var(--xmlui-style-border-Card)", "border-Card": "var(--xmlui-border-Card)"}'`,wrapper:"_wrapper_1t108_13",isClickable:"_isClickable_1t108_22"},ao={themeVars:`'{"color-text-Link": "var(--xmlui-color-text-Link)", "color-text-Link--active": "var(--xmlui-color-text-Link--active)", "color-text-Link--hover": "var(--xmlui-color-text-Link--hover)", "color-text-Link--hover--active": "var(--xmlui-color-text-Link--hover--active)", "font-size-Link": "var(--xmlui-font-size-Link)", "font-weight-Link": "var(--xmlui-font-weight-Link)", "font-weight-Link--active": "var(--xmlui-font-weight-Link--active)", "color-decoration-Link": "var(--xmlui-color-decoration-Link)", "offset-decoration-Link": "var(--xmlui-offset-decoration-Link)", "line-decoration-Link": "var(--xmlui-line-decoration-Link)", "style-decoration-Link": "var(--xmlui-style-decoration-Link)", "thickness-decoration-Link": "var(--xmlui-thickness-decoration-Link)", "thickness-outline-Link--focus": "var(--xmlui-thickness-outline-Link--focus)", "color-outline-Link--focus": "var(--xmlui-color-outline-Link--focus)", "style-outline-Link--focus": "var(--xmlui-style-outline-Link--focus)", "offset-outline-Link--focus": "var(--xmlui-offset-outline-Link--focus)"}'`,container:"_container_bq1e8_13",active:"_active_bq1e8_27",disabled:"_disabled_bq1e8_31",iconWrapper:"_iconWrapper_bq1e8_47"},K={themeVars:`'{"Heading:color-text-H1": "var(--xmlui-color-text-H1)", "Heading:letter-spacing-H1": "var(--xmlui-letter-spacing-H1)", "Heading:font-family-H1": "var(--xmlui-font-family-H1)", "Heading:font-weight-H1": "var(--xmlui-font-weight-H1)", "font-size-H1": "var(--xmlui-font-size-H1)", "line-height-H1": "var(--xmlui-line-height-H1)", "margin-top-H1": "var(--xmlui-margin-top-H1)", "margin-bottom-H1": "var(--xmlui-margin-bottom-H1)", "Heading:line-decoration-H1": "var(--xmlui-line-decoration-H1)", "Heading:color-decoration-H1": "var(--xmlui-color-decoration-H1)", "Heading:style-decoration-H1": "var(--xmlui-style-decoration-H1)", "Heading:thickness-decoration-H1": "var(--xmlui-thickness-decoration-H1)", "Heading:offset-decoration-H1": "var(--xmlui-offset-decoration-H1)", "Heading:color-text-H2": "var(--xmlui-color-text-H2)", "Heading:letter-spacing-H2": "var(--xmlui-letter-spacing-H2)", "Heading:font-family-H2": "var(--xmlui-font-family-H2)", "Heading:font-weight-H2": "var(--xmlui-font-weight-H2)", "font-size-H2": "var(--xmlui-font-size-H2)", "line-height-H2": "var(--xmlui-line-height-H2)", "margin-top-H2": "var(--xmlui-margin-top-H2)", "margin-bottom-H2": "var(--xmlui-margin-bottom-H2)", "Heading:line-decoration-H2": "var(--xmlui-line-decoration-H2)", "Heading:color-decoration-H2": "var(--xmlui-color-decoration-H2)", "Heading:style-decoration-H2": "var(--xmlui-style-decoration-H2)", "Heading:thickness-decoration-H2": "var(--xmlui-thickness-decoration-H2)", "Heading:offset-decoration-H2": "var(--xmlui-offset-decoration-H2)", "Heading:color-text-H3": "var(--xmlui-color-text-H3)", "Heading:letter-spacing-H3": "var(--xmlui-letter-spacing-H3)", "Heading:font-family-H3": "var(--xmlui-font-family-H3)", "Heading:font-weight-H3": "var(--xmlui-font-weight-H3)", "font-size-H3": "var(--xmlui-font-size-H3)", "line-height-H3": "var(--xmlui-line-height-H3)", "margin-top-H3": "var(--xmlui-margin-top-H3)", "margin-bottom-H3": "var(--xmlui-margin-bottom-H3)", "Heading:line-decoration-H3": "var(--xmlui-line-decoration-H3)", "Heading:color-decoration-H3": "var(--xmlui-color-decoration-H3)", "Heading:style-decoration-H3": "var(--xmlui-style-decoration-H3)", "Heading:thickness-decoration-H3": "var(--xmlui-thickness-decoration-H3)", "Heading:offset-decoration-H3": "var(--xmlui-offset-decoration-H3)", "Heading:color-text-H4": "var(--xmlui-color-text-H4)", "Heading:letter-spacing-H4": "var(--xmlui-letter-spacing-H4)", "Heading:font-family-H4": "var(--xmlui-font-family-H4)", "Heading:font-weight-H4": "var(--xmlui-font-weight-H4)", "font-size-H4": "var(--xmlui-font-size-H4)", "line-height-H4": "var(--xmlui-line-height-H4)", "margin-top-H4": "var(--xmlui-margin-top-H4)", "margin-bottom-H4": "var(--xmlui-margin-bottom-H4)", "Heading:line-decoration-H4": "var(--xmlui-line-decoration-H4)", "Heading:color-decoration-H4": "var(--xmlui-color-decoration-H4)", "Heading:style-decoration-H4": "var(--xmlui-style-decoration-H4)", "Heading:thickness-decoration-H4": "var(--xmlui-thickness-decoration-H4)", "Heading:offset-decoration-H4": "var(--xmlui-offset-decoration-H4)", "Heading:color-text-H5": "var(--xmlui-color-text-H5)", "Heading:letter-spacing-H5": "var(--xmlui-letter-spacing-H5)", "Heading:font-family-H5": "var(--xmlui-font-family-H5)", "Heading:font-weight-H5": "var(--xmlui-font-weight-H5)", "font-size-H5": "var(--xmlui-font-size-H5)", "line-height-H5": "var(--xmlui-line-height-H5)", "margin-top-H5": "var(--xmlui-margin-top-H5)", "margin-bottom-H5": "var(--xmlui-margin-bottom-H5)", "Heading:line-decoration-H5": "var(--xmlui-line-decoration-H5)", "Heading:color-decoration-H5": "var(--xmlui-color-decoration-H5)", "Heading:style-decoration-H5": "var(--xmlui-style-decoration-H5)", "Heading:thickness-decoration-H5": "var(--xmlui-thickness-decoration-H5)", "Heading:offset-decoration-H5": "var(--xmlui-offset-decoration-H5)", "Heading:color-text-H6": "var(--xmlui-color-text-H6)", "Heading:letter-spacing-H6": "var(--xmlui-letter-spacing-H6)", "Heading:font-family-H6": "var(--xmlui-font-family-H6)", "Heading:font-weight-H6": "var(--xmlui-font-weight-H6)", "font-size-H6": "var(--xmlui-font-size-H6)", "line-height-H6": "var(--xmlui-line-height-H6)", "margin-top-H6": "var(--xmlui-margin-top-H6)", "margin-bottom-H6": "var(--xmlui-margin-bottom-H6)", "Heading:line-decoration-H6": "var(--xmlui-line-decoration-H6)", "Heading:color-decoration-H6": "var(--xmlui-color-decoration-H6)", "Heading:style-decoration-H6": "var(--xmlui-style-decoration-H6)", "Heading:thickness-decoration-H6": "var(--xmlui-thickness-decoration-H6)", "Heading:offset-decoration-H6": "var(--xmlui-offset-decoration-H6)"}'`,heading:"_heading_1tifa_13",h1:"_h1_1tifa_13",h2:"_h2_1tifa_28",h3:"_h3_1tifa_43",h4:"_h4_1tifa_58",h5:"_h5_1tifa_73",h6:"_h6_1tifa_88",truncateOverflow:"_truncateOverflow_1tifa_108",preserveLinebreaks:"_preserveLinebreaks_1tifa_114",noEllipsis:"_noEllipsis_1tifa_118"},x="Card",no=t({description:`The \`${x}\` component is a container for cohesive elements, often rendered visually as a card.`,props:{avatarUrl:e(`Show the avatar (\`true\`) or not (\`false\`). If not specified, the ${x} will show the first letters of the [\`title\`](#title).`),showAvatar:e(`Indicates whether the ${x} should be displayed`,null,"boolean"),title:e("This prop sets the prestyled title."),subTitle:e("This prop sets the prestyled subtitle."),linkTo:e("This property wraps the title in a `Link` component that is clickable to navigate.")},events:{click:W(x)},themeVars:n(io.themeVars),defaultThemeVars:{[`padding-horizontal-${x}`]:"$space-4",[`padding-vertical-${x}`]:"$space-4",[`padding-${x}`]:`$padding-vertical-${x} $padding-horizontal-${x}`,[`color-border-${x}`]:"$color-border",[`thickness-border-${x}`]:"1px",[`style-border-${x}`]:"solid",[`border-${x}`]:`$thickness-border-${x} $style-border-${x} $color-border-${x}`,[`radius-${x}`]:"$radius",[`shadow-${x}`]:"none",light:{[`color-bg-${x}`]:"white"},dark:{[`color-bg-${x}`]:"$color-surface-900"}}}),ct="ChangeListener",lo=t({description:`\`${ct}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,props:{listenTo:e("Value to the changes of which this component listens"),throttleWaitInMs:e("This variable sets a throttling time (in milliseconds) to apply when executing the `didChange` event handler. All changes within that throttling time will only fire the `didChange` event once.")},events:{didChange:$(ct)}}),dt={themeVars:`'{"Input:radius-Checkbox-default": "var(--xmlui-radius-Checkbox-default)", "Input:color-border-Checkbox-default": "var(--xmlui-color-border-Checkbox-default)", "Input:color-bg-Checkbox-default": "var(--xmlui-color-bg-Checkbox-default)", "Input:thickness-outline-Checkbox-default--focus": "var(--xmlui-thickness-outline-Checkbox-default--focus)", "Input:color-outline-Checkbox-default--focus": "var(--xmlui-color-outline-Checkbox-default--focus)", "Input:style-outline-Checkbox-default--focus": "var(--xmlui-style-outline-Checkbox-default--focus)", "Input:offset-outline-Checkbox-default--focus": "var(--xmlui-offset-outline-Checkbox-default--focus)", "Input:color-border-Checkbox-default--hover": "var(--xmlui-color-border-Checkbox-default--hover)", "Input:color-bg-Checkbox--disabled": "var(--xmlui-color-bg-Checkbox--disabled)", "Input:color-border-Checkbox--disabled": "var(--xmlui-color-border-Checkbox--disabled)", "Input:radius-Checkbox-error": "var(--xmlui-radius-Checkbox-error)", "Input:color-border-Checkbox-error": "var(--xmlui-color-border-Checkbox-error)", "Input:color-bg-Checkbox-error": "var(--xmlui-color-bg-Checkbox-error)", "Input:thickness-outline-Checkbox-error--focus": "var(--xmlui-thickness-outline-Checkbox-error--focus)", "Input:color-outline-Checkbox-error--focus": "var(--xmlui-color-outline-Checkbox-error--focus)", "Input:style-outline-Checkbox-error--focus": "var(--xmlui-style-outline-Checkbox-error--focus)", "Input:offset-outline-Checkbox-error--focus": "var(--xmlui-offset-outline-Checkbox-error--focus)", "Input:radius-Checkbox-warning": "var(--xmlui-radius-Checkbox-warning)", "Input:color-border-Checkbox-warning": "var(--xmlui-color-border-Checkbox-warning)", "Input:color-bg-Checkbox-warning": "var(--xmlui-color-bg-Checkbox-warning)", "Input:thickness-outline-Checkbox-warning--focus": "var(--xmlui-thickness-outline-Checkbox-warning--focus)", "Input:color-outline-Checkbox-warning--focus": "var(--xmlui-color-outline-Checkbox-warning--focus)", "Input:style-outline-Checkbox-warning--focus": "var(--xmlui-style-outline-Checkbox-warning--focus)", "Input:offset-outline-Checkbox-warning--focus": "var(--xmlui-offset-outline-Checkbox-warning--focus)", "Input:radius-Checkbox-success": "var(--xmlui-radius-Checkbox-success)", "Input:color-border-Checkbox-success": "var(--xmlui-color-border-Checkbox-success)", "Input:color-bg-Checkbox-success": "var(--xmlui-color-bg-Checkbox-success)", "Input:thickness-outline-Checkbox-success--focus": "var(--xmlui-thickness-outline-Checkbox-success--focus)", "Input:color-outline-Checkbox-success--focus": "var(--xmlui-color-outline-Checkbox-success--focus)", "Input:style-outline-Checkbox-success--focus": "var(--xmlui-style-outline-Checkbox-success--focus)", "Input:offset-outline-Checkbox-success--focus": "var(--xmlui-offset-outline-Checkbox-success--focus)", "color-bg-indicator-Checkbox": "var(--xmlui-color-bg-indicator-Checkbox)", "Input:color-border-checked-Checkbox": "var(--xmlui-color-border-checked-Checkbox)", "Input:color-bg-checked-Checkbox": "var(--xmlui-color-bg-checked-Checkbox)", "Input:color-border-checked-Checkbox-error": "var(--xmlui-color-border-checked-Checkbox-error)", "Input:color-bg-checked-Checkbox-error": "var(--xmlui-color-bg-checked-Checkbox-error)", "Input:color-border-checked-Checkbox-warning": "var(--xmlui-color-border-checked-Checkbox-warning)", "Input:color-bg-checked-Checkbox-warning": "var(--xmlui-color-bg-checked-Checkbox-warning)", "Input:color-border-checked-Checkbox-success": "var(--xmlui-color-border-checked-Checkbox-success)", "Input:color-bg-checked-Checkbox-success": "var(--xmlui-color-bg-checked-Checkbox-success)", "Input:color-border-Switch": "var(--xmlui-color-border-Switch)", "Input:color-bg-Switch": "var(--xmlui-color-bg-Switch)", "Input:color-border-Switch-default--hover": "var(--xmlui-color-border-Switch-default--hover)", "Input:color-bg-Switch--disabled": "var(--xmlui-color-bg-Switch--disabled)", "Input:color-border-Switch--disabled": "var(--xmlui-color-border-Switch--disabled)", "Input:color-border-Switch-error": "var(--xmlui-color-border-Switch-error)", "Input:color-border-Switch-warning": "var(--xmlui-color-border-Switch-warning)", "Input:color-border-Switch-success": "var(--xmlui-color-border-Switch-success)", "color-bg-indicator-Switch": "var(--xmlui-color-bg-indicator-Switch)", "Input:color-border-checked-Switch": "var(--xmlui-color-border-checked-Switch)", "Input:color-bg-checked-Switch": "var(--xmlui-color-bg-checked-Switch)", "Input:color-border-checked-Switch-error": "var(--xmlui-color-border-checked-Switch-error)", "Input:color-bg-checked-Switch-error": "var(--xmlui-color-bg-checked-Switch-error)", "Input:color-border-checked-Switch-warning": "var(--xmlui-color-border-checked-Switch-warning)", "Input:color-bg-checked-Switch-warning": "var(--xmlui-color-bg-checked-Switch-warning)", "Input:color-border-checked-Switch-success": "var(--xmlui-color-border-checked-Switch-success)", "Input:color-bg-checked-Switch-success": "var(--xmlui-color-bg-checked-Switch-success)", "Input:thickness-outline-Switch--focus": "var(--xmlui-thickness-outline-Switch--focus)", "Input:color-outline-Switch--focus": "var(--xmlui-color-outline-Switch--focus)", "Input:style-outline-Switch--focus": "var(--xmlui-style-outline-Switch--focus)", "Input:offset-outline-Switch--focus": "var(--xmlui-offset-outline-Switch--focus)"}'`,resetAppearance:"_resetAppearance_fdujw_13",checkbox:"_checkbox_fdujw_21",error:"_error_fdujw_50",warning:"_warning_fdujw_61",valid:"_valid_fdujw_72",switch:"_switch_fdujw_132"},so={themeVars:`'{"color-text-FormItemLabel": "var(--xmlui-color-text-FormItemLabel)", "font-size-FormItemLabel": "var(--xmlui-font-size-FormItemLabel)", "font-weight-FormItemLabel": "var(--xmlui-font-weight-FormItemLabel)", "font-style-FormItemLabel": "var(--xmlui-font-style-FormItemLabel)", "text-transform-FormItemLabel": "var(--xmlui-text-transform-FormItemLabel)", "color-text-FormItemLabel-required": "var(--xmlui-color-text-FormItemLabel-required)", "font-size-FormItemLabel-required": "var(--xmlui-font-size-FormItemLabel-required)", "font-weight-FormItemLabel-required": "var(--xmlui-font-weight-FormItemLabel-required)", "font-style-FormItemLabel-required": "var(--xmlui-font-style-FormItemLabel-required)", "text-transform-FormItemLabel-required": "var(--xmlui-text-transform-FormItemLabel-required)", "color-text-FormItemLabel-requiredMark": "var(--xmlui-color-text-FormItemLabel-requiredMark)"}'`,container:"_container_xyvyi_13",top:"_top_xyvyi_20",right:"_right_xyvyi_25",bottom:"_bottom_xyvyi_31",left:"_left_xyvyi_36",shrinkToLabel:"_shrinkToLabel_xyvyi_42",inputLabel:"_inputLabel_xyvyi_45",disabled:"_disabled_xyvyi_56",labelBreak:"_labelBreak_xyvyi_60",required:"_required_xyvyi_63",requiredMark:"_requiredMark_xyvyi_70"},co={themeVars:`'{"size-Spinner": "var(--xmlui-size-Spinner)", "thickness-Spinner": "var(--xmlui-thickness-Spinner)", "color-border-Spinner": "var(--xmlui-color-border-Spinner)"}'`,"lds-ring":"_lds-ring_xu4p3_13",fullScreenSpinnerWrapper:"_fullScreenSpinnerWrapper_xu4p3_54"},u="Checkbox",uo=t({status:"stable",description:`The \`${u}\` component allows users to make binary choices, typically between checked or unchecked. It consists of a small box that can be toggled on or off by clicking on it.`,props:{indeterminate:rt(),label:z(),labelPosition:Re("right"),initialValue:I(!1),labelId:O(),autoFocus:f(),readOnly:M(),enabled:g(),validationStatus:S(),description:e(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${u} besides its label.`)},events:{click:W(u),gotFocus:_(u),lostFocus:k(u),didChange:$(u)},apis:{value:it(),setValue:oe()},themeVars:n(dt.themeVars),defaultThemeVars:{[`color-border-checked-${u}-error`]:`$color-border-${u}-error`,[`color-bg-checked-${u}-error`]:`$color-border-${u}-error`,[`color-border-checked-${u}-warning`]:`$color-border-${u}-warning`,[`color-bg-checked-${u}-warning`]:`$color-border-${u}-warning`,[`color-border-checked-${u}-success`]:`$color-border-${u}-success`,[`color-bg-checked-${u}-success`]:`$color-border-${u}-success`,light:{[`color-bg-indicator-${u}`]:"$color-bg-primary",[`color-border-checked-${u}`]:"$color-primary-500",[`color-bg-checked-${u}`]:"$color-primary-500",[`color-bg-${u}--disabled`]:"$color-surface-200"},dark:{[`color-bg-indicator-${u}`]:"$color-bg-primary",[`color-border-checked-${u}`]:"$color-primary-400",[`color-bg-checked-${u}`]:"$color-primary-400",[`color-bg-${u}--disabled`]:"$color-surface-800"}}}),ho={themeVars:`'{"Input:min-height-Combobox": "var(--xmlui-min-height-Combobox)", "Input:radius-Combobox-default": "var(--xmlui-radius-Combobox-default)", "Input:color-border-Combobox-default": "var(--xmlui-color-border-Combobox-default)", "Input:thickness-border-Combobox-default": "var(--xmlui-thickness-border-Combobox-default)", "Input:style-border-Combobox-default": "var(--xmlui-style-border-Combobox-default)", "Input:font-size-Combobox-default": "var(--xmlui-font-size-Combobox-default)", "Input:color-bg-Combobox-default": "var(--xmlui-color-bg-Combobox-default)", "Input:shadow-Combobox-default": "var(--xmlui-shadow-Combobox-default)", "Input:color-text-Combobox-default": "var(--xmlui-color-text-Combobox-default)", "Input:thickness-outline-Combobox-default--focus": "var(--xmlui-thickness-outline-Combobox-default--focus)", "Input:color-outline-Combobox-default--focus": "var(--xmlui-color-outline-Combobox-default--focus)", "Input:style-outline-Combobox-default--focus": "var(--xmlui-style-outline-Combobox-default--focus)", "Input:offset-outline-Combobox-default--focus": "var(--xmlui-offset-outline-Combobox-default--focus)", "Input:color-border-Combobox-default--hover": "var(--xmlui-color-border-Combobox-default--hover)", "Input:color-bg-Combobox-default--hover": "var(--xmlui-color-bg-Combobox-default--hover)", "Input:shadow-Combobox-default--hover": "var(--xmlui-shadow-Combobox-default--hover)", "Input:color-text-Combobox-default--hover": "var(--xmlui-color-text-Combobox-default--hover)", "Input:color-placeholder-Combobox-default": "var(--xmlui-color-placeholder-Combobox-default)", "Input:radius-Combobox-error": "var(--xmlui-radius-Combobox-error)", "Input:color-border-Combobox-error": "var(--xmlui-color-border-Combobox-error)", "Input:thickness-border-Combobox-error": "var(--xmlui-thickness-border-Combobox-error)", "Input:style-border-Combobox-error": "var(--xmlui-style-border-Combobox-error)", "Input:font-size-Combobox-error": "var(--xmlui-font-size-Combobox-error)", "Input:color-bg-Combobox-error": "var(--xmlui-color-bg-Combobox-error)", "Input:shadow-Combobox-error": "var(--xmlui-shadow-Combobox-error)", "Input:color-text-Combobox-error": "var(--xmlui-color-text-Combobox-error)", "Input:thickness-outline-Combobox-error--focus": "var(--xmlui-thickness-outline-Combobox-error--focus)", "Input:color-outline-Combobox-error--focus": "var(--xmlui-color-outline-Combobox-error--focus)", "Input:style-outline-Combobox-error--focus": "var(--xmlui-style-outline-Combobox-error--focus)", "Input:offset-outline-Combobox-error--focus": "var(--xmlui-offset-outline-Combobox-error--focus)", "Input:color-border-Combobox-error--hover": "var(--xmlui-color-border-Combobox-error--hover)", "Input:color-bg-Combobox-error--hover": "var(--xmlui-color-bg-Combobox-error--hover)", "Input:shadow-Combobox-error--hover": "var(--xmlui-shadow-Combobox-error--hover)", "Input:color-text-Combobox-error--hover": "var(--xmlui-color-text-Combobox-error--hover)", "Input:color-placeholder-Combobox-error": "var(--xmlui-color-placeholder-Combobox-error)", "Input:radius-Combobox-warning": "var(--xmlui-radius-Combobox-warning)", "Input:color-border-Combobox-warning": "var(--xmlui-color-border-Combobox-warning)", "Input:thickness-border-Combobox-warning": "var(--xmlui-thickness-border-Combobox-warning)", "Input:style-border-Combobox-warning": "var(--xmlui-style-border-Combobox-warning)", "Input:font-size-Combobox-warning": "var(--xmlui-font-size-Combobox-warning)", "Input:color-bg-Combobox-warning": "var(--xmlui-color-bg-Combobox-warning)", "Input:shadow-Combobox-warning": "var(--xmlui-shadow-Combobox-warning)", "Input:color-text-Combobox-warning": "var(--xmlui-color-text-Combobox-warning)", "Input:thickness-outline-Combobox-warning--focus": "var(--xmlui-thickness-outline-Combobox-warning--focus)", "Input:color-outline-Combobox-warning--focus": "var(--xmlui-color-outline-Combobox-warning--focus)", "Input:style-outline-Combobox-warning--focus": "var(--xmlui-style-outline-Combobox-warning--focus)", "Input:offset-outline-Combobox-warning--focus": "var(--xmlui-offset-outline-Combobox-warning--focus)", "Input:color-border-Combobox-warning--hover": "var(--xmlui-color-border-Combobox-warning--hover)", "Input:color-bg-Combobox-warning--hover": "var(--xmlui-color-bg-Combobox-warning--hover)", "Input:shadow-Combobox-warning--hover": "var(--xmlui-shadow-Combobox-warning--hover)", "Input:color-text-Combobox-warning--hover": "var(--xmlui-color-text-Combobox-warning--hover)", "Input:color-placeholder-Combobox-warning": "var(--xmlui-color-placeholder-Combobox-warning)", "Input:radius-Combobox-success": "var(--xmlui-radius-Combobox-success)", "Input:color-border-Combobox-success": "var(--xmlui-color-border-Combobox-success)", "Input:thickness-border-Combobox-success": "var(--xmlui-thickness-border-Combobox-success)", "Input:style-border-Combobox-success": "var(--xmlui-style-border-Combobox-success)", "Input:font-size-Combobox-success": "var(--xmlui-font-size-Combobox-success)", "Input:color-bg-Combobox-success": "var(--xmlui-color-bg-Combobox-success)", "Input:shadow-Combobox-success": "var(--xmlui-shadow-Combobox-success)", "Input:color-text-Combobox-success": "var(--xmlui-color-text-Combobox-success)", "Input:thickness-outline-Combobox-success--focus": "var(--xmlui-thickness-outline-Combobox-success--focus)", "Input:color-outline-Combobox-success--focus": "var(--xmlui-color-outline-Combobox-success--focus)", "Input:style-outline-Combobox-success--focus": "var(--xmlui-style-outline-Combobox-success--focus)", "Input:offset-outline-Combobox-success--focus": "var(--xmlui-offset-outline-Combobox-success--focus)", "Input:color-border-Combobox-success--hover": "var(--xmlui-color-border-Combobox-success--hover)", "Input:color-bg-Combobox-success--hover": "var(--xmlui-color-bg-Combobox-success--hover)", "Input:shadow-Combobox-success--hover": "var(--xmlui-shadow-Combobox-success--hover)", "Input:color-text-Combobox-success--hover": "var(--xmlui-color-text-Combobox-success--hover)", "Input:color-placeholder-Combobox-success": "var(--xmlui-color-placeholder-Combobox-success)", "Input:color-bg-Combobox--disabled": "var(--xmlui-color-bg-Combobox--disabled)", "Input:color-text-Combobox--disabled": "var(--xmlui-color-text-Combobox--disabled)", "Input:color-border-Combobox--disabled": "var(--xmlui-color-border-Combobox--disabled)", "Input:color-placeholder-Combobox": "var(--xmlui-color-placeholder-Combobox)", "Input:color-text-indicator-Combobox": "var(--xmlui-color-text-indicator-Combobox)", "Input:shadow-menu-Combobox": "var(--xmlui-shadow-menu-Combobox)", "Input:color-bg-menu-Combobox": "var(--xmlui-color-bg-menu-Combobox)", "Input:radius-menu-Combobox": "var(--xmlui-radius-menu-Combobox)", "Input:color-bg-item-Combobox--hover": "var(--xmlui-color-bg-item-Combobox--hover)", "Input:color-bg-item-Combobox--active": "var(--xmlui-color-bg-item-Combobox--active)", "Input:color-text-item-Combobox--disabled": "var(--xmlui-color-text-item-Combobox--disabled)"}'`,comboboxToggleButton:"_comboboxToggleButton_m8skw_13",comboboxInput:"_comboboxInput_m8skw_35",placeholder:"_placeholder_m8skw_47",error:"_error_m8skw_50",warning:"_warning_m8skw_75",valid:"_valid_m8skw_100",disabled:"_disabled_m8skw_125",indicator:"_indicator_m8skw_131",comboboxMenu:"_comboboxMenu_m8skw_160",item:"_item_m8skw_174",empty:"_empty_m8skw_182",itemActive:"_itemActive_m8skw_189",itemDisabled:"_itemDisabled_m8skw_189",itemSelected:"_itemSelected_m8skw_192"},B="Combobox",ut=t({status:"experimental",description:`A \`${B}\` is a component that combines the features of a dropdown list and an input field.`,props:{placeholder:G(),initialValue:I(),labelId:O(),maxLength:re(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),optionTemplate:m(`You can define a template for the option items of the \`${B}\`.`),emptyListTemplate:m("With this property, you can define the template to display when the search list (after filtering) contains no element."),startIcon:ge(),startText:ve(),endIcon:Te(),endText:fe()},events:{didChange:$(B),gotFocus:_(B),lostFocus:k(B)},themeVars:n(ho.themeVars),defaultThemeVars:{[`color-bg-menu-${B}`]:"$color-bg-primary",[`shadow-menu-${B}`]:"$shadow-md",[`radius-menu-${B}`]:"$radius",[`color-bg-item-${B}`]:"$color-bg-dropdown-item",[`color-bg-item-${B}--hover`]:"$color-bg-dropdown-item--active",light:{[`color-text-item-${B}--disabled`]:"$color-surface-200"},dark:{[`color-text-item-${B}--disabled`]:"$color-surface-800"}}}),mo={themeVars:`'{"color-bg-ContentSeparator": "var(--xmlui-color-bg-ContentSeparator)", "size-ContentSeparator": "var(--xmlui-size-ContentSeparator)"}'`,separator:"_separator_qlxwk_13",horizontal:"_horizontal_qlxwk_16",vertical:"_vertical_qlxwk_20"},Ge="ContentSeparator",po=t({description:`A \`${Ge}\` is a component that divides or separates content visually within a layout. It serves as a visual cue to distinguish between different sections or groups of content, helping to improve readability and organization.`,props:{size:e("This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical)."),orientation:e("Sets the main axis of the component",Qe)},themeVars:n(mo.themeVars),defaultThemeVars:{[`color-bg-${Ge}`]:"$color-border",[`size-${Ge}`]:"1px",light:{},dark:{}}}),xo={themeVars:`'{"Input:min-height-DatePicker": "var(--xmlui-min-height-DatePicker)", "Input:font-size-DatePicker": "var(--xmlui-font-size-DatePicker)", "Input:radius-DatePicker-default": "var(--xmlui-radius-DatePicker-default)", "Input:color-border-DatePicker-default": "var(--xmlui-color-border-DatePicker-default)", "Input:thickness-border-DatePicker-default": "var(--xmlui-thickness-border-DatePicker-default)", "Input:style-border-DatePicker-default": "var(--xmlui-style-border-DatePicker-default)", "Input:color-bg-DatePicker-default": "var(--xmlui-color-bg-DatePicker-default)", "Input:shadow-DatePicker-default": "var(--xmlui-shadow-DatePicker-default)", "Input:color-text-DatePicker-default": "var(--xmlui-color-text-DatePicker-default)", "Input:color-border-DatePicker-default--hover": "var(--xmlui-color-border-DatePicker-default--hover)", "Input:color-bg-DatePicker-default--hover": "var(--xmlui-color-bg-DatePicker-default--hover)", "Input:shadow-DatePicker-default--hover": "var(--xmlui-shadow-DatePicker-default--hover)", "Input:color-text-DatePicker-default--hover": "var(--xmlui-color-text-DatePicker-default--hover)", "Input:color-placeholder-DatePicker-default": "var(--xmlui-color-placeholder-DatePicker-default)", "Input:radius-DatePicker-error": "var(--xmlui-radius-DatePicker-error)", "Input:color-border-DatePicker-error": "var(--xmlui-color-border-DatePicker-error)", "Input:thickness-border-DatePicker-error": "var(--xmlui-thickness-border-DatePicker-error)", "Input:style-border-DatePicker-error": "var(--xmlui-style-border-DatePicker-error)", "Input:color-bg-DatePicker-error": "var(--xmlui-color-bg-DatePicker-error)", "Input:shadow-DatePicker-error": "var(--xmlui-shadow-DatePicker-error)", "Input:color-text-DatePicker-error": "var(--xmlui-color-text-DatePicker-error)", "Input:color-border-DatePicker-error--hover": "var(--xmlui-color-border-DatePicker-error--hover)", "Input:color-bg-DatePicker-error--hover": "var(--xmlui-color-bg-DatePicker-error--hover)", "Input:shadow-DatePicker-error--hover": "var(--xmlui-shadow-DatePicker-error--hover)", "Input:color-text-DatePicker-error--hover": "var(--xmlui-color-text-DatePicker-error--hover)", "Input:color-placeholder-DatePicker-error": "var(--xmlui-color-placeholder-DatePicker-error)", "Input:radius-DatePicker-warning": "var(--xmlui-radius-DatePicker-warning)", "Input:color-border-DatePicker-warning": "var(--xmlui-color-border-DatePicker-warning)", "Input:thickness-border-DatePicker-warning": "var(--xmlui-thickness-border-DatePicker-warning)", "Input:style-border-DatePicker-warning": "var(--xmlui-style-border-DatePicker-warning)", "Input:color-bg-DatePicker-warning": "var(--xmlui-color-bg-DatePicker-warning)", "Input:shadow-DatePicker-warning": "var(--xmlui-shadow-DatePicker-warning)", "Input:color-text-DatePicker-warning": "var(--xmlui-color-text-DatePicker-warning)", "Input:color-border-DatePicker-warning--hover": "var(--xmlui-color-border-DatePicker-warning--hover)", "Input:color-bg-DatePicker-warning--hover": "var(--xmlui-color-bg-DatePicker-warning--hover)", "Input:shadow-DatePicker-warning--hover": "var(--xmlui-shadow-DatePicker-warning--hover)", "Input:color-text-DatePicker-warning--hover": "var(--xmlui-color-text-DatePicker-warning--hover)", "Input:color-placeholder-DatePicker-warning": "var(--xmlui-color-placeholder-DatePicker-warning)", "Input:radius-DatePicker-success": "var(--xmlui-radius-DatePicker-success)", "Input:color-border-DatePicker-success": "var(--xmlui-color-border-DatePicker-success)", "Input:thickness-border-DatePicker-success": "var(--xmlui-thickness-border-DatePicker-success)", "Input:style-border-DatePicker-success": "var(--xmlui-style-border-DatePicker-success)", "Input:color-bg-DatePicker-success": "var(--xmlui-color-bg-DatePicker-success)", "Input:shadow-DatePicker-success": "var(--xmlui-shadow-DatePicker-success)", "Input:color-text-DatePicker-success": "var(--xmlui-color-text-DatePicker-success)", "Input:color-border-DatePicker-success--hover": "var(--xmlui-color-border-DatePicker-success--hover)", "Input:color-bg-DatePicker-success--hover": "var(--xmlui-color-bg-DatePicker-success--hover)", "Input:shadow-DatePicker-success--hover": "var(--xmlui-shadow-DatePicker-success--hover)", "Input:color-text-DatePicker-success--hover": "var(--xmlui-color-text-DatePicker-success--hover)", "Input:color-placeholder-DatePicker-success": "var(--xmlui-color-placeholder-DatePicker-success)", "Input:color-bg-DatePicker--disabled": "var(--xmlui-color-bg-DatePicker--disabled)", "Input:color-text-DatePicker--disabled": "var(--xmlui-color-text-DatePicker--disabled)", "Input:color-border-DatePicker--disabled": "var(--xmlui-color-border-DatePicker--disabled)", "Input:shadow-menu-DatePicker": "var(--xmlui-shadow-menu-DatePicker)", "Input:color-bg-menu-DatePicker": "var(--xmlui-color-bg-menu-DatePicker)", "Input:radius-menu-DatePicker": "var(--xmlui-radius-menu-DatePicker)", "Input:color-bg-item-DatePicker--active": "var(--xmlui-color-bg-item-DatePicker--active)", "Input:color-bg-item-DatePicker--hover": "var(--xmlui-color-bg-item-DatePicker--hover)", "Input:color-text-value-DatePicker": "var(--xmlui-color-text-value-DatePicker)"}'`,datePicker:"_datePicker_otv9b_13",placeholder:"_placeholder_otv9b_40",error:"_error_otv9b_43",warning:"_warning_otv9b_61",valid:"_valid_otv9b_79",disabled:"_disabled_otv9b_97",indicator:"_indicator_otv9b_103",datePickerInput:"_datePickerInput_otv9b_103",datePickerMenu:"_datePickerMenu_otv9b_107",root:"_root_otv9b_116",vhidden:"_vhidden_otv9b_121",button_reset:"_button_reset_otv9b_141",button:"_button_otv9b_141",day_selected:"_day_selected_otv9b_163",months:"_months_otv9b_181",month:"_month_otv9b_181",table:"_table_otv9b_197",with_weeknumber:"_with_weeknumber_otv9b_203",caption:"_caption_otv9b_208",multiple_months:"_multiple_months_otv9b_216",caption_dropdowns:"_caption_dropdowns_otv9b_222",caption_label:"_caption_label_otv9b_227",nav:"_nav_otv9b_243",caption_start:"_caption_start_otv9b_247",caption_end:"_caption_end_otv9b_254",nav_button:"_nav_button_otv9b_261",dropdown_year:"_dropdown_year_otv9b_274",dropdown_month:"_dropdown_month_otv9b_275",dropdown:"_dropdown_otv9b_274",dropdown_icon:"_dropdown_icon_otv9b_311",head:"_head_otv9b_315",head_row:"_head_row_otv9b_319",row:"_row_otv9b_320",head_cell:"_head_cell_otv9b_324",tbody:"_tbody_otv9b_335",tfoot:"_tfoot_otv9b_339",cell:"_cell_otv9b_343",weeknumber:"_weeknumber_otv9b_351",day:"_day_otv9b_163",day_today:"_day_today_otv9b_370",day_outside:"_day_outside_otv9b_370",day_range_start:"_day_range_start_otv9b_393",day_range_end:"_day_range_end_otv9b_393",day_range_middle:"_day_range_middle_otv9b_417"},P="DatePicker",bo=t({status:"experimental",description:"A datepicker component",props:{placeholder:G(),initialValue:I(),autoFocus:f(),readOnly:M(),enabled:g(),validationStatus:S(),mode:e("The mode of the datepicker (single or range)"),dateFormat:e("The format of the date displayed in the input field"),showWeekNumber:e("Whether to show the week number in the calendar"),weekStartsOn:e("The first day of the week. 0 is Sunday, 1 is Monday, etc."),fromDate:e("The start date of the range of selectable dates"),toDate:e("The end date of the range of selectable dates"),disabledDates:e("An array of dates that are disabled")},events:{didChange:$(P),gotFocus:_(P),lostFocus:k(P)},themeVars:n(xo.themeVars),defaultThemeVars:{[`shadow-menu-${P}`]:"$shadow-md",[`radius-menu-${P}`]:"$radius",[`color-text-value-${P}`]:"$color-text-primary",[`color-bg-menu-${P}`]:"$color-bg-primary",[`color-bg-item-${P}--hover`]:"$color-bg-dropdown-item--active",[`color-bg-item-${P}--active`]:"$color-bg-dropdown-item--active",light:{[`color-bg-menu-${P}`]:"$color-bg-primary"},dark:{[`color-bg-menu-${P}`]:"$color-bg-primary"}}}),je={themeVars:`'{"color-bg-DropdownMenu": "var(--xmlui-color-bg-DropdownMenu)", "radius-DropdownMenu": "var(--xmlui-radius-DropdownMenu)", "shadow-DropdownMenu": "var(--xmlui-shadow-DropdownMenu)", "color-border-DropdownMenu-content": "var(--xmlui-color-border-DropdownMenu-content)", "thickness-border-DropdownMenu-content": "var(--xmlui-thickness-border-DropdownMenu-content)", "style-border-DropdownMenu-content": "var(--xmlui-style-border-DropdownMenu-content)", "min-width-DropdownMenu": "var(--xmlui-min-width-DropdownMenu)", "color-bg-MenuItem": "var(--xmlui-color-bg-MenuItem)", "color-MenuItem": "var(--xmlui-color-MenuItem)", "font-family-MenuItem": "var(--xmlui-font-family-MenuItem)", "gap-MenuItem": "var(--xmlui-gap-MenuItem)", "font-size-MenuItem": "var(--xmlui-font-size-MenuItem)", "padding-vertical-MenuItem": "var(--xmlui-padding-vertical-MenuItem)", "padding-horizontal-MenuItem": "var(--xmlui-padding-horizontal-MenuItem)", "color-bg-MenuItem--hover": "var(--xmlui-color-bg-MenuItem--hover)", "color-bg-MenuItem--active": "var(--xmlui-color-bg-MenuItem--active)", "color-bg-MenuItem--active--hover": "var(--xmlui-color-bg-MenuItem--active--hover)", "color-MenuItem--hover": "var(--xmlui-color-MenuItem--hover)", "color-MenuItem--active": "var(--xmlui-color-MenuItem--active)", "color-MenuItem--active--hover": "var(--xmlui-color-MenuItem--active--hover)", "margin-top-MenuSeparator": "var(--xmlui-margin-top-MenuSeparator)", "margin-bottom-MenuSeparator": "var(--xmlui-margin-bottom-MenuSeparator)", "width-MenuSeparator": "var(--xmlui-width-MenuSeparator)", "height-MenuSeparator": "var(--xmlui-height-MenuSeparator)", "color-MenuSeparator": "var(--xmlui-color-MenuSeparator)"}'`,DropdownMenuContent:"_DropdownMenuContent_18wz9_13",DropdownMenuSubContent:"_DropdownMenuSubContent_18wz9_14",DropdownMenuItem:"_DropdownMenuItem_18wz9_25",DropdownMenuSubTrigger:"_DropdownMenuSubTrigger_18wz9_26",active:"_active_18wz9_49",wrapper:"_wrapper_18wz9_59",DropdownMenuSeparator:"_DropdownMenuSeparator_18wz9_64"},L="DropdownMenu",vo=t({description:"This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",props:{label:z(),triggerTemplate:at(L),alignment:e("This property allows you to determine the alignment of the displayed menu items."),enabled:g(),triggerButtonVariant:e("This property defines the theme variant of the `Button` as the dropdown menu's trigger. It has no effect when a custom trigger is defined with `triggerTemplate`."),triggerButtonThemeColor:e("This property defines the theme color of the `Button` as the dropdown menu's trigger. It has no effect when a custom trigger is defined with `triggerTemplate`."),triggerButtonIcon:e("This property defines the icon to display on the trigger button."),triggerButtonIconPosition:e("This property defines the position of the icon on the trigger button.",et)},events:{willOpen:e(`This event fires when the \`${L}\` component is opened.`)},apis:{close:e("This method command closes the dropdown.")},themeVars:n(je.themeVars),defaultThemeVars:{[`color-bg-${L}`]:"$color-bg-primary",[`min-width-${L}`]:"160px",[`shadow-${L}`]:"$shadow-xl",[`style-border-${L}-content`]:"solid"}}),C="MenuItem",go=t({description:"This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",docFolder:L,props:{iconPosition:e("This property allows you to determine the position of the icon displayed in the menu item.",tt.filter(i=>i.value==="start"||i.value==="end")),icon:e("This property names an optional icon to display with the menu item."),label:z(),to:e("This property defines the URL of the menu item. If this property is defined (and the `click` event does not have an event handler), clicking the menu item navigates to this link."),active:e("This property indicates if the specified menu item is active.")},events:{click:W(C)},themeVars:n(je.themeVars),defaultThemeVars:{[`color-bg-${C}`]:"$color-bg-dropdown-item",[`color-${C}`]:"$color-text-primary",[`font-family-${C}`]:"$font-family",[`font-size-${C}`]:"$font-size-small",[`padding-vertical-${C}`]:"$space-2",[`padding-horizontal-${C}`]:"$space-3",[`color-bg-${C}--hover`]:"$color-bg-dropdown-item--hover",[`color-${C}--hover`]:"inherit",[`gap-${C}`]:"$space-2",[`color-${C}--active`]:"$color-primary",[`color-bg-${C}--active`]:"$color-bg-dropdown-item--active",light:{},dark:{}}}),fo=t({description:"This component represents a nested menu item within another menu or menu item.",docFolder:L,props:{label:z(),triggerTemplate:at("SubMenuItem")}}),ie="MenuSeparator",To=t({description:"This component displays a separator line between menu items.",docFolder:L,themeVars:n(je.themeVars),defaultThemeVars:{[`margin-top-${ie}`]:"$space-1",[`margin-bottom-${ie}`]:"$space-1",[`width-${ie}`]:"100%",[`height-${ie}`]:"1px",[`color-${ie}`]:"$color-border-dropdown-item",[`margin-horizontal-${ie}`]:"12px"}}),yo=t({status:"experimental",description:"The `EmojiSelector` component provides users with a graphical interface to browse, search and select emojis to insert into text fields, messages, or other forms of communication.",props:{autoFocus:f()},events:{select:e("This event is fired when the user selects an emoticon from this component.")}}),$o={themeVars:'"[]"',container:"_container_4jmk2_13",textBoxWrapper:"_textBoxWrapper_4jmk2_21",button:"_button_4jmk2_27"},pe="FileInput",wo=t({description:`The \`${pe}\` 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:G(),initialValue:I(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),buttonVariant:e("The button variant to use",$t),buttonLabel:e("This property is an optional string to set a label for the button part."),buttonIcon:e("The ID of the icon to display in the button"),buttonIconPosition:e("This optional string determines the location of the button icon.",et),acceptsFileType:e("A list of file types the input controls accepts provided as a string array."),multiple:e("This boolean property enables to add not just one (`false`), but multiple files to the field (`true`). This is done either by dragging onto the field or by selecting multiple files in the browser menu after clicking the input field button.",null,"boolean",!1),directory:e("This boolean property indicates whether the component allows selecting directories (`true`) or files only (`false`).",null,"boolean",!1),buttonSize:e("The size of the button (small, medium, large)",Fe),buttonThemeColor:e("The button color scheme (primary, secondary, attention)",Tt)},events:{didChange:$(pe),gotFocus:_(pe),lostFocus:k(pe)},apis:{value:e("By setting an ID for the component, you can refer to the value of the field if set. If no value is set, the value will be undefined."),setValue:e("(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."),focus:J(pe),open:e("This API command triggers the file browsing dialog to open.")},themeVars:n($o.themeVars)}),_o={themeVars:`'{"color-bg-FileUploadDropZone": "var(--xmlui-color-bg-FileUploadDropZone)", "color-text-FileUploadDropZone": "var(--xmlui-color-text-FileUploadDropZone)", "color-bg-dropping-FileUploadDropZone": "var(--xmlui-color-bg-dropping-FileUploadDropZone)", "opacity-dropping-FileUploadDropZone": "var(--xmlui-opacity-dropping-FileUploadDropZone)"}'`,wrapper:"_wrapper_u50h5_13",dropPlaceholder:"_dropPlaceholder_u50h5_21"},ko=t({description:"The `FileUploadDropZone` component allows users to upload files to a web application by dragging and dropping files from their local file system onto a designated area within the UI.",props:{text:e('With this property, you can change the default text ("Drop files here") to display when files are dragged over the drop zone.'),allowPaste:e("This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`)."),enabled:e("If set to `false`, the drop zone will be disabled and users will not be able to upload files.",null,"boolean",!0)},events:{upload:e("This component accepts files for upload but does not perform the actual operation. It fires the `upload` event and passes the list files to upload in the method's argument. You can use the passed file information to implement the upload (according to the protocol your backend supports).")},themeVars:n(_o.themeVars),defaultThemeVars:{"color-bg-FileUploadDropZone":"$color-bg","color-bg-dropping-FileUploadDropZone":"$color-bg--selected","opacity-dropping-FileUploadDropZone":"0.5","color-text-FileUploadDropZone":"$color-text",light:{},dark:{}}}),Io={themeVars:'"[]"',flowContainer:"_flowContainer_xh72p_13",horizontal:"_horizontal_xh72p_17",flowItem:"_flowItem_xh72p_21",vertical:"_vertical_xh72p_30",break:"_break_xh72p_45"},Ue="FlowLayout",Bo=t({description:"This layout component is used to position content in rows with an auto wrapping feature: if the length of the items exceed the available space the layout will wrap into a new line.",props:{gap:e(`This property defines the gap between items in the same row and between rows. The ${Ue} component creates a new row when an item is about to overflow the current row.`),columnGap:e("The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value."),rowGap:e(`The \`rowGap\` property specifies the space between the ${Ue} rows; it overrides the \`gap\` value.`),shadow:e(`${Ue} does not support shadow, we're waiting for a decent solution.`)},themeVars:n(Io.themeVars)}),Co={themeVars:`'{"padding-horizontal-Footer": "var(--xmlui-padding-horizontal-Footer)", "padding-vertical-Footer": "var(--xmlui-padding-vertical-Footer)", "padding-top-Footer": "var(--xmlui-padding-top-Footer)", "padding-bottom-Footer": "var(--xmlui-padding-bottom-Footer)", "padding-left-Footer": "var(--xmlui-padding-left-Footer)", "padding-right-Footer": "var(--xmlui-padding-right-Footer)", "padding-Footer": "var(--xmlui-padding-Footer)", "color-border-horizontal-Footer": "var(--xmlui-color-border-horizontal-Footer)", "thickness-border-horizontal-Footer": "var(--xmlui-thickness-border-horizontal-Footer)", "style-border-horizontal-Footer": "var(--xmlui-style-border-horizontal-Footer)", "color-border-vertical-Footer": "var(--xmlui-color-border-vertical-Footer)", "thickness-border-vertical-Footer": "var(--xmlui-thickness-border-vertical-Footer)", "style-border-vertical-Footer": "var(--xmlui-style-border-vertical-Footer)", "color-border-left-Footer": "var(--xmlui-color-border-left-Footer)", "thickness-border-left-Footer": "var(--xmlui-thickness-border-left-Footer)", "style-border-left-Footer": "var(--xmlui-style-border-left-Footer)", "color-border-right-Footer": "var(--xmlui-color-border-right-Footer)", "thickness-border-right-Footer": "var(--xmlui-thickness-border-right-Footer)", "style-border-right-Footer": "var(--xmlui-style-border-right-Footer)", "color-border-top-Footer": "var(--xmlui-color-border-top-Footer)", "thickness-border-top-Footer": "var(--xmlui-thickness-border-top-Footer)", "style-border-top-Footer": "var(--xmlui-style-border-top-Footer)", "color-border-bottom-Footer": "var(--xmlui-color-border-bottom-Footer)", "thickness-border-bottom-Footer": "var(--xmlui-thickness-border-bottom-Footer)", "style-border-bottom-Footer": "var(--xmlui-style-border-bottom-Footer)", "color-border-Footer": "var(--xmlui-color-border-Footer)", "thickness-border-Footer": "var(--xmlui-thickness-border-Footer)", "style-border-Footer": "var(--xmlui-style-border-Footer)", "radius-Footer": "var(--xmlui-radius-Footer)", "color-bg-Footer": "var(--xmlui-color-bg-Footer)", "color-text-Footer": "var(--xmlui-color-text-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "font-size-Footer": "var(--xmlui-font-size-Footer)", "vertical-alignment-Footer": "var(--xmlui-vertical-alignment-Footer)", "max-content-width-Footer": "var(--xmlui-max-content-width-Footer)"}'`,outerWrapper:"_outerWrapper_27gba_13",wrapper:"_wrapper_27gba_34",full:"_full_27gba_50"},j="Footer",zo=t({description:`The \`${j}\` is a component that acts as the footer within \`App\`.`,themeVars:n(Co.themeVars),defaultThemeVars:{[`color-bg-${j}`]:"$color-bg-AppHeader",[`vertical-alignment-${j}`]:"center",[`font-size-${j}`]:"$font-size-small",[`color-text-${j}`]:"$color-text-secondary",[`max-content-width-${j}`]:"$max-content-width",...$e(j,{horizontal:"$space-4",vertical:"$space-2"}),...We(j,{top:{color:"$color-border",thickness:"1px",style:"solid"}}),light:{},dark:{}}}),Mo={themeVars:`'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`,wrapper:"_wrapper_wscb6_13",buttonRow:"_buttonRow_wscb6_19"},So={themeVars:'"[]"',spacer:"_spacer_1414d_13"},Po={themeVars:`'{"padding-horizontal-ModalDialog": "var(--xmlui-padding-horizontal-ModalDialog)", "padding-vertical-ModalDialog": "var(--xmlui-padding-vertical-ModalDialog)", "padding-top-ModalDialog": "var(--xmlui-padding-top-ModalDialog)", "padding-bottom-ModalDialog": "var(--xmlui-padding-bottom-ModalDialog)", "padding-left-ModalDialog": "var(--xmlui-padding-left-ModalDialog)", "padding-right-ModalDialog": "var(--xmlui-padding-right-ModalDialog)", "padding-ModalDialog": "var(--xmlui-padding-ModalDialog)", "padding-horizontal-overlay-ModalDialog": "var(--xmlui-padding-horizontal-overlay-ModalDialog)", "padding-vertical-overlay-ModalDialog": "var(--xmlui-padding-vertical-overlay-ModalDialog)", "padding-top-overlay-ModalDialog": "var(--xmlui-padding-top-overlay-ModalDialog)", "padding-bottom-overlay-ModalDialog": "var(--xmlui-padding-bottom-overlay-ModalDialog)", "padding-left-overlay-ModalDialog": "var(--xmlui-padding-left-overlay-ModalDialog)", "padding-right-overlay-ModalDialog": "var(--xmlui-padding-right-overlay-ModalDialog)", "padding-overlay-ModalDialog": "var(--xmlui-padding-overlay-ModalDialog)", "Dialog:color-bg-ModalDialog": "var(--xmlui-color-bg-ModalDialog)", "Dialog:color-bg-overlay-ModalDialog": "var(--xmlui-color-bg-overlay-ModalDialog)", "Dialog:radius-ModalDialog": "var(--xmlui-radius-ModalDialog)", "Dialog:font-family-ModalDialog": "var(--xmlui-font-family-ModalDialog)", "Dialog:color-text-ModalDialog": "var(--xmlui-color-text-ModalDialog)", "Dialog:min-width-ModalDialog": "var(--xmlui-min-width-ModalDialog)", "Dialog:max-width-ModalDialog": "var(--xmlui-max-width-ModalDialog)", "Dialog:margin-bottom-title-ModalDialog": "var(--xmlui-margin-bottom-title-ModalDialog)"}'`,overlay:"_overlay_1rk0s_13",fullScreen:"_fullScreen_1rk0s_21",content:"_content_1rk0s_27",overlayBg:"_overlayBg_1rk0s_36",overlayShow:"_overlayShow_1rk0s_1",contentShow:"_contentShow_1rk0s_1",dialogTitle:"_dialogTitle_1rk0s_66",innerContent:"_innerContent_1rk0s_72",closeButton:"_closeButton_1rk0s_97",dialog:"_dialog_1rk0s_66"},Vo=t({status:"experimental",description:"A `Form` 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:m("This property allows defining a custom component to display the buttons at the bottom of the form."),itemLabelPosition:e("This property sets the position of the item labels within the form. The default value is `top`. Individual `FormItem` instances can override this property."),itemLabelWidth:e("This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property."),itemLabelBreak:e("This boolean value indicates if form item labels can be split into multiple lines if it would overflow the available label width. Individual `FormItem` instances can override this property."),subject:e("This property sets the initial value of the form's data structure. The form infrastructure uses this value to set the initial state of form items within the form."),cancelLabel:e('This property defines the label of the Cancel button, by default, "Cancel".'),saveLabel:e('This property defines the label of the Save button, by default, "Save".'),swapCancelAndSave:e("By default, the Cancel button is to the left of the Save button. Set this property to `true` to swap them or `false` to keep their original location.")},events:{submit:e("The form infrastructure fires this event when the form is submitted. The event argument is the current `subject` value to save."),cancel:e("The form infrastructure fires this event when the form is canceled."),reset:e("The form infrastructure fires this event when the form is reset.")},contextVars:{$subject:e("This property represents the value of the form data. You can access the fields of the form using the IDs in the `bindTo` property of nested `FormItem` instances.")},themeVars:n(Mo.themeVars),defaultThemeVars:{"gap-Form":"$space-4","gap-buttonRow-Form":"$space-4",light:{"color-bg-ValidationDisplay-error":"$color-danger-100","color-bg-ValidationDisplay-warning":"$color-warn-100","color-bg-ValidationDisplay-info":"$color-primary-100","color-bg-ValidationDisplay-valid":"$color-success-100","color-accent-ValidationDisplay-error":"$color-error","color-accent-ValidationDisplay-warning":"$color-warning","color-accent-ValidationDisplay-info":"$color-info","color-accent-ValidationDisplay-valid":"$color-valid","color-text-ValidationDisplay-error":"$color-error","color-text-ValidationDisplay-warning":"$color-warning","color-text-ValidationDisplay-info":"$color-info","color-text-ValidationDisplay-valid":"$color-valid"},dark:{"color-bg-ValidationDisplay-error":"$color-danger-900","color-bg-ValidationDisplay-warning":"$color-warn-900","color-bg-ValidationDisplay-info":"$color-secondary-800","color-bg-ValidationDisplay-valid":"$color-success-900","color-accent-ValidationDisplay-error":"$color-danger-500","color-accent-ValidationDisplay-warning":"$color-warn-700","color-accent-ValidationDisplay-info":"$color-surface-200","color-accent-ValidationDisplay-valid":"$color-success-600","color-text-ValidationDisplay-error":"$color-danger-500","color-text-ValidationDisplay-warning":"$color-warn-700","color-text-ValidationDisplay-info":"$color-secondary-200","color-text-ValidationDisplay-valid":"$color-success-600"}}}),No={themeVars:`'{"Input:radius-NumberBox-default": "var(--xmlui-radius-NumberBox-default)", "Input:color-border-NumberBox-default": "var(--xmlui-color-border-NumberBox-default)", "Input:thickness-border-NumberBox-default": "var(--xmlui-thickness-border-NumberBox-default)", "Input:style-border-NumberBox-default": "var(--xmlui-style-border-NumberBox-default)", "Input:font-size-NumberBox-default": "var(--xmlui-font-size-NumberBox-default)", "Input:color-bg-NumberBox-default": "var(--xmlui-color-bg-NumberBox-default)", "Input:shadow-NumberBox-default": "var(--xmlui-shadow-NumberBox-default)", "Input:color-text-NumberBox-default": "var(--xmlui-color-text-NumberBox-default)", "Input:color-border-NumberBox-default--hover": "var(--xmlui-color-border-NumberBox-default--hover)", "Input:color-bg-NumberBox-default--hover": "var(--xmlui-color-bg-NumberBox-default--hover)", "Input:shadow-NumberBox-default--hover": "var(--xmlui-shadow-NumberBox-default--hover)", "Input:color-text-NumberBox-default--hover": "var(--xmlui-color-text-NumberBox-default--hover)", "Input:color-border-NumberBox-default--focus": "var(--xmlui-color-border-NumberBox-default--focus)", "Input:color-bg-NumberBox-default--focus": "var(--xmlui-color-bg-NumberBox-default--focus)", "Input:shadow-NumberBox-default--focus": "var(--xmlui-shadow-NumberBox-default--focus)", "Input:color-text-NumberBox-default--focus": "var(--xmlui-color-text-NumberBox-default--focus)", "Input:thickness-outline-NumberBox-default--focus": "var(--xmlui-thickness-outline-NumberBox-default--focus)", "Input:color-outline-NumberBox-default--focus": "var(--xmlui-color-outline-NumberBox-default--focus)", "Input:style-outline-NumberBox-default--focus": "var(--xmlui-style-outline-NumberBox-default--focus)", "Input:offset-outline-NumberBox-default--focus": "var(--xmlui-offset-outline-NumberBox-default--focus)", "Input:color-placeholder-NumberBox-default": "var(--xmlui-color-placeholder-NumberBox-default)", "Input:color-adornment-NumberBox-default": "var(--xmlui-color-adornment-NumberBox-default)", "Input:radius-NumberBox-error": "var(--xmlui-radius-NumberBox-error)", "Input:color-border-NumberBox-error": "var(--xmlui-color-border-NumberBox-error)", "Input:thickness-border-NumberBox-error": "var(--xmlui-thickness-border-NumberBox-error)", "Input:style-border-NumberBox-error": "var(--xmlui-style-border-NumberBox-error)", "Input:font-size-NumberBox-error": "var(--xmlui-font-size-NumberBox-error)", "Input:color-bg-NumberBox-error": "var(--xmlui-color-bg-NumberBox-error)", "Input:shadow-NumberBox-error": "var(--xmlui-shadow-NumberBox-error)", "Input:color-text-NumberBox-error": "var(--xmlui-color-text-NumberBox-error)", "Input:color-border-NumberBox-error--hover": "var(--xmlui-color-border-NumberBox-error--hover)", "Input:color-bg-NumberBox-error--hover": "var(--xmlui-color-bg-NumberBox-error--hover)", "Input:shadow-NumberBox-error--hover": "var(--xmlui-shadow-NumberBox-error--hover)", "Input:color-text-NumberBox-error--hover": "var(--xmlui-color-text-NumberBox-error--hover)", "Input:color-border-NumberBox-error--focus": "var(--xmlui-color-border-NumberBox-error--focus)", "Input:color-bg-NumberBox-error--focus": "var(--xmlui-color-bg-NumberBox-error--focus)", "Input:shadow-NumberBox-error--focus": "var(--xmlui-shadow-NumberBox-error--focus)", "Input:color-text-NumberBox-error--focus": "var(--xmlui-color-text-NumberBox-error--focus)", "Input:thickness-outline-NumberBox-error--focus": "var(--xmlui-thickness-outline-NumberBox-error--focus)", "Input:color-outline-NumberBox-error--focus": "var(--xmlui-color-outline-NumberBox-error--focus)", "Input:style-outline-NumberBox-error--focus": "var(--xmlui-style-outline-NumberBox-error--focus)", "Input:offset-outline-NumberBox-error--focus": "var(--xmlui-offset-outline-NumberBox-error--focus)", "Input:color-placeholder-NumberBox-error": "var(--xmlui-color-placeholder-NumberBox-error)", "Input:color-adornment-NumberBox-error": "var(--xmlui-color-adornment-NumberBox-error)", "Input:radius-NumberBox-warning": "var(--xmlui-radius-NumberBox-warning)", "Input:color-border-NumberBox-warning": "var(--xmlui-color-border-NumberBox-warning)", "Input:thickness-border-NumberBox-warning": "var(--xmlui-thickness-border-NumberBox-warning)", "Input:style-border-NumberBox-warning": "var(--xmlui-style-border-NumberBox-warning)", "Input:font-size-NumberBox-warning": "var(--xmlui-font-size-NumberBox-warning)", "Input:color-bg-NumberBox-warning": "var(--xmlui-color-bg-NumberBox-warning)", "Input:shadow-NumberBox-warning": "var(--xmlui-shadow-NumberBox-warning)", "Input:color-text-NumberBox-warning": "var(--xmlui-color-text-NumberBox-warning)", "Input:color-border-NumberBox-warning--hover": "var(--xmlui-color-border-NumberBox-warning--hover)", "Input:color-bg-NumberBox-warning--hover": "var(--xmlui-color-bg-NumberBox-warning--hover)", "Input:shadow-NumberBox-warning--hover": "var(--xmlui-shadow-NumberBox-warning--hover)", "Input:color-text-NumberBox-warning--hover": "var(--xmlui-color-text-NumberBox-warning--hover)", "Input:color-border-NumberBox-warning--focus": "var(--xmlui-color-border-NumberBox-warning--focus)", "Input:color-bg-NumberBox-warning--focus": "var(--xmlui-color-bg-NumberBox-warning--focus)", "Input:shadow-NumberBox-warning--focus": "var(--xmlui-shadow-NumberBox-warning--focus)", "Input:color-text-NumberBox-warning--focus": "var(--xmlui-color-text-NumberBox-warning--focus)", "Input:thickness-outline-NumberBox-warning--focus": "var(--xmlui-thickness-outline-NumberBox-warning--focus)", "Input:color-outline-NumberBox-warning--focus": "var(--xmlui-color-outline-NumberBox-warning--focus)", "Input:style-outline-NumberBox-warning--focus": "var(--xmlui-style-outline-NumberBox-warning--focus)", "Input:offset-outline-NumberBox-warning--focus": "var(--xmlui-offset-outline-NumberBox-warning--focus)", "Input:color-placeholder-NumberBox-warning": "var(--xmlui-color-placeholder-NumberBox-warning)", "Input:color-adornment-NumberBox-warning": "var(--xmlui-color-adornment-NumberBox-warning)", "Input:radius-NumberBox-success": "var(--xmlui-radius-NumberBox-success)", "Input:color-border-NumberBox-success": "var(--xmlui-color-border-NumberBox-success)", "Input:thickness-border-NumberBox-success": "var(--xmlui-thickness-border-NumberBox-success)", "Input:style-border-NumberBox-success": "var(--xmlui-style-border-NumberBox-success)", "Input:font-size-NumberBox-success": "var(--xmlui-font-size-NumberBox-success)", "Input:color-bg-NumberBox-success": "var(--xmlui-color-bg-NumberBox-success)", "Input:shadow-NumberBox-success": "var(--xmlui-shadow-NumberBox-success)", "Input:color-text-NumberBox-success": "var(--xmlui-color-text-NumberBox-success)", "Input:color-border-NumberBox-success--hover": "var(--xmlui-color-border-NumberBox-success--hover)", "Input:color-bg-NumberBox-success--hover": "var(--xmlui-color-bg-NumberBox-success--hover)", "Input:shadow-NumberBox-success--hover": "var(--xmlui-shadow-NumberBox-success--hover)", "Input:color-text-NumberBox-success--hover": "var(--xmlui-color-text-NumberBox-success--hover)", "Input:color-border-NumberBox-success--focus": "var(--xmlui-color-border-NumberBox-success--focus)", "Input:color-bg-NumberBox-success--focus": "var(--xmlui-color-bg-NumberBox-success--focus)", "Input:shadow-NumberBox-success--focus": "var(--xmlui-shadow-NumberBox-success--focus)", "Input:color-text-NumberBox-success--focus": "var(--xmlui-color-text-NumberBox-success--focus)", "Input:thickness-outline-NumberBox-success--focus": "var(--xmlui-thickness-outline-NumberBox-success--focus)", "Input:color-outline-NumberBox-success--focus": "var(--xmlui-color-outline-NumberBox-success--focus)", "Input:style-outline-NumberBox-success--focus": "var(--xmlui-style-outline-NumberBox-success--focus)", "Input:offset-outline-NumberBox-success--focus": "var(--xmlui-offset-outline-NumberBox-success--focus)", "Input:color-placeholder-NumberBox-success": "var(--xmlui-color-placeholder-NumberBox-success)", "Input:color-adornment-NumberBox-success": "var(--xmlui-color-adornment-NumberBox-success)", "Input:color-bg-NumberBox--disabled": "var(--xmlui-color-bg-NumberBox--disabled)", "Input:color-text-NumberBox--disabled": "var(--xmlui-color-text-NumberBox--disabled)", "Input:color-border-NumberBox--disabled": "var(--xmlui-color-border-NumberBox--disabled)"}'`,inputRoot:"_inputRoot_zavgy_13",input:"_input_zavgy_13",adornment:"_adornment_zavgy_53",error:"_error_zavgy_56",warning:"_warning_zavgy_90",valid:"_valid_zavgy_124",spinnerBox:"_spinnerBox_zavgy_184",spinnerButton:"_spinnerButton_zavgy_191",readOnly:"_readOnly_zavgy_197"},Ho={themeVars:`'{"Input:radius-Select-default": "var(--xmlui-radius-Select-default)", "Input:color-border-Select-default": "var(--xmlui-color-border-Select-default)", "Input:thickness-border-Select-default": "var(--xmlui-thickness-border-Select-default)", "Input:style-border-Select-default": "var(--xmlui-style-border-Select-default)", "Input:font-size-Select-default": "var(--xmlui-font-size-Select-default)", "Input:color-bg-Select-default": "var(--xmlui-color-bg-Select-default)", "Input:shadow-Select-default": "var(--xmlui-shadow-Select-default)", "Input:color-text-Select-default": "var(--xmlui-color-text-Select-default)", "Input:color-border-Select-default--hover": "var(--xmlui-color-border-Select-default--hover)", "Input:color-bg-Select-default--hover": "var(--xmlui-color-bg-Select-default--hover)", "Input:shadow-Select-default--hover": "var(--xmlui-shadow-Select-default--hover)", "Input:color-text-Select-default--hover": "var(--xmlui-color-text-Select-default--hover)", "Input:thickness-outline-Select-default--focus": "var(--xmlui-thickness-outline-Select-default--focus)", "Input:color-outline-Select-default--focus": "var(--xmlui-color-outline-Select-default--focus)", "Input:style-outline-Select-default--focus": "var(--xmlui-style-outline-Select-default--focus)", "Input:offset-outline-Select-default--focus": "var(--xmlui-offset-outline-Select-default--focus)", "Input:color-placeholder-Select-default": "var(--xmlui-color-placeholder-Select-default)", "Input:radius-Select-error": "var(--xmlui-radius-Select-error)", "Input:color-border-Select-error": "var(--xmlui-color-border-Select-error)", "Input:thickness-border-Select-error": "var(--xmlui-thickness-border-Select-error)", "Input:style-border-Select-error": "var(--xmlui-style-border-Select-error)", "Input:font-size-Select-error": "var(--xmlui-font-size-Select-error)", "Input:color-bg-Select-error": "var(--xmlui-color-bg-Select-error)", "Input:shadow-Select-error": "var(--xmlui-shadow-Select-error)", "Input:color-text-Select-error": "var(--xmlui-color-text-Select-error)", "Input:color-border-Select-error--hover": "var(--xmlui-color-border-Select-error--hover)", "Input:color-bg-Select-error--hover": "var(--xmlui-color-bg-Select-error--hover)", "Input:shadow-Select-error--hover": "var(--xmlui-shadow-Select-error--hover)", "Input:color-text-Select-error--hover": "var(--xmlui-color-text-Select-error--hover)", "Input:thickness-outline-Select-error--focus": "var(--xmlui-thickness-outline-Select-error--focus)", "Input:color-outline-Select-error--focus": "var(--xmlui-color-outline-Select-error--focus)", "Input:style-outline-Select-error--focus": "var(--xmlui-style-outline-Select-error--focus)", "Input:offset-outline-Select-error--focus": "var(--xmlui-offset-outline-Select-error--focus)", "Input:color-placeholder-Select-error": "var(--xmlui-color-placeholder-Select-error)", "Input:radius-Select-warning": "var(--xmlui-radius-Select-warning)", "Input:color-border-Select-warning": "var(--xmlui-color-border-Select-warning)", "Input:thickness-border-Select-warning": "var(--xmlui-thickness-border-Select-warning)", "Input:style-border-Select-warning": "var(--xmlui-style-border-Select-warning)", "Input:font-size-Select-warning": "var(--xmlui-font-size-Select-warning)", "Input:color-bg-Select-warning": "var(--xmlui-color-bg-Select-warning)", "Input:shadow-Select-warning": "var(--xmlui-shadow-Select-warning)", "Input:color-text-Select-warning": "var(--xmlui-color-text-Select-warning)", "Input:color-border-Select-warning--hover": "var(--xmlui-color-border-Select-warning--hover)", "Input:color-bg-Select-warning--hover": "var(--xmlui-color-bg-Select-warning--hover)", "Input:shadow-Select-warning--hover": "var(--xmlui-shadow-Select-warning--hover)", "Input:color-text-Select-warning--hover": "var(--xmlui-color-text-Select-warning--hover)", "Input:thickness-outline-Select-warning--focus": "var(--xmlui-thickness-outline-Select-warning--focus)", "Input:color-outline-Select-warning--focus": "var(--xmlui-color-outline-Select-warning--focus)", "Input:style-outline-Select-warning--focus": "var(--xmlui-style-outline-Select-warning--focus)", "Input:offset-outline-Select-warning--focus": "var(--xmlui-offset-outline-Select-warning--focus)", "Input:color-placeholder-Select-warning": "var(--xmlui-color-placeholder-Select-warning)", "Input:radius-Select-success": "var(--xmlui-radius-Select-success)", "Input:color-border-Select-success": "var(--xmlui-color-border-Select-success)", "Input:thickness-border-Select-success": "var(--xmlui-thickness-border-Select-success)", "Input:style-border-Select-success": "var(--xmlui-style-border-Select-success)", "Input:font-size-Select-success": "var(--xmlui-font-size-Select-success)", "Input:color-bg-Select-success": "var(--xmlui-color-bg-Select-success)", "Input:shadow-Select-success": "var(--xmlui-shadow-Select-success)", "Input:color-text-Select-success": "var(--xmlui-color-text-Select-success)", "Input:color-border-Select-success--hover": "var(--xmlui-color-border-Select-success--hover)", "Input:color-bg-Select-success--hover": "var(--xmlui-color-bg-Select-success--hover)", "Input:shadow-Select-success--hover": "var(--xmlui-shadow-Select-success--hover)", "Input:color-text-Select-success--hover": "var(--xmlui-color-text-Select-success--hover)", "Input:thickness-outline-Select-success--focus": "var(--xmlui-thickness-outline-Select-success--focus)", "Input:color-outline-Select-success--focus": "var(--xmlui-color-outline-Select-success--focus)", "Input:style-outline-Select-success--focus": "var(--xmlui-style-outline-Select-success--focus)", "Input:offset-outline-Select-success--focus": "var(--xmlui-offset-outline-Select-success--focus)", "Input:color-placeholder-Select-success": "var(--xmlui-color-placeholder-Select-success)", "Input:color-bg-Select--disabled": "var(--xmlui-color-bg-Select--disabled)", "Input:color-text-Select--disabled": "var(--xmlui-color-text-Select--disabled)", "Input:color-border-Select--disabled": "var(--xmlui-color-border-Select--disabled)", "Input:color-text-indicator-Select": "var(--xmlui-color-text-indicator-Select)", "Input:shadow-menu-Select": "var(--xmlui-shadow-menu-Select)", "Input:color-bg-menu-Select": "var(--xmlui-color-bg-menu-Select)", "Input:radius-menu-Select": "var(--xmlui-radius-menu-Select)", "Input:font-size-Select": "var(--xmlui-font-size-Select)", "Input:color-bg-item-Select--hover": "var(--xmlui-color-bg-item-Select--hover)", "Input:color-bg-item-Select--active": "var(--xmlui-color-bg-item-Select--active)", "Input:color-text-item-Select--disabled": "var(--xmlui-color-text-item-Select--disabled)"}'`,selectContainer:"_selectContainer_e26ia_13",placeholder:"_placeholder_e26ia_44",error:"_error_e26ia_47",warning:"_warning_e26ia_72",valid:"_valid_e26ia_97",disabled:"_disabled_e26ia_122",inputRoot:"_inputRoot_e26ia_128",indicator:"_indicator_e26ia_128",input:"_input_e26ia_128",selectMenu:"_selectMenu_e26ia_164",item:"_item_e26ia_178",empty:"_empty_e26ia_187",selectable:"_selectable_e26ia_194",itemActive:"_itemActive_e26ia_198",itemDisabled:"_itemDisabled_e26ia_198",itemSelected:"_itemSelected_e26ia_201"},Oo={themeVars:`'{"gap-RadioGroupOption": "var(--xmlui-gap-RadioGroupOption)", "Input:color-bg-RadioGroupOption-default": "var(--xmlui-color-bg-RadioGroupOption-default)", "thickness-border-RadioGroupOption": "var(--xmlui-thickness-border-RadioGroupOption)", "Input:color-border-RadioGroupOption-default": "var(--xmlui-color-border-RadioGroupOption-default)", "Input:color-border-RadioGroupOption-default--hover": "var(--xmlui-color-border-RadioGroupOption-default--hover)", "Input:color-border-RadioGroupOption-default--active": "var(--xmlui-color-border-RadioGroupOption-default--active)", "Input:color-border-RadioGroupOption--disabled": "var(--xmlui-color-border-RadioGroupOption--disabled)", "Input:color-text-RadioGroupOption--disabled": "var(--xmlui-color-text-RadioGroupOption--disabled)", "Input:color-border-RadioGroupOption-error": "var(--xmlui-color-border-RadioGroupOption-error)", "Input:color-border-RadioGroupOption-warning": "var(--xmlui-color-border-RadioGroupOption-warning)", "Input:color-border-RadioGroupOption-success": "var(--xmlui-color-border-RadioGroupOption-success)", "color-bg-checked-RadioGroupOption-default": "var(--xmlui-color-bg-checked-RadioGroupOption-default)", "color-bg-checked-RadioGroupOption--disabled": "var(--xmlui-color-bg-checked-RadioGroupOption--disabled)", "color-bg-checked-RadioGroupOption-error": "var(--xmlui-color-bg-checked-RadioGroupOption-error)", "color-bg-checked-RadioGroupOption-warning": "var(--xmlui-color-bg-checked-RadioGroupOption-warning)", "color-bg-checked-RadioGroupOption-success": "var(--xmlui-color-bg-checked-RadioGroupOption-success)", "Input:font-size-RadioGroupOption": "var(--xmlui-font-size-RadioGroupOption)", "Input:font-weight-RadioGroupOption": "var(--xmlui-font-weight-RadioGroupOption)", "Input:color-text-RadioGroupOption-default": "var(--xmlui-color-text-RadioGroupOption-default)", "Input:color-text-RadioGroupOption-error": "var(--xmlui-color-text-RadioGroupOption-error)", "Input:color-text-RadioGroupOption-warning": "var(--xmlui-color-text-RadioGroupOption-warning)", "Input:color-text-RadioGroupOption-success": "var(--xmlui-color-text-RadioGroupOption-success)", "Input:thickness-outline-RadioGroupOption--focus": "var(--xmlui-thickness-outline-RadioGroupOption--focus)", "Input:color-outline-RadioGroupOption--focus": "var(--xmlui-color-outline-RadioGroupOption--focus)", "Input:style-outline-RadioGroupOption--focus": "var(--xmlui-style-outline-RadioGroupOption--focus)", "Input:offset-outline-RadioGroupOption--focus": "var(--xmlui-offset-outline-RadioGroupOption--focus)"}'`,radioGroupContainer:"_radioGroupContainer_1wu5b_13",radioOptionContainer:"_radioOptionContainer_1wu5b_20",radioOption:"_radioOption_1wu5b_20",error:"_error_1wu5b_55",warning:"_warning_1wu5b_58",valid:"_valid_1wu5b_61",indicator:"_indicator_1wu5b_65",disabled:"_disabled_1wu5b_78",label:"_label_1wu5b_91"},Do={themeVars:`'{"Input:radius-Textarea-default": "var(--xmlui-radius-Textarea-default)", "Input:color-border-Textarea-default": "var(--xmlui-color-border-Textarea-default)", "Input:thickness-border-Textarea-default": "var(--xmlui-thickness-border-Textarea-default)", "Input:style-border-Textarea-default": "var(--xmlui-style-border-Textarea-default)", "Input:font-size-Textarea-default": "var(--xmlui-font-size-Textarea-default)", "Input:color-bg-Textarea-default": "var(--xmlui-color-bg-Textarea-default)", "Input:shadow-Textarea-default": "var(--xmlui-shadow-Textarea-default)", "Input:color-text-Textarea-default": "var(--xmlui-color-text-Textarea-default)", "Input:color-border-Textarea-default--hover": "var(--xmlui-color-border-Textarea-default--hover)", "Input:color-bg-Textarea-default--hover": "var(--xmlui-color-bg-Textarea-default--hover)", "Input:shadow-Textarea-default--hover": "var(--xmlui-shadow-Textarea-default--hover)", "Input:color-text-Textarea-default--hover": "var(--xmlui-color-text-Textarea-default--hover)", "Input:color-border-Textarea-default--focus": "var(--xmlui-color-border-Textarea-default--focus)", "Input:color-bg-Textarea-default--focus": "var(--xmlui-color-bg-Textarea-default--focus)", "Input:shadow-Textarea-default--focus": "var(--xmlui-shadow-Textarea-default--focus)", "Input:color-text-Textarea-default--focus": "var(--xmlui-color-text-Textarea-default--focus)", "Input:thickness-outline-Textarea-default--focus": "var(--xmlui-thickness-outline-Textarea-default--focus)", "Input:color-outline-Textarea-default--focus": "var(--xmlui-color-outline-Textarea-default--focus)", "Input:style-outline-Textarea-default--focus": "var(--xmlui-style-outline-Textarea-default--focus)", "Input:offset-outline-Textarea-default--focus": "var(--xmlui-offset-outline-Textarea-default--focus)", "Input:color-placeholder-Textarea-default": "var(--xmlui-color-placeholder-Textarea-default)", "Input:radius-Textarea-error": "var(--xmlui-radius-Textarea-error)", "Input:color-border-Textarea-error": "var(--xmlui-color-border-Textarea-error)", "Input:thickness-border-Textarea-error": "var(--xmlui-thickness-border-Textarea-error)", "Input:style-border-Textarea-error": "var(--xmlui-style-border-Textarea-error)", "Input:font-size-Textarea-error": "var(--xmlui-font-size-Textarea-error)", "Input:color-bg-Textarea-error": "var(--xmlui-color-bg-Textarea-error)", "Input:shadow-Textarea-error": "var(--xmlui-shadow-Textarea-error)", "Input:color-text-Textarea-error": "var(--xmlui-color-text-Textarea-error)", "Input:color-border-Textarea-error--hover": "var(--xmlui-color-border-Textarea-error--hover)", "Input:color-bg-Textarea-error--hover": "var(--xmlui-color-bg-Textarea-error--hover)", "Input:shadow-Textarea-error--hover": "var(--xmlui-shadow-Textarea-error--hover)", "Input:color-text-Textarea-error--hover": "var(--xmlui-color-text-Textarea-error--hover)", "Input:color-border-Textarea-error--focus": "var(--xmlui-color-border-Textarea-error--focus)", "Input:color-bg-Textarea-error--focus": "var(--xmlui-color-bg-Textarea-error--focus)", "Input:shadow-Textarea-error--focus": "var(--xmlui-shadow-Textarea-error--focus)", "Input:color-text-Textarea-error--focus": "var(--xmlui-color-text-Textarea-error--focus)", "Input:thickness-outline-Textarea-error--focus": "var(--xmlui-thickness-outline-Textarea-error--focus)", "Input:color-outline-Textarea-error--focus": "var(--xmlui-color-outline-Textarea-error--focus)", "Input:style-outline-Textarea-error--focus": "var(--xmlui-style-outline-Textarea-error--focus)", "Input:offset-outline-Textarea-error--focus": "var(--xmlui-offset-outline-Textarea-error--focus)", "Input:color-placeholder-Textarea-error": "var(--xmlui-color-placeholder-Textarea-error)", "Input:radius-Textarea-warning": "var(--xmlui-radius-Textarea-warning)", "Input:color-border-Textarea-warning": "var(--xmlui-color-border-Textarea-warning)", "Input:thickness-border-Textarea-warning": "var(--xmlui-thickness-border-Textarea-warning)", "Input:style-border-Textarea-warning": "var(--xmlui-style-border-Textarea-warning)", "Input:font-size-Textarea-warning": "var(--xmlui-font-size-Textarea-warning)", "Input:color-bg-Textarea-warning": "var(--xmlui-color-bg-Textarea-warning)", "Input:shadow-Textarea-warning": "var(--xmlui-shadow-Textarea-warning)", "Input:color-text-Textarea-warning": "var(--xmlui-color-text-Textarea-warning)", "Input:color-border-Textarea-warning--hover": "var(--xmlui-color-border-Textarea-warning--hover)", "Input:color-bg-Textarea-warning--hover": "var(--xmlui-color-bg-Textarea-warning--hover)", "Input:shadow-Textarea-warning--hover": "var(--xmlui-shadow-Textarea-warning--hover)", "Input:color-text-Textarea-warning--hover": "var(--xmlui-color-text-Textarea-warning--hover)", "Input:color-border-Textarea-warning--focus": "var(--xmlui-color-border-Textarea-warning--focus)", "Input:color-bg-Textarea-warning--focus": "var(--xmlui-color-bg-Textarea-warning--focus)", "Input:shadow-Textarea-warning--focus": "var(--xmlui-shadow-Textarea-warning--focus)", "Input:color-text-Textarea-warning--focus": "var(--xmlui-color-text-Textarea-warning--focus)", "Input:thickness-outline-Textarea-warning--focus": "var(--xmlui-thickness-outline-Textarea-warning--focus)", "Input:color-outline-Textarea-warning--focus": "var(--xmlui-color-outline-Textarea-warning--focus)", "Input:style-outline-Textarea-warning--focus": "var(--xmlui-style-outline-Textarea-warning--focus)", "Input:offset-outline-Textarea-warning--focus": "var(--xmlui-offset-outline-Textarea-warning--focus)", "Input:color-placeholder-Textarea-warning": "var(--xmlui-color-placeholder-Textarea-warning)", "Input:radius-Textarea-success": "var(--xmlui-radius-Textarea-success)", "Input:color-border-Textarea-success": "var(--xmlui-color-border-Textarea-success)", "Input:thickness-border-Textarea-success": "var(--xmlui-thickness-border-Textarea-success)", "Input:style-border-Textarea-success": "var(--xmlui-style-border-Textarea-success)", "Input:font-size-Textarea-success": "var(--xmlui-font-size-Textarea-success)", "Input:color-bg-Textarea-success": "var(--xmlui-color-bg-Textarea-success)", "Input:shadow-Textarea-success": "var(--xmlui-shadow-Textarea-success)", "Input:color-text-Textarea-success": "var(--xmlui-color-text-Textarea-success)", "Input:color-border-Textarea-success--hover": "var(--xmlui-color-border-Textarea-success--hover)", "Input:color-bg-Textarea-success--hover": "var(--xmlui-color-bg-Textarea-success--hover)", "Input:shadow-Textarea-success--hover": "var(--xmlui-shadow-Textarea-success--hover)", "Input:color-text-Textarea-success--hover": "var(--xmlui-color-text-Textarea-success--hover)", "Input:color-border-Textarea-success--focus": "var(--xmlui-color-border-Textarea-success--focus)", "Input:color-bg-Textarea-success--focus": "var(--xmlui-color-bg-Textarea-success--focus)", "Input:shadow-Textarea-success--focus": "var(--xmlui-shadow-Textarea-success--focus)", "Input:color-text-Textarea-success--focus": "var(--xmlui-color-text-Textarea-success--focus)", "Input:thickness-outline-Textarea-success--focus": "var(--xmlui-thickness-outline-Textarea-success--focus)", "Input:color-outline-Textarea-success--focus": "var(--xmlui-color-outline-Textarea-success--focus)", "Input:style-outline-Textarea-success--focus": "var(--xmlui-style-outline-Textarea-success--focus)", "Input:offset-outline-Textarea-success--focus": "var(--xmlui-offset-outline-Textarea-success--focus)", "Input:color-placeholder-Textarea-success": "var(--xmlui-color-placeholder-Textarea-success)", "Input:color-bg-Textarea--disabled": "var(--xmlui-color-bg-Textarea--disabled)", "Input:color-text-Textarea--disabled": "var(--xmlui-color-text-Textarea--disabled)", "Input:color-border-Textarea--disabled": "var(--xmlui-color-border-Textarea--disabled)"}'`,textarea:"_textarea_qt7ql_13",error:"_error_qt7ql_53",warning:"_warning_qt7ql_84",valid:"_valid_qt7ql_115",resizeHorizontal:"_resizeHorizontal_qt7ql_153",resizeVertical:"_resizeVertical_qt7ql_157",resizeBoth:"_resizeBoth_qt7ql_161"},Lo={themeVars:`'{"Input:font-size-MultiSelect": "var(--xmlui-font-size-MultiSelect)", "Input:radius-MultiSelect-default": "var(--xmlui-radius-MultiSelect-default)", "Input:color-border-MultiSelect-default": "var(--xmlui-color-border-MultiSelect-default)", "Input:thickness-border-MultiSelect-default": "var(--xmlui-thickness-border-MultiSelect-default)", "Input:style-border-MultiSelect-default": "var(--xmlui-style-border-MultiSelect-default)", "Input:color-bg-MultiSelect-default": "var(--xmlui-color-bg-MultiSelect-default)", "Input:shadow-MultiSelect-default": "var(--xmlui-shadow-MultiSelect-default)", "Input:color-text-MultiSelect-default": "var(--xmlui-color-text-MultiSelect-default)", "Input:color-border-MultiSelect-default--hover": "var(--xmlui-color-border-MultiSelect-default--hover)", "Input:color-bg-MultiSelect-default--hover": "var(--xmlui-color-bg-MultiSelect-default--hover)", "Input:shadow-MultiSelect-default--hover": "var(--xmlui-shadow-MultiSelect-default--hover)", "Input:color-text-MultiSelect-default--hover": "var(--xmlui-color-text-MultiSelect-default--hover)", "Input:thickness-outline-MultiSelect-default--focus": "var(--xmlui-thickness-outline-MultiSelect-default--focus)", "Input:color-outline-MultiSelect-default--focus": "var(--xmlui-color-outline-MultiSelect-default--focus)", "Input:style-outline-MultiSelect-default--focus": "var(--xmlui-style-outline-MultiSelect-default--focus)", "Input:offset-outline-MultiSelect-default--focus": "var(--xmlui-offset-outline-MultiSelect-default--focus)", "Input:color-placeholder-MultiSelect-default": "var(--xmlui-color-placeholder-MultiSelect-default)", "Input:radius-MultiSelect-error": "var(--xmlui-radius-MultiSelect-error)", "Input:color-border-MultiSelect-error": "var(--xmlui-color-border-MultiSelect-error)", "Input:thickness-border-MultiSelect-error": "var(--xmlui-thickness-border-MultiSelect-error)", "Input:style-border-MultiSelect-error": "var(--xmlui-style-border-MultiSelect-error)", "Input:color-bg-MultiSelect-error": "var(--xmlui-color-bg-MultiSelect-error)", "Input:shadow-MultiSelect-error": "var(--xmlui-shadow-MultiSelect-error)", "Input:color-text-MultiSelect-error": "var(--xmlui-color-text-MultiSelect-error)", "Input:color-border-MultiSelect-error--hover": "var(--xmlui-color-border-MultiSelect-error--hover)", "Input:color-bg-MultiSelect-error--hover": "var(--xmlui-color-bg-MultiSelect-error--hover)", "Input:shadow-MultiSelect-error--hover": "var(--xmlui-shadow-MultiSelect-error--hover)", "Input:color-text-MultiSelect-error--hover": "var(--xmlui-color-text-MultiSelect-error--hover)", "Input:thickness-outline-MultiSelect-error--focus": "var(--xmlui-thickness-outline-MultiSelect-error--focus)", "Input:color-outline-MultiSelect-error--focus": "var(--xmlui-color-outline-MultiSelect-error--focus)", "Input:style-outline-MultiSelect-error--focus": "var(--xmlui-style-outline-MultiSelect-error--focus)", "Input:offset-outline-MultiSelect-error--focus": "var(--xmlui-offset-outline-MultiSelect-error--focus)", "Input:color-placeholder-MultiSelect-error": "var(--xmlui-color-placeholder-MultiSelect-error)", "Input:radius-MultiSelect-warning": "var(--xmlui-radius-MultiSelect-warning)", "Input:color-border-MultiSelect-warning": "var(--xmlui-color-border-MultiSelect-warning)", "Input:thickness-border-MultiSelect-warning": "var(--xmlui-thickness-border-MultiSelect-warning)", "Input:style-border-MultiSelect-warning": "var(--xmlui-style-border-MultiSelect-warning)", "Input:color-bg-MultiSelect-warning": "var(--xmlui-color-bg-MultiSelect-warning)", "Input:shadow-MultiSelect-warning": "var(--xmlui-shadow-MultiSelect-warning)", "Input:color-text-MultiSelect-warning": "var(--xmlui-color-text-MultiSelect-warning)", "Input:color-border-MultiSelect-warning--hover": "var(--xmlui-color-border-MultiSelect-warning--hover)", "Input:color-bg-MultiSelect-warning--hover": "var(--xmlui-color-bg-MultiSelect-warning--hover)", "Input:shadow-MultiSelect-warning--hover": "var(--xmlui-shadow-MultiSelect-warning--hover)", "Input:color-text-MultiSelect-warning--hover": "var(--xmlui-color-text-MultiSelect-warning--hover)", "Input:thickness-outline-MultiSelect-warning--focus": "var(--xmlui-thickness-outline-MultiSelect-warning--focus)", "Input:color-outline-MultiSelect-warning--focus": "var(--xmlui-color-outline-MultiSelect-warning--focus)", "Input:style-outline-MultiSelect-warning--focus": "var(--xmlui-style-outline-MultiSelect-warning--focus)", "Input:offset-outline-MultiSelect-warning--focus": "var(--xmlui-offset-outline-MultiSelect-warning--focus)", "Input:color-placeholder-MultiSelect-warning": "var(--xmlui-color-placeholder-MultiSelect-warning)", "Input:radius-MultiSelect-success": "var(--xmlui-radius-MultiSelect-success)", "Input:color-border-MultiSelect-success": "var(--xmlui-color-border-MultiSelect-success)", "Input:thickness-border-MultiSelect-success": "var(--xmlui-thickness-border-MultiSelect-success)", "Input:style-border-MultiSelect-success": "var(--xmlui-style-border-MultiSelect-success)", "Input:color-bg-MultiSelect-success": "var(--xmlui-color-bg-MultiSelect-success)", "Input:shadow-MultiSelect-success": "var(--xmlui-shadow-MultiSelect-success)", "Input:color-text-MultiSelect-success": "var(--xmlui-color-text-MultiSelect-success)", "Input:color-border-MultiSelect-success--hover": "var(--xmlui-color-border-MultiSelect-success--hover)", "Input:color-bg-MultiSelect-success--hover": "var(--xmlui-color-bg-MultiSelect-success--hover)", "Input:shadow-MultiSelect-success--hover": "var(--xmlui-shadow-MultiSelect-success--hover)", "Input:color-text-MultiSelect-success--hover": "var(--xmlui-color-text-MultiSelect-success--hover)", "Input:thickness-outline-MultiSelect-success--focus": "var(--xmlui-thickness-outline-MultiSelect-success--focus)", "Input:color-outline-MultiSelect-success--focus": "var(--xmlui-color-outline-MultiSelect-success--focus)", "Input:style-outline-MultiSelect-success--focus": "var(--xmlui-style-outline-MultiSelect-success--focus)", "Input:offset-outline-MultiSelect-success--focus": "var(--xmlui-offset-outline-MultiSelect-success--focus)", "Input:color-placeholder-MultiSelect-success": "var(--xmlui-color-placeholder-MultiSelect-success)", "Input:color-bg-MultiSelect--disabled": "var(--xmlui-color-bg-MultiSelect--disabled)", "Input:color-text-MultiSelect--disabled": "var(--xmlui-color-text-MultiSelect--disabled)", "Input:color-border-MultiSelect--disabled": "var(--xmlui-color-border-MultiSelect--disabled)", "Input:color-text-value-MultiSelect": "var(--xmlui-color-text-value-MultiSelect)", "Input:color-bg-value-MultiSelect": "var(--xmlui-color-bg-value-MultiSelect)", "Input:color-bg-menu-MultiSelect": "var(--xmlui-color-bg-menu-MultiSelect)", "Input:shadow-menu-MultiSelect": "var(--xmlui-shadow-menu-MultiSelect)", "Input:radius-menu-MultiSelect": "var(--xmlui-radius-menu-MultiSelect)", "Input:color-text-indicator-MultiSelect": "var(--xmlui-color-text-indicator-MultiSelect)", "Input:color-bg-item-MultiSelect--hover": "var(--xmlui-color-bg-item-MultiSelect--hover)", "Input:color-bg-item-MultiSelect--active": "var(--xmlui-color-bg-item-MultiSelect--active)", "Input:color-text-item-MultiSelect--disabled": "var(--xmlui-color-text-item-MultiSelect--disabled)"}'`,multiSelectContainer:"_multiSelectContainer_18pmb_13",selectToggleButton:"_selectToggleButton_18pmb_19",placeholder:"_placeholder_18pmb_53",error:"_error_18pmb_56",warning:"_warning_18pmb_80",valid:"_valid_18pmb_104",disabled:"_disabled_18pmb_128",indicator:"_indicator_18pmb_134",selectedOptions:"_selectedOptions_18pmb_138",multiValue:"_multiValue_18pmb_145",multiValueLabel:"_multiValueLabel_18pmb_153",multiValueRemove:"_multiValueRemove_18pmb_161",selectMenu:"_selectMenu_18pmb_172",item:"_item_18pmb_199",empty:"_empty_18pmb_207",itemActive:"_itemActive_18pmb_214",itemDisabled:"_itemDisabled_18pmb_214",itemSelected:"_itemSelected_18pmb_217"},ae="FormItem",Ao=t({status:"experimental",description:`A \`${ae}\` component represents a single input element within a \`Form\`. The value within the \`${ae}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,props:{bindTo:e("This property binds a particular input field to one of the attributes of the `Form` data. It names the property of the form's `subject` data to get the input's initial value. When the field is saved, its value will be stored in the `subject` property with this name."),autoFocus:f(),label:z(),labelPosition:Re(),labelWidth:e("This property sets the width of the item label."),labelBreak:e("This boolean value indicates if the label can be split into multiple lines if it would overflow the available label width."),enabled:g(),type:e("This property is used to determine the specific input control the FormItem will wrap around. Note that the control names start with a lowercase letter and map to input components found in XMLUI."),customValidationsDebounce:e("This optional number prop determines the time interval between two runs of a custom validation."),validationMode:e("This property sets what kind of validation mode or strategy to employ for a particular input field."),initialValue:I(),syncToValidation:e("This boolean property indicates if the following validation properties should override the underlying controls' properties."),required:D(),requiredInvalidMessage:e("This optional string property is used to customize the message that is displayed if the field is not filled in."),minLength:e("Checks whether the input has a minimum length of a specified value."),maxLength:e("Checks whether the input has a maximum length of a specified value."),maxTextLength:e("The maximum length of the text in the input field"),lengthInvalidMessage:e("This optional string property is used to customize the message that is displayed on a failed length check: [minLength](#minlength) or [maxLength](#maxlength)."),lengthInvalidSeverity:e("This property sets the severity level of length validations."),minValue:e("Checks whether the input has the minimum specified value."),maxValue:e("Checks whether the input has the maximum specified value."),rangeInvalidMessage:e("This optional string property is used to customize the message that is displayed when a value is out of range."),rangeInvalidSeverity:e("This property sets the severity level of the value range validation."),pattern:e("Checks whether the input fits a predefined regular expression."),patternInvalidMessage:e("This optional string property is used to customize the message that is displayed on a failed pattern test."),patternInvalidSeverity:e("This property sets the severity level of the pattern validation."),regex:e("Checks whether the input fits the provided regular expression."),regexInvalidMessage:e("This optional string property is used to customize the message that is displayed on a failed regular expression test."),regexInvalidSeverity:e("This property sets the severity level of regular expression validation.")},events:{validate:e("This event is used to define a custom validation function.")},contextVars:{$value:e(`The context variable represents the current value of the \`${ae}\`. It can be used in expressions and code snippets within the \`${ae}\` instance.`),$setValue:e(`This function can be invoked to set the \`${ae}\` instance's value. The function has a single argument, the new value to set.`),$validationResult:e(`This variable represents the result of the latest validation of the \`${ae}\` instance.`)},themeVars:n(so.themeVars),defaultThemeVars:{"color-text-FormItemLabel":"$color-text-primary","font-size-FormItemLabel":"$font-size-small","font-weight-FormItemLabel":"$font-weight-medium","font-style-FormItemLabel":"normal","text-transform-FormItemLabel":"none","color-text-FormItemLabel-requiredMark":"$color-danger-400"}}),V="Heading",Q=e(`This property determines the text displayed in the heading. \`${V}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`),ee=e("This property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified."),Fo=e("This property indicates whether ellipses should be displayed (`true`) when the heading text is cropped or not (`false`)."),Ro=e("This property indicates whether linebreaks should be preserved when displaying text."),ne=i=>`Represents a heading level ${i} text`,qo=t({description:"Represents a heading text",props:{value:Q,level:e("This property sets the visual significance (level) of the heading."),maxLines:ee,ellipses:Fo,preserveLinebreaks:Ro},themeVars:n(K.themeVars),defaultThemeVars:{[`font-family-${V}`]:"$font-family",[`color-text-${V}`]:"inherit",[`font-weight-${V}`]:"$font-weight-bold",[`letter-spacing-${V} `]:"0",light:{},dark:{}}}),we="H1",Eo=t({description:ne(1),specializedFrom:V,props:{value:Q,maxLines:ee},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${we}`]:"$font-size-large",[`line-height-${we}`]:"$line-height-loose",[`margin-top-${we}`]:"0",[`margin-bottom-${we}`]:"0",light:{},dark:{}}}),_e="H2",Wo=t({description:ne(2),specializedFrom:V,props:{value:Q,maxLines:ee},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${_e}`]:"$font-size-medium",[`line-height-${_e}`]:"$line-height-snug",[`margin-top-${_e}`]:"0",[`margin-bottom-${_e}`]:"0",light:{},dark:{}}}),ke="H3",Go=t({description:ne(3),specializedFrom:V,props:{value:Q,maxLines:ee},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${ke}`]:"$font-size-normal",[`line-height-${ke}`]:"$line-height-normal",[`margin-top-${ke}`]:"0",[`margin-bottom-${ke}`]:"0",light:{},dark:{}}}),Ie="H4",jo=t({description:ne(4),specializedFrom:V,props:{value:Q,maxLines:ee},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${Ie}`]:"$font-size-small",[`line-height-${Ie}`]:"$line-height-snug",[`margin-top-${Ie}`]:"0",[`margin-bottom-${Ie}`]:"0",light:{},dark:{}}}),Be="H5",Uo=t({description:ne(5),specializedFrom:V,props:{value:Q,maxLines:ee},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${Be}`]:"$font-size-smaller",[`line-height-${Be}`]:"$line-height-tight",[`margin-top-${Be}`]:"0",[`margin-bottom-${Be}`]:"0",light:{},dark:{}}}),Ce="H6",Yo=t({description:ne(6),specializedFrom:V,props:{value:Q,maxLines:ee},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${Ce}`]:"$font-size-tiny",[`line-height-${Ce}`]:"$line-height-none",[`margin-top-${Ce}`]:"0",[`margin-bottom-${Ce}`]:"0",light:{},dark:{}}}),Zo=t({status:"deprecated",description:"(**OBSOLETE**) This component displays some content when its parent component is hovered.",props:{triggerTemplate:m("The component that opens the hover card when hovered.")}}),ht="Icon",Jo=t({status:"experimental",description:"This component is the representation of an icon.",props:{name:e("This string property specifies the name of the icon to display. All icons have unique names and identifying the name is case-sensitive."),size:e(`This property defines the size of the \`${ht}\`. Note that setting the \`height\` and/or the \`width\` of the component will override this property.`),fallback:e("This optional property provides a way to handle situations when the provided [icon name](#name) is not found in the registry.")},themeVars:n(Ct.themeVars),defaultThemeVars:{[`size-${ht}`]:"1.25em"}}),mt="Image",Xo=t({description:`The \`${mt}\` component represents or depicts an object, scene, idea, or other concept with a picture.`,props:{src:e("This property is used to indicate the source (path) of the image to display."),alt:e("This property specifies an alternate text for the image."),fit:e("This property sets how the image content should be resized to fit its container."),lazyLoad:e("Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it). The default value is eager (`false`)."),aspectRatio:e("This property sets a preferred aspect ratio for the image, which will be used in the calculation of auto sizes and some other layout functions.")},events:{click:W(mt)},themeVars:n(Ut.themeVars)}),Ko=t({description:"The `Items` component maps sequential data items into component instances, representing each data item as a particular component.",props:{items:m("This property contains the list of data items this component renders."),data:e("This property contains the list of data items (obtained from a data source) this component renders."),reverse:e("This property reverses the order in which data is mapped to template components."),itemTemplate:m("The component template to display a single item")},opaque:!0}),p="Link",Qo=t({description:`A \`${p}\` component represents a navigation target within the app or a reference to an external web URL.`,props:{to:e("This property defines the URL of the link."),enabled:g(),active:e("This Boolean property indicates if the particular navigation is an active link (`false`, by default). An active link has a particular visual appearance."),target:e(`This property specifies where to open the link represented by the \`${p}\`. This property accepts the following values (in accordance with the HTML standard):`),label:z(),icon:e("This property allows you to add an icon (specify the icon's name) to the link.")},themeVars:n(ao.themeVars),defaultThemeVars:{[`color-text-${p}--hover--active`]:`$color-text-${p}--active`,[`color-text-decoration-${p}--hover`]:"$color-surface-400A80",[`color-text-decoration-${p}--active`]:"$color-surface200",[`font-weight-${p}--active`]:"$font-weight-bold",[`color-decoration-${p}`]:"$color-surface-400",[`offset-decoration-${p}`]:"$space-1",[`line-decoration-${p}`]:"underline",[`style-decoration-${p}`]:"dashed",[`thickness-decoration-${p}`]:"$space-0_5",[`color-outline-${p}--focus`]:"$color-outline--focus",[`thickness-outline-${p}--focus`]:"$thickness-outline--focus",[`style-outline-${p}--focus`]:"$style-outline--focus",[`offset-outline-${p}--focus`]:"$offset-outline--focus",[`font-size-${p}`]:"$font-size",light:{[`color-text-${p}`]:"$color-primary-500",[`color-text-${p}--active`]:"$color-primary-500"},dark:{[`color-text-${p}`]:"$color-primary-500",[`color-text-${p}--active`]:"$color-primary-500"}}}),er={themeVars:'"[]"',infoWrapper:"_infoWrapper_82pvu_13",loadingWrapper:"_loadingWrapper_82pvu_18",noRows:"_noRows_82pvu_26"},le="List",tr=t({status:"experimental",description:`The \`${le}\` component is a robust layout container that renders associated data items as a list of components. \`${le}\` is virtualized; it renders only items that are visible in the viewport.`,props:{data:e("The component receives data via this property. The `data` property is a list of items that the `List` can display."),items:e("You can use `items` as an alias for the `data` property. When you bind the table to a data source (for example, you set the `datasource` property to a URL to fetch the data from), `data` represents the information obtained from the API."),loading:e("This property delays the rendering of children until it is set to `false`, or the component receives usable list items via the [`data`](#data) property."),limit:e(`This property limits the number of items displayed in the \`${le}\`.`),scrollAnchor:e("This property pins the scroll position to either the `top` or the `bottom` of the list."),sectionBy:e("This property set which attribute of the data is used to group or section the list items. If the attribute does not appear in the data items, it will be ignored."),orderBy:e("This property enables the ordering of list items by specifying an attribute in the data."),availableSections:e(`This property is an array of section names that the \`${le}\` will display.`),sectionTemplate:m("Enables the customization of how the sections or groups are displayed, similarly to the [`itemTemplate`](#itemtemplate). You can use the `$item` context variable to access an item section and map its individual attributes."),sectionFooterTemplate:m("Enables the customization of how the the footer of each section or group id displayed. Combine with [`sectionTemplate`](#sectiontemplate) to customize sections. You can use the `$item` context variable to access an item section and map its individual attributes."),itemTemplate:m("This property allows the customization of mapping data items to components. You can use the `$item` context variable to access an item and map its individual attributes."),emptyListTemplate:m("This property defines the template to display when the list is empty."),pageInfo:e(`This property contains the current page information. Setting this property also enures the \`${le}\` uses pagination.`),idKey:e('Denotes which attribute of an item acts as the ID or key of the item. Default is `"id"`.'),selectedIndex:e("This property scrolls to a specific item indicated by its index."),sectionsInitiallyExpanded:e("This Boolean property defines whether the list sections are initially expanded."),defaultSections:e(`This property adds default sections for the \`${le}\` and displays the section headers even if no items fall into a particular section.`)},events:{resetSelectedIndex:e("Obsolete."),requestFetchNextPage:e("Obsolete."),requestFetchPrevPage:e("Obsolete.")},contextVars:{$item:e("This property represents the value of an item in the data list.")},themeVars:n(er.themeVars)}),or=t({status:"experimental",description:"The `Logo` component represents a logo or a brand symbol. Usually, you use this component in the [`AppHeader`](./AppHeader.mdx#logotemplate)."}),rr=t({description:"`Markdown` displays plain text styled using markdown syntax.",themeVars:n({themeVars:`'{"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)"}'`,horizontalRule:"_horizontalRule_g1xk1_13",blockquote:"_blockquote_g1xk1_17",unorderedList:"_unorderedList_g1xk1_37",orderedList:"_orderedList_g1xk1_43",listItem:"_listItem_g1xk1_49"}.themeVars),defaultThemeVars:{"color-border-HorizontalRule":"$color-border","thickness-border-HorizontalRule":"1px","style-border-HorizontalRule":"solid","accent-Blockquote":"$color-primary","padding-Blockquote":"$space-2 $space-6","margin-Blockquote":"$space-2","padding-left-UnorderedList":"$space-6","padding-left-OrderedList":"$space-6","padding-left-ListItem":"$space-1",light:{},dark:{}}}),w="ModalDialog",ir=t({description:`The \`${w}\` component defines a modal dialog UI element that can be displayed over the existing UI - triggered by some action.`,props:{fullScreen:e("Toggles whether the dialog encompasses the whole UI (`true`) or not and has a minimum width and height (`false`)."),title:e("Provides a prestyled heading to display the intent of the dialog."),closeButtonVisible:e("Shows (`true`) or hides (`false`) the visibility of the close button on the dialog."),isInitiallyOpen:e("This property sets whether the modal dialog appears open (`true`) or not (`false`) when the page is it is defined on is rendered.")},events:{open:e(`This event is fired when the \`${w}\` is opened either via a \`when\` or an imperative API call (\`open()\`).`),close:e(`This event is fired when the close button is pressed or the user clicks outside the \`${w}\`.`)},apis:{close:e(`This method is used to close the \`${w}\`. Invoke it using \`modalId.close()\` where \`modalId\` refers to a \`ModalDialog\` component.`),open:e("")},themeVars:n(Po.themeVars),defaultThemeVars:{...$e(w,{all:"$space-7"}),[`color-bg-${w}`]:"$color-bg-primary",[`color-bg-overlay-${w}`]:"$color-bg-overlay",[`color-text-${w}`]:"$color-text-primary",[`radius-${w}`]:"$radius",[`font-family-${w}`]:"$font-family",[`max-width-${w}`]:"450px",[`margin-bottom-title-${w}`]:"0",dark:{[`color-bg-${w}`]:"$color-bg-primary"}}}),T="MultiSelect",ar=t({status:"experimental",description:`The \`${T}\` component works the same way as the [\`Select\`](./Select.mdx) component with the addition of the ability to select multiple elements from a list by clicking list elements in the dropdown. These elements are then displayed in the field and can be removed as necessary.`,props:{placeholder:G(),initialValue:I(),labelId:O(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),startText:ve(),startIcon:ge(),endText:fe(),endIcon:Te(),options:m("This property specifies the list of options to be displayed in the dropdown."),optionTemplate:m("This property sets the placeholder text displayed in the input field if no value is selected."),emptyListTemplate:m("With this property, you can specify what should appear when the list is empty.")},events:{didChange:$(T),gotFocus:_(T),lostFocus:k(T)},apis:{focus:J(T)},contextVars:{$item:e("This context variable acts as a template for an item in the list.")},themeVars:n(Lo.themeVars),defaultThemeVars:{[`color-bg-menu-${T}`]:"$color-bg-primary",[`shadow-menu-${T}`]:"$shadow-md",[`radius-menu-${T}`]:"$radius",[`color-text-value-${T}`]:"$color-text-primary",[`color-bg-value-${T}`]:"$color-bg-primary",[`color-bg-item-${T}`]:"$color-bg-dropdown-item",[`color-bg-item-${T}--hover`]:"$color-bg-dropdown-item--active",light:{[`color-text-item-${T}--disabled`]:"$color-surface-200"},dark:{[`color-text-item-${T}--disabled`]:"$color-surface-800"}}}),nr={themeVars:`'{"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)"}'`,dropdownList:"_dropdownList_1i6dc_13",withNavGroupChevron:"_withNavGroupChevron_1i6dc_32",pointRight:"_pointRight_1i6dc_48"},ze="NavGroup",lr=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:z(),icon:e(`This property defines an optional icon to display along with the \`${ze}\` label.`)},themeVars:n(nr.themeVars),defaultThemeVars:{[`color-bg-dropdown-${ze}`]:"$color-bg-primary",[`radius-dropdown-${ze}`]:"$radius",[`shadow-dropdown-${ze}`]:"$shadow-spread"}}),Ye="NavLink",sr=t({description:`The \`${Ye}\` 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:e("This property defines the URL of the link."),enabled:g(),active:e("This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [`displayActive`](#displayactive) property is set to `true`."),target:e("This property specifies how to open the clicked link."),label:z(),vertical:e(`This property sets how the active status is displayed on the \`${Ye}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu.`),displayActive:e("This Boolean property indicates if the active state of a link should have a visual indication. Setting it to `false` removes the visual indication of an active link."),icon:e("This property allows you to add an icon (specify the icon's name) to the navigation link.")},events:{click:W(Ye)},themeVars:n(Yt.themeVars),defaultThemeVars:{"radius-NavLink":"$radius","color-bg-NavLink":"transparent","padding-horizontal-NavLink":"$space-4","padding-vertical-NavLink":"$space-2","font-size-NavLink":"$font-size-small","font-weight-NavLink":"$font-weight-normal","font-family-NavLink":"$font-family","color-text-NavLink":"$color-text-primary","font-weight-NavLink--pressed":"$font-weight-normal","thickness-indicator-NavLink":"$space-0_5","color-outline-NavLink--focus":"$color-outline--focus","thickness-outline-NavLink--focus":"$thickness-outline--focus","style-outline-NavLink--focus":"$style-outline--focus","offset-outline-NavLink--focus":"-1px","radius-indicator-NavLink":"$radius",light:{"color-icon-NavLink":"$color-surface-500","color-indicator-NavLink--active":"$color-primary-500","color-indicator-NavLink--pressed":"$color-primary-500","color-indicator-NavLink--hover":"$color-primary-600"},dark:{"color-indicator-NavLink--active":"$color-primary-500","color-indicator-NavLink--pressed":"$color-primary-500","color-indicator-NavLink--hover":"$color-primary-400"}}}),A="NavPanel",cr=t({description:`\`${A}\` is a placeholder within \`App\` to define the app's navigation (menu) structure.`,props:{logoTemplate:m("This property defines the logo template to display in the navigation panel with the `vertical` and `vertical-sticky` layout.")},themeVars:n(Zt.themeVars),defaultThemeVars:{[`color-bg-${A}`]:"transparent",...We(A,{}),[`padding-horizontal-${A}`]:"0",[`padding-vertical-logo-${A}`]:"$space-4",[`padding-horizontal-logo-${A}`]:"$space-4",[`margin-bottom-logo-${A}`]:"$space-4",light:{[`shadow-${A}-vertical`]:"4px 0 4px 0 rgb(0 0 0 / 10%)"},dark:{[`shadow-${A}-vertical`]:"4px 0 6px 0 rgba(0, 0, 0, 0.2)"}}}),dr={themeVars:`'{"padding-vertical-NoResult": "var(--xmlui-padding-vertical-NoResult)", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`,wrapper:"_wrapper_9giub_13",icon:"_icon_9giub_22"},Me="NoResult",ur=t({description:`\`${Me}\` is a component that displays a visual indication that some data query (search) resulted in no (zero) items.`,props:{label:z(),icon:e("This property defines the icon to display with the component."),hideIcon:e("This boolean property indicates if the icon should be hidden.")},themeVars:n(dr.themeVars),defaultThemeVars:{[`padding-vertical-${Me}`]:"$space-2",[`gap-icon-${Me}`]:"$space-2",[`size-icon-${Me}`]:"$space-8",light:{},dark:{}}}),xe="NumberBox",hr=t({status:"experimental",description:`A \`${xe}\` 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:G(),initialValue:I(),labelId:O(),maxLength:re(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),startText:ve(),startIcon:ge(),endText:fe(),endIcon:Te(),hasSpinBox:e("This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field."),step:e("This prop governs how big the step when clicking on the spinner of the field."),integersOnly:e("This boolean property signs whether the input field accepts integers only (`true`) or not (`false`)."),zeroOrPositive:e("This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`)."),minValue:e("The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."),maxValue:e("The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.")},events:{gotFocus:_(xe),lostFocus:k(xe),didChange:$(xe)},apis:{focus:J(xe),value:e("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:oe()},themeVars:n(No.themeVars)}),mr={themeVars:'"[]"'},Se="OffCanvas",pr=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:{enableBackdrop:e("This property indicates if the backdrop is enabled when the component is displayed. When the backdrop is not enabled, clicking outside `OffCanvas` will not close it.",null,"boolean",!0),enableBodyScroll:e("This property indicates if the body scroll is enabled when the component is displayed.",null,"boolean",!1),noCloseOnBackdropClick:e(`When this property is set to \`true\`, the ${Se} does not close when the user clicks on its backdrop.`,null,"boolean",!1),placement:e(`This property indicates the position where the ${Se} should be docked to.`,kt),autoCloseInMs:e("This property sets a timeout. When the timeout expires, the component gets hidden.")},events:{didOpen:Pt(Se),didClose:Vt(Se)},apis:{open:e("This method opens the component. It triggers the `didOpen` event  with the argument set to `false`."),close:e("This method closes the component. It triggers the `didClose` event with the argument set to `false`.")},themeVars:n(mr.themeVars),defaultThemeVars:{light:{},dark:{}}}),xr=t({description:"`Option` 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:e("This property defines the text to display for the option. If `label` is not defined, `Option` will use the `value` as the label."),value:e("This property defines the value of the option. If `value` is not defined, `Option` will use the `label` as the value."),disabled:e("If this property is set to `true`, the option is disabled and cannot be selected in its parent component.")}}),br=t({description:"A PageMetaTitle component allows setting up (or changing) the app title to display with the current browser tab.",props:{value:e("This property sets the page's title to display in the browser tab.")}}),pt="Page",vr=t({status:"experimental",docFolder:pt,description:`The \`${pt}\` component defines what content is displayed when the user navigates to a particular URL that is associated with the page.`,props:{url:e("The URL of the route associated with the content.")}}),gr=t({description:"The `Pages` component is used as a container for [`Page`](./Page.mdx) components within an [`App`](./App.mdx).",props:{defaultRoute:e("The default route when displaying the app")}}),fr=t({description:"The `Pdf` component provides a read-only preview of a pdf document's contents.",props:{src:e("This property defines the source URL of the pdf document stream to display.")}}),xt={themeVars:`'{"color-PieChart": "var(--xmlui-color-PieChart)"}'`,wrapper:"_wrapper_1d7s9_13",chartContainer:"_chartContainer_1d7s9_19",chart:"_chart_1d7s9_19",legends:"_legends_1d7s9_33",legendItem:"_legendItem_1d7s9_41",legendTop:"_legendTop_1d7s9_47",legendRight:"_legendRight_1d7s9_61",legendBottom:"_legendBottom_1d7s9_78",legendLeft:"_legendLeft_1d7s9_92",legendRow:"_legendRow_1d7s9_109",legendColumn:"_legendColumn_1d7s9_117",legendBullet:"_legendBullet_1d7s9_125"},F="PieChart",Tr=t({status:"deprecated",description:"(**OBSOLETE**) A pie chart component",props:{data:e("The data to be displayed in the pie chart"),isInteractive:e("Whether the chart is interactive"),showLabels:e("Whether to show labels"),showLegends:e("Whether to show legends"),legendPosition:e("The position of the legend"),legendDirection:e("The direction of the legend")},themeVars:n(xt.themeVars),defaultThemeVars:{[`scheme-${F}`]:"nivo",[`color-text-${F}`]:"$color-text-secondary",[`color-ticks-${F}`]:"$color-text-primary",[`color-bg-tooltip-${F}`]:"$color-bg-primary",[`color-text-tooltip-${F}`]:"$color-text-primary",[`color-axis-${F}`]:"$color-text-primary",[`color-text-legend-${F}`]:"$color-text-primary",light:{[`scheme-${F}`]:"set3"},dark:{[`scheme-${F}`]:"dark2"}}}),yr={themeVars:'"[]"',wrapper:"_wrapper_1hlil_13",visibleOnHover:"_visibleOnHover_1hlil_16"},$r=t({status:"deprecated",description:"(**OBSOLETE**) This component was created for the ChatEngine app.",props:{visibleOnHover:e("No description")},themeVars:n(yr.themeVars)}),wr={themeVars:`'{"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)"}'`,wrapper:"_wrapper_1s8j7_13",bar:"_bar_1s8j7_22"},U="ProgressBar",_r=t({description:`A \`${U}\` component visually represents the progress of a task or process.`,props:{value:e("This property defines the progress value with a number between 0 and 1.")},themeVars:n(wr.themeVars),defaultThemeVars:{[`radius-${U}`]:"$radius",[`radius-indicator-${U}`]:"0px",[`thickness-${U}`]:"$space-2",light:{[`color-bg-${U}`]:"$color-surface-200",[`color-indicator-${U}`]:"$color-primary-500"},dark:{[`color-bg-${U}`]:"$color-surface-700",[`color-indicator-${U}`]:"$color-primary-500"}}}),kr=t({description:"The `Queue` component provides an API to enqueue elements and defines events to process queued elements in a FIFO order.",props:{progressFeedback:e("This property defines the component template of the UI that displays progress information whenever, the queue's `progressReport` function in invoked."),resultFeedback:e("This property defines the component template of the UI that displays result information when the queue becomes empty after processing all queued items."),clearAfterFinish:e("This property indicates the completed items (successful or error) should be removed from the queue after completion.")},nonVisual:!0,events:{willProcess:e("This event is triggered to process a particular item."),process:e("This event is fired to process the next item in the queue. If the processing cannot proceed because of some error, raise an exception, and the queue will handle that."),didProcess:e("This event is fired when the processing of a queued item has been successfully processed."),processError:e("This event is fired when processing an item raises an error. The event handler method receives two parameters. The first is the error raised during the processing of the item; the second is an object with these properties:"),complete:e("The queue fires this event when the queue gets empty after processing all items. The event handler has no arguments.")},apis:{enqueueItem:e("This method enqueues the item passed in the method parameter. The new item will be processed after the current queue items have been handled. The method retrieves the unique ID of the newly added item; this ID can be used later in other methods, such as `remove`."),enqueueItems:e("This method enqueues the array of items passed in the method parameter. The new items will be processed after the current queue items have been handled. The method retrieves an array of unique IDs, one for each new item. An item ID can be used later in other methods, such as `remove`."),getQueuedItems:e("You can use this method to return the items in the queue. These items contain all entries not removed from the queue yet, including pending, in-progress, and completed items."),getQueueLength:e("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet."),remove:e("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet.")},contextVars:{$completedItems:e("A list containing the queue items that have been completed (fully processed).")}}),h="RadioGroupOption",Ir=t({status:"stable",description:"A single radio button within a radio button group",props:{enabled:g(),value:e("The value of the option"),label:e("The option's label")},themeVars:n(Oo.themeVars),defaultThemeVars:{[`gap-${h}`]:"$space-1_5",[`thickness-border-${h}`]:"2px",[`color-bg-checked-${h}--disabled]`]:`$color-border-${h}--disabled`,[`color-bg-checked-${h}-error`]:`$color-border-${h}-error`,[`color-bg-checked-${h}-warning`]:`$color-border-${h}-warning`,[`color-bg-checked-${h}-success`]:`$color-border-${h}-success`,[`font-size-${h}`]:"$font-size-small",[`font-weight-${h}`]:"$font-weight-bold",[`color-text-${h}-error`]:`$color-border-${h}-error`,[`color-text-${h}-warning`]:`$color-border-${h}-warning`,[`color-text-${h}-success`]:`$color-border-${h}-success`,light:{[`color-bg-checked-${h}-default`]:"$color-primary-500",[`color-border-${h}-default`]:"$color-surface-500",[`color-border-${h}-default--hover`]:"$color-surface-700",[`color-border-${h}-default--active`]:"$color-primary-500"},dark:{[`color-bg-checked-${h}-default`]:"$color-primary-500",[`color-border-${h}-default`]:"$color-surface-500",[`color-border-${h}-default--hover`]:"$color-surface-300",[`color-border-${h}-default--active`]:"$color-primary-400"}}}),Pe="RadioGroup",Br=t({description:`The \`${Pe}\` 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:I(),labelId:O(),maxLength:re(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),orientation:e("(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group.")},events:{gotFocus:_(Pe),lostFocus:k(Pe),didChange:$(Pe)}}),Cr=t({status:"experimental",description:"`RealTimeAdapter` is a non-visual component that listens to real-time events through long-polling.",props:{url:e("This property specifies the URL to use for long-polling.")},events:{eventArrived:e("This event is raised when data arrives from the backend using long-polling.")}}),zr=t({description:"`Redirect` 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:e("This property defines the URL to which this component is about to redirect requests.")}}),N="Select",Mr=t({description:"A dropdown list of options",props:{placeholder:G(),initialValue:I(),labelId:O(),maxLength:re(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),optionTemplate:m("This property enables the customization of list items. To access the attributes of a list item use the `$item` context variable."),emptyListTemplate:e("This optional property provides the ability to customize what is displayed when the list of options is empty.")},events:{gotFocus:_(N),lostFocus:k(N),didChange:$(N)},apis:{focus:J(N),setValue:oe()},contextVars:{$item:e("This context variable acts as a template for an item in the list.")},themeVars:n(Ho.themeVars),defaultThemeVars:{[`color-bg-menu-${N}`]:"$color-bg-primary",[`shadow-menu-${N}`]:"$shadow-md",[`radius-menu-${N}`]:"$radius",[`color-bg-item-${N}`]:"$color-bg-dropdown-item",[`color-bg-item-${N}--hover`]:"$color-bg-dropdown-item--active","min-height-Input":"39px",light:{[`color-text-item-${N}--disabled`]:"$color-surface-200"},dark:{[`color-text-item-${N}--disabled`]:"$color-surface-800"}}}),Sr=t({description:"The `SelectionStore` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.",props:{idKey:e('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"`.')}}),Pr=t({description:"The `SpaceFiller` 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:n(So.themeVars)}),be="Spinner",Vr=t({description:`The \`${be}\` component is an animated indicator that represents a particular action in progress without a deterministic progress value.`,props:{delay:e("The delay in milliseconds before the spinner is displayed."),fullScreen:e("If set to `true`, the component will be rendered in a full screen container."),themeColor:e("(**NOT IMPLEMENTED YET**) The theme color of the component.")},themeVars:n(co.themeVars),defaultThemeVars:{[`size-${be}`]:"$space-10",[`thickness-${be}`]:"$space-0_5",light:{[`color-border-${be}`]:"$color-surface-400"},dark:{[`color-border-${be}`]:"$color-surface-600"}}}),Nr={themeVars:`'{"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)"}'`,splitter:"_splitter_1argo_13",vertical:"_vertical_1argo_27",horizontal:"_horizontal_1argo_30",panel:"_panel_1argo_34",primaryPanel:"_primaryPanel_1argo_41",secondaryPanel:"_secondaryPanel_1argo_47",resizer:"_resizer_1argo_51",floatingResizer:"_floatingResizer_1argo_66"},Y="Splitter",Ve=t({description:`The \`${Y}\` component divides a container (such as a window, panel, pane, etc.) into two resizable sections.`,props:{swapped:e(`This optional booelan property indicates whether the \`${Y}\` sections are layed out as primary and secondary (\`false\`) or secondary and primary (\`true\`) from left to right.`),splitterTemplate:m("The divider can be customized using XMLUI components via this property."),initialPrimarySize:e("This optional number property sets the initial size of the primary section. The unit of the size value is in pixels or percentages."),minPrimarySize:e("This property sets the minimum size the primary section can have. The unit of the size value is in pixels or percentages."),maxPrimarySize:e("This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages."),floating:e("Toggles whether the resizer is visible (`false`) or not (`true`) when not hovered or dragged. The default value is `false`, meaning the resizer is visible all the time.")},events:{resize:e("This event fires when the component is resized.")},themeVars:n(Nr.themeVars),defaultThemeVars:{[`color-bg-resizer-${Y}`]:"$color-bg-Card",[`thickness-resizer-${Y}`]:"5px",[`cursor-resizer-horizontal-${Y}`]:"ew-resize",[`cursor-resizer-vertical-${Y}`]:"ns-resize"}}),Hr={...Ve,props:{...Ve.props,orientation:e("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`).")}},Or={...Ve,specializedFrom:Y},Dr={...Ve,specializedFrom:Y},Lr={themeVars:`'{"color-bg-StickyBox": "var(--xmlui-color-bg-StickyBox)"}'`,wrapper:"_wrapper_1qgtv_13",top:"_top_1qgtv_18",bottom:"_bottom_1qgtv_21"},bt="StickyBox",Ar=t({status:"experimental",description:`The \`${bt}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,props:{to:e("This property determines whether the StickyBox should be anchored to the `top` or `bottom`.")},themeVars:n(Lr.themeVars),defaultThemeVars:{[`color-bg-${bt}`]:"$color-bg"}}),d="Switch",Fr=t({description:`The \`${d}\` 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:rt(),label:z(),labelPosition:Re("right"),initialValue:I(!1),labelId:O(),autoFocus:f(),readOnly:M(),enabled:g(),validationStatus:S(),description:e(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${d} besides its label.`)},events:{click:W(d),gotFocus:_(d),lostFocus:k(d),didChange:$(d)},apis:{value:it(),setValue:oe()},themeVars:n(dt.themeVars),defaultThemeVars:{[`color-border-checked-${d}-error`]:`$color-border-${d}-error`,[`color-bg-checked-${d}-error`]:`$color-border-${d}-error`,[`color-border-checked-${d}-warning`]:`$color-border-${d}-warning`,[`color-bg-checked-${d}-warning`]:`$color-border-${d}-warning`,[`color-border-checked-${d}-success`]:`$color-border-${d}-success`,[`color-bg-checked-${d}-success`]:`$color-border-${d}-success`,light:{[`color-bg-${d}`]:"$color-surface-400",[`color-border-${d}`]:"$color-surface-400",[`color-bg-indicator-${d}`]:"$color-bg-primary",[`color-border-checked-${d}`]:"$color-primary-500",[`color-bg-checked-${d}`]:"$color-primary-500",[`color-bg-${d}--disabled`]:"$color-surface-200"},dark:{[`color-bg-${d}`]:"$color-surface-500",[`color-border-${d}`]:"$color-surface-500",[`color-bg-indicator-${d}`]:"$color-bg-primary",[`color-border-checked-${d}`]:"$color-primary-400",[`color-bg-checked-${d}`]:"$color-primary-400",[`color-bg-${d}--disabled`]:"$color-surface-800"}}}),Rr={themeVars:`'{"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)"}'`,wrapper:"_wrapper_1ih5l_13",noScroll:"_noScroll_1ih5l_19",headerWrapper:"_headerWrapper_1ih5l_23",tableBody:"_tableBody_1ih5l_23",clickableHeader:"_clickableHeader_1ih5l_29",headerContent:"_headerContent_1ih5l_39",headerRow:"_headerRow_1ih5l_67",columnCell:"_columnCell_1ih5l_72",cell:"_cell_1ih5l_72",table:"_table_1ih5l_23",row:"_row_1ih5l_83",checkBoxWrapper:"_checkBoxWrapper_1ih5l_89",selected:"_selected_1ih5l_93",allSelected:"_allSelected_1ih5l_93",focused:"_focused_1ih5l_139",disabled:"_disabled_1ih5l_151",noRows:"_noRows_1ih5l_176",pagination:"_pagination_1ih5l_182",paginationLabel:"_paginationLabel_1ih5l_198",paginationSelect:"_paginationSelect_1ih5l_203",paginationButtons:"_paginationButtons_1ih5l_209",searchIconWrapper:"_searchIconWrapper_1ih5l_214",loadingWrapper:"_loadingWrapper_1ih5l_221",resizer:"_resizer_1ih5l_236",isResizing:"_isResizing_1ih5l_258"},l="Table",qr=t({description:`\`${l}\` is a component that displays cells organized into rows and columns. The \`${l}\` component is virtualized so it only renders visible cells.`,props:{items:e("You can use `items` as an alias for the `data` property. When you bind the table to a data source (for example, you set the `datasource` property to a URL to fetch the data from), `data` represents the information obtained from the API."),data:e(""),isPaginated:e(`This property adds pagination controls to the \`${l}\`.`),loading:e("This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time."),headerHeight:e("This optional property is used to specify the height of the table header."),rowsSelectable:e("Indicates whether the rows are selectable (`true`) or not (`false`)."),pageSizes:e("Describes how big a page should be for pagination."),rowDisabledPredicate:e("This property defines a predicate function with a return value that determines if the row should be disabled. The function retrieves the item to display and should return a Boolean-like value."),noDataTemplate:m("A property to customize what to display if the table does not contain any data."),sortBy:e("This property is used to determine which data attributes to sort by."),sortDirection:e("This property determines the sort order to be `ascending` or `descending`. This property only works if the [`sortBy`](#sortby) property is also set."),autoFocus:f(),hideHeader:e("Set the header visibility using this property. Set it to `true` to hide the header."),iconNoSort:e(`Allows the customization of the icon displayed in the ${l} column header when when sorting is enabled and sorting is not done according to the column.`),iconSortAsc:e(`Allows the customization of the icon displayed in the ${l} column header when sorting is enabled, sorting is done according to the column, and the column is sorted in ascending order.`),iconSortDesc:e(`Allows the customization of the icon displayed in the ${l} column header when sorting is enabled, sorting is done according to the column, and the column is sorted in descending order.`),enableMultiRowSelection:e("This boolean property indicates whether you can select multiple rows in the table. This property only has an effect when the rowsSelectable property is set. Setting it to `false` limits selection to a single row.")},events:{sortingDidChange:e("This event is fired when the table data sorting has changed. It has two arguments: the column's name and the sort direction. When the column name is empty, the table displays the data list as it received it."),willSort:e("This event is fired before the table data is sorted. It has two arguments: the column's name and the sort direction. When the method returns a literal `false` value (and not any other falsy one), the method indicates that the sorting should be aborted.")},themeVars:n(Rr.themeVars),defaultThemeVars:{[`padding-horizontal-heading-${l}`]:"$space-2",[`padding-vertical-heading-${l}`]:"$space-2",[`padding-heading-${l}`]:`$padding-vertical-heading-${l} $padding-horizontal-heading-${l}`,[`padding-horizontal-cell-${l}`]:"$space-2",[`padding-horizontal-cell-first-${l}`]:"$space-5",[`padding-horizontal-cell-last-${l}`]:"$space-5",[`padding-vertical-cell-${l}`]:"$space-2",[`padding-cell-${l}`]:`$padding-vertical-cell-${l} $padding-horizontal-cell-${l}`,[`thickness-border-cell-${l}`]:"1px",[`style-border-cell-${l}`]:"solid",[`border-cell-${l}`]:`$thickness-border-cell-${l} $style-border-cell-${l} $color-border-cell-${l}`,[`thickness-outline-heading-${l}--focus`]:"$thickness-outline--focus",[`style-outline-heading-${l}--focus`]:"$style-outline--focus",[`offset-outline-heading-${l}--focus`]:"$offset-outline--focus",[`font-size-heading-${l}`]:"$font-size-tiny",[`font-weight-heading-${l}`]:"$font-weight-bold",[`transform-text-heading-${l}`]:"uppercase",[`font-size-row-${l}`]:"$font-size-small",[`color-bg-${l}`]:"$color-bg",[`color-border-cell-${l}`]:"$color-border",[`color-bg-selected-${l}--hover`]:`$color-bg-row-${l}--hover`,[`color-bg-pagination-${l}`]:`$color-bg-${l}`,[`color-outline-heading-${l}--focus`]:"$color-outline--focus",[`color-text-pagination-${l}`]:"$color-secondary",light:{[`color-bg-row-${l}--hover`]:"$color-primary-50",[`color-bg-selected-${l}`]:"$color-primary-100",[`color-bg-heading-${l}--hover`]:"$color-surface-200",[`color-bg-heading-${l}--active`]:"$color-surface-300",[`color-bg-heading-${l}`]:"$color-surface-100",[`color-text-heading-${l}`]:"$color-surface-500"},dark:{[`color-bg-row-${l}--hover`]:"$color-primary-900",[`color-bg-selected-${l}`]:"$color-primary-800",[`color-bg-heading-${l}--hover`]:"$color-surface-800",[`color-bg-heading-${l}`]:"$color-surface-950",[`color-bg-heading-${l}--active`]:"$color-surface-700"}}}),Er=t({description:"The `Column` component can be used within a `Table` to define a particular table column's visual properties and data bindings.",props:{bindTo:e("Indicates what part of the data to lay out in the column."),header:e("Adds a label for a particular column."),width:e("This property defines the width of the column. You can use a numeric value, a pixel value (such as `100px`), or a star size value (such as `*`, `2*`, etc.). You will get an error if you use any other unit (or value)."),minWidth:e("Indicates the minimum width a particular column can have."),maxWidth:e("Indicates the maximum width a particular column can have."),canSort:e("This property sets whether the user can sort by a column by clicking on its header (`true`) or not (`false`)."),pinTo:e("This property allows the column to be pinned to the `left` or right `edge` of the table."),canResize:e("This property indicates whether the user can resize the column. If set to `true`, the column can be resized by dragging the column border. If set to `false`, the column cannot be resized. Double-clicking the column border resets to the original size.")}}),Ze="TableHeader",Wr=t({status:"experimental",description:`The \`${Ze}\` component can be used within a \`Table\` to define a particular table column's visual properties and data bindings.`,props:{title:e("The title of the table header.")},defaultThemeVars:{[`padding-vertical-${Ze}`]:"$space-4",[`padding-horizontal-${Ze}`]:"$space-5"}}),Gr={themeVars:`'{"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)"}'`,nav:"_nav_1soaw_13",list:"_list_1soaw_35",listItem:"_listItem_1soaw_40",link:"_link_1soaw_44",head_1:"_head_1_1soaw_56",head_2:"_head_2_1soaw_59",head_3:"_head_3_1soaw_62",head_4:"_head_4_1soaw_65",head_5:"_head_5_1soaw_68",head_6:"_head_6_1soaw_71",active:"_active_1soaw_74"},s="TableOfContents",jr=t({status:"experimental",description:`The \`${s}\` 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:{smoothScrolling:e("This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.")},themeVars:n(Gr.themeVars),defaultThemeVars:{[`width-${s}`]:"auto",[`height-${s}`]:"auto",[`font-size-${s}Item`]:"$font-size-smaller",[`font-weight-${s}Item`]:"$font-weight-normal",[`font-family-${s}Item`]:"$font-family",[`border-radius-${s}Item`]:"0",[`border-width-${s}Item`]:"$space-0_5",[`border-style-${s}Item`]:"solid",[`border-radius-${s}Item--active`]:"0",[`border-width-${s}Item--active`]:"$space-0_5",[`border-style-${s}Item--active`]:"solid",[`font-weight-${s}Item--active`]:"$font-weight-bold",[`color-bg-${s}`]:"transparent",[`padding-horizontal-${s}`]:"$space-8",[`padding-vertical-${s}`]:"$space-4",[`padding-horizontal-${s}Item`]:"$space-2",[`padding-vertical-${s}Item`]:"$space-2",[`padding-horizontal-${s}Item-level-1`]:"unset",[`padding-horizontal-${s}Item-level-2`]:"unset",[`padding-horizontal-${s}Item-level-3`]:"unset",[`padding-horizontal-${s}Item-level-4`]:"unset",[`padding-horizontal-${s}Item-level-5`]:"unset",[`padding-horizontal-${s}Item-level-6`]:"unset",[`margin-top-${s}`]:"0",[`margin-bottom-${s}`]:"0",[`border-radius-${s}`]:"0",[`border-width-${s}`]:"0",[`border-color-${s}`]:"transparent",[`border-style-${s}`]:"solid",[`transform-${s}Item`]:"none",[`align-vertical-${s}Item`]:"baseline",[`letter-spacing-${s}Item`]:"0",light:{[`color-${s}Item`]:"$color-text-primary",[`border-color-${s}Item`]:"$color-border",[`border-color-${s}Item--active`]:"$color-primary-500",[`color-${s}Item--active`]:"$color-primary-500"},dark:{[`color-${s}Item`]:"$color-text-primary",[`border-color-${s}Item`]:"$color-border",[`border-color-${s}Item--active`]:"$color-primary-500",[`color-${s}Item--active`]:"$color-text-secondary"}}}),Ur={themeVars:`'{"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)"}'`,tabs:"_tabs_gdijs_13",filler:"_filler_gdijs_27",tabTrigger:"_tabTrigger_gdijs_41",tabsList:"_tabsList_gdijs_80",tabsContent:"_tabsContent_gdijs_97"},R="Tabs",Yr=t({status:"experimental",description:`The \`${R}\` component provides a tabbed layout where each tab has a clickable label and content.`,props:{activeTab:e("This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."),orientation:e("This property indicates the orientation of the component. In horizontal orientation, the tab sections are laid out on the left side of the content panel, while in vertical orientation, the buttons are at the top."),tabTemplate:m("This property declares the template for the clickable tab area.")},themeVars:n(Ur.themeVars),defaultThemeVars:{[`color-bg-${R}`]:"$color-bg-primary",[`style-border-${R}`]:"solid",[`color-border-${R}`]:"$color-border",[`color-border-active-${R}`]:"$color-primary",[`thickness-border-${R}`]:"2px",[`color-bg-trigger-${R}`]:"$color-bg-primary",light:{[`color-bg-trigger-${R}--hover`]:"$color-primary-50"},dark:{[`color-bg-trigger-${R}--hover`]:"$color-primary-800"}}}),a="Text",Zr=t({description:`The \`${a}\` component displays textual information in a number of optional styles and variants.`,props:{value:e(`The text to be displayed. This value can also be set via nesting the text into the \`${a}\` component.`),variant:e("Optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color and other parameters."),maxLines:e("This property determines the maximum number of lines the component can wrap to. If there is no space to display all the contents, the component displays up to as many lines as specified in this property."),preserveLinebreaks:e("This property indicates if linebreaks should be preserved when displaying text."),ellipses:e("This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).")},themeVars:n(qt.themeVars),defaultThemeVars:{[`border-radius-${a}`]:"$radius",[`style-border-${a}`]:"solid",[`font-size-${a}`]:"$font-size-small",[`thickness-border-${a}`]:"$space-0",[`font-weight-${a}-abbr`]:"$font-weight-bold",[`transform-${a}-abbr`]:"uppercase",[`font-size-${a}-secondary`]:"$font-size-small",[`font-style-${a}-cite`]:"italic",[`color-${a}`]:"$color-text-primary",[`font-family-${a}`]:"$font-family",[`font-weight-${a}`]:"$font-weight-normal",[`font-family-${a}-code`]:"$font-family-monospace",[`font-size-${a}-code`]:"$font-size-small",[`thickness-border-${a}-code`]:"1px",[`padding-horizontal-${a}-code`]:"$space-1",[`line-decoration-${a}-deleted`]:"line-through",[`line-decoration-${a}-inserted`]:"underline",[`font-family-${a}-keyboard`]:"$font-family-monospace",[`font-size-${a}-keyboard`]:"$font-size-small",[`font-weight-${a}-keyboard`]:"$font-weight-bold",[`thickness-border-${a}-keyboard`]:"1px",[`padding-horizontal-${a}-keyboard`]:"$space-1",[`font-family-${a}-sample`]:"$font-family-monospace",[`font-size-${a}-sample`]:"$font-size-small",[`font-size-${a}-sup`]:"$font-size-smaller",[`align-vertical-${a}-sup`]:"super",[`font-size-${a}-sub`]:"$font-size-smaller",[`align-vertical-${a}-sub`]:"sub",[`font-style-${a}-var`]:"italic",[`font-family-${a}-mono`]:"$font-family-monospace",[`font-size-${a}-title`]:"$font-size-large",[`font-size-${a}-subtitle`]:"$font-size-medium",[`font-size-${a}-small`]:"$font-size-small",[`line-height-${a}-small`]:"$line-height-tight",[`letter-spacing-${a}-caption`]:"0.05rem",[`font-size-${a}-placeholder`]:"$font-size-small",[`font-family-${a}-codefence`]:"$font-family-monospace",[`padding-horizontal-${a}-codefence`]:"$space-3",[`padding-vertical-${a}-codefence`]:"$space-2",[`padding-vertical-${a}-paragraph`]:"$space-1",[`font-size-${a}-subheading`]:"$font-size-H6",[`font-weight-${a}-subheading`]:"$font-weight-bold",[`letter-spacing-${a}-subheading`]:"0.04em",[`transform-${a}-subheading`]:"uppercase",[`margin-top-${a}-tableheading`]:"$space-1",[`margin-bottom-${a}-tableheading`]:"$space-4",[`padding-horizontal-${a}-tableheading`]:"$space-1",[`font-weight-${a}-tableheading`]:"$font-weight-bold",light:{[`color-bg-${a}-code`]:"$color-surface-100",[`color-border-${a}-code`]:"$color-surface-200",[`color-bg-${a}-keyboard`]:"$color-surface-200",[`color-border-${a}-keyboard`]:"$color-surface-300",[`color-bg-${a}-marked`]:"yellow",[`color-${a}-placeholder`]:"$color-surface-500",[`color-bg-${a}-codefence`]:"$color-primary-100",[`color-${a}-codefence`]:"$color-surface-900",[`color-${a}-subheading`]:"$color-text-secondary",[`color-${a}-secondary`]:"$color-text-secondary"},dark:{[`color-bg-${a}-code`]:"$color-surface-800",[`color-border-${a}-code`]:"$color-surface-700",[`color-bg-${a}-keyboard`]:"$color-surface-800",[`color-border-${a}-keyboard`]:"$color-surface-700",[`color-bg-${a}-marked`]:"orange",[`color-${a}-placeholder`]:"$color-surface-500",[`color-bg-${a}-codefence`]:"$color-primary-800",[`color-${a}-codefence`]:"$color-surface-200",[`color-${a}-subheading`]:"$color-text-secondary",[`color-${a}-secondary`]:"$color-text-secondary"}}}),q="TextArea",Jr=[{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"}],Xr=t({status:"experimental",description:`\`${q}\` is a component that provides a multiline text input area.`,props:{enterSubmits:e("This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit. The default value is is `true`."),escResets:e(`This boolean property indicates whether the ${q} contents should be reset when pressing the ESC key.`),maxRows:e(`This optional number property maximizes the number of lines the \`${q}\` can grow to.`),minRows:e(`This optional number property indicates the minimum number of lines the \`${q}\` has and specifies its size accordingly.`),rows:e("Specifies the number of lines or rows (and thus, its size) the component has."),autoSize:e(`If set to \`true\`, this boolean property enables the \`${q}\` to resize automatically based on the number of lines inside it.`),placeholder:G(),initialValue:I(),labelId:O(),maxLength:re(),autoFocus:f(),required:D(),readOnly:M(),enabled:g(),validationStatus:S(),resize:e("This optional property specifies in which dimensions can the `TextArea` be resized by the user.",Jr)},events:{gotFocus:_(q),lostFocus:k(q),didChange:$(q)},apis:{focus:J(q),value:e("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:oe()},themeVars:n(Do.themeVars)}),Kr={themeVars:`'{"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)"}'`,root:"_root_lik78_13",item:"_item_lik78_24",header:"_header_lik78_43",trigger:"_trigger_lik78_48",triggerStart:"_triggerStart_lik78_66",contentWrapper:"_contentWrapper_lik78_70",slideDown:"_slideDown_lik78_1",slideUp:"_slideUp_lik78_1",content:"_content_lik78_70",chevron:"_chevron_lik78_86"},c="Accordion",Qr=t({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${c}\` 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:{triggerPosition:e("This property indicates the position where the trigger icon should be displayed. The `start` value signs the trigger is before the header text (template), and `end` indicates that it follows the header.",It,null,"end"),collapsedIcon:e("This property is the name of the icon that is displayed when the accordion is collapsed."),expandedIcon:e("This property is the name of the icon that is displayed when the accordion is expanded."),hideIcon:e("This property indicates that the trigger icon is not displayed (`true`).",null,"boolean",!1),rotateExpanded:e("This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).")},events:{displayDidChange:$(c)},apis:{expanded:zt(c),expand:Mt(c),collapse:St(c),toggle:e(`This method toggles the state of the ${c} between expanded and collapsed.`),focus:J(c)},themeVars:n(Kr.themeVars),defaultThemeVars:{[`padding-horizontal-header-${c}`]:"$space-3",[`padding-vertical-header-${c}`]:"$space-3",[`align-vertical-header-${c}`]:"center",[`font-size-header-${c}`]:"$font-size-normal",[`font-weight-header-${c}`]:"$font-weight-normal",[`font-family-header-${c}`]:"$font-family",[`radius-${c}`]:"$radius",[`thickness-border-${c}`]:"0",[`style-border-${c}`]:"solid",[`width-icon-${c}`]:"",[`height-icon-${c}`]:"",light:{[`color-bg-header-${c}`]:"$color-primary-500",[`color-bg-header-${c}-hover`]:"$color-primary-400",[`color-header-${c}`]:"$color-surface-50",[`color-content-${c}`]:"$color-text-primary",[`color-bg-content-${c}`]:"transparent",[`color-border-${c}`]:"transparent",[`color-icon-${c}`]:"$color-surface-50"},dark:{[`color-bg-header-${c}`]:"$color-primary-500",[`color-bg-header-${c}-hover`]:"$color-primary-600",[`color-header-${c}`]:"$color-surface-50",[`color-content-${c}`]:"$color-text-primary",[`color-bg-content-${c}`]:"transparent",[`color-border-${c}`]:"transparent",[`color-icon-${c}`]:"$color-surface-50"}}}),ei={themeVars:'"[]"'},Ne="Alert",ti=t({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Ne}\` 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:{statusColor:e(`The value of this optional property sets the string to provide a color scheme for the ${Ne}.`,_t,"string","primary"),dismissable:e(`This property's \`true\` value indicates if this alert is dismissable by the user. When the user closes the ${Ne}, it gets hidden.`),autoDismissInMs:e("Timeout for the alert to be dismissed"),showIcon:e("Indicates if the alert should display an icon"),icon:e("Icon to be displayed in the alert")},events:{},apis:{dismiss:e(`This method dismisses the ${Ne}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`)},themeVars:n(ei.themeVars),defaultThemeVars:{light:{},dark:{}}}),vt="TabItem",oi=t({description:`\`${vt}\` is a non-visual component describing a tab. Tabs component may use nested ${vt} instances from which the user can select.`,props:{label:z()}}),ri=t({description:"The `Fragment` 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}),ii=t({status:"experimental",description:"Placeholder in a reusable component. Signs the slot where the component's injected children should be rendered.",props:{name:e("This optional property defines the name of the slot.")},allowArbitraryProps:!0,opaque:!0}),ai=t({status:"in progress",description:"The `Tree` component is a virtualized tree component that displays hierarchical data.",props:{data:{description:"The data source of the tree.",required:!0},selectedUid:{description:"The ID (optional) of the selected tree row."},itemTemplate:m("The template for each item in the tree.")}}),He="ApiAction",ni=t({description:`\`${He}\` 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:{confirmTitle:e(`This optional string sets the title in the confirmation dialog that is displayed before the \`${He}\` is executed.`),confirmMessage:e(`This optional string sets the message in the confirmation dialog that is displayed before the \`${He}\` is executed.`),confirmButtonLabel:e(`This optional string property enables the customization of the submit button in the confirmation dialog that is displayed before the \`${He}\` is executed.`),inProgressNotificationMessage:e("This property customizes the message that is displayed in a toast while the API operation is in progress."),errorNotificationMessage:e("This property defines the message to display automatically when the operation results in an error."),completedNotificationMessage:e("This property defines the message to display automatically when the operation has been completed."),method:e("The method of data manipulation can be done via setting this property. The following HTTP methods are available: `post`, `put`, and `delete`."),url:e("Use this property to set the URL to send data to."),rawBody:e("This property sets the request body to the value provided here without any conversion. Use the * `body` property if you want the object sent in JSON. When you define `body` and `rawBody`, the latest one prevails."),body:e("This property sets the request body. The object you pass here will be serialized to JSON when sending the request. Use the `rawBody` property to send another request body using its native format. When you define `body` and `rawBody`, the latest one prevails."),queryParams:e("This property sets the query parameters for the request. The object you pass here will be serialized to a query string and appended to the request URL. You can specify key and value pairs where the key is the name of a particular query parameter and the value is that parameter's value."),headers:e("You can define request header values as key and value pairs, where the key is the ID of the particular header and the value is that header's value.")},events:{beforeRequest:e("This event fires before the request is sent."),success:e("This event fires when a request results in a success."),error:e("This event fires when a request results in an error.")}}),li=t({status:"deprecated",description:"The `BarChart` component represents a bar chart.",props:{data:e("This property is used to provide the component with data to display. The data itself needs to be an array of objects."),keys:e("This property specifies what the label texts are for each bar."),groupMode:e("This property determines how the bars are layed out. The `grouped` variant lays out the bars next to each other on the primary axis. The `stacked` variant stacks the bars on top of each other."),layout:e("This property determines the orientation of the bar chart. The `vertical` variant specifies the horizontal axis as the primary and lays out the bars from left to right. The `horizontal` variant specifies the vertical axis as the primary and has the bars spread from top to bottom."),indexBy:e("Determines which attribute groups the bars together.")},themeVars:n(xt.themeVars),defaultThemeVars:{"scheme-BarChart":"pastel1","color-text-BarChart":"$color-text-secondary","color-ticks-BarChart":"$color-text-primary","color-bg-tooltip-BarChart":"$color-bg-primary","color-text-tooltip-BarChart":"$color-text-primary","color-axis-BarChart":"$color-text-primary",light:{"scheme-BarChart":"set3"},dark:{"scheme-BarChart":"dark2"}}}),si=t({status:"deprecated",description:"(**OBSOLETE**) A chart component",props:{type:e("(**OBSOLETE**)"),labels:e("(**OBSOLETE**)"),series:e("(**OBSOLETE**)"),stacked:e("(**OBSOLETE**)"),showAxisLabels:e("(**OBSOLETE**)"),tooltipEnabled:e("(**OBSOLETE**)"),showLegend:e("(**OBSOLETE**)")}}),Je="Datasource",ci=t({description:`The \`${Je}\` 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 [\`ApiAction\`](./ApiAction.mdx) component.`,props:{method:e("By default, data fetching uses the `get` operation method. You can change it by setting this property to other supported methods, such as `post`, `put`, `delete`, and others."),url:e("This property represents the URL to fetch the data."),rawBody:e("This property sets the request body to the value provided here without any conversion. Use the `body` property if you want the object sent in JSON. When you define `body` and `rawBody`, the latest one prevails."),body:e("This property sets the request body. The object you pass here will be serialized to JSON when sending the request. Use the `rawBody` property to send another request body using its native format. When you define `body` and `rawBody`, the latest one prevails."),queryParams:e("This property sets the request body. The object you pass here will be serialized to JSON when sending the request. Use the `rawBody` property to send another request body using its native format. When you define `body` and `rawBody`, the latest one prevails."),headers:e("You can define request header values as key and value pairs, where the key is the ID of the particular header and the value is that header's value."),pollIntervalInSeconds:e("By setting this property, you can define periodic data fetching. The `Datasource` component will refresh its data according to the time specified as seconds. When the data changes during the refresh, it will trigger the update mechanism of XMLUI and re-render the UI accordingly."),inProgressNotificationMessage:e("This property defines the message to display while the fetch operation progresses."),completedNotificationMessage:e("This property defines the message to display automatically when the data fetch operation has been completed."),errorNotificationMessage:e("This property defines the message to display automatically when the data fetch operation results in an error."),resultSelector:e("The response of a data-fetching query may include additional information that the UI cannot (or does not intend) to process. With this property, you can define a selector that extracts the data from the response body."),prevPageParamSelector:e(`When using \`${Je}\` with paging, the response may contain information about the previous and next page. This property defines the selector that extracts the previous page information from the response deserialized to an object.`),nextPageParamSelector:e(`When using \`${Je}\` with paging, the response may contain information about the previous and next page. This property defines the selector that extracts the next page information from the response deserialized to an object.`)},events:{loaded:e("The component triggers this event when the fetch operation has been completed and the data is loaded. The argument of the event is the data loaded."),error:e("This event fires when a request results in an error.")}}),gt="FormSection",di=t({status:"experimental",description:`The \`${gt}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${gt}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`}),ui=t({status:"experimental",description:"This component displays an icon and some content in a card.",props:{height:e("The height of the card."),iconBackgroundColor:e("The background color of the icon."),iconName:e("The name of the icon to display.")}}),hi=t({status:"experimental",description:"The `PageHeader` component is a component that displays a title and an optional pre-title. The pre-title is displayed above the title.",props:{preTitle:e("The pre-title to display above the title."),title:e("The title to display.")},defaultThemeVars:{"gap-PageHeader":"$space-2"}}),mi=t({status:"experimental",docFolder:"ThemeChanger",description:"The `ThemeChangerButton` component is a component that allows the user to change the theme of the app."}),pi=t({status:"experimental",description:"This component is a container for a toolbar.",props:{alignment:e("The alignment of the toolbar.")},defaultThemeVars:{"gap-Toolbar":"$space-2"}}),xi=t({status:"experimental",description:"This component is a button that is used in a toolbar.",props:{label:e("The label to display on the button."),icon:e("The icon to display on the button.")},defaultThemeVars:{"padding-horizontal-ToolbarButton":"$space-1","padding-vertical-ToolbarButton":"$space-1"}}),bi=t({status:"experimental",description:"This component displays a trend label.",props:{change:e("The change percentage.")}}),vi={themeVars:'"[]"'},gi=t({status:"in progress",description:"(**NOT IMPLEMENTED YET**) The `ButtonGroup` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.",props:{themeColor:e("This optional property specifies the default theme color for the buttons in the group. Individual buttons may override this setting with their `themeColor` property.",Xe,"string","primary"),variant:e("This optional property specifies the default variant for the buttons in the group. Individual buttons may override this setting with their `variant` property.",Ke,"string","solid"),orientation:Nt("horizontal"),buttonWidth:e("When this optional property is set, all buttons within the group will have the specified width. If it is empty, each button's width accommodates its content."),gap:e("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:n(vi.themeVars),defaultThemeVars:{light:{},dark:{}}}),fi={Accordion:Qr,Alert:ti,ApiAction:ni,App:Jt,AppHeader:Xt,AppState:Kt,Avatar:eo,Badge:oo,BarChart:li,Bookmark:ro,Button:Ht,ButtonGroup:gi,Card:no,ChangeListener:lo,Chart:si,Checkbox:uo,Column:Er,Combobox:ut,ContentSeparator:po,DataSource:ci,DatePicker:bo,DropdownMenu:vo,Fragment:ri,MenuItem:go,SubMenuItem:fo,EmojiSelector:yo,FileInput:wo,FileUploadDropZone:ko,FlowLayout:Bo,Footer:zo,Form:Vo,FormItem:Ao,FormSection:di,Heading:qo,H1:Eo,H2:Wo,H3:Go,H4:jo,H5:Uo,H6:Yo,HoverCard:Zo,Icon:Jo,IconInfoCard:ui,Image:Xo,Items:Ko,Link:Qo,List:tr,Logo:or,Markdown:rr,MenuSeparator:To,ModalDialog:ir,MultiCombobox:ut,MultiSelect:ar,NavGroup:lr,NavLink:sr,NavPanel:cr,NoResult:ur,NumberBox:hr,OffCanvas:pr,Option:xr,PageMetaTitle:br,Page:vr,PageHeader:hi,Pages:gr,Pdf:fr,PieChart:Tr,PositionedContainer:$r,ProgressBar:_r,Queue:kr,RadioGroup:Br,RadioGroupOption:Ir,RealTimeAdapter:Cr,Redirect:zr,Select:Mr,SelectionStore:Sr,Slot:ii,SpaceFiller:Pr,Spinner:Vr,Splitter:Hr,HSplitter:Or,VSplitter:Dr,Stack:ue,CHStack:Ft,CVStack:At,HStack:Lt,VStack:Dt,StickyBox:Ar,Switch:Fr,Table:qr,TableHeader:Wr,TableOfContents:jr,TabItem:oi,Tabs:Yr,Text:Zr,TextArea:Xr,TextBox:nt,PasswordInput:nt,Toolbar:pi,ToolbarButton:xi,TrendLabel:bi,Theme:Et,ThemeChangerButton:mi,Tree:ai};Z.collectedComponentMetadata=fi,Object.defineProperty(Z,Symbol.toStringTag,{value:"Module"})});
+(function(J,de){typeof exports=="object"&&typeof module<"u"?de(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],de):(J=typeof globalThis<"u"?globalThis:J||self,de(J["xmlui-metadata"]={},J.React))})(this,function(J,de){"use strict";const Tt={themeVars:`'{"width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "padding-vertical-xs-Button": "var(--xmlui-padding-vertical-xs-Button)", "padding-horizontal-xs-Button": "var(--xmlui-padding-horizontal-xs-Button)", "padding-vertical-sm-Button": "var(--xmlui-padding-vertical-sm-Button)", "padding-horizontal-sm-Button": "var(--xmlui-padding-horizontal-sm-Button)", "padding-vertical-md-Button": "var(--xmlui-padding-vertical-md-Button)", "padding-horizontal-md-Button": "var(--xmlui-padding-horizontal-md-Button)", "padding-vertical-lg-Button": "var(--xmlui-padding-vertical-lg-Button)", "padding-horizontal-lg-Button": "var(--xmlui-padding-horizontal-lg-Button)", "font-size-Button-primary-solid": "var(--xmlui-font-size-Button-primary-solid)", "font-weight-Button-primary-solid": "var(--xmlui-font-weight-Button-primary-solid)", "radius-Button-primary-solid": "var(--xmlui-radius-Button-primary-solid)", "thickness-border-Button-primary-solid": "var(--xmlui-thickness-border-Button-primary-solid)", "color-border-Button-primary-solid": "var(--xmlui-color-border-Button-primary-solid)", "style-border-Button-primary-solid": "var(--xmlui-style-border-Button-primary-solid)", "color-bg-Button-primary-solid": "var(--xmlui-color-bg-Button-primary-solid)", "color-text-Button-primary-solid": "var(--xmlui-color-text-Button-primary-solid)", "shadow-Button-primary-solid": "var(--xmlui-shadow-Button-primary-solid)", "thickness-outline-Button-primary-solid--focus": "var(--xmlui-thickness-outline-Button-primary-solid--focus)", "color-outline-Button-primary-solid--focus": "var(--xmlui-color-outline-Button-primary-solid--focus)", "style-outline-Button-primary-solid--focus": "var(--xmlui-style-outline-Button-primary-solid--focus)", "offset-outline-Button-primary-solid--focus": "var(--xmlui-offset-outline-Button-primary-solid--focus)", "color-border-Button-primary-solid--hover": "var(--xmlui-color-border-Button-primary-solid--hover)", "color-bg-Button-primary-solid--hover": "var(--xmlui-color-bg-Button-primary-solid--hover)", "color-text-Button-primary-solid--hover": "var(--xmlui-color-text-Button-primary-solid--hover)", "color-border-Button-primary-solid--active": "var(--xmlui-color-border-Button-primary-solid--active)", "color-bg-Button-primary-solid--active": "var(--xmlui-color-bg-Button-primary-solid--active)", "color-text-Button-primary-solid--active": "var(--xmlui-color-text-Button-primary-solid--active)", "color-bg-Button--disabled": "var(--xmlui-color-bg-Button--disabled)", "color-text-Button--disabled": "var(--xmlui-color-text-Button--disabled)", "color-border-Button--disabled": "var(--xmlui-color-border-Button--disabled)", "font-size-Button-secondary-solid": "var(--xmlui-font-size-Button-secondary-solid)", "font-weight-Button-secondary-solid": "var(--xmlui-font-weight-Button-secondary-solid)", "radius-Button-secondary-solid": "var(--xmlui-radius-Button-secondary-solid)", "thickness-border-Button-secondary-solid": "var(--xmlui-thickness-border-Button-secondary-solid)", "color-border-Button-secondary-solid": "var(--xmlui-color-border-Button-secondary-solid)", "style-border-Button-secondary-solid": "var(--xmlui-style-border-Button-secondary-solid)", "color-bg-Button-secondary-solid": "var(--xmlui-color-bg-Button-secondary-solid)", "color-text-Button-secondary-solid": "var(--xmlui-color-text-Button-secondary-solid)", "shadow-Button-secondary-solid": "var(--xmlui-shadow-Button-secondary-solid)", "thickness-outline-Button-secondary-solid--focus": "var(--xmlui-thickness-outline-Button-secondary-solid--focus)", "color-outline-Button-secondary-solid--focus": "var(--xmlui-color-outline-Button-secondary-solid--focus)", "style-outline-Button-secondary-solid--focus": "var(--xmlui-style-outline-Button-secondary-solid--focus)", "offset-outline-Button-secondary-solid--focus": "var(--xmlui-offset-outline-Button-secondary-solid--focus)", "color-border-Button-secondary-solid--hover": "var(--xmlui-color-border-Button-secondary-solid--hover)", "color-bg-Button-secondary-solid--hover": "var(--xmlui-color-bg-Button-secondary-solid--hover)", "color-text-Button-secondary-solid--hover": "var(--xmlui-color-text-Button-secondary-solid--hover)", "color-border-Button-secondary-solid--active": "var(--xmlui-color-border-Button-secondary-solid--active)", "color-bg-Button-secondary-solid--active": "var(--xmlui-color-bg-Button-secondary-solid--active)", "color-text-Button-secondary-solid--active": "var(--xmlui-color-text-Button-secondary-solid--active)", "font-size-Button-attention-solid": "var(--xmlui-font-size-Button-attention-solid)", "font-weight-Button-attention-solid": "var(--xmlui-font-weight-Button-attention-solid)", "radius-Button-attention-solid": "var(--xmlui-radius-Button-attention-solid)", "thickness-border-Button-attention-solid": "var(--xmlui-thickness-border-Button-attention-solid)", "color-border-Button-attention-solid": "var(--xmlui-color-border-Button-attention-solid)", "style-border-Button-attention-solid": "var(--xmlui-style-border-Button-attention-solid)", "color-bg-Button-attention-solid": "var(--xmlui-color-bg-Button-attention-solid)", "color-text-Button-attention-solid": "var(--xmlui-color-text-Button-attention-solid)", "shadow-Button-attention-solid": "var(--xmlui-shadow-Button-attention-solid)", "thickness-outline-Button-attention-solid--focus": "var(--xmlui-thickness-outline-Button-attention-solid--focus)", "color-outline-Button-attention-solid--focus": "var(--xmlui-color-outline-Button-attention-solid--focus)", "style-outline-Button-attention-solid--focus": "var(--xmlui-style-outline-Button-attention-solid--focus)", "offset-outline-Button-attention-solid--focus": "var(--xmlui-offset-outline-Button-attention-solid--focus)", "color-border-Button-attention-solid--hover": "var(--xmlui-color-border-Button-attention-solid--hover)", "color-bg-Button-attention-solid--hover": "var(--xmlui-color-bg-Button-attention-solid--hover)", "color-text-Button-attention-solid--hover": "var(--xmlui-color-text-Button-attention-solid--hover)", "color-border-Button-attention-solid--active": "var(--xmlui-color-border-Button-attention-solid--active)", "color-bg-Button-attention-solid--active": "var(--xmlui-color-bg-Button-attention-solid--active)", "color-text-Button-attention-solid--active": "var(--xmlui-color-text-Button-attention-solid--active)", "font-size-Button-primary-outlined": "var(--xmlui-font-size-Button-primary-outlined)", "font-weight-Button-primary-outlined": "var(--xmlui-font-weight-Button-primary-outlined)", "radius-Button-primary-outlined": "var(--xmlui-radius-Button-primary-outlined)", "thickness-border-Button-primary-outlined": "var(--xmlui-thickness-border-Button-primary-outlined)", "color-border-Button-primary-outlined": "var(--xmlui-color-border-Button-primary-outlined)", "style-border-Button-primary-outlined": "var(--xmlui-style-border-Button-primary-outlined)", "color-text-Button-primary-outlined": "var(--xmlui-color-text-Button-primary-outlined)", "shadow-Button-primary-outlined": "var(--xmlui-shadow-Button-primary-outlined)", "thickness-outline-Button-primary-outlined--focus": "var(--xmlui-thickness-outline-Button-primary-outlined--focus)", "color-outline-Button-primary-outlined--focus": "var(--xmlui-color-outline-Button-primary-outlined--focus)", "style-outline-Button-primary-outlined--focus": "var(--xmlui-style-outline-Button-primary-outlined--focus)", "offset-outline-Button-primary-outlined--focus": "var(--xmlui-offset-outline-Button-primary-outlined--focus)", "color-border-Button-primary-outlined--hover": "var(--xmlui-color-border-Button-primary-outlined--hover)", "color-bg-Button-primary-outlined--hover": "var(--xmlui-color-bg-Button-primary-outlined--hover)", "color-text-Button-primary-outlined--hover": "var(--xmlui-color-text-Button-primary-outlined--hover)", "color-border-Button-primary-outlined--active": "var(--xmlui-color-border-Button-primary-outlined--active)", "color-bg-Button-primary-outlined--active": "var(--xmlui-color-bg-Button-primary-outlined--active)", "color-text-Button-primary-outlined--active": "var(--xmlui-color-text-Button-primary-outlined--active)", "font-size-Button-secondary-outlined": "var(--xmlui-font-size-Button-secondary-outlined)", "font-weight-Button-secondary-outlined": "var(--xmlui-font-weight-Button-secondary-outlined)", "radius-Button-secondary-outlined": "var(--xmlui-radius-Button-secondary-outlined)", "thickness-border-Button-secondary-outlined": "var(--xmlui-thickness-border-Button-secondary-outlined)", "color-border-Button-secondary-outlined": "var(--xmlui-color-border-Button-secondary-outlined)", "style-border-Button-secondary-outlined": "var(--xmlui-style-border-Button-secondary-outlined)", "color-text-Button-secondary-outlined": "var(--xmlui-color-text-Button-secondary-outlined)", "shadow-Button-secondary-outlined": "var(--xmlui-shadow-Button-secondary-outlined)", "thickness-outline-Button-secondary-outlined--focus": "var(--xmlui-thickness-outline-Button-secondary-outlined--focus)", "color-outline-Button-secondary-outlined--focus": "var(--xmlui-color-outline-Button-secondary-outlined--focus)", "style-outline-Button-secondary-outlined--focus": "var(--xmlui-style-outline-Button-secondary-outlined--focus)", "offset-outline-Button-secondary-outlined--focus": "var(--xmlui-offset-outline-Button-secondary-outlined--focus)", "color-border-Button-secondary-outlined--hover": "var(--xmlui-color-border-Button-secondary-outlined--hover)", "color-bg-Button-secondary-outlined--hover": "var(--xmlui-color-bg-Button-secondary-outlined--hover)", "color-text-Button-secondary-outlined--hover": "var(--xmlui-color-text-Button-secondary-outlined--hover)", "color-border-Button-secondary-outlined--active": "var(--xmlui-color-border-Button-secondary-outlined--active)", "color-bg-Button-secondary-outlined--active": "var(--xmlui-color-bg-Button-secondary-outlined--active)", "color-text-Button-secondary-outlined--active": "var(--xmlui-color-text-Button-secondary-outlined--active)", "font-size-Button-attention-outlined": "var(--xmlui-font-size-Button-attention-outlined)", "font-weight-Button-attention-outlined": "var(--xmlui-font-weight-Button-attention-outlined)", "radius-Button-attention-outlined": "var(--xmlui-radius-Button-attention-outlined)", "thickness-border-Button-attention-outlined": "var(--xmlui-thickness-border-Button-attention-outlined)", "color-border-Button-attention-outlined": "var(--xmlui-color-border-Button-attention-outlined)", "style-border-Button-attention-outlined": "var(--xmlui-style-border-Button-attention-outlined)", "color-text-Button-attention-outlined": "var(--xmlui-color-text-Button-attention-outlined)", "shadow-Button-attention-outlined": "var(--xmlui-shadow-Button-attention-outlined)", "thickness-outline-Button-attention-outlined--focus": "var(--xmlui-thickness-outline-Button-attention-outlined--focus)", "color-outline-Button-attention-outlined--focus": "var(--xmlui-color-outline-Button-attention-outlined--focus)", "style-outline-Button-attention-outlined--focus": "var(--xmlui-style-outline-Button-attention-outlined--focus)", "offset-outline-Button-attention-outlined--focus": "var(--xmlui-offset-outline-Button-attention-outlined--focus)", "color-border-Button-attention-outlined--hover": "var(--xmlui-color-border-Button-attention-outlined--hover)", "color-bg-Button-attention-outlined--hover": "var(--xmlui-color-bg-Button-attention-outlined--hover)", "color-text-Button-attention-outlined--hover": "var(--xmlui-color-text-Button-attention-outlined--hover)", "color-border-Button-attention-outlined--active": "var(--xmlui-color-border-Button-attention-outlined--active)", "color-bg-Button-attention-outlined--active": "var(--xmlui-color-bg-Button-attention-outlined--active)", "color-text-Button-attention-outlined--active": "var(--xmlui-color-text-Button-attention-outlined--active)", "font-size-Button-primary-ghost": "var(--xmlui-font-size-Button-primary-ghost)", "font-weight-Button-primary-ghost": "var(--xmlui-font-weight-Button-primary-ghost)", "radius-Button-primary-ghost": "var(--xmlui-radius-Button-primary-ghost)", "thickness-border-Button-primary-ghost": "var(--xmlui-thickness-border-Button-primary-ghost)", "color-text-Button-primary-ghost": "var(--xmlui-color-text-Button-primary-ghost)", "thickness-outline-Button-primary-ghost--focus": "var(--xmlui-thickness-outline-Button-primary-ghost--focus)", "color-outline-Button-primary-ghost--focus": "var(--xmlui-color-outline-Button-primary-ghost--focus)", "style-outline-Button-primary-ghost--focus": "var(--xmlui-style-outline-Button-primary-ghost--focus)", "offset-outline-Button-primary-ghost--focus": "var(--xmlui-offset-outline-Button-primary-ghost--focus)", "color-bg-Button-primary-ghost--hover": "var(--xmlui-color-bg-Button-primary-ghost--hover)", "color-text-Button-primary-ghost--hover": "var(--xmlui-color-text-Button-primary-ghost--hover)", "color-bg-Button-primary-ghost--active": "var(--xmlui-color-bg-Button-primary-ghost--active)", "color-text-Button-primary-ghost--active": "var(--xmlui-color-text-Button-primary-ghost--active)", "font-size-Button-secondary-ghost": "var(--xmlui-font-size-Button-secondary-ghost)", "font-weight-Button-secondary-ghost": "var(--xmlui-font-weight-Button-secondary-ghost)", "radius-Button-secondary-ghost": "var(--xmlui-radius-Button-secondary-ghost)", "thickness-border-Button-secondary-ghost": "var(--xmlui-thickness-border-Button-secondary-ghost)", "color-text-Button-secondary-ghost": "var(--xmlui-color-text-Button-secondary-ghost)", "thickness-outline-Button-secondary-ghost--focus": "var(--xmlui-thickness-outline-Button-secondary-ghost--focus)", "color-outline-Button-secondary-ghost--focus": "var(--xmlui-color-outline-Button-secondary-ghost--focus)", "style-outline-Button-secondary-ghost--focus": "var(--xmlui-style-outline-Button-secondary-ghost--focus)", "offset-outline-Button-secondary-ghost--focus": "var(--xmlui-offset-outline-Button-secondary-ghost--focus)", "color-bg-Button-secondary-ghost--hover": "var(--xmlui-color-bg-Button-secondary-ghost--hover)", "color-text-Button-secondary-ghost--hover": "var(--xmlui-color-text-Button-secondary-ghost--hover)", "color-bg-Button-secondary-ghost--active": "var(--xmlui-color-bg-Button-secondary-ghost--active)", "color-text-Button-secondary-ghost--active": "var(--xmlui-color-text-Button-secondary-ghost--active)", "font-size-Button-attention-ghost": "var(--xmlui-font-size-Button-attention-ghost)", "font-weight-Button-attention-ghost": "var(--xmlui-font-weight-Button-attention-ghost)", "radius-Button-attention-ghost": "var(--xmlui-radius-Button-attention-ghost)", "thickness-border-Button-attention-ghost": "var(--xmlui-thickness-border-Button-attention-ghost)", "color-text-Button-attention-ghost": "var(--xmlui-color-text-Button-attention-ghost)", "thickness-outline-Button-attention-ghost--focus": "var(--xmlui-thickness-outline-Button-attention-ghost--focus)", "color-outline-Button-attention-ghost--focus": "var(--xmlui-color-outline-Button-attention-ghost--focus)", "style-outline-Button-attention-ghost--focus": "var(--xmlui-style-outline-Button-attention-ghost--focus)", "offset-outline-Button-attention-ghost--focus": "var(--xmlui-offset-outline-Button-attention-ghost--focus)", "color-bg-Button-attention-ghost--hover": "var(--xmlui-color-bg-Button-attention-ghost--hover)", "color-text-Button-attention-ghost--hover": "var(--xmlui-color-text-Button-attention-ghost--hover)", "color-bg-Button-attention-ghost--active": "var(--xmlui-color-bg-Button-attention-ghost--active)", "color-text-Button-attention-ghost--active": "var(--xmlui-color-text-Button-attention-ghost--active)"}'`,button:"_button_13u9a_13",alignStart:"_alignStart_13u9a_28",alignEnd:"_alignEnd_13u9a_31",buttonHorizontal:"_buttonHorizontal_13u9a_37",xs:"_xs_13u9a_40",sm:"_sm_13u9a_43",md:"_md_13u9a_46",lg:"_lg_13u9a_49",buttonVertical:"_buttonVertical_13u9a_52",solidPrimary:"_solidPrimary_13u9a_70",solidSecondary:"_solidSecondary_13u9a_103",solidAttention:"_solidAttention_13u9a_136",outlinedPrimary:"_outlinedPrimary_13u9a_169",outlinedSecondary:"_outlinedSecondary_13u9a_201",outlinedAttention:"_outlinedAttention_13u9a_233",ghostPrimary:"_ghostPrimary_13u9a_265",ghostSecondary:"_ghostSecondary_13u9a_293",ghostAttention:"_ghostAttention_13u9a_321"};function t({description:i,shortDescription:o,specializedFrom:O,status:oe,props:ce,events:De,contextVars:Le,apis:Ae,nonVisual:Fe,opaque:W,themeVars:w,defaultThemeVars:_i,toneSpecificThemeVars:ki,allowArbitraryProps:Ii,docFolder:Bi}){return{description:i,shortDescription:o,specializedFrom:O,status:oe,props:ce,events:De,contextVars:Le,apis:Ae,nonVisual:Fe,opaque:W,themeVars:w,defaultThemeVars:_i,toneSpecificThemeVars:ki,allowArbitraryProps:Ii,docFolder:Bi}}function e(i,o,O,oe,ce){return{description:i,availableValues:o,valueType:O,defaultValue:oe,isValid:ce}}const Re=[{value:"xs",description:"Extra small button"},{value:"sm",description:"Small button"},{value:"md",description:"Medium button"},{value:"lg",description:"Large button"}],yt=[...["attention","primary","secondary"]],Xe=[{value:"attention",description:"Attention state theme color"},{value:"primary",description:"Primary theme color"},{value:"secondary",description:"Secondary theme color"}],$t=[{value:"button",description:"Regular behavior that only executes logic if explicitly determined."},{value:"submit",description:"The button submits the form data to the server. This is the default for buttons in a Form or NativeForm component."},{value:"reset",description:"Resets all the controls to their initial values. Using it is ill advised for UX reasons."}],wt=[...["solid","outlined","ghost"]],Ke=[{value:"solid",description:"A button with a border and a filled background."},{value:"outlined",description:"The button is displayed with a border and a transparent background."},{value:"ghost",description:"A button with no border and fill. Only the label is visible; the background is colored when hovered or clicked."}],_t=[{value:"center",description:"Place the content in the middle"},{value:"start",description:"Justify the content to the left (to the right if in right-to-left)"},{value:"end",description:"Justify the content to the right (to the left if in right-to-left)"}],et=[{value:"horizontal",description:"The component will fill the available space horizontally"},{value:"vertical",description:"The component will fill the available space vertically"}],tt=[...["left","right","start","end"]],ot=[{value:"left",description:"The icon will appear on the left side"},{value:"right",description:"The icon will appear on the right side"},{value:"start",description:"The icon will appear at the start (left side when the left-to-right direction is set)"},{value:"end",description:"The icon will appear at the end (right side when the left-to-right direction is set)"}],kt=[{value:"primary",description:"Primary theme color, no default icon"},{value:"secondary",description:"Secondary theme color, no default icon"},{value:"success",description:'Success theme color, "success" icon'},{value:"danger",description:'Warning theme color, "warning" icon'},{value:"warning",description:'Danger theme color, "danger" icon'},{value:"info",description:'Info theme color, "info" icon'},{value:"light",description:"Light theme color, no default icon"},{value:"dark",description:"Dark theme color, no default icon"}],It=[{value:"start",description:"The left side of the window (left-to-right) or the right side of the window (right-to-left)"},{value:"end",description:"The right side of the window (left-to-right) or the left side of the window (right-to-left)"},{value:"top",description:"The top of the window"},{value:"bottom",description:"The bottom of the window"}],Bt=[...["start","end"]],Ct=[{value:"valid",description:"Visual indicator for an input that is accepted"},{value:"warning",description:"Visual indicator for an input that produced a warning"},{value:"error",description:"Visual indicator for an input that produced an error"}],zt={themeVars:`'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`,base:"_base_13qtg_13"},rt={keyPrefix:"xmlui",themeVars:'"[]"'};function n(i){if(!i||typeof i!="string")return i;let o=i.replace(/(^['"])|(['"]$)/g,"");try{return JSON.parse(o)}catch{try{return JSON.parse(i.replace("(","{").replace(")","}").replace(/: ?([^,}]+)([,}])/g,': "$1"$2').replace(/([\s{,])(?!")([^:\s]+)+:/g,'$1"$2":'))}catch{return o}}}n(rt.keyPrefix),n(rt.themeVars);function G(i){return{description:`This event is triggered when the ${i} is clicked.`}}function k(i){return{description:`This event is triggered when the ${i} has received the focus.`}}function I(i){return{description:`This event is triggered when the ${i} has lost the focus.`}}function T(i){return{description:`This event is triggered when value of ${i} has changed.`}}function it(){return{description:"The `true` value of this property signals that the component is in an _intedeterminate state_."}}function D(){return{description:"You can specify the identifier of a component acting as its label. When you click the label, the component behaves as you clicked it."}}function M(){return{description:"This property sets the label of the component."}}function qe(i){return{description:"Places the label at the given position of the component.",availableValues:["top","right","bottom","left"],defaultValue:i}}function y(){return{description:"This property sets the label of the component.",valueType:"boolean",defaultValue:!1}}function B(i){return{description:"This property sets the component's initial value.",defaultValue:i}}function S(){return{description:"Set this property to `true` to disallow changing the component value."}}function f(){return{description:"This boolean property value indicates whether the component responds to user events (`true`) or not (`false`).",valueType:"boolean",defaultValue:!0}}function P(){return{description:"This property allows you to set the validation status of the input component.",availableValues:Ct}}function at(){return{description:"You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."}}function re(){return{description:"You can use this method to set the component's current value programmatically (`true`: checked, `false`: unchecked)."}}function m(i){return{description:i,valueType:"ComponentDef"}}function j(){return{description:"A placeholder text that is visible in the input field when its empty."}}function ie(){return{description:"This property sets the maximum length of the input it accepts."}}function L(){return{description:"Set this property to `true` to indicate it must have a value before submitting the containing form."}}function ge(){return{description:"This property sets a text to appear at the start (left side when the left-to-right direction is set) of the input."}}function fe(){return{description:"This property sets an icon to appear at the start (left side when the left-to-right direction is set) of the input."}}function Te(){return{description:"This property sets a text to appear on the end (right side when the left-to-right direction is set) of the input."}}function ye(){return{description:"This property sets an icon to appear on the end (right side when the left-to-right direction is set) of the input."}}function Mt(i){return{description:`This property indicates if the ${i} is expanded (\`true\`) or collapsed (\`false\`).`}}function St(i){return{description:`This method expands the ${i}.`}}function Pt(i){return{description:`This method collapses the ${i}.`}}function Q(i){return{description:`This method sets the focus on the ${i}.`}}function Vt(i){return{description:`This event is triggered when the ${i} has been displayed. The event handler has a single boolean argument set to \`true\`, indicating that the user opened the component.`}}function Nt(i){return{description:`This event is triggered when the ${i} has been closed. The event handler has a single boolean argument set to \`true\`, indicating that the user closed the component.`}}function nt(i){return{description:`This property allows you to define a custom trigger instead of the default one provided by \`${i}\`.`,valueType:"ComponentDef"}}function Ht(i){return{description:"This property sets the main axis along which the nested components are rendered.",availableValues:et,valueType:"string",defaultValue:i}}const r="Button",Ot=t({description:"Button is an interactive element that triggers an action when clicked.",status:"stable",props:{autoFocus:e("Indicates if the button should receive focus when the page loads.",null,"boolean",!1),variant:e("The button variant determines the level of emphasis the button should possess.",Ke,"string","solid"),themeColor:e("Sets the button color scheme defined in the application theme.",Xe,"string","primary"),size:e("The size of the button.",Re,"string","sm"),label:e(`This property is an optional string to set a label for the ${r}. If no label is specified and an icon is set, the ${r} will modify its styling to look like a small icon button. When the ${r} has nested children, it will display them and ignore the value of the \`label\` prop.`),type:e(`This optional string describes how the ${r} appears in an HTML context. You rarely need to set this property explicitly.`,$t,"string","button"),enabled:e("The value of this property indicates whether the button accepts actions (`true`) or does not react to them (`false`).",null,null,!0),icon:e(`This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${r} displays only that icon.`),iconPosition:e(`This optional string determines the location of the icon in the ${r}.`,ot,"string","left"),contentPosition:e(`This optional value determines how the label and icon (or nested children) should be placedinside the ${r} component.`,_t,"string","center")},events:{click:G(r),gotFocus:k(r),lostFocus:I(r)},themeVars:n(Tt.themeVars),defaultThemeVars:{[`width-${r}`]:"fit-content",[`height-${r}`]:"fit-content",[`radius-${r}`]:"$radius",[`font-size-${r}`]:"$font-size-small",[`font-weight-${r}`]:"$font-weight-medium",[`color-bg-${r}-primary`]:"$color-primary-500",[`color-bg-${r}-attention`]:"$color-bg-attention",[`color-border-${r}-attention`]:"$color-attention",[`color-bg-${r}--disabled`]:"$color-bg--disabled",[`color-border-${r}--disabled`]:"$color-border--disabled",[`style-border-${r}`]:"solid",[`color-text-${r}--disabled`]:"$color-text--disabled",[`color-outline-${r}--focus`]:"$color-outline--focus",[`thickness-border-${r}`]:"1px",[`thickness-outline-${r}--focus`]:"$thickness-outline--focus",[`style-outline-${r}--focus`]:"$style-outline--focus",[`offset-outline-${r}--focus`]:"$offset-outline--focus",[`padding-horizontal-xs-${r}`]:"$space-1",[`padding-vertical-xs-${r}`]:"$space-0_5",[`padding-horizontal-sm-${r}`]:"$space-4",[`padding-vertical-sm-${r}`]:"$space-2",[`padding-horizontal-md-${r}`]:"$space-4",[`padding-vertical-md-${r}`]:"$space-3",[`padding-horizontal-lg-${r}`]:"$space-5",[`padding-vertical-lg-${r}`]:"$space-4",light:{[`color-text-${r}`]:"$color-surface-950",[`color-text-${r}-solid`]:"$color-surface-50",[`color-border-${r}-primary`]:"$color-primary-500",[`color-bg-${r}-primary--hover`]:"$color-primary-400",[`color-bg-${r}-primary--active`]:"$color-primary-500",[`color-bg-${r}-primary-outlined--hover`]:"$color-primary-50",[`color-bg-${r}-primary-outlined--active`]:"$color-primary-100",[`color-border-${r}-primary-outlined`]:"$color-primary-600",[`color-border-${r}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${r}-primary-outlined`]:"$color-primary-900",[`color-text-${r}-primary-outlined--hover`]:"$color-primary-950",[`color-text-${r}-primary-outlined--active`]:"$color-primary-900",[`color-bg-${r}-primary-ghost--hover`]:"$color-primary-50",[`color-bg-${r}-primary-ghost--active`]:"$color-primary-100",[`color-border-${r}-secondary`]:"$color-secondary-100",[`color-bg-${r}-secondary`]:"$color-secondary-500",[`color-bg-${r}-secondary--hover`]:"$color-secondary-400",[`color-bg-${r}-secondary--active`]:"$color-secondary-500",[`color-bg-${r}-secondary-outlined--hover`]:"$color-secondary-50",[`color-bg-${r}-secondary-outlined--active`]:"$color-secondary-100",[`color-bg-${r}-secondary-ghost--hover`]:"$color-secondary-100",[`color-bg-${r}-secondary-ghost--active`]:"$color-secondary-100",[`color-bg-${r}-attention--hover`]:"$color-danger-400",[`color-bg-${r}-attention--active`]:"$color-danger-500",[`color-bg-${r}-attention-outlined--hover`]:"$color-danger-50",[`color-bg-${r}-attention-outlined--active`]:"$color-danger-100",[`color-bg-${r}-attention-ghost--hover`]:"$color-danger-50",[`color-bg-${r}-attention-ghost--active`]:"$color-danger-100"},dark:{[`color-text-${r}`]:"$color-surface-50",[`color-text-${r}-solid`]:"$color-surface-50",[`color-border-${r}-primary`]:"$color-primary-500",[`color-bg-${r}-primary--hover`]:"$color-primary-600",[`color-bg-${r}-primary--active`]:"$color-primary-500",[`color-bg-${r}-primary-outlined--hover`]:"$color-primary-900",[`color-bg-${r}-primary-outlined--active`]:"$color-primary-950",[`color-border-${r}-primary-outlined`]:"$color-primary-600",[`color-border-${r}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${r}-primary-outlined`]:"$color-primary-100",[`color-text-${r}-primary-outlined--hover`]:"$color-primary-50",[`color-text-${r}-primary-outlined--active`]:"$color-primary-100",[`color-bg-${r}-primary-ghost--hover`]:"$color-primary-900",[`color-bg-${r}-primary-ghost--active`]:"$color-primary-950",[`color-border-${r}-secondary`]:"$color-secondary-500",[`color-bg-${r}-secondary`]:"$color-secondary-500",[`color-bg-${r}-secondary--hover`]:"$color-secondary-400",[`color-bg-${r}-secondary--active`]:"$color-secondary-500",[`color-bg-${r}-secondary-outlined--hover`]:"$color-secondary-600",[`color-bg-${r}-secondary-outlined--active`]:"$color-secondary-500",[`color-bg-${r}-secondary-ghost--hover`]:"$color-secondary-900",[`color-bg-${r}-secondary-ghost--active`]:"$color-secondary-950",[`color-bg-${r}-attention--hover`]:"$color-danger-400",[`color-bg-${r}-attention--active`]:"$color-danger-500",[`color-bg-${r}-attention-outlined--hover`]:"$color-danger-900",[`color-bg-${r}-attention-outlined--active`]:"$color-danger-950",[`color-bg-${r}-attention-ghost--hover`]:"$color-danger-900",[`color-bg-${r}-attention-ghost--active`]:"$color-danger-950"}}}),Dt={themeVars:'"[]"',base:"_base_gzmhm_13",hoverContainer:"_hoverContainer_gzmhm_22",handlesClick:"_handlesClick_gzmhm_32",vertical:"_vertical_gzmhm_36",reverse:"_reverse_gzmhm_40",horizontal:"_horizontal_gzmhm_44",justifyItemsStart:"_justifyItemsStart_gzmhm_52",justifyItemsCenter:"_justifyItemsCenter_gzmhm_56",justifyItemsStretch:"_justifyItemsStretch_gzmhm_60",justifyItemsEnd:"_justifyItemsEnd_gzmhm_64",alignItemsStart:"_alignItemsStart_gzmhm_69",alignItemsCenter:"_alignItemsCenter_gzmhm_73",alignItemsStretch:"_alignItemsStretch_gzmhm_77",alignItemsEnd:"_alignItemsEnd_gzmhm_81"},ue="Stack",Ee=e("Manages the horizontal content alignment for each child element in the Stack."),We=e("Manages the vertical content alignment for each child element in the Stack."),$e=t({description:"`Stack` is a layout container displaying children in a horizontal or vertical stack.",props:{gap:e("Optional size value indicating the gap between child elements."),reverse:e("Optional boolean property to reverse the order of child elements."),wrapContent:e("Optional boolean which wraps the content if set to true and the available space is not big enough. Works in all orientations."),hoverContainer:e("Reserved for future use"),visibleOnHover:e("Reserved for future use")},events:{click:G(ue),mounted:e("Reserved for future use")},themeVars:n(Dt.themeVars)}),he={...$e,props:{...$e.props,orientation:e("An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column)."),horizontalAlignment:Ee,verticalAlignment:We}},Lt={...he,specializedFrom:ue,description:"This component represents a stack rendering its contents vertically.",props:{...$e.props,horizontalAlignment:Ee,verticalAlignment:We}},At={...he,specializedFrom:ue,description:"This component represents a stack rendering its contents horizontally.",props:{...$e.props,horizontalAlignment:Ee,verticalAlignment:We}},Ft={...he,specializedFrom:ue,description:"This component represents a stack that renders its contents vertically and aligns that in the center along both axes."},Rt={...he,specializedFrom:ue,description:"This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."},qt={themeVars:`'{"Input:radius-TextBox-default": "var(--xmlui-radius-TextBox-default)", "Input:color-border-TextBox-default": "var(--xmlui-color-border-TextBox-default)", "Input:thickness-border-TextBox-default": "var(--xmlui-thickness-border-TextBox-default)", "Input:style-border-TextBox-default": "var(--xmlui-style-border-TextBox-default)", "Input:font-size-TextBox-default": "var(--xmlui-font-size-TextBox-default)", "Input:color-bg-TextBox-default": "var(--xmlui-color-bg-TextBox-default)", "Input:shadow-TextBox-default": "var(--xmlui-shadow-TextBox-default)", "Input:color-text-TextBox-default": "var(--xmlui-color-text-TextBox-default)", "Input:color-border-TextBox-default--hover": "var(--xmlui-color-border-TextBox-default--hover)", "Input:color-bg-TextBox-default--hover": "var(--xmlui-color-bg-TextBox-default--hover)", "Input:shadow-TextBox-default--hover": "var(--xmlui-shadow-TextBox-default--hover)", "Input:color-text-TextBox-default--hover": "var(--xmlui-color-text-TextBox-default--hover)", "Input:color-border-TextBox-default--focus": "var(--xmlui-color-border-TextBox-default--focus)", "Input:color-bg-TextBox-default--focus": "var(--xmlui-color-bg-TextBox-default--focus)", "Input:shadow-TextBox-default--focus": "var(--xmlui-shadow-TextBox-default--focus)", "Input:color-text-TextBox-default--focus": "var(--xmlui-color-text-TextBox-default--focus)", "Input:thickness-outline-TextBox-default--focus": "var(--xmlui-thickness-outline-TextBox-default--focus)", "Input:color-outline-TextBox-default--focus": "var(--xmlui-color-outline-TextBox-default--focus)", "Input:style-outline-TextBox-default--focus": "var(--xmlui-style-outline-TextBox-default--focus)", "Input:offset-outline-TextBox-default--focus": "var(--xmlui-offset-outline-TextBox-default--focus)", "Input:color-placeholder-TextBox-default": "var(--xmlui-color-placeholder-TextBox-default)", "Input:color-adornment-TextBox-default": "var(--xmlui-color-adornment-TextBox-default)", "Input:radius-TextBox-error": "var(--xmlui-radius-TextBox-error)", "Input:color-border-TextBox-error": "var(--xmlui-color-border-TextBox-error)", "Input:thickness-border-TextBox-error": "var(--xmlui-thickness-border-TextBox-error)", "Input:style-border-TextBox-error": "var(--xmlui-style-border-TextBox-error)", "Input:font-size-TextBox-error": "var(--xmlui-font-size-TextBox-error)", "Input:color-bg-TextBox-error": "var(--xmlui-color-bg-TextBox-error)", "Input:shadow-TextBox-error": "var(--xmlui-shadow-TextBox-error)", "Input:color-text-TextBox-error": "var(--xmlui-color-text-TextBox-error)", "Input:color-border-TextBox-error--hover": "var(--xmlui-color-border-TextBox-error--hover)", "Input:color-bg-TextBox-error--hover": "var(--xmlui-color-bg-TextBox-error--hover)", "Input:shadow-TextBox-error--hover": "var(--xmlui-shadow-TextBox-error--hover)", "Input:color-text-TextBox-error--hover": "var(--xmlui-color-text-TextBox-error--hover)", "Input:color-border-TextBox-error--focus": "var(--xmlui-color-border-TextBox-error--focus)", "Input:color-bg-TextBox-error--focus": "var(--xmlui-color-bg-TextBox-error--focus)", "Input:shadow-TextBox-error--focus": "var(--xmlui-shadow-TextBox-error--focus)", "Input:color-text-TextBox-error--focus": "var(--xmlui-color-text-TextBox-error--focus)", "Input:thickness-outline-TextBox-error--focus": "var(--xmlui-thickness-outline-TextBox-error--focus)", "Input:color-outline-TextBox-error--focus": "var(--xmlui-color-outline-TextBox-error--focus)", "Input:style-outline-TextBox-error--focus": "var(--xmlui-style-outline-TextBox-error--focus)", "Input:offset-outline-TextBox-error--focus": "var(--xmlui-offset-outline-TextBox-error--focus)", "Input:color-placeholder-TextBox-error": "var(--xmlui-color-placeholder-TextBox-error)", "Input:color-adornment-TextBox-error": "var(--xmlui-color-adornment-TextBox-error)", "Input:radius-TextBox-warning": "var(--xmlui-radius-TextBox-warning)", "Input:color-border-TextBox-warning": "var(--xmlui-color-border-TextBox-warning)", "Input:thickness-border-TextBox-warning": "var(--xmlui-thickness-border-TextBox-warning)", "Input:style-border-TextBox-warning": "var(--xmlui-style-border-TextBox-warning)", "Input:font-size-TextBox-warning": "var(--xmlui-font-size-TextBox-warning)", "Input:color-bg-TextBox-warning": "var(--xmlui-color-bg-TextBox-warning)", "Input:shadow-TextBox-warning": "var(--xmlui-shadow-TextBox-warning)", "Input:color-text-TextBox-warning": "var(--xmlui-color-text-TextBox-warning)", "Input:color-border-TextBox-warning--hover": "var(--xmlui-color-border-TextBox-warning--hover)", "Input:color-bg-TextBox-warning--hover": "var(--xmlui-color-bg-TextBox-warning--hover)", "Input:shadow-TextBox-warning--hover": "var(--xmlui-shadow-TextBox-warning--hover)", "Input:color-text-TextBox-warning--hover": "var(--xmlui-color-text-TextBox-warning--hover)", "Input:color-border-TextBox-warning--focus": "var(--xmlui-color-border-TextBox-warning--focus)", "Input:color-bg-TextBox-warning--focus": "var(--xmlui-color-bg-TextBox-warning--focus)", "Input:shadow-TextBox-warning--focus": "var(--xmlui-shadow-TextBox-warning--focus)", "Input:color-text-TextBox-warning--focus": "var(--xmlui-color-text-TextBox-warning--focus)", "Input:thickness-outline-TextBox-warning--focus": "var(--xmlui-thickness-outline-TextBox-warning--focus)", "Input:color-outline-TextBox-warning--focus": "var(--xmlui-color-outline-TextBox-warning--focus)", "Input:style-outline-TextBox-warning--focus": "var(--xmlui-style-outline-TextBox-warning--focus)", "Input:offset-outline-TextBox-warning--focus": "var(--xmlui-offset-outline-TextBox-warning--focus)", "Input:color-placeholder-TextBox-warning": "var(--xmlui-color-placeholder-TextBox-warning)", "Input:color-adornment-TextBox-warning": "var(--xmlui-color-adornment-TextBox-warning)", "Input:radius-TextBox-success": "var(--xmlui-radius-TextBox-success)", "Input:color-border-TextBox-success": "var(--xmlui-color-border-TextBox-success)", "Input:thickness-border-TextBox-success": "var(--xmlui-thickness-border-TextBox-success)", "Input:style-border-TextBox-success": "var(--xmlui-style-border-TextBox-success)", "Input:font-size-TextBox-success": "var(--xmlui-font-size-TextBox-success)", "Input:color-bg-TextBox-success": "var(--xmlui-color-bg-TextBox-success)", "Input:shadow-TextBox-success": "var(--xmlui-shadow-TextBox-success)", "Input:color-text-TextBox-success": "var(--xmlui-color-text-TextBox-success)", "Input:color-border-TextBox-success--hover": "var(--xmlui-color-border-TextBox-success--hover)", "Input:color-bg-TextBox-success--hover": "var(--xmlui-color-bg-TextBox-success--hover)", "Input:shadow-TextBox-success--hover": "var(--xmlui-shadow-TextBox-success--hover)", "Input:color-text-TextBox-success--hover": "var(--xmlui-color-text-TextBox-success--hover)", "Input:color-border-TextBox-success--focus": "var(--xmlui-color-border-TextBox-success--focus)", "Input:color-bg-TextBox-success--focus": "var(--xmlui-color-bg-TextBox-success--focus)", "Input:shadow-TextBox-success--focus": "var(--xmlui-shadow-TextBox-success--focus)", "Input:color-text-TextBox-success--focus": "var(--xmlui-color-text-TextBox-success--focus)", "Input:thickness-outline-TextBox-success--focus": "var(--xmlui-thickness-outline-TextBox-success--focus)", "Input:color-outline-TextBox-success--focus": "var(--xmlui-color-outline-TextBox-success--focus)", "Input:style-outline-TextBox-success--focus": "var(--xmlui-style-outline-TextBox-success--focus)", "Input:offset-outline-TextBox-success--focus": "var(--xmlui-offset-outline-TextBox-success--focus)", "Input:color-placeholder-TextBox-success": "var(--xmlui-color-placeholder-TextBox-success)", "Input:color-adornment-TextBox-success": "var(--xmlui-color-adornment-TextBox-success)", "Input:color-bg-TextBox--disabled": "var(--xmlui-color-bg-TextBox--disabled)", "Input:color-text-TextBox--disabled": "var(--xmlui-color-text-TextBox--disabled)", "Input:color-border-TextBox--disabled": "var(--xmlui-color-border-TextBox--disabled)"}'`,inputRoot:"_inputRoot_1watn_13",input:"_input_1watn_13",adornment:"_adornment_1watn_53",error:"_error_1watn_56",warning:"_warning_1watn_90",valid:"_valid_1watn_124",readOnly:"_readOnly_1watn_175"},Et={themeVars:`'{"font-family-Text": "var(--xmlui-font-family-Text)", "color-Text": "var(--xmlui-color-Text)", "font-weight-Text": "var(--xmlui-font-weight-Text)", "font-size-Text": "var(--xmlui-font-size-Text)", "font-family-Text-abbr": "var(--xmlui-font-family-Text-abbr)", "font-size-Text-abbr": "var(--xmlui-font-size-Text-abbr)", "font-weight-Text-abbr": "var(--xmlui-font-weight-Text-abbr)", "font-style-Text-abbr": "var(--xmlui-font-style-Text-abbr)", "font-stretch-Text-abbr": "var(--xmlui-font-stretch-Text-abbr)", "line-decoration-Text-abbr": "var(--xmlui-line-decoration-Text-abbr)", "color-decoration-Text-abbr": "var(--xmlui-color-decoration-Text-abbr)", "style-decoration-Text-abbr": "var(--xmlui-style-decoration-Text-abbr)", "thickness-decoration-Text-abbr": "var(--xmlui-thickness-decoration-Text-abbr)", "offset-decoration-Text-abbr": "var(--xmlui-offset-decoration-Text-abbr)", "line-height-Text-abbr": "var(--xmlui-line-height-Text-abbr)", "color-Text-abbr": "var(--xmlui-color-Text-abbr)", "color-bg-Text-abbr": "var(--xmlui-color-bg-Text-abbr)", "border-radius-Text-abbr": "var(--xmlui-border-radius-Text-abbr)", "color-border-Text-abbr": "var(--xmlui-color-border-Text-abbr)", "thickness-border-Text-abbr": "var(--xmlui-thickness-border-Text-abbr)", "style-border-Text-abbr": "var(--xmlui-style-border-Text-abbr)", "margin-top-Text-abbr": "var(--xmlui-margin-top-Text-abbr)", "margin-bottom-Text-abbr": "var(--xmlui-margin-bottom-Text-abbr)", "padding-horizontal-Text-abbr": "var(--xmlui-padding-horizontal-Text-abbr)", "padding-vertical-Text-abbr": "var(--xmlui-padding-vertical-Text-abbr)", "transform-Text-abbr": "var(--xmlui-transform-Text-abbr)", "align-vertical-Text-abbr": "var(--xmlui-align-vertical-Text-abbr)", "letter-spacing-Text-abbr": "var(--xmlui-letter-spacing-Text-abbr)", "font-family-Text-cite": "var(--xmlui-font-family-Text-cite)", "font-size-Text-cite": "var(--xmlui-font-size-Text-cite)", "font-weight-Text-cite": "var(--xmlui-font-weight-Text-cite)", "font-style-Text-cite": "var(--xmlui-font-style-Text-cite)", "font-stretch-Text-cite": "var(--xmlui-font-stretch-Text-cite)", "line-decoration-Text-cite": "var(--xmlui-line-decoration-Text-cite)", "color-decoration-Text-cite": "var(--xmlui-color-decoration-Text-cite)", "style-decoration-Text-cite": "var(--xmlui-style-decoration-Text-cite)", "thickness-decoration-Text-cite": "var(--xmlui-thickness-decoration-Text-cite)", "offset-decoration-Text-cite": "var(--xmlui-offset-decoration-Text-cite)", "line-height-Text-cite": "var(--xmlui-line-height-Text-cite)", "color-Text-cite": "var(--xmlui-color-Text-cite)", "color-bg-Text-cite": "var(--xmlui-color-bg-Text-cite)", "border-radius-Text-cite": "var(--xmlui-border-radius-Text-cite)", "color-border-Text-cite": "var(--xmlui-color-border-Text-cite)", "thickness-border-Text-cite": "var(--xmlui-thickness-border-Text-cite)", "style-border-Text-cite": "var(--xmlui-style-border-Text-cite)", "margin-top-Text-cite": "var(--xmlui-margin-top-Text-cite)", "margin-bottom-Text-cite": "var(--xmlui-margin-bottom-Text-cite)", "padding-horizontal-Text-cite": "var(--xmlui-padding-horizontal-Text-cite)", "padding-vertical-Text-cite": "var(--xmlui-padding-vertical-Text-cite)", "transform-Text-cite": "var(--xmlui-transform-Text-cite)", "align-vertical-Text-cite": "var(--xmlui-align-vertical-Text-cite)", "letter-spacing-Text-cite": "var(--xmlui-letter-spacing-Text-cite)", "font-family-Text-code": "var(--xmlui-font-family-Text-code)", "font-size-Text-code": "var(--xmlui-font-size-Text-code)", "font-weight-Text-code": "var(--xmlui-font-weight-Text-code)", "font-style-Text-code": "var(--xmlui-font-style-Text-code)", "font-stretch-Text-code": "var(--xmlui-font-stretch-Text-code)", "line-decoration-Text-code": "var(--xmlui-line-decoration-Text-code)", "color-decoration-Text-code": "var(--xmlui-color-decoration-Text-code)", "style-decoration-Text-code": "var(--xmlui-style-decoration-Text-code)", "thickness-decoration-Text-code": "var(--xmlui-thickness-decoration-Text-code)", "offset-decoration-Text-code": "var(--xmlui-offset-decoration-Text-code)", "line-height-Text-code": "var(--xmlui-line-height-Text-code)", "color-Text-code": "var(--xmlui-color-Text-code)", "color-bg-Text-code": "var(--xmlui-color-bg-Text-code)", "border-radius-Text-code": "var(--xmlui-border-radius-Text-code)", "color-border-Text-code": "var(--xmlui-color-border-Text-code)", "thickness-border-Text-code": "var(--xmlui-thickness-border-Text-code)", "style-border-Text-code": "var(--xmlui-style-border-Text-code)", "margin-top-Text-code": "var(--xmlui-margin-top-Text-code)", "margin-bottom-Text-code": "var(--xmlui-margin-bottom-Text-code)", "padding-horizontal-Text-code": "var(--xmlui-padding-horizontal-Text-code)", "padding-vertical-Text-code": "var(--xmlui-padding-vertical-Text-code)", "transform-Text-code": "var(--xmlui-transform-Text-code)", "align-vertical-Text-code": "var(--xmlui-align-vertical-Text-code)", "letter-spacing-Text-code": "var(--xmlui-letter-spacing-Text-code)", "font-family-Text-codefence": "var(--xmlui-font-family-Text-codefence)", "font-size-Text-codefence": "var(--xmlui-font-size-Text-codefence)", "font-weight-Text-codefence": "var(--xmlui-font-weight-Text-codefence)", "font-style-Text-codefence": "var(--xmlui-font-style-Text-codefence)", "font-stretch-Text-codefence": "var(--xmlui-font-stretch-Text-codefence)", "line-decoration-Text-codefence": "var(--xmlui-line-decoration-Text-codefence)", "color-decoration-Text-codefence": "var(--xmlui-color-decoration-Text-codefence)", "style-decoration-Text-codefence": "var(--xmlui-style-decoration-Text-codefence)", "thickness-decoration-Text-codefence": "var(--xmlui-thickness-decoration-Text-codefence)", "offset-decoration-Text-codefence": "var(--xmlui-offset-decoration-Text-codefence)", "line-height-Text-codefence": "var(--xmlui-line-height-Text-codefence)", "color-Text-codefence": "var(--xmlui-color-Text-codefence)", "color-bg-Text-codefence": "var(--xmlui-color-bg-Text-codefence)", "border-radius-Text-codefence": "var(--xmlui-border-radius-Text-codefence)", "color-border-Text-codefence": "var(--xmlui-color-border-Text-codefence)", "thickness-border-Text-codefence": "var(--xmlui-thickness-border-Text-codefence)", "style-border-Text-codefence": "var(--xmlui-style-border-Text-codefence)", "margin-top-Text-codefence": "var(--xmlui-margin-top-Text-codefence)", "margin-bottom-Text-codefence": "var(--xmlui-margin-bottom-Text-codefence)", "padding-horizontal-Text-codefence": "var(--xmlui-padding-horizontal-Text-codefence)", "padding-vertical-Text-codefence": "var(--xmlui-padding-vertical-Text-codefence)", "transform-Text-codefence": "var(--xmlui-transform-Text-codefence)", "align-vertical-Text-codefence": "var(--xmlui-align-vertical-Text-codefence)", "letter-spacing-Text-codefence": "var(--xmlui-letter-spacing-Text-codefence)", "font-family-Text-deleted": "var(--xmlui-font-family-Text-deleted)", "font-size-Text-deleted": "var(--xmlui-font-size-Text-deleted)", "font-weight-Text-deleted": "var(--xmlui-font-weight-Text-deleted)", "font-style-Text-deleted": "var(--xmlui-font-style-Text-deleted)", "font-stretch-Text-deleted": "var(--xmlui-font-stretch-Text-deleted)", "line-decoration-Text-deleted": "var(--xmlui-line-decoration-Text-deleted)", "color-decoration-Text-deleted": "var(--xmlui-color-decoration-Text-deleted)", "style-decoration-Text-deleted": "var(--xmlui-style-decoration-Text-deleted)", "thickness-decoration-Text-deleted": "var(--xmlui-thickness-decoration-Text-deleted)", "offset-decoration-Text-deleted": "var(--xmlui-offset-decoration-Text-deleted)", "line-height-Text-deleted": "var(--xmlui-line-height-Text-deleted)", "color-Text-deleted": "var(--xmlui-color-Text-deleted)", "color-bg-Text-deleted": "var(--xmlui-color-bg-Text-deleted)", "border-radius-Text-deleted": "var(--xmlui-border-radius-Text-deleted)", "color-border-Text-deleted": "var(--xmlui-color-border-Text-deleted)", "thickness-border-Text-deleted": "var(--xmlui-thickness-border-Text-deleted)", "style-border-Text-deleted": "var(--xmlui-style-border-Text-deleted)", "margin-top-Text-deleted": "var(--xmlui-margin-top-Text-deleted)", "margin-bottom-Text-deleted": "var(--xmlui-margin-bottom-Text-deleted)", "padding-horizontal-Text-deleted": "var(--xmlui-padding-horizontal-Text-deleted)", "padding-vertical-Text-deleted": "var(--xmlui-padding-vertical-Text-deleted)", "transform-Text-deleted": "var(--xmlui-transform-Text-deleted)", "align-vertical-Text-deleted": "var(--xmlui-align-vertical-Text-deleted)", "letter-spacing-Text-deleted": "var(--xmlui-letter-spacing-Text-deleted)", "font-family-Text-inserted": "var(--xmlui-font-family-Text-inserted)", "font-size-Text-inserted": "var(--xmlui-font-size-Text-inserted)", "font-weight-Text-inserted": "var(--xmlui-font-weight-Text-inserted)", "font-style-Text-inserted": "var(--xmlui-font-style-Text-inserted)", "font-stretch-Text-inserted": "var(--xmlui-font-stretch-Text-inserted)", "line-decoration-Text-inserted": "var(--xmlui-line-decoration-Text-inserted)", "color-decoration-Text-inserted": "var(--xmlui-color-decoration-Text-inserted)", "style-decoration-Text-inserted": "var(--xmlui-style-decoration-Text-inserted)", "thickness-decoration-Text-inserted": "var(--xmlui-thickness-decoration-Text-inserted)", "offset-decoration-Text-inserted": "var(--xmlui-offset-decoration-Text-inserted)", "line-height-Text-inserted": "var(--xmlui-line-height-Text-inserted)", "color-Text-inserted": "var(--xmlui-color-Text-inserted)", "color-bg-Text-inserted": "var(--xmlui-color-bg-Text-inserted)", "border-radius-Text-inserted": "var(--xmlui-border-radius-Text-inserted)", "color-border-Text-inserted": "var(--xmlui-color-border-Text-inserted)", "thickness-border-Text-inserted": "var(--xmlui-thickness-border-Text-inserted)", "style-border-Text-inserted": "var(--xmlui-style-border-Text-inserted)", "margin-top-Text-inserted": "var(--xmlui-margin-top-Text-inserted)", "margin-bottom-Text-inserted": "var(--xmlui-margin-bottom-Text-inserted)", "padding-horizontal-Text-inserted": "var(--xmlui-padding-horizontal-Text-inserted)", "padding-vertical-Text-inserted": "var(--xmlui-padding-vertical-Text-inserted)", "transform-Text-inserted": "var(--xmlui-transform-Text-inserted)", "align-vertical-Text-inserted": "var(--xmlui-align-vertical-Text-inserted)", "letter-spacing-Text-inserted": "var(--xmlui-letter-spacing-Text-inserted)", "font-family-Text-keyboard": "var(--xmlui-font-family-Text-keyboard)", "font-size-Text-keyboard": "var(--xmlui-font-size-Text-keyboard)", "font-weight-Text-keyboard": "var(--xmlui-font-weight-Text-keyboard)", "font-style-Text-keyboard": "var(--xmlui-font-style-Text-keyboard)", "font-stretch-Text-keyboard": "var(--xmlui-font-stretch-Text-keyboard)", "line-decoration-Text-keyboard": "var(--xmlui-line-decoration-Text-keyboard)", "color-decoration-Text-keyboard": "var(--xmlui-color-decoration-Text-keyboard)", "style-decoration-Text-keyboard": "var(--xmlui-style-decoration-Text-keyboard)", "thickness-decoration-Text-keyboard": "var(--xmlui-thickness-decoration-Text-keyboard)", "offset-decoration-Text-keyboard": "var(--xmlui-offset-decoration-Text-keyboard)", "line-height-Text-keyboard": "var(--xmlui-line-height-Text-keyboard)", "color-Text-keyboard": "var(--xmlui-color-Text-keyboard)", "color-bg-Text-keyboard": "var(--xmlui-color-bg-Text-keyboard)", "border-radius-Text-keyboard": "var(--xmlui-border-radius-Text-keyboard)", "color-border-Text-keyboard": "var(--xmlui-color-border-Text-keyboard)", "thickness-border-Text-keyboard": "var(--xmlui-thickness-border-Text-keyboard)", "style-border-Text-keyboard": "var(--xmlui-style-border-Text-keyboard)", "margin-top-Text-keyboard": "var(--xmlui-margin-top-Text-keyboard)", "margin-bottom-Text-keyboard": "var(--xmlui-margin-bottom-Text-keyboard)", "padding-horizontal-Text-keyboard": "var(--xmlui-padding-horizontal-Text-keyboard)", "padding-vertical-Text-keyboard": "var(--xmlui-padding-vertical-Text-keyboard)", "transform-Text-keyboard": "var(--xmlui-transform-Text-keyboard)", "align-vertical-Text-keyboard": "var(--xmlui-align-vertical-Text-keyboard)", "letter-spacing-Text-keyboard": "var(--xmlui-letter-spacing-Text-keyboard)", "font-family-Text-marked": "var(--xmlui-font-family-Text-marked)", "font-size-Text-marked": "var(--xmlui-font-size-Text-marked)", "font-weight-Text-marked": "var(--xmlui-font-weight-Text-marked)", "font-style-Text-marked": "var(--xmlui-font-style-Text-marked)", "font-stretch-Text-marked": "var(--xmlui-font-stretch-Text-marked)", "line-decoration-Text-marked": "var(--xmlui-line-decoration-Text-marked)", "color-decoration-Text-marked": "var(--xmlui-color-decoration-Text-marked)", "style-decoration-Text-marked": "var(--xmlui-style-decoration-Text-marked)", "thickness-decoration-Text-marked": "var(--xmlui-thickness-decoration-Text-marked)", "offset-decoration-Text-marked": "var(--xmlui-offset-decoration-Text-marked)", "line-height-Text-marked": "var(--xmlui-line-height-Text-marked)", "color-Text-marked": "var(--xmlui-color-Text-marked)", "color-bg-Text-marked": "var(--xmlui-color-bg-Text-marked)", "border-radius-Text-marked": "var(--xmlui-border-radius-Text-marked)", "color-border-Text-marked": "var(--xmlui-color-border-Text-marked)", "thickness-border-Text-marked": "var(--xmlui-thickness-border-Text-marked)", "style-border-Text-marked": "var(--xmlui-style-border-Text-marked)", "margin-top-Text-marked": "var(--xmlui-margin-top-Text-marked)", "margin-bottom-Text-marked": "var(--xmlui-margin-bottom-Text-marked)", "padding-horizontal-Text-marked": "var(--xmlui-padding-horizontal-Text-marked)", "padding-vertical-Text-marked": "var(--xmlui-padding-vertical-Text-marked)", "transform-Text-marked": "var(--xmlui-transform-Text-marked)", "align-vertical-Text-marked": "var(--xmlui-align-vertical-Text-marked)", "letter-spacing-Text-marked": "var(--xmlui-letter-spacing-Text-marked)", "font-family-Text-mono": "var(--xmlui-font-family-Text-mono)", "font-size-Text-mono": "var(--xmlui-font-size-Text-mono)", "font-weight-Text-mono": "var(--xmlui-font-weight-Text-mono)", "font-style-Text-mono": "var(--xmlui-font-style-Text-mono)", "font-stretch-Text-mono": "var(--xmlui-font-stretch-Text-mono)", "line-decoration-Text-mono": "var(--xmlui-line-decoration-Text-mono)", "color-decoration-Text-mono": "var(--xmlui-color-decoration-Text-mono)", "style-decoration-Text-mono": "var(--xmlui-style-decoration-Text-mono)", "thickness-decoration-Text-mono": "var(--xmlui-thickness-decoration-Text-mono)", "offset-decoration-Text-mono": "var(--xmlui-offset-decoration-Text-mono)", "line-height-Text-mono": "var(--xmlui-line-height-Text-mono)", "color-Text-mono": "var(--xmlui-color-Text-mono)", "color-bg-Text-mono": "var(--xmlui-color-bg-Text-mono)", "border-radius-Text-mono": "var(--xmlui-border-radius-Text-mono)", "color-border-Text-mono": "var(--xmlui-color-border-Text-mono)", "thickness-border-Text-mono": "var(--xmlui-thickness-border-Text-mono)", "style-border-Text-mono": "var(--xmlui-style-border-Text-mono)", "margin-top-Text-mono": "var(--xmlui-margin-top-Text-mono)", "margin-bottom-Text-mono": "var(--xmlui-margin-bottom-Text-mono)", "padding-horizontal-Text-mono": "var(--xmlui-padding-horizontal-Text-mono)", "padding-vertical-Text-mono": "var(--xmlui-padding-vertical-Text-mono)", "transform-Text-mono": "var(--xmlui-transform-Text-mono)", "align-vertical-Text-mono": "var(--xmlui-align-vertical-Text-mono)", "letter-spacing-Text-mono": "var(--xmlui-letter-spacing-Text-mono)", "font-family-Text-sample": "var(--xmlui-font-family-Text-sample)", "font-size-Text-sample": "var(--xmlui-font-size-Text-sample)", "font-weight-Text-sample": "var(--xmlui-font-weight-Text-sample)", "font-style-Text-sample": "var(--xmlui-font-style-Text-sample)", "font-stretch-Text-sample": "var(--xmlui-font-stretch-Text-sample)", "line-decoration-Text-sample": "var(--xmlui-line-decoration-Text-sample)", "color-decoration-Text-sample": "var(--xmlui-color-decoration-Text-sample)", "style-decoration-Text-sample": "var(--xmlui-style-decoration-Text-sample)", "thickness-decoration-Text-sample": "var(--xmlui-thickness-decoration-Text-sample)", "offset-decoration-Text-sample": "var(--xmlui-offset-decoration-Text-sample)", "line-height-Text-sample": "var(--xmlui-line-height-Text-sample)", "color-Text-sample": "var(--xmlui-color-Text-sample)", "color-bg-Text-sample": "var(--xmlui-color-bg-Text-sample)", "border-radius-Text-sample": "var(--xmlui-border-radius-Text-sample)", "color-border-Text-sample": "var(--xmlui-color-border-Text-sample)", "thickness-border-Text-sample": "var(--xmlui-thickness-border-Text-sample)", "style-border-Text-sample": "var(--xmlui-style-border-Text-sample)", "margin-top-Text-sample": "var(--xmlui-margin-top-Text-sample)", "margin-bottom-Text-sample": "var(--xmlui-margin-bottom-Text-sample)", "padding-horizontal-Text-sample": "var(--xmlui-padding-horizontal-Text-sample)", "padding-vertical-Text-sample": "var(--xmlui-padding-vertical-Text-sample)", "transform-Text-sample": "var(--xmlui-transform-Text-sample)", "align-vertical-Text-sample": "var(--xmlui-align-vertical-Text-sample)", "letter-spacing-Text-sample": "var(--xmlui-letter-spacing-Text-sample)", "font-family-Text-sup": "var(--xmlui-font-family-Text-sup)", "font-size-Text-sup": "var(--xmlui-font-size-Text-sup)", "font-weight-Text-sup": "var(--xmlui-font-weight-Text-sup)", "font-style-Text-sup": "var(--xmlui-font-style-Text-sup)", "font-stretch-Text-sup": "var(--xmlui-font-stretch-Text-sup)", "line-decoration-Text-sup": "var(--xmlui-line-decoration-Text-sup)", "color-decoration-Text-sup": "var(--xmlui-color-decoration-Text-sup)", "style-decoration-Text-sup": "var(--xmlui-style-decoration-Text-sup)", "thickness-decoration-Text-sup": "var(--xmlui-thickness-decoration-Text-sup)", "offset-decoration-Text-sup": "var(--xmlui-offset-decoration-Text-sup)", "line-height-Text-sup": "var(--xmlui-line-height-Text-sup)", "color-Text-sup": "var(--xmlui-color-Text-sup)", "color-bg-Text-sup": "var(--xmlui-color-bg-Text-sup)", "border-radius-Text-sup": "var(--xmlui-border-radius-Text-sup)", "color-border-Text-sup": "var(--xmlui-color-border-Text-sup)", "thickness-border-Text-sup": "var(--xmlui-thickness-border-Text-sup)", "style-border-Text-sup": "var(--xmlui-style-border-Text-sup)", "margin-top-Text-sup": "var(--xmlui-margin-top-Text-sup)", "margin-bottom-Text-sup": "var(--xmlui-margin-bottom-Text-sup)", "padding-horizontal-Text-sup": "var(--xmlui-padding-horizontal-Text-sup)", "padding-vertical-Text-sup": "var(--xmlui-padding-vertical-Text-sup)", "transform-Text-sup": "var(--xmlui-transform-Text-sup)", "align-vertical-Text-sup": "var(--xmlui-align-vertical-Text-sup)", "letter-spacing-Text-sup": "var(--xmlui-letter-spacing-Text-sup)", "font-family-Text-sub": "var(--xmlui-font-family-Text-sub)", "font-size-Text-sub": "var(--xmlui-font-size-Text-sub)", "font-weight-Text-sub": "var(--xmlui-font-weight-Text-sub)", "font-style-Text-sub": "var(--xmlui-font-style-Text-sub)", "font-stretch-Text-sub": "var(--xmlui-font-stretch-Text-sub)", "line-decoration-Text-sub": "var(--xmlui-line-decoration-Text-sub)", "color-decoration-Text-sub": "var(--xmlui-color-decoration-Text-sub)", "style-decoration-Text-sub": "var(--xmlui-style-decoration-Text-sub)", "thickness-decoration-Text-sub": "var(--xmlui-thickness-decoration-Text-sub)", "offset-decoration-Text-sub": "var(--xmlui-offset-decoration-Text-sub)", "line-height-Text-sub": "var(--xmlui-line-height-Text-sub)", "color-Text-sub": "var(--xmlui-color-Text-sub)", "color-bg-Text-sub": "var(--xmlui-color-bg-Text-sub)", "border-radius-Text-sub": "var(--xmlui-border-radius-Text-sub)", "color-border-Text-sub": "var(--xmlui-color-border-Text-sub)", "thickness-border-Text-sub": "var(--xmlui-thickness-border-Text-sub)", "style-border-Text-sub": "var(--xmlui-style-border-Text-sub)", "margin-top-Text-sub": "var(--xmlui-margin-top-Text-sub)", "margin-bottom-Text-sub": "var(--xmlui-margin-bottom-Text-sub)", "padding-horizontal-Text-sub": "var(--xmlui-padding-horizontal-Text-sub)", "padding-vertical-Text-sub": "var(--xmlui-padding-vertical-Text-sub)", "transform-Text-sub": "var(--xmlui-transform-Text-sub)", "align-vertical-Text-sub": "var(--xmlui-align-vertical-Text-sub)", "letter-spacing-Text-sub": "var(--xmlui-letter-spacing-Text-sub)", "font-family-Text-var": "var(--xmlui-font-family-Text-var)", "font-size-Text-var": "var(--xmlui-font-size-Text-var)", "font-weight-Text-var": "var(--xmlui-font-weight-Text-var)", "font-style-Text-var": "var(--xmlui-font-style-Text-var)", "font-stretch-Text-var": "var(--xmlui-font-stretch-Text-var)", "line-decoration-Text-var": "var(--xmlui-line-decoration-Text-var)", "color-decoration-Text-var": "var(--xmlui-color-decoration-Text-var)", "style-decoration-Text-var": "var(--xmlui-style-decoration-Text-var)", "thickness-decoration-Text-var": "var(--xmlui-thickness-decoration-Text-var)", "offset-decoration-Text-var": "var(--xmlui-offset-decoration-Text-var)", "line-height-Text-var": "var(--xmlui-line-height-Text-var)", "color-Text-var": "var(--xmlui-color-Text-var)", "color-bg-Text-var": "var(--xmlui-color-bg-Text-var)", "border-radius-Text-var": "var(--xmlui-border-radius-Text-var)", "color-border-Text-var": "var(--xmlui-color-border-Text-var)", "thickness-border-Text-var": "var(--xmlui-thickness-border-Text-var)", "style-border-Text-var": "var(--xmlui-style-border-Text-var)", "margin-top-Text-var": "var(--xmlui-margin-top-Text-var)", "margin-bottom-Text-var": "var(--xmlui-margin-bottom-Text-var)", "padding-horizontal-Text-var": "var(--xmlui-padding-horizontal-Text-var)", "padding-vertical-Text-var": "var(--xmlui-padding-vertical-Text-var)", "transform-Text-var": "var(--xmlui-transform-Text-var)", "align-vertical-Text-var": "var(--xmlui-align-vertical-Text-var)", "letter-spacing-Text-var": "var(--xmlui-letter-spacing-Text-var)", "font-family-Text-title": "var(--xmlui-font-family-Text-title)", "font-size-Text-title": "var(--xmlui-font-size-Text-title)", "font-weight-Text-title": "var(--xmlui-font-weight-Text-title)", "font-style-Text-title": "var(--xmlui-font-style-Text-title)", "font-stretch-Text-title": "var(--xmlui-font-stretch-Text-title)", "line-decoration-Text-title": "var(--xmlui-line-decoration-Text-title)", "color-decoration-Text-title": "var(--xmlui-color-decoration-Text-title)", "style-decoration-Text-title": "var(--xmlui-style-decoration-Text-title)", "thickness-decoration-Text-title": "var(--xmlui-thickness-decoration-Text-title)", "offset-decoration-Text-title": "var(--xmlui-offset-decoration-Text-title)", "line-height-Text-title": "var(--xmlui-line-height-Text-title)", "color-Text-title": "var(--xmlui-color-Text-title)", "color-bg-Text-title": "var(--xmlui-color-bg-Text-title)", "border-radius-Text-title": "var(--xmlui-border-radius-Text-title)", "color-border-Text-title": "var(--xmlui-color-border-Text-title)", "thickness-border-Text-title": "var(--xmlui-thickness-border-Text-title)", "style-border-Text-title": "var(--xmlui-style-border-Text-title)", "margin-top-Text-title": "var(--xmlui-margin-top-Text-title)", "margin-bottom-Text-title": "var(--xmlui-margin-bottom-Text-title)", "padding-horizontal-Text-title": "var(--xmlui-padding-horizontal-Text-title)", "padding-vertical-Text-title": "var(--xmlui-padding-vertical-Text-title)", "transform-Text-title": "var(--xmlui-transform-Text-title)", "align-vertical-Text-title": "var(--xmlui-align-vertical-Text-title)", "letter-spacing-Text-title": "var(--xmlui-letter-spacing-Text-title)", "font-family-Text-subtitle": "var(--xmlui-font-family-Text-subtitle)", "font-size-Text-subtitle": "var(--xmlui-font-size-Text-subtitle)", "font-weight-Text-subtitle": "var(--xmlui-font-weight-Text-subtitle)", "font-style-Text-subtitle": "var(--xmlui-font-style-Text-subtitle)", "font-stretch-Text-subtitle": "var(--xmlui-font-stretch-Text-subtitle)", "line-decoration-Text-subtitle": "var(--xmlui-line-decoration-Text-subtitle)", "color-decoration-Text-subtitle": "var(--xmlui-color-decoration-Text-subtitle)", "style-decoration-Text-subtitle": "var(--xmlui-style-decoration-Text-subtitle)", "thickness-decoration-Text-subtitle": "var(--xmlui-thickness-decoration-Text-subtitle)", "offset-decoration-Text-subtitle": "var(--xmlui-offset-decoration-Text-subtitle)", "line-height-Text-subtitle": "var(--xmlui-line-height-Text-subtitle)", "color-Text-subtitle": "var(--xmlui-color-Text-subtitle)", "color-bg-Text-subtitle": "var(--xmlui-color-bg-Text-subtitle)", "border-radius-Text-subtitle": "var(--xmlui-border-radius-Text-subtitle)", "color-border-Text-subtitle": "var(--xmlui-color-border-Text-subtitle)", "thickness-border-Text-subtitle": "var(--xmlui-thickness-border-Text-subtitle)", "style-border-Text-subtitle": "var(--xmlui-style-border-Text-subtitle)", "margin-top-Text-subtitle": "var(--xmlui-margin-top-Text-subtitle)", "margin-bottom-Text-subtitle": "var(--xmlui-margin-bottom-Text-subtitle)", "padding-horizontal-Text-subtitle": "var(--xmlui-padding-horizontal-Text-subtitle)", "padding-vertical-Text-subtitle": "var(--xmlui-padding-vertical-Text-subtitle)", "transform-Text-subtitle": "var(--xmlui-transform-Text-subtitle)", "align-vertical-Text-subtitle": "var(--xmlui-align-vertical-Text-subtitle)", "letter-spacing-Text-subtitle": "var(--xmlui-letter-spacing-Text-subtitle)", "font-family-Text-small": "var(--xmlui-font-family-Text-small)", "font-size-Text-small": "var(--xmlui-font-size-Text-small)", "font-weight-Text-small": "var(--xmlui-font-weight-Text-small)", "font-style-Text-small": "var(--xmlui-font-style-Text-small)", "font-stretch-Text-small": "var(--xmlui-font-stretch-Text-small)", "line-decoration-Text-small": "var(--xmlui-line-decoration-Text-small)", "color-decoration-Text-small": "var(--xmlui-color-decoration-Text-small)", "style-decoration-Text-small": "var(--xmlui-style-decoration-Text-small)", "thickness-decoration-Text-small": "var(--xmlui-thickness-decoration-Text-small)", "offset-decoration-Text-small": "var(--xmlui-offset-decoration-Text-small)", "line-height-Text-small": "var(--xmlui-line-height-Text-small)", "color-Text-small": "var(--xmlui-color-Text-small)", "color-bg-Text-small": "var(--xmlui-color-bg-Text-small)", "border-radius-Text-small": "var(--xmlui-border-radius-Text-small)", "color-border-Text-small": "var(--xmlui-color-border-Text-small)", "thickness-border-Text-small": "var(--xmlui-thickness-border-Text-small)", "style-border-Text-small": "var(--xmlui-style-border-Text-small)", "margin-top-Text-small": "var(--xmlui-margin-top-Text-small)", "margin-bottom-Text-small": "var(--xmlui-margin-bottom-Text-small)", "padding-horizontal-Text-small": "var(--xmlui-padding-horizontal-Text-small)", "padding-vertical-Text-small": "var(--xmlui-padding-vertical-Text-small)", "transform-Text-small": "var(--xmlui-transform-Text-small)", "align-vertical-Text-small": "var(--xmlui-align-vertical-Text-small)", "letter-spacing-Text-small": "var(--xmlui-letter-spacing-Text-small)", "font-family-Text-caption": "var(--xmlui-font-family-Text-caption)", "font-size-Text-caption": "var(--xmlui-font-size-Text-caption)", "font-weight-Text-caption": "var(--xmlui-font-weight-Text-caption)", "font-style-Text-caption": "var(--xmlui-font-style-Text-caption)", "font-stretch-Text-caption": "var(--xmlui-font-stretch-Text-caption)", "line-decoration-Text-caption": "var(--xmlui-line-decoration-Text-caption)", "color-decoration-Text-caption": "var(--xmlui-color-decoration-Text-caption)", "style-decoration-Text-caption": "var(--xmlui-style-decoration-Text-caption)", "thickness-decoration-Text-caption": "var(--xmlui-thickness-decoration-Text-caption)", "offset-decoration-Text-caption": "var(--xmlui-offset-decoration-Text-caption)", "line-height-Text-caption": "var(--xmlui-line-height-Text-caption)", "color-Text-caption": "var(--xmlui-color-Text-caption)", "color-bg-Text-caption": "var(--xmlui-color-bg-Text-caption)", "border-radius-Text-caption": "var(--xmlui-border-radius-Text-caption)", "color-border-Text-caption": "var(--xmlui-color-border-Text-caption)", "thickness-border-Text-caption": "var(--xmlui-thickness-border-Text-caption)", "style-border-Text-caption": "var(--xmlui-style-border-Text-caption)", "margin-top-Text-caption": "var(--xmlui-margin-top-Text-caption)", "margin-bottom-Text-caption": "var(--xmlui-margin-bottom-Text-caption)", "padding-horizontal-Text-caption": "var(--xmlui-padding-horizontal-Text-caption)", "padding-vertical-Text-caption": "var(--xmlui-padding-vertical-Text-caption)", "transform-Text-caption": "var(--xmlui-transform-Text-caption)", "align-vertical-Text-caption": "var(--xmlui-align-vertical-Text-caption)", "letter-spacing-Text-caption": "var(--xmlui-letter-spacing-Text-caption)", "font-family-Text-placeholder": "var(--xmlui-font-family-Text-placeholder)", "font-size-Text-placeholder": "var(--xmlui-font-size-Text-placeholder)", "font-weight-Text-placeholder": "var(--xmlui-font-weight-Text-placeholder)", "font-style-Text-placeholder": "var(--xmlui-font-style-Text-placeholder)", "font-stretch-Text-placeholder": "var(--xmlui-font-stretch-Text-placeholder)", "line-decoration-Text-placeholder": "var(--xmlui-line-decoration-Text-placeholder)", "color-decoration-Text-placeholder": "var(--xmlui-color-decoration-Text-placeholder)", "style-decoration-Text-placeholder": "var(--xmlui-style-decoration-Text-placeholder)", "thickness-decoration-Text-placeholder": "var(--xmlui-thickness-decoration-Text-placeholder)", "offset-decoration-Text-placeholder": "var(--xmlui-offset-decoration-Text-placeholder)", "line-height-Text-placeholder": "var(--xmlui-line-height-Text-placeholder)", "color-Text-placeholder": "var(--xmlui-color-Text-placeholder)", "color-bg-Text-placeholder": "var(--xmlui-color-bg-Text-placeholder)", "border-radius-Text-placeholder": "var(--xmlui-border-radius-Text-placeholder)", "color-border-Text-placeholder": "var(--xmlui-color-border-Text-placeholder)", "thickness-border-Text-placeholder": "var(--xmlui-thickness-border-Text-placeholder)", "style-border-Text-placeholder": "var(--xmlui-style-border-Text-placeholder)", "margin-top-Text-placeholder": "var(--xmlui-margin-top-Text-placeholder)", "margin-bottom-Text-placeholder": "var(--xmlui-margin-bottom-Text-placeholder)", "padding-horizontal-Text-placeholder": "var(--xmlui-padding-horizontal-Text-placeholder)", "padding-vertical-Text-placeholder": "var(--xmlui-padding-vertical-Text-placeholder)", "transform-Text-placeholder": "var(--xmlui-transform-Text-placeholder)", "align-vertical-Text-placeholder": "var(--xmlui-align-vertical-Text-placeholder)", "letter-spacing-Text-placeholder": "var(--xmlui-letter-spacing-Text-placeholder)", "font-family-Text-paragraph": "var(--xmlui-font-family-Text-paragraph)", "font-size-Text-paragraph": "var(--xmlui-font-size-Text-paragraph)", "font-weight-Text-paragraph": "var(--xmlui-font-weight-Text-paragraph)", "font-style-Text-paragraph": "var(--xmlui-font-style-Text-paragraph)", "font-stretch-Text-paragraph": "var(--xmlui-font-stretch-Text-paragraph)", "line-decoration-Text-paragraph": "var(--xmlui-line-decoration-Text-paragraph)", "color-decoration-Text-paragraph": "var(--xmlui-color-decoration-Text-paragraph)", "style-decoration-Text-paragraph": "var(--xmlui-style-decoration-Text-paragraph)", "thickness-decoration-Text-paragraph": "var(--xmlui-thickness-decoration-Text-paragraph)", "offset-decoration-Text-paragraph": "var(--xmlui-offset-decoration-Text-paragraph)", "line-height-Text-paragraph": "var(--xmlui-line-height-Text-paragraph)", "color-Text-paragraph": "var(--xmlui-color-Text-paragraph)", "color-bg-Text-paragraph": "var(--xmlui-color-bg-Text-paragraph)", "border-radius-Text-paragraph": "var(--xmlui-border-radius-Text-paragraph)", "color-border-Text-paragraph": "var(--xmlui-color-border-Text-paragraph)", "thickness-border-Text-paragraph": "var(--xmlui-thickness-border-Text-paragraph)", "style-border-Text-paragraph": "var(--xmlui-style-border-Text-paragraph)", "margin-top-Text-paragraph": "var(--xmlui-margin-top-Text-paragraph)", "margin-bottom-Text-paragraph": "var(--xmlui-margin-bottom-Text-paragraph)", "padding-horizontal-Text-paragraph": "var(--xmlui-padding-horizontal-Text-paragraph)", "padding-vertical-Text-paragraph": "var(--xmlui-padding-vertical-Text-paragraph)", "transform-Text-paragraph": "var(--xmlui-transform-Text-paragraph)", "align-vertical-Text-paragraph": "var(--xmlui-align-vertical-Text-paragraph)", "letter-spacing-Text-paragraph": "var(--xmlui-letter-spacing-Text-paragraph)", "font-family-Text-subheading": "var(--xmlui-font-family-Text-subheading)", "font-size-Text-subheading": "var(--xmlui-font-size-Text-subheading)", "font-weight-Text-subheading": "var(--xmlui-font-weight-Text-subheading)", "font-style-Text-subheading": "var(--xmlui-font-style-Text-subheading)", "font-stretch-Text-subheading": "var(--xmlui-font-stretch-Text-subheading)", "line-decoration-Text-subheading": "var(--xmlui-line-decoration-Text-subheading)", "color-decoration-Text-subheading": "var(--xmlui-color-decoration-Text-subheading)", "style-decoration-Text-subheading": "var(--xmlui-style-decoration-Text-subheading)", "thickness-decoration-Text-subheading": "var(--xmlui-thickness-decoration-Text-subheading)", "offset-decoration-Text-subheading": "var(--xmlui-offset-decoration-Text-subheading)", "line-height-Text-subheading": "var(--xmlui-line-height-Text-subheading)", "color-Text-subheading": "var(--xmlui-color-Text-subheading)", "color-bg-Text-subheading": "var(--xmlui-color-bg-Text-subheading)", "border-radius-Text-subheading": "var(--xmlui-border-radius-Text-subheading)", "color-border-Text-subheading": "var(--xmlui-color-border-Text-subheading)", "thickness-border-Text-subheading": "var(--xmlui-thickness-border-Text-subheading)", "style-border-Text-subheading": "var(--xmlui-style-border-Text-subheading)", "margin-top-Text-subheading": "var(--xmlui-margin-top-Text-subheading)", "margin-bottom-Text-subheading": "var(--xmlui-margin-bottom-Text-subheading)", "padding-horizontal-Text-subheading": "var(--xmlui-padding-horizontal-Text-subheading)", "padding-vertical-Text-subheading": "var(--xmlui-padding-vertical-Text-subheading)", "transform-Text-subheading": "var(--xmlui-transform-Text-subheading)", "align-vertical-Text-subheading": "var(--xmlui-align-vertical-Text-subheading)", "letter-spacing-Text-subheading": "var(--xmlui-letter-spacing-Text-subheading)", "font-family-Text-tableheading": "var(--xmlui-font-family-Text-tableheading)", "font-size-Text-tableheading": "var(--xmlui-font-size-Text-tableheading)", "font-weight-Text-tableheading": "var(--xmlui-font-weight-Text-tableheading)", "font-style-Text-tableheading": "var(--xmlui-font-style-Text-tableheading)", "font-stretch-Text-tableheading": "var(--xmlui-font-stretch-Text-tableheading)", "line-decoration-Text-tableheading": "var(--xmlui-line-decoration-Text-tableheading)", "color-decoration-Text-tableheading": "var(--xmlui-color-decoration-Text-tableheading)", "style-decoration-Text-tableheading": "var(--xmlui-style-decoration-Text-tableheading)", "thickness-decoration-Text-tableheading": "var(--xmlui-thickness-decoration-Text-tableheading)", "offset-decoration-Text-tableheading": "var(--xmlui-offset-decoration-Text-tableheading)", "line-height-Text-tableheading": "var(--xmlui-line-height-Text-tableheading)", "color-Text-tableheading": "var(--xmlui-color-Text-tableheading)", "color-bg-Text-tableheading": "var(--xmlui-color-bg-Text-tableheading)", "border-radius-Text-tableheading": "var(--xmlui-border-radius-Text-tableheading)", "color-border-Text-tableheading": "var(--xmlui-color-border-Text-tableheading)", "thickness-border-Text-tableheading": "var(--xmlui-thickness-border-Text-tableheading)", "style-border-Text-tableheading": "var(--xmlui-style-border-Text-tableheading)", "margin-top-Text-tableheading": "var(--xmlui-margin-top-Text-tableheading)", "margin-bottom-Text-tableheading": "var(--xmlui-margin-bottom-Text-tableheading)", "padding-horizontal-Text-tableheading": "var(--xmlui-padding-horizontal-Text-tableheading)", "padding-vertical-Text-tableheading": "var(--xmlui-padding-vertical-Text-tableheading)", "transform-Text-tableheading": "var(--xmlui-transform-Text-tableheading)", "align-vertical-Text-tableheading": "var(--xmlui-align-vertical-Text-tableheading)", "letter-spacing-Text-tableheading": "var(--xmlui-letter-spacing-Text-tableheading)", "font-family-Text-secondary": "var(--xmlui-font-family-Text-secondary)", "font-size-Text-secondary": "var(--xmlui-font-size-Text-secondary)", "font-weight-Text-secondary": "var(--xmlui-font-weight-Text-secondary)", "font-style-Text-secondary": "var(--xmlui-font-style-Text-secondary)", "font-stretch-Text-secondary": "var(--xmlui-font-stretch-Text-secondary)", "line-decoration-Text-secondary": "var(--xmlui-line-decoration-Text-secondary)", "color-decoration-Text-secondary": "var(--xmlui-color-decoration-Text-secondary)", "style-decoration-Text-secondary": "var(--xmlui-style-decoration-Text-secondary)", "thickness-decoration-Text-secondary": "var(--xmlui-thickness-decoration-Text-secondary)", "offset-decoration-Text-secondary": "var(--xmlui-offset-decoration-Text-secondary)", "line-height-Text-secondary": "var(--xmlui-line-height-Text-secondary)", "color-Text-secondary": "var(--xmlui-color-Text-secondary)", "color-bg-Text-secondary": "var(--xmlui-color-bg-Text-secondary)", "border-radius-Text-secondary": "var(--xmlui-border-radius-Text-secondary)", "color-border-Text-secondary": "var(--xmlui-color-border-Text-secondary)", "thickness-border-Text-secondary": "var(--xmlui-thickness-border-Text-secondary)", "style-border-Text-secondary": "var(--xmlui-style-border-Text-secondary)", "margin-top-Text-secondary": "var(--xmlui-margin-top-Text-secondary)", "margin-bottom-Text-secondary": "var(--xmlui-margin-bottom-Text-secondary)", "padding-horizontal-Text-secondary": "var(--xmlui-padding-horizontal-Text-secondary)", "padding-vertical-Text-secondary": "var(--xmlui-padding-vertical-Text-secondary)", "transform-Text-secondary": "var(--xmlui-transform-Text-secondary)", "align-vertical-Text-secondary": "var(--xmlui-align-vertical-Text-secondary)", "letter-spacing-Text-secondary": "var(--xmlui-letter-spacing-Text-secondary)"}'`,text:"_text_1x1o6_13",abbr:"_abbr_1x1o6_27",cite:"_cite_1x1o6_55",codefence:"_codefence_1x1o6_83",code:"_code_1x1o6_83",deleted:"_deleted_1x1o6_139",inserted:"_inserted_1x1o6_182",keyboard:"_keyboard_1x1o6_225",marked:"_marked_1x1o6_253",mono:"_mono_1x1o6_296",sample:"_sample_1x1o6_324",sup:"_sup_1x1o6_352",sub:"_sub_1x1o6_380",var:"_var_1x1o6_408",title:"_title_1x1o6_436",subtitle:"_subtitle_1x1o6_464",small:"_small_1x1o6_492",caption:"_caption_1x1o6_520",placeholder:"_placeholder_1x1o6_548",paragraph:"_paragraph_1x1o6_576",subheading:"_subheading_1x1o6_604",tableheading:"_tableheading_1x1o6_632",secondary:"_secondary_1x1o6_660",strong:"_strong_1x1o6_688",truncateOverflow:"_truncateOverflow_1x1o6_696",preserveLinebreaks:"_preserveLinebreaks_1x1o6_702",noEllipsis:"_noEllipsis_1x1o6_706"},me="TextBox",lt=t({status:"experimental",description:`The \`${me}\` is an input component that allows users to input and edit textual data.`,props:{placeholder:j(),initialValue:B(),labelId:D(),maxLength:ie(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),startText:ge(),startIcon:fe(),endText:Te(),endIcon:ye(),hasSpinBox:e("This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field."),step:e("This prop governs how big the step when clicking on the spinner of the field."),integersOnly:e("This boolean property signs whether the input field accepts integers only (`true`) or not (`false`)."),zeroOrPositive:e("This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`)."),minValue:e("The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."),maxValue:e("The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.")},events:{gotFocus:k(me),lostFocus:I(me),didChange:T(me)},apis:{focus:Q(me),value:e("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:re()},themeVars:n(qt.themeVars),defaultThemeVars:{"radius-Input":"$radius","color-text-Input":"$color-text-primary","color-bg-Input--disabled":"$color-bg--disabled","thickness-border-Input":"1px","min-height-Input":"39px","style-border-Input":"solid","color-border-Input--disabled":"$color-border--disabled","color-text-Input--disabled":"$color-text--disabled","color-border-Input-error":"$color-border-Input-default--error","color-border-Input-warning":"$color-border-Input-default--warning","color-border-Input-success":"$color-border-Input-default--success","color-placeholder-Input":"$color-text-subtitle","color-adornment-Input":"$color-text-subtitle","color-outline-Input--focus":"$color-outline--focus","thickness-outline-Input--focus":"$thickness-outline--focus","style-outline-Input--focus":"$style-outline--focus","offset-outline-Input--focus":"$offset-outline--focus",light:{},dark:{}}}),st="Theme",Wt=t({description:`The \`${st}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${st}\` to define the default theming context for all of its child components. Theme variables and theme settings only work in this context.`,allowArbitraryProps:!0,props:{themeId:e("This property specifies which theme to use by setting the theme's id."),tone:e("This property allows the setting of the current theme's tone. Tone is either `light` or `dark`."),root:e("This property indicates whether the component is at the root of the application.")},opaque:!0}),Gt=[{value:"vertical",description:"This layout puts the navigation bar on the left side and displays its items vertically. The main content is aligned to the right (including the header and the footer), and its content is a single scroll container; every part of it moves as you scroll the page. This layout does not display the logo in the app header."},{value:"vertical-sticky",description:"Similar to `vertical`, the header and the navigation bar dock to the top of the main content's viewport, while the footer sticks to the bottom. This layout does not display the logo in the app header."},{value:"vertical-full-header",description:"Similar to `vertical-sticky`. However, the header and the navigation bar dock to the top of the app's window, while the footer sticks to the bottom."},{value:"condensed",description:"Similar to `horizontal`. However, the header and the navigation bar are in a single header block. (default)"},{value:"condensed-sticky",description:"However, the header and the navigation bar are in a single header block."},{value:"horizontal",description:"This layout stacks the layout sections in a single column in this order: header, navigation bar, main content, and footer. The application is a single scroll container; every part moves as you scroll the page."},{value:"horizontal-sticky",description:"Similar to `horizontal`, the header and the navigation bar dock to the top of the viewport, while the footer sticks to the bottom."}];de.createContext(null);const jt={themeVars:`'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "shadow-header-App": "var(--xmlui-shadow-header-App)", "shadow-pages-App": "var(--xmlui-shadow-pages-App)", "max-content-width-App": "var(--xmlui-max-content-width-App)", "color-bg-AppHeader": "var(--xmlui-color-bg-AppHeader)", "border-bottom-AppHeader": "var(--xmlui-border-bottom-AppHeader)"}'`,wrapper:"_wrapper_jcul7_13",vertical:"_vertical_jcul7_23",contentWrapper:"_contentWrapper_jcul7_27",navPanelWrapper:"_navPanelWrapper_jcul7_32",PagesWrapper:"_PagesWrapper_jcul7_36",footerWrapper:"_footerWrapper_jcul7_40",sticky:"_sticky_jcul7_43",horizontal:"_horizontal_jcul7_47",verticalFullHeader:"_verticalFullHeader_jcul7_67",PagesWrapperInner:"_PagesWrapperInner_jcul7_84",scrollWholePage:"_scrollWholePage_jcul7_96",headerWrapper:"_headerWrapper_jcul7_99",content:"_content_jcul7_27"},Ut={themeVars:`'{"padding-horizontal-AppHeader": "var(--xmlui-padding-horizontal-AppHeader)", "padding-vertical-AppHeader": "var(--xmlui-padding-vertical-AppHeader)", "padding-top-AppHeader": "var(--xmlui-padding-top-AppHeader)", "padding-bottom-AppHeader": "var(--xmlui-padding-bottom-AppHeader)", "padding-left-AppHeader": "var(--xmlui-padding-left-AppHeader)", "padding-right-AppHeader": "var(--xmlui-padding-right-AppHeader)", "padding-AppHeader": "var(--xmlui-padding-AppHeader)", "padding-horizontal-logo-AppHeader": "var(--xmlui-padding-horizontal-logo-AppHeader)", "padding-vertical-logo-AppHeader": "var(--xmlui-padding-vertical-logo-AppHeader)", "padding-top-logo-AppHeader": "var(--xmlui-padding-top-logo-AppHeader)", "padding-bottom-logo-AppHeader": "var(--xmlui-padding-bottom-logo-AppHeader)", "padding-left-logo-AppHeader": "var(--xmlui-padding-left-logo-AppHeader)", "padding-right-logo-AppHeader": "var(--xmlui-padding-right-logo-AppHeader)", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "color-border-horizontal-AppHeader": "var(--xmlui-color-border-horizontal-AppHeader)", "thickness-border-horizontal-AppHeader": "var(--xmlui-thickness-border-horizontal-AppHeader)", "style-border-horizontal-AppHeader": "var(--xmlui-style-border-horizontal-AppHeader)", "color-border-vertical-AppHeader": "var(--xmlui-color-border-vertical-AppHeader)", "thickness-border-vertical-AppHeader": "var(--xmlui-thickness-border-vertical-AppHeader)", "style-border-vertical-AppHeader": "var(--xmlui-style-border-vertical-AppHeader)", "color-border-left-AppHeader": "var(--xmlui-color-border-left-AppHeader)", "thickness-border-left-AppHeader": "var(--xmlui-thickness-border-left-AppHeader)", "style-border-left-AppHeader": "var(--xmlui-style-border-left-AppHeader)", "color-border-right-AppHeader": "var(--xmlui-color-border-right-AppHeader)", "thickness-border-right-AppHeader": "var(--xmlui-thickness-border-right-AppHeader)", "style-border-right-AppHeader": "var(--xmlui-style-border-right-AppHeader)", "color-border-top-AppHeader": "var(--xmlui-color-border-top-AppHeader)", "thickness-border-top-AppHeader": "var(--xmlui-thickness-border-top-AppHeader)", "style-border-top-AppHeader": "var(--xmlui-style-border-top-AppHeader)", "color-border-bottom-AppHeader": "var(--xmlui-color-border-bottom-AppHeader)", "thickness-border-bottom-AppHeader": "var(--xmlui-thickness-border-bottom-AppHeader)", "style-border-bottom-AppHeader": "var(--xmlui-style-border-bottom-AppHeader)", "color-border-AppHeader": "var(--xmlui-color-border-AppHeader)", "thickness-border-AppHeader": "var(--xmlui-thickness-border-AppHeader)", "style-border-AppHeader": "var(--xmlui-style-border-AppHeader)", "radius-AppHeader": "var(--xmlui-radius-AppHeader)", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "color-bg-AppHeader": "var(--xmlui-color-bg-AppHeader)", "max-content-width-AppHeader": "var(--xmlui-max-content-width-AppHeader)"}'`,header:"_header_zx9ej_13",headerInner:"_headerInner_zx9ej_36",full:"_full_zx9ej_51",childrenWrapper:"_childrenWrapper_zx9ej_55",logoAndTitle:"_logoAndTitle_zx9ej_66",logoContainer:"_logoContainer_zx9ej_79",customLogoContainer:"_customLogoContainer_zx9ej_88",rightItems:"_rightItems_zx9ej_97",appHub:"_appHub_zx9ej_109"},Yt={themeVars:'"[]"',img:"_img_dk2s3_13",clickable:"_clickable_dk2s3_19"},Zt={themeVars:`'{"radius-NavLink": "var(--xmlui-radius-NavLink)", "color-bg-NavLink": "var(--xmlui-color-bg-NavLink)", "color-bg-NavLink--hover": "var(--xmlui-color-bg-NavLink--hover)", "color-bg-NavLink--hover--active": "var(--xmlui-color-bg-NavLink--hover--active)", "color-bg-NavLink--active": "var(--xmlui-color-bg-NavLink--active)", "color-bg-NavLink--pressed": "var(--xmlui-color-bg-NavLink--pressed)", "color-bg-NavLink--pressed--active": "var(--xmlui-color-bg-NavLink--pressed--active)", "padding-horizontal-NavLink": "var(--xmlui-padding-horizontal-NavLink)", "padding-vertical-NavLink": "var(--xmlui-padding-vertical-NavLink)", "font-size-NavLink": "var(--xmlui-font-size-NavLink)", "color-text-NavLink": "var(--xmlui-color-text-NavLink)", "color-text-NavLink--hover": "var(--xmlui-color-text-NavLink--hover)", "color-text-NavLink--active": "var(--xmlui-color-text-NavLink--active)", "color-text-NavLink--hover--active": "var(--xmlui-color-text-NavLink--hover--active)", "color-text-NavLink--pressed": "var(--xmlui-color-text-NavLink--pressed)", "color-text-NavLink--pressed--active": "var(--xmlui-color-text-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "font-family-NavLink": "var(--xmlui-font-family-NavLink)", "font-weight-NavLink": "var(--xmlui-font-weight-NavLink)", "font-weight-NavLink--pressed": "var(--xmlui-font-weight-NavLink--pressed)", "font-weight-NavLink--active": "var(--xmlui-font-weight-NavLink--active)", "radius-indicator-NavLink": "var(--xmlui-radius-indicator-NavLink)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "thickness-outline-NavLink--focus": "var(--xmlui-thickness-outline-NavLink--focus)", "color-outline-NavLink--focus": "var(--xmlui-color-outline-NavLink--focus)", "style-outline-NavLink--focus": "var(--xmlui-style-outline-NavLink--focus)", "offset-outline-NavLink--focus": "var(--xmlui-offset-outline-NavLink--focus)"}'`,content:"_content_qpkxv_13",base:"_base_qpkxv_13",icon:"_icon_qpkxv_33",includeHoverIndicator:"_includeHoverIndicator_qpkxv_39",displayActive:"_displayActive_qpkxv_49",navItemActive:"_navItemActive_qpkxv_86",disabled:"_disabled_qpkxv_121",vertical:"_vertical_qpkxv_125",indented:"_indented_qpkxv_134"},Jt={themeVars:`'{"color-border-horizontal-NavPanel": "var(--xmlui-color-border-horizontal-NavPanel)", "thickness-border-horizontal-NavPanel": "var(--xmlui-thickness-border-horizontal-NavPanel)", "style-border-horizontal-NavPanel": "var(--xmlui-style-border-horizontal-NavPanel)", "color-border-vertical-NavPanel": "var(--xmlui-color-border-vertical-NavPanel)", "thickness-border-vertical-NavPanel": "var(--xmlui-thickness-border-vertical-NavPanel)", "style-border-vertical-NavPanel": "var(--xmlui-style-border-vertical-NavPanel)", "color-border-left-NavPanel": "var(--xmlui-color-border-left-NavPanel)", "thickness-border-left-NavPanel": "var(--xmlui-thickness-border-left-NavPanel)", "style-border-left-NavPanel": "var(--xmlui-style-border-left-NavPanel)", "color-border-right-NavPanel": "var(--xmlui-color-border-right-NavPanel)", "thickness-border-right-NavPanel": "var(--xmlui-thickness-border-right-NavPanel)", "style-border-right-NavPanel": "var(--xmlui-style-border-right-NavPanel)", "color-border-top-NavPanel": "var(--xmlui-color-border-top-NavPanel)", "thickness-border-top-NavPanel": "var(--xmlui-thickness-border-top-NavPanel)", "style-border-top-NavPanel": "var(--xmlui-style-border-top-NavPanel)", "color-border-bottom-NavPanel": "var(--xmlui-color-border-bottom-NavPanel)", "thickness-border-bottom-NavPanel": "var(--xmlui-thickness-border-bottom-NavPanel)", "style-border-bottom-NavPanel": "var(--xmlui-style-border-bottom-NavPanel)", "color-border-NavPanel": "var(--xmlui-color-border-NavPanel)", "thickness-border-NavPanel": "var(--xmlui-thickness-border-NavPanel)", "style-border-NavPanel": "var(--xmlui-style-border-NavPanel)", "radius-NavPanel": "var(--xmlui-radius-NavPanel)", "color-bg-NavPanel": "var(--xmlui-color-bg-NavPanel)", "shadow-NavPanel": "var(--xmlui-shadow-NavPanel)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "max-content-width-App": "var(--xmlui-max-content-width-App)", "padding-horizontal-NavPanel": "var(--xmlui-padding-horizontal-NavPanel)", "padding-horizontal-logo-NavPanel": "var(--xmlui-padding-horizontal-logo-NavPanel)", "padding-vertical-logo-NavPanel": "var(--xmlui-padding-vertical-logo-NavPanel)", "margin-bottom-logo-NavPanel": "var(--xmlui-margin-bottom-logo-NavPanel)", "padding-vertical-AppHeader": "var(--xmlui-padding-vertical-AppHeader)"}'`,wrapper:"_wrapper_r70y6_13",condensed:"_condensed_r70y6_40",horizontal:"_horizontal_r70y6_43",wrapperInner:"_wrapperInner_r70y6_48",logoWrapper:"_logoWrapper_r70y6_64",inDrawer:"_inDrawer_r70y6_74"},X="App",Qt=t({status:"experimental",description:`The \`${X}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${X}\` allows you to display your preferred layout.`,props:{layout:e("This property sets the layout template of the app. This setting determines the position and size of the app parts (such as header, navigation bar, footer, etc.) and the app's scroll behavior.",Gt),loggedInUser:e("Stores information about the currently logged in user."),logoTemplate:m("Optional template of the app logo"),logo:e("Optional logo path"),"logo-dark":e("Optional logo path in dark tone"),"logo-light":e("Optional logo path in light tone"),name:e("Optional application name (visible in the browser tab)"),scrollWholePage:e("This boolean property specifies whether the whole page should scroll (`true`) or just the content area (`false`). The default value is `true`.",null,"boolean",!0)},events:{ready:e(`This event fires when the \`${X}\` component finishes rendering on the page.`)},themeVars:n(jt.themeVars),defaultThemeVars:{[`width-navPanel-${X}`]:"$space-64",[`max-content-width-${X}`]:"$max-content-width",[`shadow-header-${X}`]:"$shadow-spread",[`shadow-pages-${X}`]:"$shadow-spread",light:{},dark:{}}});function we(i,o){return{[`padding-left-${i}`]:(o==null?void 0:o.left)??`$padding-horizontal-${i}`,[`padding-right-${i}`]:(o==null?void 0:o.right)??`$padding-horizontal-${i}`,[`padding-top-${i}`]:(o==null?void 0:o.top)??`$padding-vertical-${i}`,[`padding-bottom-${i}`]:(o==null?void 0:o.bottom)??`$padding-vertical-${i}`,[`padding-horizontal-${i}`]:(o==null?void 0:o.horizontal)??"",[`padding-vertical-${i}`]:(o==null?void 0:o.vertical)??"",[`padding-${i}`]:(o==null?void 0:o.all)??`$padding-top-${i} $padding-right-${i} $padding-bottom-${i} $padding-left-${i}`}}function Ge(i,o){var oe,ce,De,Le,Ae,Fe;return{[`radius-${i}`]:"$radius",...O("left",(o==null?void 0:o.left)??(o==null?void 0:o.horizontal)??(o==null?void 0:o.all)),...O("right",(o==null?void 0:o.right)??(o==null?void 0:o.horizontal)??(o==null?void 0:o.all)),...O("top",(o==null?void 0:o.top)??(o==null?void 0:o.vertical)??(o==null?void 0:o.all)),...O("bottom",(o==null?void 0:o.bottom)??(o==null?void 0:o.vertical)??(o==null?void 0:o.all)),...O("horizontal",(o==null?void 0:o.horizontal)??(o==null?void 0:o.all)),...O("vertical",(o==null?void 0:o.vertical)??(o==null?void 0:o.all)),[`color-border-${i}`]:((oe=o==null?void 0:o.all)==null?void 0:oe.color)??"",[`thickness-border-${i}`]:((ce=o==null?void 0:o.all)==null?void 0:ce.thickness)??"",[`style-border-${i}`]:((De=o==null?void 0:o.all)==null?void 0:De.style)??"",[`border-${i}`]:`${((Le=o==null?void 0:o.all)==null?void 0:Le.thickness)??`$thickness-border-${i}`} ${((Ae=o==null?void 0:o.all)==null?void 0:Ae.style)??`$style-border-${i}`} ${((Fe=o==null?void 0:o.all)==null?void 0:Fe.color)??`$color-border-${i}`} `};function O(W,w){return{[`color-border-${W}-${i}`]:(w==null?void 0:w.color)??"",[`thickness-border-${W}-${i}`]:(w==null?void 0:w.thickness)??"",[`style-border-${W}-${i}`]:(w==null?void 0:w.style)??"",[`border-${W}-${i}`]:(w==null?void 0:w.all)??`$thickness-border-${W}-${i} $style-border-${W}-${i} $color-border-${W}-${i}`}}}const ct="AppHeader",Xt=t({status:"experimental",description:`\`${ct}\` is a placeholder within \`App\` to define a custom application header.`,props:{profileMenuTemplate:m(`This property makes the profile menu slot of the \`${ct}\` component customizable.`),logoTemplate:m("This property defines the template to use for the logo. With this property, you can construct your custom logo instead of using a single image."),titleTemplate:m("This property defines the template to use for the title. With this property, you can construct your custom title instead of using a single image."),title:e("Title for the application logo")},themeVars:n(Ut.themeVars),defaultThemeVars:{"height-AppHeader":"$space-14","max-content-width-AppHeader":"$max-content-width-App",...Ge("AppHeader",{bottom:{color:"$color-border",thickness:"1px",style:"solid"},all:{color:"$color-border",thickness:"0",style:"solid"}}),...we("logo-AppHeader",{horizontal:"$space-0",vertical:"$space-4"}),...we("AppHeader",{horizontal:"$space-4",vertical:"$space-0"}),"radius-AppHeader":"0px",light:{"color-bg-AppHeader":"white"},dark:{"color-bg-AppHeader":"$color-surface-900"}}}),pe="AppState",Kt=t({description:`${pe} is a functional component (without a visible user interface) that helps store and manage the app's state.`,props:{bucket:e(`This property is the identifier of the bucket to which the \`${pe}\` instance is bound. Multiple \`${pe}\` instances with the same bucket will share the same state object: any of them updating the state will cause the other instances to view the new, updated state.`),initialValue:e(`This property contains the initial state value. Though you can use multiple \`${pe}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${pe}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`)},nonVisual:!0}),eo={themeVars:`'{"color-bg-Avatar": "var(--xmlui-color-bg-Avatar)", "color-border-Avatar": "var(--xmlui-color-border-Avatar)", "thickness-border-Avatar": "var(--xmlui-thickness-border-Avatar)", "style-border-Avatar": "var(--xmlui-style-border-Avatar)", "border-Avatar": "var(--xmlui-border-Avatar)", "radius-Avatar": "var(--xmlui-radius-Avatar)", "shadow-Avatar": "var(--xmlui-shadow-Avatar)", "color-text-Avatar": "var(--xmlui-color-text-Avatar)", "font-weight-Avatar": "var(--xmlui-font-weight-Avatar)"}'`,container:"_container_1fbc9_13",xs:"_xs_1fbc9_34",sm:"_sm_1fbc9_41",md:"_md_1fbc9_48",lg:"_lg_1fbc9_55",clickable:"_clickable_1fbc9_62"},g="Avatar",to=t({description:`The \`${g}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,props:{size:e(`This property defines the display size of the ${g}.`,Re,"string","sm"),name:e(`This property sets the name value the ${g} uses to display initials.`),url:e(`This property specifies the URL of the image to display in the ${g}.`)},events:{click:e("This event is triggered when the avatar is clicked.")},themeVars:n(eo.themeVars),defaultThemeVars:{[`radius-${g}`]:"4px",[`thickness-border-${g}`]:"0px",[`style-border-${g}`]:"solid",[`border-${g}`]:`$thickness-border-${g} $style-border-${g} $color-border-${g}`,[`shadow-${g}`]:"inset 0 0 0 1px rgba(4,32,69,0.1)",[`color-text-${g}`]:"$color-text-secondary",[`font-weight-${g}`]:"$font-weight-bold",light:{[`color-bg-${g}`]:"$color-surface-100",[`color-border-${g}`]:"$color-surface-400A80"},dark:{[`color-bg-${g}`]:"$color-surface-800",[`color-border-${g}`]:"$color-surface-700"}}}),oo={themeVars:`'{"color-bg-Badge": "var(--xmlui-color-bg-Badge)", "radius-Badge": "var(--xmlui-radius-Badge)", "color-text-Badge": "var(--xmlui-color-text-Badge)", "font-size-Badge": "var(--xmlui-font-size-Badge)", "font-size-Badge-pill": "var(--xmlui-font-size-Badge-pill)", "font-weight-Badge": "var(--xmlui-font-weight-Badge)", "font-weight-Badge-pill": "var(--xmlui-font-weight-Badge-pill)", "padding-horizontal-Badge": "var(--xmlui-padding-horizontal-Badge)", "padding-vertical-Badge": "var(--xmlui-padding-vertical-Badge)", "padding-Badge": "var(--xmlui-padding-Badge)", "padding-horizontal-Badge-pill": "var(--xmlui-padding-horizontal-Badge-pill)", "padding-vertical-Badge-pill": "var(--xmlui-padding-vertical-Badge-pill)", "padding-Badge-pill": "var(--xmlui-padding-Badge-pill)"}'`,badge:"_badge_xcyhw_13",pill:"_pill_xcyhw_29"},v="Badge",ro=t({status:"stable",description:`The \`${v}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,props:{value:e("The text that the component displays"),variant:e("Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners."),colorMap:e(`The \`${v}\` component supports the mapping of a list of colors using the \`value\` prop as the key. Provide the component with a list or key-value pairs in two ways:`),themeColor:e("(**NOT IMPLEMENTED YET**) The theme color of the component."),indicatorText:e("(**NOT IMPLEMENTED YET**) This property defines the text to display in the indicator. If it is not defined or empty, no indicator is displayed unless the `forceIndicator` property is set."),forceIndicator:e("(**NOT IMPLEMENTED YET**) This property forces the display of the indicator, even if the `indicatorText` property is not defined or empty."),indicatorThemeColor:e("(**NOT IMPLEMENTED YET**) The theme color of the indicator."),indicatorPosition:e("(**NOT IMPLEMENTED YET**) The position of the indicator.")},events:{},themeVars:n(oo.themeVars),defaultThemeVars:{[`padding-horizontal-${v}`]:"$space-2",[`padding-vertical-${v}`]:"$space-0_5",[`padding-${v}`]:`$padding-vertical-${v} $padding-horizontal-${v}`,[`padding-${v}-pill`]:`$padding-vertical-${v}-pill $padding-horizontal-${v}-pill`,[`radius-${v}`]:"4px",[`font-size-${v}`]:"$font-size-normal",[`font-size-${v}-pill`]:"$font-size-normal",[`font-weight-${v}`]:"$font-weight-bold",[`font-weight-${v}-pill`]:"$font-weight-normal",light:{[`color-bg-${v}`]:"$color-primary-500",[`color-text-${v}`]:"$color-surface-50"},dark:{[`color-bg-${v}`]:"$color-primary-500",[`color-text-${v}`]:"$color-surface-50"}}}),io=t({description:"As its name suggests, this component places a bookmark into its parent component's view. The component has an `id` that you can use in links to navigate (scroll to) the bookmark's location.",opaque:!0,props:{id:e("The unique identifier of the bookmark. You can use this identifier in links to navigate to this component's location."),level:e("The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.")}}),ao={themeVars:`'{"padding-Card": "var(--xmlui-padding-Card)", "padding-horizontal-Card": "var(--xmlui-padding-horizontal-Card)", "padding-vertical-Card": "var(--xmlui-padding-vertical-Card)", "shadow-Card": "var(--xmlui-shadow-Card)", "color-bg-Card": "var(--xmlui-color-bg-Card)", "radius-Card": "var(--xmlui-radius-Card)", "color-border-Card": "var(--xmlui-color-border-Card)", "thickness-border-Card": "var(--xmlui-thickness-border-Card)", "style-border-Card": "var(--xmlui-style-border-Card)", "border-Card": "var(--xmlui-border-Card)"}'`,wrapper:"_wrapper_6uga6_13",isClickable:"_isClickable_6uga6_23"},no={themeVars:`'{"color-text-Link": "var(--xmlui-color-text-Link)", "color-text-Link--active": "var(--xmlui-color-text-Link--active)", "color-text-Link--hover": "var(--xmlui-color-text-Link--hover)", "color-text-Link--hover--active": "var(--xmlui-color-text-Link--hover--active)", "font-size-Link": "var(--xmlui-font-size-Link)", "font-weight-Link": "var(--xmlui-font-weight-Link)", "font-weight-Link--active": "var(--xmlui-font-weight-Link--active)", "color-decoration-Link": "var(--xmlui-color-decoration-Link)", "offset-decoration-Link": "var(--xmlui-offset-decoration-Link)", "line-decoration-Link": "var(--xmlui-line-decoration-Link)", "style-decoration-Link": "var(--xmlui-style-decoration-Link)", "thickness-decoration-Link": "var(--xmlui-thickness-decoration-Link)", "thickness-outline-Link--focus": "var(--xmlui-thickness-outline-Link--focus)", "color-outline-Link--focus": "var(--xmlui-color-outline-Link--focus)", "style-outline-Link--focus": "var(--xmlui-style-outline-Link--focus)", "offset-outline-Link--focus": "var(--xmlui-offset-outline-Link--focus)"}'`,container:"_container_bq1e8_13",active:"_active_bq1e8_27",disabled:"_disabled_bq1e8_31",iconWrapper:"_iconWrapper_bq1e8_47"},K={themeVars:`'{"Heading:color-text-H1": "var(--xmlui-color-text-H1)", "Heading:letter-spacing-H1": "var(--xmlui-letter-spacing-H1)", "Heading:font-family-H1": "var(--xmlui-font-family-H1)", "Heading:font-weight-H1": "var(--xmlui-font-weight-H1)", "font-size-H1": "var(--xmlui-font-size-H1)", "line-height-H1": "var(--xmlui-line-height-H1)", "margin-top-H1": "var(--xmlui-margin-top-H1)", "margin-bottom-H1": "var(--xmlui-margin-bottom-H1)", "Heading:line-decoration-H1": "var(--xmlui-line-decoration-H1)", "Heading:color-decoration-H1": "var(--xmlui-color-decoration-H1)", "Heading:style-decoration-H1": "var(--xmlui-style-decoration-H1)", "Heading:thickness-decoration-H1": "var(--xmlui-thickness-decoration-H1)", "Heading:offset-decoration-H1": "var(--xmlui-offset-decoration-H1)", "Heading:color-text-H2": "var(--xmlui-color-text-H2)", "Heading:letter-spacing-H2": "var(--xmlui-letter-spacing-H2)", "Heading:font-family-H2": "var(--xmlui-font-family-H2)", "Heading:font-weight-H2": "var(--xmlui-font-weight-H2)", "font-size-H2": "var(--xmlui-font-size-H2)", "line-height-H2": "var(--xmlui-line-height-H2)", "margin-top-H2": "var(--xmlui-margin-top-H2)", "margin-bottom-H2": "var(--xmlui-margin-bottom-H2)", "Heading:line-decoration-H2": "var(--xmlui-line-decoration-H2)", "Heading:color-decoration-H2": "var(--xmlui-color-decoration-H2)", "Heading:style-decoration-H2": "var(--xmlui-style-decoration-H2)", "Heading:thickness-decoration-H2": "var(--xmlui-thickness-decoration-H2)", "Heading:offset-decoration-H2": "var(--xmlui-offset-decoration-H2)", "Heading:color-text-H3": "var(--xmlui-color-text-H3)", "Heading:letter-spacing-H3": "var(--xmlui-letter-spacing-H3)", "Heading:font-family-H3": "var(--xmlui-font-family-H3)", "Heading:font-weight-H3": "var(--xmlui-font-weight-H3)", "font-size-H3": "var(--xmlui-font-size-H3)", "line-height-H3": "var(--xmlui-line-height-H3)", "margin-top-H3": "var(--xmlui-margin-top-H3)", "margin-bottom-H3": "var(--xmlui-margin-bottom-H3)", "Heading:line-decoration-H3": "var(--xmlui-line-decoration-H3)", "Heading:color-decoration-H3": "var(--xmlui-color-decoration-H3)", "Heading:style-decoration-H3": "var(--xmlui-style-decoration-H3)", "Heading:thickness-decoration-H3": "var(--xmlui-thickness-decoration-H3)", "Heading:offset-decoration-H3": "var(--xmlui-offset-decoration-H3)", "Heading:color-text-H4": "var(--xmlui-color-text-H4)", "Heading:letter-spacing-H4": "var(--xmlui-letter-spacing-H4)", "Heading:font-family-H4": "var(--xmlui-font-family-H4)", "Heading:font-weight-H4": "var(--xmlui-font-weight-H4)", "font-size-H4": "var(--xmlui-font-size-H4)", "line-height-H4": "var(--xmlui-line-height-H4)", "margin-top-H4": "var(--xmlui-margin-top-H4)", "margin-bottom-H4": "var(--xmlui-margin-bottom-H4)", "Heading:line-decoration-H4": "var(--xmlui-line-decoration-H4)", "Heading:color-decoration-H4": "var(--xmlui-color-decoration-H4)", "Heading:style-decoration-H4": "var(--xmlui-style-decoration-H4)", "Heading:thickness-decoration-H4": "var(--xmlui-thickness-decoration-H4)", "Heading:offset-decoration-H4": "var(--xmlui-offset-decoration-H4)", "Heading:color-text-H5": "var(--xmlui-color-text-H5)", "Heading:letter-spacing-H5": "var(--xmlui-letter-spacing-H5)", "Heading:font-family-H5": "var(--xmlui-font-family-H5)", "Heading:font-weight-H5": "var(--xmlui-font-weight-H5)", "font-size-H5": "var(--xmlui-font-size-H5)", "line-height-H5": "var(--xmlui-line-height-H5)", "margin-top-H5": "var(--xmlui-margin-top-H5)", "margin-bottom-H5": "var(--xmlui-margin-bottom-H5)", "Heading:line-decoration-H5": "var(--xmlui-line-decoration-H5)", "Heading:color-decoration-H5": "var(--xmlui-color-decoration-H5)", "Heading:style-decoration-H5": "var(--xmlui-style-decoration-H5)", "Heading:thickness-decoration-H5": "var(--xmlui-thickness-decoration-H5)", "Heading:offset-decoration-H5": "var(--xmlui-offset-decoration-H5)", "Heading:color-text-H6": "var(--xmlui-color-text-H6)", "Heading:letter-spacing-H6": "var(--xmlui-letter-spacing-H6)", "Heading:font-family-H6": "var(--xmlui-font-family-H6)", "Heading:font-weight-H6": "var(--xmlui-font-weight-H6)", "font-size-H6": "var(--xmlui-font-size-H6)", "line-height-H6": "var(--xmlui-line-height-H6)", "margin-top-H6": "var(--xmlui-margin-top-H6)", "margin-bottom-H6": "var(--xmlui-margin-bottom-H6)", "Heading:line-decoration-H6": "var(--xmlui-line-decoration-H6)", "Heading:color-decoration-H6": "var(--xmlui-color-decoration-H6)", "Heading:style-decoration-H6": "var(--xmlui-style-decoration-H6)", "Heading:thickness-decoration-H6": "var(--xmlui-thickness-decoration-H6)", "Heading:offset-decoration-H6": "var(--xmlui-offset-decoration-H6)"}'`,heading:"_heading_1tifa_13",h1:"_h1_1tifa_13",h2:"_h2_1tifa_28",h3:"_h3_1tifa_43",h4:"_h4_1tifa_58",h5:"_h5_1tifa_73",h6:"_h6_1tifa_88",truncateOverflow:"_truncateOverflow_1tifa_108",preserveLinebreaks:"_preserveLinebreaks_1tifa_114",noEllipsis:"_noEllipsis_1tifa_118"},b="Card",lo=t({description:`The \`${b}\` component is a container for cohesive elements, often rendered visually as a card.`,props:{avatarUrl:e(`Show the avatar (\`true\`) or not (\`false\`). If not specified, the ${b} will show the first letters of the [\`title\`](#title).`),showAvatar:e(`Indicates whether the ${b} should be displayed`,null,"boolean"),title:e("This prop sets the prestyled title."),subTitle:e("This prop sets the prestyled subtitle."),linkTo:e("This property wraps the title in a `Link` component that is clickable to navigate.")},events:{click:G(b)},themeVars:n(ao.themeVars),defaultThemeVars:{[`padding-horizontal-${b}`]:"$space-4",[`padding-vertical-${b}`]:"$space-4",[`padding-${b}`]:`$padding-vertical-${b} $padding-horizontal-${b}`,[`color-border-${b}`]:"$color-border",[`thickness-border-${b}`]:"1px",[`style-border-${b}`]:"solid",[`border-${b}`]:`$thickness-border-${b} $style-border-${b} $color-border-${b}`,[`radius-${b}`]:"$radius",[`shadow-${b}`]:"none",light:{[`color-bg-${b}`]:"white"},dark:{[`color-bg-${b}`]:"$color-surface-900"}}}),dt="ChangeListener",so=t({description:`\`${dt}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,props:{listenTo:e("Value to the changes of which this component listens"),throttleWaitInMs:e("This variable sets a throttling time (in milliseconds) to apply when executing the `didChange` event handler. All changes within that throttling time will only fire the `didChange` event once.")},events:{didChange:T(dt)}}),ut={themeVars:`'{"Input:radius-Checkbox-default": "var(--xmlui-radius-Checkbox-default)", "Input:color-border-Checkbox-default": "var(--xmlui-color-border-Checkbox-default)", "Input:color-bg-Checkbox-default": "var(--xmlui-color-bg-Checkbox-default)", "Input:thickness-outline-Checkbox-default--focus": "var(--xmlui-thickness-outline-Checkbox-default--focus)", "Input:color-outline-Checkbox-default--focus": "var(--xmlui-color-outline-Checkbox-default--focus)", "Input:style-outline-Checkbox-default--focus": "var(--xmlui-style-outline-Checkbox-default--focus)", "Input:offset-outline-Checkbox-default--focus": "var(--xmlui-offset-outline-Checkbox-default--focus)", "Input:color-border-Checkbox-default--hover": "var(--xmlui-color-border-Checkbox-default--hover)", "Input:color-bg-Checkbox--disabled": "var(--xmlui-color-bg-Checkbox--disabled)", "Input:color-border-Checkbox--disabled": "var(--xmlui-color-border-Checkbox--disabled)", "Input:radius-Checkbox-error": "var(--xmlui-radius-Checkbox-error)", "Input:color-border-Checkbox-error": "var(--xmlui-color-border-Checkbox-error)", "Input:color-bg-Checkbox-error": "var(--xmlui-color-bg-Checkbox-error)", "Input:thickness-outline-Checkbox-error--focus": "var(--xmlui-thickness-outline-Checkbox-error--focus)", "Input:color-outline-Checkbox-error--focus": "var(--xmlui-color-outline-Checkbox-error--focus)", "Input:style-outline-Checkbox-error--focus": "var(--xmlui-style-outline-Checkbox-error--focus)", "Input:offset-outline-Checkbox-error--focus": "var(--xmlui-offset-outline-Checkbox-error--focus)", "Input:radius-Checkbox-warning": "var(--xmlui-radius-Checkbox-warning)", "Input:color-border-Checkbox-warning": "var(--xmlui-color-border-Checkbox-warning)", "Input:color-bg-Checkbox-warning": "var(--xmlui-color-bg-Checkbox-warning)", "Input:thickness-outline-Checkbox-warning--focus": "var(--xmlui-thickness-outline-Checkbox-warning--focus)", "Input:color-outline-Checkbox-warning--focus": "var(--xmlui-color-outline-Checkbox-warning--focus)", "Input:style-outline-Checkbox-warning--focus": "var(--xmlui-style-outline-Checkbox-warning--focus)", "Input:offset-outline-Checkbox-warning--focus": "var(--xmlui-offset-outline-Checkbox-warning--focus)", "Input:radius-Checkbox-success": "var(--xmlui-radius-Checkbox-success)", "Input:color-border-Checkbox-success": "var(--xmlui-color-border-Checkbox-success)", "Input:color-bg-Checkbox-success": "var(--xmlui-color-bg-Checkbox-success)", "Input:thickness-outline-Checkbox-success--focus": "var(--xmlui-thickness-outline-Checkbox-success--focus)", "Input:color-outline-Checkbox-success--focus": "var(--xmlui-color-outline-Checkbox-success--focus)", "Input:style-outline-Checkbox-success--focus": "var(--xmlui-style-outline-Checkbox-success--focus)", "Input:offset-outline-Checkbox-success--focus": "var(--xmlui-offset-outline-Checkbox-success--focus)", "color-bg-indicator-Checkbox": "var(--xmlui-color-bg-indicator-Checkbox)", "Input:color-border-checked-Checkbox": "var(--xmlui-color-border-checked-Checkbox)", "Input:color-bg-checked-Checkbox": "var(--xmlui-color-bg-checked-Checkbox)", "Input:color-border-checked-Checkbox-error": "var(--xmlui-color-border-checked-Checkbox-error)", "Input:color-bg-checked-Checkbox-error": "var(--xmlui-color-bg-checked-Checkbox-error)", "Input:color-border-checked-Checkbox-warning": "var(--xmlui-color-border-checked-Checkbox-warning)", "Input:color-bg-checked-Checkbox-warning": "var(--xmlui-color-bg-checked-Checkbox-warning)", "Input:color-border-checked-Checkbox-success": "var(--xmlui-color-border-checked-Checkbox-success)", "Input:color-bg-checked-Checkbox-success": "var(--xmlui-color-bg-checked-Checkbox-success)", "Input:color-border-Switch": "var(--xmlui-color-border-Switch)", "Input:color-bg-Switch": "var(--xmlui-color-bg-Switch)", "Input:color-border-Switch-default--hover": "var(--xmlui-color-border-Switch-default--hover)", "Input:color-bg-Switch--disabled": "var(--xmlui-color-bg-Switch--disabled)", "Input:color-border-Switch--disabled": "var(--xmlui-color-border-Switch--disabled)", "Input:color-border-Switch-error": "var(--xmlui-color-border-Switch-error)", "Input:color-border-Switch-warning": "var(--xmlui-color-border-Switch-warning)", "Input:color-border-Switch-success": "var(--xmlui-color-border-Switch-success)", "color-bg-indicator-Switch": "var(--xmlui-color-bg-indicator-Switch)", "Input:color-border-checked-Switch": "var(--xmlui-color-border-checked-Switch)", "Input:color-bg-checked-Switch": "var(--xmlui-color-bg-checked-Switch)", "Input:color-border-checked-Switch-error": "var(--xmlui-color-border-checked-Switch-error)", "Input:color-bg-checked-Switch-error": "var(--xmlui-color-bg-checked-Switch-error)", "Input:color-border-checked-Switch-warning": "var(--xmlui-color-border-checked-Switch-warning)", "Input:color-bg-checked-Switch-warning": "var(--xmlui-color-bg-checked-Switch-warning)", "Input:color-border-checked-Switch-success": "var(--xmlui-color-border-checked-Switch-success)", "Input:color-bg-checked-Switch-success": "var(--xmlui-color-bg-checked-Switch-success)", "Input:thickness-outline-Switch--focus": "var(--xmlui-thickness-outline-Switch--focus)", "Input:color-outline-Switch--focus": "var(--xmlui-color-outline-Switch--focus)", "Input:style-outline-Switch--focus": "var(--xmlui-style-outline-Switch--focus)", "Input:offset-outline-Switch--focus": "var(--xmlui-offset-outline-Switch--focus)"}'`,resetAppearance:"_resetAppearance_fdujw_13",checkbox:"_checkbox_fdujw_21",error:"_error_fdujw_50",warning:"_warning_fdujw_61",valid:"_valid_fdujw_72",switch:"_switch_fdujw_132"},co={themeVars:`'{"color-text-FormItemLabel": "var(--xmlui-color-text-FormItemLabel)", "font-size-FormItemLabel": "var(--xmlui-font-size-FormItemLabel)", "font-weight-FormItemLabel": "var(--xmlui-font-weight-FormItemLabel)", "font-style-FormItemLabel": "var(--xmlui-font-style-FormItemLabel)", "text-transform-FormItemLabel": "var(--xmlui-text-transform-FormItemLabel)", "color-text-FormItemLabel-required": "var(--xmlui-color-text-FormItemLabel-required)", "font-size-FormItemLabel-required": "var(--xmlui-font-size-FormItemLabel-required)", "font-weight-FormItemLabel-required": "var(--xmlui-font-weight-FormItemLabel-required)", "font-style-FormItemLabel-required": "var(--xmlui-font-style-FormItemLabel-required)", "text-transform-FormItemLabel-required": "var(--xmlui-text-transform-FormItemLabel-required)", "color-text-FormItemLabel-requiredMark": "var(--xmlui-color-text-FormItemLabel-requiredMark)"}'`,container:"_container_xyvyi_13",top:"_top_xyvyi_20",right:"_right_xyvyi_25",bottom:"_bottom_xyvyi_31",left:"_left_xyvyi_36",shrinkToLabel:"_shrinkToLabel_xyvyi_42",inputLabel:"_inputLabel_xyvyi_45",disabled:"_disabled_xyvyi_56",labelBreak:"_labelBreak_xyvyi_60",required:"_required_xyvyi_63",requiredMark:"_requiredMark_xyvyi_70"},uo={themeVars:`'{"size-Spinner": "var(--xmlui-size-Spinner)", "thickness-Spinner": "var(--xmlui-thickness-Spinner)", "color-border-Spinner": "var(--xmlui-color-border-Spinner)"}'`,"lds-ring":"_lds-ring_xu4p3_13",fullScreenSpinnerWrapper:"_fullScreenSpinnerWrapper_xu4p3_54"},u="Checkbox",ho=t({status:"stable",description:`The \`${u}\` component allows users to make binary choices, typically between checked or unchecked. It consists of a small box that can be toggled on or off by clicking on it.`,props:{indeterminate:it(),label:M(),labelPosition:qe("right"),initialValue:B(!1),labelId:D(),autoFocus:y(),readOnly:S(),enabled:f(),validationStatus:P(),description:e(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${u} besides its label.`)},events:{click:G(u),gotFocus:k(u),lostFocus:I(u),didChange:T(u)},apis:{value:at(),setValue:re()},themeVars:n(ut.themeVars),defaultThemeVars:{[`color-border-checked-${u}-error`]:`$color-border-${u}-error`,[`color-bg-checked-${u}-error`]:`$color-border-${u}-error`,[`color-border-checked-${u}-warning`]:`$color-border-${u}-warning`,[`color-bg-checked-${u}-warning`]:`$color-border-${u}-warning`,[`color-border-checked-${u}-success`]:`$color-border-${u}-success`,[`color-bg-checked-${u}-success`]:`$color-border-${u}-success`,light:{[`color-bg-indicator-${u}`]:"$color-bg-primary",[`color-border-checked-${u}`]:"$color-primary-500",[`color-bg-checked-${u}`]:"$color-primary-500",[`color-bg-${u}--disabled`]:"$color-surface-200"},dark:{[`color-bg-indicator-${u}`]:"$color-bg-primary",[`color-border-checked-${u}`]:"$color-primary-400",[`color-bg-checked-${u}`]:"$color-primary-400",[`color-bg-${u}--disabled`]:"$color-surface-800"}}}),mo={themeVars:`'{"Input:min-height-Combobox": "var(--xmlui-min-height-Combobox)", "Input:radius-Combobox-default": "var(--xmlui-radius-Combobox-default)", "Input:color-border-Combobox-default": "var(--xmlui-color-border-Combobox-default)", "Input:thickness-border-Combobox-default": "var(--xmlui-thickness-border-Combobox-default)", "Input:style-border-Combobox-default": "var(--xmlui-style-border-Combobox-default)", "Input:font-size-Combobox-default": "var(--xmlui-font-size-Combobox-default)", "Input:color-bg-Combobox-default": "var(--xmlui-color-bg-Combobox-default)", "Input:shadow-Combobox-default": "var(--xmlui-shadow-Combobox-default)", "Input:color-text-Combobox-default": "var(--xmlui-color-text-Combobox-default)", "Input:thickness-outline-Combobox-default--focus": "var(--xmlui-thickness-outline-Combobox-default--focus)", "Input:color-outline-Combobox-default--focus": "var(--xmlui-color-outline-Combobox-default--focus)", "Input:style-outline-Combobox-default--focus": "var(--xmlui-style-outline-Combobox-default--focus)", "Input:offset-outline-Combobox-default--focus": "var(--xmlui-offset-outline-Combobox-default--focus)", "Input:color-border-Combobox-default--hover": "var(--xmlui-color-border-Combobox-default--hover)", "Input:color-bg-Combobox-default--hover": "var(--xmlui-color-bg-Combobox-default--hover)", "Input:shadow-Combobox-default--hover": "var(--xmlui-shadow-Combobox-default--hover)", "Input:color-text-Combobox-default--hover": "var(--xmlui-color-text-Combobox-default--hover)", "Input:color-placeholder-Combobox-default": "var(--xmlui-color-placeholder-Combobox-default)", "Input:radius-Combobox-error": "var(--xmlui-radius-Combobox-error)", "Input:color-border-Combobox-error": "var(--xmlui-color-border-Combobox-error)", "Input:thickness-border-Combobox-error": "var(--xmlui-thickness-border-Combobox-error)", "Input:style-border-Combobox-error": "var(--xmlui-style-border-Combobox-error)", "Input:font-size-Combobox-error": "var(--xmlui-font-size-Combobox-error)", "Input:color-bg-Combobox-error": "var(--xmlui-color-bg-Combobox-error)", "Input:shadow-Combobox-error": "var(--xmlui-shadow-Combobox-error)", "Input:color-text-Combobox-error": "var(--xmlui-color-text-Combobox-error)", "Input:thickness-outline-Combobox-error--focus": "var(--xmlui-thickness-outline-Combobox-error--focus)", "Input:color-outline-Combobox-error--focus": "var(--xmlui-color-outline-Combobox-error--focus)", "Input:style-outline-Combobox-error--focus": "var(--xmlui-style-outline-Combobox-error--focus)", "Input:offset-outline-Combobox-error--focus": "var(--xmlui-offset-outline-Combobox-error--focus)", "Input:color-border-Combobox-error--hover": "var(--xmlui-color-border-Combobox-error--hover)", "Input:color-bg-Combobox-error--hover": "var(--xmlui-color-bg-Combobox-error--hover)", "Input:shadow-Combobox-error--hover": "var(--xmlui-shadow-Combobox-error--hover)", "Input:color-text-Combobox-error--hover": "var(--xmlui-color-text-Combobox-error--hover)", "Input:color-placeholder-Combobox-error": "var(--xmlui-color-placeholder-Combobox-error)", "Input:radius-Combobox-warning": "var(--xmlui-radius-Combobox-warning)", "Input:color-border-Combobox-warning": "var(--xmlui-color-border-Combobox-warning)", "Input:thickness-border-Combobox-warning": "var(--xmlui-thickness-border-Combobox-warning)", "Input:style-border-Combobox-warning": "var(--xmlui-style-border-Combobox-warning)", "Input:font-size-Combobox-warning": "var(--xmlui-font-size-Combobox-warning)", "Input:color-bg-Combobox-warning": "var(--xmlui-color-bg-Combobox-warning)", "Input:shadow-Combobox-warning": "var(--xmlui-shadow-Combobox-warning)", "Input:color-text-Combobox-warning": "var(--xmlui-color-text-Combobox-warning)", "Input:thickness-outline-Combobox-warning--focus": "var(--xmlui-thickness-outline-Combobox-warning--focus)", "Input:color-outline-Combobox-warning--focus": "var(--xmlui-color-outline-Combobox-warning--focus)", "Input:style-outline-Combobox-warning--focus": "var(--xmlui-style-outline-Combobox-warning--focus)", "Input:offset-outline-Combobox-warning--focus": "var(--xmlui-offset-outline-Combobox-warning--focus)", "Input:color-border-Combobox-warning--hover": "var(--xmlui-color-border-Combobox-warning--hover)", "Input:color-bg-Combobox-warning--hover": "var(--xmlui-color-bg-Combobox-warning--hover)", "Input:shadow-Combobox-warning--hover": "var(--xmlui-shadow-Combobox-warning--hover)", "Input:color-text-Combobox-warning--hover": "var(--xmlui-color-text-Combobox-warning--hover)", "Input:color-placeholder-Combobox-warning": "var(--xmlui-color-placeholder-Combobox-warning)", "Input:radius-Combobox-success": "var(--xmlui-radius-Combobox-success)", "Input:color-border-Combobox-success": "var(--xmlui-color-border-Combobox-success)", "Input:thickness-border-Combobox-success": "var(--xmlui-thickness-border-Combobox-success)", "Input:style-border-Combobox-success": "var(--xmlui-style-border-Combobox-success)", "Input:font-size-Combobox-success": "var(--xmlui-font-size-Combobox-success)", "Input:color-bg-Combobox-success": "var(--xmlui-color-bg-Combobox-success)", "Input:shadow-Combobox-success": "var(--xmlui-shadow-Combobox-success)", "Input:color-text-Combobox-success": "var(--xmlui-color-text-Combobox-success)", "Input:thickness-outline-Combobox-success--focus": "var(--xmlui-thickness-outline-Combobox-success--focus)", "Input:color-outline-Combobox-success--focus": "var(--xmlui-color-outline-Combobox-success--focus)", "Input:style-outline-Combobox-success--focus": "var(--xmlui-style-outline-Combobox-success--focus)", "Input:offset-outline-Combobox-success--focus": "var(--xmlui-offset-outline-Combobox-success--focus)", "Input:color-border-Combobox-success--hover": "var(--xmlui-color-border-Combobox-success--hover)", "Input:color-bg-Combobox-success--hover": "var(--xmlui-color-bg-Combobox-success--hover)", "Input:shadow-Combobox-success--hover": "var(--xmlui-shadow-Combobox-success--hover)", "Input:color-text-Combobox-success--hover": "var(--xmlui-color-text-Combobox-success--hover)", "Input:color-placeholder-Combobox-success": "var(--xmlui-color-placeholder-Combobox-success)", "Input:color-bg-Combobox--disabled": "var(--xmlui-color-bg-Combobox--disabled)", "Input:color-text-Combobox--disabled": "var(--xmlui-color-text-Combobox--disabled)", "Input:color-border-Combobox--disabled": "var(--xmlui-color-border-Combobox--disabled)", "Input:color-placeholder-Combobox": "var(--xmlui-color-placeholder-Combobox)", "Input:color-text-indicator-Combobox": "var(--xmlui-color-text-indicator-Combobox)", "Input:shadow-menu-Combobox": "var(--xmlui-shadow-menu-Combobox)", "Input:color-bg-menu-Combobox": "var(--xmlui-color-bg-menu-Combobox)", "Input:radius-menu-Combobox": "var(--xmlui-radius-menu-Combobox)", "Input:color-bg-item-Combobox--hover": "var(--xmlui-color-bg-item-Combobox--hover)", "Input:color-bg-item-Combobox--active": "var(--xmlui-color-bg-item-Combobox--active)", "Input:color-text-item-Combobox--disabled": "var(--xmlui-color-text-item-Combobox--disabled)"}'`,comboboxToggleButton:"_comboboxToggleButton_m8skw_13",comboboxInput:"_comboboxInput_m8skw_35",placeholder:"_placeholder_m8skw_47",error:"_error_m8skw_50",warning:"_warning_m8skw_75",valid:"_valid_m8skw_100",disabled:"_disabled_m8skw_125",indicator:"_indicator_m8skw_131",comboboxMenu:"_comboboxMenu_m8skw_160",item:"_item_m8skw_174",empty:"_empty_m8skw_182",itemActive:"_itemActive_m8skw_189",itemDisabled:"_itemDisabled_m8skw_189",itemSelected:"_itemSelected_m8skw_192"},C="Combobox",ht=t({status:"experimental",description:`A \`${C}\` is a component that combines the features of a dropdown list and an input field.`,props:{placeholder:j(),initialValue:B(),labelId:D(),maxLength:ie(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),optionTemplate:m(`You can define a template for the option items of the \`${C}\`.`),emptyListTemplate:m("With this property, you can define the template to display when the search list (after filtering) contains no element."),startIcon:fe(),startText:ge(),endIcon:ye(),endText:Te()},events:{didChange:T(C),gotFocus:k(C),lostFocus:I(C)},themeVars:n(mo.themeVars),defaultThemeVars:{[`color-bg-menu-${C}`]:"$color-bg-primary",[`shadow-menu-${C}`]:"$shadow-md",[`radius-menu-${C}`]:"$radius",[`color-bg-item-${C}`]:"$color-bg-dropdown-item",[`color-bg-item-${C}--hover`]:"$color-bg-dropdown-item--active",light:{[`color-text-item-${C}--disabled`]:"$color-surface-200"},dark:{[`color-text-item-${C}--disabled`]:"$color-surface-800"}}}),po={themeVars:`'{"color-bg-ContentSeparator": "var(--xmlui-color-bg-ContentSeparator)", "size-ContentSeparator": "var(--xmlui-size-ContentSeparator)"}'`,separator:"_separator_qlxwk_13",horizontal:"_horizontal_qlxwk_16",vertical:"_vertical_qlxwk_20"},je="ContentSeparator",xo=t({description:`A \`${je}\` is a component that divides or separates content visually within a layout. It serves as a visual cue to distinguish between different sections or groups of content, helping to improve readability and organization.`,props:{size:e("This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical)."),orientation:e("Sets the main axis of the component",et)},themeVars:n(po.themeVars),defaultThemeVars:{[`color-bg-${je}`]:"$color-border",[`size-${je}`]:"1px",light:{},dark:{}}}),bo={themeVars:`'{"Input:min-height-DatePicker": "var(--xmlui-min-height-DatePicker)", "Input:font-size-DatePicker": "var(--xmlui-font-size-DatePicker)", "Input:radius-DatePicker-default": "var(--xmlui-radius-DatePicker-default)", "Input:color-border-DatePicker-default": "var(--xmlui-color-border-DatePicker-default)", "Input:thickness-border-DatePicker-default": "var(--xmlui-thickness-border-DatePicker-default)", "Input:style-border-DatePicker-default": "var(--xmlui-style-border-DatePicker-default)", "Input:color-bg-DatePicker-default": "var(--xmlui-color-bg-DatePicker-default)", "Input:shadow-DatePicker-default": "var(--xmlui-shadow-DatePicker-default)", "Input:color-text-DatePicker-default": "var(--xmlui-color-text-DatePicker-default)", "Input:color-border-DatePicker-default--hover": "var(--xmlui-color-border-DatePicker-default--hover)", "Input:color-bg-DatePicker-default--hover": "var(--xmlui-color-bg-DatePicker-default--hover)", "Input:shadow-DatePicker-default--hover": "var(--xmlui-shadow-DatePicker-default--hover)", "Input:color-text-DatePicker-default--hover": "var(--xmlui-color-text-DatePicker-default--hover)", "Input:color-placeholder-DatePicker-default": "var(--xmlui-color-placeholder-DatePicker-default)", "Input:radius-DatePicker-error": "var(--xmlui-radius-DatePicker-error)", "Input:color-border-DatePicker-error": "var(--xmlui-color-border-DatePicker-error)", "Input:thickness-border-DatePicker-error": "var(--xmlui-thickness-border-DatePicker-error)", "Input:style-border-DatePicker-error": "var(--xmlui-style-border-DatePicker-error)", "Input:color-bg-DatePicker-error": "var(--xmlui-color-bg-DatePicker-error)", "Input:shadow-DatePicker-error": "var(--xmlui-shadow-DatePicker-error)", "Input:color-text-DatePicker-error": "var(--xmlui-color-text-DatePicker-error)", "Input:color-border-DatePicker-error--hover": "var(--xmlui-color-border-DatePicker-error--hover)", "Input:color-bg-DatePicker-error--hover": "var(--xmlui-color-bg-DatePicker-error--hover)", "Input:shadow-DatePicker-error--hover": "var(--xmlui-shadow-DatePicker-error--hover)", "Input:color-text-DatePicker-error--hover": "var(--xmlui-color-text-DatePicker-error--hover)", "Input:color-placeholder-DatePicker-error": "var(--xmlui-color-placeholder-DatePicker-error)", "Input:radius-DatePicker-warning": "var(--xmlui-radius-DatePicker-warning)", "Input:color-border-DatePicker-warning": "var(--xmlui-color-border-DatePicker-warning)", "Input:thickness-border-DatePicker-warning": "var(--xmlui-thickness-border-DatePicker-warning)", "Input:style-border-DatePicker-warning": "var(--xmlui-style-border-DatePicker-warning)", "Input:color-bg-DatePicker-warning": "var(--xmlui-color-bg-DatePicker-warning)", "Input:shadow-DatePicker-warning": "var(--xmlui-shadow-DatePicker-warning)", "Input:color-text-DatePicker-warning": "var(--xmlui-color-text-DatePicker-warning)", "Input:color-border-DatePicker-warning--hover": "var(--xmlui-color-border-DatePicker-warning--hover)", "Input:color-bg-DatePicker-warning--hover": "var(--xmlui-color-bg-DatePicker-warning--hover)", "Input:shadow-DatePicker-warning--hover": "var(--xmlui-shadow-DatePicker-warning--hover)", "Input:color-text-DatePicker-warning--hover": "var(--xmlui-color-text-DatePicker-warning--hover)", "Input:color-placeholder-DatePicker-warning": "var(--xmlui-color-placeholder-DatePicker-warning)", "Input:radius-DatePicker-success": "var(--xmlui-radius-DatePicker-success)", "Input:color-border-DatePicker-success": "var(--xmlui-color-border-DatePicker-success)", "Input:thickness-border-DatePicker-success": "var(--xmlui-thickness-border-DatePicker-success)", "Input:style-border-DatePicker-success": "var(--xmlui-style-border-DatePicker-success)", "Input:color-bg-DatePicker-success": "var(--xmlui-color-bg-DatePicker-success)", "Input:shadow-DatePicker-success": "var(--xmlui-shadow-DatePicker-success)", "Input:color-text-DatePicker-success": "var(--xmlui-color-text-DatePicker-success)", "Input:color-border-DatePicker-success--hover": "var(--xmlui-color-border-DatePicker-success--hover)", "Input:color-bg-DatePicker-success--hover": "var(--xmlui-color-bg-DatePicker-success--hover)", "Input:shadow-DatePicker-success--hover": "var(--xmlui-shadow-DatePicker-success--hover)", "Input:color-text-DatePicker-success--hover": "var(--xmlui-color-text-DatePicker-success--hover)", "Input:color-placeholder-DatePicker-success": "var(--xmlui-color-placeholder-DatePicker-success)", "Input:color-bg-DatePicker--disabled": "var(--xmlui-color-bg-DatePicker--disabled)", "Input:color-text-DatePicker--disabled": "var(--xmlui-color-text-DatePicker--disabled)", "Input:color-border-DatePicker--disabled": "var(--xmlui-color-border-DatePicker--disabled)", "Input:shadow-menu-DatePicker": "var(--xmlui-shadow-menu-DatePicker)", "Input:color-bg-menu-DatePicker": "var(--xmlui-color-bg-menu-DatePicker)", "Input:radius-menu-DatePicker": "var(--xmlui-radius-menu-DatePicker)", "Input:color-bg-item-DatePicker--active": "var(--xmlui-color-bg-item-DatePicker--active)", "Input:color-bg-item-DatePicker--hover": "var(--xmlui-color-bg-item-DatePicker--hover)", "Input:color-text-value-DatePicker": "var(--xmlui-color-text-value-DatePicker)"}'`,datePicker:"_datePicker_otv9b_13",placeholder:"_placeholder_otv9b_40",error:"_error_otv9b_43",warning:"_warning_otv9b_61",valid:"_valid_otv9b_79",disabled:"_disabled_otv9b_97",indicator:"_indicator_otv9b_103",datePickerInput:"_datePickerInput_otv9b_103",datePickerMenu:"_datePickerMenu_otv9b_107",root:"_root_otv9b_116",vhidden:"_vhidden_otv9b_121",button_reset:"_button_reset_otv9b_141",button:"_button_otv9b_141",day_selected:"_day_selected_otv9b_163",months:"_months_otv9b_181",month:"_month_otv9b_181",table:"_table_otv9b_197",with_weeknumber:"_with_weeknumber_otv9b_203",caption:"_caption_otv9b_208",multiple_months:"_multiple_months_otv9b_216",caption_dropdowns:"_caption_dropdowns_otv9b_222",caption_label:"_caption_label_otv9b_227",nav:"_nav_otv9b_243",caption_start:"_caption_start_otv9b_247",caption_end:"_caption_end_otv9b_254",nav_button:"_nav_button_otv9b_261",dropdown_year:"_dropdown_year_otv9b_274",dropdown_month:"_dropdown_month_otv9b_275",dropdown:"_dropdown_otv9b_274",dropdown_icon:"_dropdown_icon_otv9b_311",head:"_head_otv9b_315",head_row:"_head_row_otv9b_319",row:"_row_otv9b_320",head_cell:"_head_cell_otv9b_324",tbody:"_tbody_otv9b_335",tfoot:"_tfoot_otv9b_339",cell:"_cell_otv9b_343",weeknumber:"_weeknumber_otv9b_351",day:"_day_otv9b_163",day_today:"_day_today_otv9b_370",day_outside:"_day_outside_otv9b_370",day_range_start:"_day_range_start_otv9b_393",day_range_end:"_day_range_end_otv9b_393",day_range_middle:"_day_range_middle_otv9b_417"},V="DatePicker",vo=t({status:"experimental",description:"A datepicker component",props:{placeholder:j(),initialValue:B(),autoFocus:y(),readOnly:S(),enabled:f(),validationStatus:P(),mode:e("The mode of the datepicker (single or range)"),dateFormat:e("The format of the date displayed in the input field"),showWeekNumber:e("Whether to show the week number in the calendar"),weekStartsOn:e("The first day of the week. 0 is Sunday, 1 is Monday, etc."),fromDate:e("The start date of the range of selectable dates"),toDate:e("The end date of the range of selectable dates"),disabledDates:e("An array of dates that are disabled")},events:{didChange:T(V),gotFocus:k(V),lostFocus:I(V)},themeVars:n(bo.themeVars),defaultThemeVars:{[`shadow-menu-${V}`]:"$shadow-md",[`radius-menu-${V}`]:"$radius",[`color-text-value-${V}`]:"$color-text-primary",[`color-bg-menu-${V}`]:"$color-bg-primary",[`color-bg-item-${V}--hover`]:"$color-bg-dropdown-item--active",[`color-bg-item-${V}--active`]:"$color-bg-dropdown-item--active",light:{[`color-bg-menu-${V}`]:"$color-bg-primary"},dark:{[`color-bg-menu-${V}`]:"$color-bg-primary"}}}),Ue={themeVars:`'{"color-bg-DropdownMenu": "var(--xmlui-color-bg-DropdownMenu)", "radius-DropdownMenu": "var(--xmlui-radius-DropdownMenu)", "shadow-DropdownMenu": "var(--xmlui-shadow-DropdownMenu)", "color-border-DropdownMenu-content": "var(--xmlui-color-border-DropdownMenu-content)", "thickness-border-DropdownMenu-content": "var(--xmlui-thickness-border-DropdownMenu-content)", "style-border-DropdownMenu-content": "var(--xmlui-style-border-DropdownMenu-content)", "min-width-DropdownMenu": "var(--xmlui-min-width-DropdownMenu)", "color-bg-MenuItem": "var(--xmlui-color-bg-MenuItem)", "color-MenuItem": "var(--xmlui-color-MenuItem)", "font-family-MenuItem": "var(--xmlui-font-family-MenuItem)", "gap-MenuItem": "var(--xmlui-gap-MenuItem)", "font-size-MenuItem": "var(--xmlui-font-size-MenuItem)", "padding-vertical-MenuItem": "var(--xmlui-padding-vertical-MenuItem)", "padding-horizontal-MenuItem": "var(--xmlui-padding-horizontal-MenuItem)", "color-bg-MenuItem--hover": "var(--xmlui-color-bg-MenuItem--hover)", "color-bg-MenuItem--active": "var(--xmlui-color-bg-MenuItem--active)", "color-bg-MenuItem--active--hover": "var(--xmlui-color-bg-MenuItem--active--hover)", "color-MenuItem--hover": "var(--xmlui-color-MenuItem--hover)", "color-MenuItem--active": "var(--xmlui-color-MenuItem--active)", "color-MenuItem--active--hover": "var(--xmlui-color-MenuItem--active--hover)", "margin-top-MenuSeparator": "var(--xmlui-margin-top-MenuSeparator)", "margin-bottom-MenuSeparator": "var(--xmlui-margin-bottom-MenuSeparator)", "width-MenuSeparator": "var(--xmlui-width-MenuSeparator)", "height-MenuSeparator": "var(--xmlui-height-MenuSeparator)", "color-MenuSeparator": "var(--xmlui-color-MenuSeparator)"}'`,DropdownMenuContent:"_DropdownMenuContent_18wz9_13",DropdownMenuSubContent:"_DropdownMenuSubContent_18wz9_14",DropdownMenuItem:"_DropdownMenuItem_18wz9_25",DropdownMenuSubTrigger:"_DropdownMenuSubTrigger_18wz9_26",active:"_active_18wz9_49",wrapper:"_wrapper_18wz9_59",DropdownMenuSeparator:"_DropdownMenuSeparator_18wz9_64"},A="DropdownMenu",go=t({description:"This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",props:{label:M(),triggerTemplate:nt(A),alignment:e("This property allows you to determine the alignment of the displayed menu items."),enabled:f(),triggerButtonVariant:e("This property defines the theme variant of the `Button` as the dropdown menu's trigger. It has no effect when a custom trigger is defined with `triggerTemplate`."),triggerButtonThemeColor:e("This property defines the theme color of the `Button` as the dropdown menu's trigger. It has no effect when a custom trigger is defined with `triggerTemplate`."),triggerButtonIcon:e("This property defines the icon to display on the trigger button."),triggerButtonIconPosition:e("This property defines the position of the icon on the trigger button.",tt)},events:{willOpen:e(`This event fires when the \`${A}\` component is opened.`)},apis:{close:e("This method command closes the dropdown.")},themeVars:n(Ue.themeVars),defaultThemeVars:{[`color-bg-${A}`]:"$color-bg-primary",[`min-width-${A}`]:"160px",[`shadow-${A}`]:"$shadow-xl",[`style-border-${A}-content`]:"solid"}}),z="MenuItem",fo=t({description:"This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",docFolder:A,props:{iconPosition:e("This property allows you to determine the position of the icon displayed in the menu item.",ot.filter(i=>i.value==="start"||i.value==="end")),icon:e("This property names an optional icon to display with the menu item."),label:M(),to:e("This property defines the URL of the menu item. If this property is defined (and the `click` event does not have an event handler), clicking the menu item navigates to this link."),active:e("This property indicates if the specified menu item is active.")},events:{click:G(z)},themeVars:n(Ue.themeVars),defaultThemeVars:{[`color-bg-${z}`]:"$color-bg-dropdown-item",[`color-${z}`]:"$color-text-primary",[`font-family-${z}`]:"$font-family",[`font-size-${z}`]:"$font-size-small",[`padding-vertical-${z}`]:"$space-2",[`padding-horizontal-${z}`]:"$space-3",[`color-bg-${z}--hover`]:"$color-bg-dropdown-item--hover",[`color-${z}--hover`]:"inherit",[`gap-${z}`]:"$space-2",[`color-${z}--active`]:"$color-primary",[`color-bg-${z}--active`]:"$color-bg-dropdown-item--active",light:{},dark:{}}}),To=t({description:"This component represents a nested menu item within another menu or menu item.",docFolder:A,props:{label:M(),triggerTemplate:nt("SubMenuItem")}}),ae="MenuSeparator",yo=t({description:"This component displays a separator line between menu items.",docFolder:A,themeVars:n(Ue.themeVars),defaultThemeVars:{[`margin-top-${ae}`]:"$space-1",[`margin-bottom-${ae}`]:"$space-1",[`width-${ae}`]:"100%",[`height-${ae}`]:"1px",[`color-${ae}`]:"$color-border-dropdown-item",[`margin-horizontal-${ae}`]:"12px"}}),$o=t({status:"experimental",description:"The `EmojiSelector` component provides users with a graphical interface to browse, search and select emojis to insert into text fields, messages, or other forms of communication.",props:{autoFocus:y()},events:{select:e("This event is fired when the user selects an emoticon from this component.")}}),wo={themeVars:'"[]"',container:"_container_4jmk2_13",textBoxWrapper:"_textBoxWrapper_4jmk2_21",button:"_button_4jmk2_27"},xe="FileInput",_o=t({description:`The \`${xe}\` 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:j(),initialValue:B(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),buttonVariant:e("The button variant to use",wt),buttonLabel:e("This property is an optional string to set a label for the button part."),buttonIcon:e("The ID of the icon to display in the button"),buttonIconPosition:e("This optional string determines the location of the button icon.",tt),acceptsFileType:e("A list of file types the input controls accepts provided as a string array."),multiple:e("This boolean property enables to add not just one (`false`), but multiple files to the field (`true`). This is done either by dragging onto the field or by selecting multiple files in the browser menu after clicking the input field button.",null,"boolean",!1),directory:e("This boolean property indicates whether the component allows selecting directories (`true`) or files only (`false`).",null,"boolean",!1),buttonSize:e("The size of the button (small, medium, large)",Re),buttonThemeColor:e("The button color scheme (primary, secondary, attention)",yt)},events:{didChange:T(xe),gotFocus:k(xe),lostFocus:I(xe)},apis:{value:e("By setting an ID for the component, you can refer to the value of the field if set. If no value is set, the value will be undefined."),setValue:e("(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."),focus:Q(xe),open:e("This API command triggers the file browsing dialog to open.")},themeVars:n(wo.themeVars)}),ko={themeVars:`'{"color-bg-FileUploadDropZone": "var(--xmlui-color-bg-FileUploadDropZone)", "color-text-FileUploadDropZone": "var(--xmlui-color-text-FileUploadDropZone)", "color-bg-dropping-FileUploadDropZone": "var(--xmlui-color-bg-dropping-FileUploadDropZone)", "opacity-dropping-FileUploadDropZone": "var(--xmlui-opacity-dropping-FileUploadDropZone)"}'`,wrapper:"_wrapper_u50h5_13",dropPlaceholder:"_dropPlaceholder_u50h5_21"},Io=t({description:"The `FileUploadDropZone` component allows users to upload files to a web application by dragging and dropping files from their local file system onto a designated area within the UI.",props:{text:e('With this property, you can change the default text ("Drop files here") to display when files are dragged over the drop zone.'),allowPaste:e("This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`)."),enabled:e("If set to `false`, the drop zone will be disabled and users will not be able to upload files.",null,"boolean",!0)},events:{upload:e("This component accepts files for upload but does not perform the actual operation. It fires the `upload` event and passes the list files to upload in the method's argument. You can use the passed file information to implement the upload (according to the protocol your backend supports).")},themeVars:n(ko.themeVars),defaultThemeVars:{"color-bg-FileUploadDropZone":"$color-bg","color-bg-dropping-FileUploadDropZone":"$color-bg--selected","opacity-dropping-FileUploadDropZone":"0.5","color-text-FileUploadDropZone":"$color-text",light:{},dark:{}}}),Bo={themeVars:'"[]"',flowContainer:"_flowContainer_xh72p_13",horizontal:"_horizontal_xh72p_17",flowItem:"_flowItem_xh72p_21",vertical:"_vertical_xh72p_30",break:"_break_xh72p_45"},Ye="FlowLayout",Co=t({description:"This layout component is used to position content in rows with an auto wrapping feature: if the length of the items exceed the available space the layout will wrap into a new line.",props:{gap:e(`This property defines the gap between items in the same row and between rows. The ${Ye} component creates a new row when an item is about to overflow the current row.`),columnGap:e("The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value."),rowGap:e(`The \`rowGap\` property specifies the space between the ${Ye} rows; it overrides the \`gap\` value.`),shadow:e(`${Ye} does not support shadow, we're waiting for a decent solution.`)},themeVars:n(Bo.themeVars)}),zo={themeVars:`'{"padding-horizontal-Footer": "var(--xmlui-padding-horizontal-Footer)", "padding-vertical-Footer": "var(--xmlui-padding-vertical-Footer)", "padding-top-Footer": "var(--xmlui-padding-top-Footer)", "padding-bottom-Footer": "var(--xmlui-padding-bottom-Footer)", "padding-left-Footer": "var(--xmlui-padding-left-Footer)", "padding-right-Footer": "var(--xmlui-padding-right-Footer)", "padding-Footer": "var(--xmlui-padding-Footer)", "color-border-horizontal-Footer": "var(--xmlui-color-border-horizontal-Footer)", "thickness-border-horizontal-Footer": "var(--xmlui-thickness-border-horizontal-Footer)", "style-border-horizontal-Footer": "var(--xmlui-style-border-horizontal-Footer)", "color-border-vertical-Footer": "var(--xmlui-color-border-vertical-Footer)", "thickness-border-vertical-Footer": "var(--xmlui-thickness-border-vertical-Footer)", "style-border-vertical-Footer": "var(--xmlui-style-border-vertical-Footer)", "color-border-left-Footer": "var(--xmlui-color-border-left-Footer)", "thickness-border-left-Footer": "var(--xmlui-thickness-border-left-Footer)", "style-border-left-Footer": "var(--xmlui-style-border-left-Footer)", "color-border-right-Footer": "var(--xmlui-color-border-right-Footer)", "thickness-border-right-Footer": "var(--xmlui-thickness-border-right-Footer)", "style-border-right-Footer": "var(--xmlui-style-border-right-Footer)", "color-border-top-Footer": "var(--xmlui-color-border-top-Footer)", "thickness-border-top-Footer": "var(--xmlui-thickness-border-top-Footer)", "style-border-top-Footer": "var(--xmlui-style-border-top-Footer)", "color-border-bottom-Footer": "var(--xmlui-color-border-bottom-Footer)", "thickness-border-bottom-Footer": "var(--xmlui-thickness-border-bottom-Footer)", "style-border-bottom-Footer": "var(--xmlui-style-border-bottom-Footer)", "color-border-Footer": "var(--xmlui-color-border-Footer)", "thickness-border-Footer": "var(--xmlui-thickness-border-Footer)", "style-border-Footer": "var(--xmlui-style-border-Footer)", "radius-Footer": "var(--xmlui-radius-Footer)", "color-bg-Footer": "var(--xmlui-color-bg-Footer)", "color-text-Footer": "var(--xmlui-color-text-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "font-size-Footer": "var(--xmlui-font-size-Footer)", "vertical-alignment-Footer": "var(--xmlui-vertical-alignment-Footer)", "max-content-width-Footer": "var(--xmlui-max-content-width-Footer)"}'`,outerWrapper:"_outerWrapper_27gba_13",wrapper:"_wrapper_27gba_34",full:"_full_27gba_50"},U="Footer",Mo=t({description:`The \`${U}\` is a component that acts as the footer within \`App\`.`,themeVars:n(zo.themeVars),defaultThemeVars:{[`color-bg-${U}`]:"$color-bg-AppHeader",[`vertical-alignment-${U}`]:"center",[`font-size-${U}`]:"$font-size-small",[`color-text-${U}`]:"$color-text-secondary",[`max-content-width-${U}`]:"$max-content-width",...we(U,{horizontal:"$space-4",vertical:"$space-2"}),...Ge(U,{top:{color:"$color-border",thickness:"1px",style:"solid"}}),light:{},dark:{}}}),So={themeVars:`'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`,wrapper:"_wrapper_wscb6_13",buttonRow:"_buttonRow_wscb6_19"},Po={themeVars:'"[]"',spacer:"_spacer_1414d_13"},Vo={themeVars:`'{"padding-horizontal-ModalDialog": "var(--xmlui-padding-horizontal-ModalDialog)", "padding-vertical-ModalDialog": "var(--xmlui-padding-vertical-ModalDialog)", "padding-top-ModalDialog": "var(--xmlui-padding-top-ModalDialog)", "padding-bottom-ModalDialog": "var(--xmlui-padding-bottom-ModalDialog)", "padding-left-ModalDialog": "var(--xmlui-padding-left-ModalDialog)", "padding-right-ModalDialog": "var(--xmlui-padding-right-ModalDialog)", "padding-ModalDialog": "var(--xmlui-padding-ModalDialog)", "padding-horizontal-overlay-ModalDialog": "var(--xmlui-padding-horizontal-overlay-ModalDialog)", "padding-vertical-overlay-ModalDialog": "var(--xmlui-padding-vertical-overlay-ModalDialog)", "padding-top-overlay-ModalDialog": "var(--xmlui-padding-top-overlay-ModalDialog)", "padding-bottom-overlay-ModalDialog": "var(--xmlui-padding-bottom-overlay-ModalDialog)", "padding-left-overlay-ModalDialog": "var(--xmlui-padding-left-overlay-ModalDialog)", "padding-right-overlay-ModalDialog": "var(--xmlui-padding-right-overlay-ModalDialog)", "padding-overlay-ModalDialog": "var(--xmlui-padding-overlay-ModalDialog)", "Dialog:color-bg-ModalDialog": "var(--xmlui-color-bg-ModalDialog)", "Dialog:color-bg-overlay-ModalDialog": "var(--xmlui-color-bg-overlay-ModalDialog)", "Dialog:radius-ModalDialog": "var(--xmlui-radius-ModalDialog)", "Dialog:font-family-ModalDialog": "var(--xmlui-font-family-ModalDialog)", "Dialog:color-text-ModalDialog": "var(--xmlui-color-text-ModalDialog)", "Dialog:min-width-ModalDialog": "var(--xmlui-min-width-ModalDialog)", "Dialog:max-width-ModalDialog": "var(--xmlui-max-width-ModalDialog)", "Dialog:margin-bottom-title-ModalDialog": "var(--xmlui-margin-bottom-title-ModalDialog)"}'`,overlay:"_overlay_1rk0s_13",fullScreen:"_fullScreen_1rk0s_21",content:"_content_1rk0s_27",overlayBg:"_overlayBg_1rk0s_36",overlayShow:"_overlayShow_1rk0s_1",contentShow:"_contentShow_1rk0s_1",dialogTitle:"_dialogTitle_1rk0s_66",innerContent:"_innerContent_1rk0s_72",closeButton:"_closeButton_1rk0s_97",dialog:"_dialog_1rk0s_66"},No=t({status:"experimental",description:"A `Form` 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:m("This property allows defining a custom component to display the buttons at the bottom of the form."),itemLabelPosition:e("This property sets the position of the item labels within the form. The default value is `top`. Individual `FormItem` instances can override this property."),itemLabelWidth:e("This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property."),itemLabelBreak:e("This boolean value indicates if form item labels can be split into multiple lines if it would overflow the available label width. Individual `FormItem` instances can override this property."),subject:e("This property sets the initial value of the form's data structure. The form infrastructure uses this value to set the initial state of form items within the form."),cancelLabel:e('This property defines the label of the Cancel button, by default, "Cancel".'),saveLabel:e('This property defines the label of the Save button, by default, "Save".'),swapCancelAndSave:e("By default, the Cancel button is to the left of the Save button. Set this property to `true` to swap them or `false` to keep their original location.")},events:{submit:e("The form infrastructure fires this event when the form is submitted. The event argument is the current `subject` value to save."),cancel:e("The form infrastructure fires this event when the form is canceled."),reset:e("The form infrastructure fires this event when the form is reset.")},contextVars:{$subject:e("This property represents the value of the form data. You can access the fields of the form using the IDs in the `bindTo` property of nested `FormItem` instances.")},themeVars:n(So.themeVars),defaultThemeVars:{"gap-Form":"$space-4","gap-buttonRow-Form":"$space-4",light:{"color-bg-ValidationDisplay-error":"$color-danger-100","color-bg-ValidationDisplay-warning":"$color-warn-100","color-bg-ValidationDisplay-info":"$color-primary-100","color-bg-ValidationDisplay-valid":"$color-success-100","color-accent-ValidationDisplay-error":"$color-error","color-accent-ValidationDisplay-warning":"$color-warning","color-accent-ValidationDisplay-info":"$color-info","color-accent-ValidationDisplay-valid":"$color-valid","color-text-ValidationDisplay-error":"$color-error","color-text-ValidationDisplay-warning":"$color-warning","color-text-ValidationDisplay-info":"$color-info","color-text-ValidationDisplay-valid":"$color-valid"},dark:{"color-bg-ValidationDisplay-error":"$color-danger-900","color-bg-ValidationDisplay-warning":"$color-warn-900","color-bg-ValidationDisplay-info":"$color-secondary-800","color-bg-ValidationDisplay-valid":"$color-success-900","color-accent-ValidationDisplay-error":"$color-danger-500","color-accent-ValidationDisplay-warning":"$color-warn-700","color-accent-ValidationDisplay-info":"$color-surface-200","color-accent-ValidationDisplay-valid":"$color-success-600","color-text-ValidationDisplay-error":"$color-danger-500","color-text-ValidationDisplay-warning":"$color-warn-700","color-text-ValidationDisplay-info":"$color-secondary-200","color-text-ValidationDisplay-valid":"$color-success-600"}}}),Ho={themeVars:`'{"Input:radius-NumberBox-default": "var(--xmlui-radius-NumberBox-default)", "Input:color-border-NumberBox-default": "var(--xmlui-color-border-NumberBox-default)", "Input:thickness-border-NumberBox-default": "var(--xmlui-thickness-border-NumberBox-default)", "Input:style-border-NumberBox-default": "var(--xmlui-style-border-NumberBox-default)", "Input:font-size-NumberBox-default": "var(--xmlui-font-size-NumberBox-default)", "Input:color-bg-NumberBox-default": "var(--xmlui-color-bg-NumberBox-default)", "Input:shadow-NumberBox-default": "var(--xmlui-shadow-NumberBox-default)", "Input:color-text-NumberBox-default": "var(--xmlui-color-text-NumberBox-default)", "Input:color-border-NumberBox-default--hover": "var(--xmlui-color-border-NumberBox-default--hover)", "Input:color-bg-NumberBox-default--hover": "var(--xmlui-color-bg-NumberBox-default--hover)", "Input:shadow-NumberBox-default--hover": "var(--xmlui-shadow-NumberBox-default--hover)", "Input:color-text-NumberBox-default--hover": "var(--xmlui-color-text-NumberBox-default--hover)", "Input:color-border-NumberBox-default--focus": "var(--xmlui-color-border-NumberBox-default--focus)", "Input:color-bg-NumberBox-default--focus": "var(--xmlui-color-bg-NumberBox-default--focus)", "Input:shadow-NumberBox-default--focus": "var(--xmlui-shadow-NumberBox-default--focus)", "Input:color-text-NumberBox-default--focus": "var(--xmlui-color-text-NumberBox-default--focus)", "Input:thickness-outline-NumberBox-default--focus": "var(--xmlui-thickness-outline-NumberBox-default--focus)", "Input:color-outline-NumberBox-default--focus": "var(--xmlui-color-outline-NumberBox-default--focus)", "Input:style-outline-NumberBox-default--focus": "var(--xmlui-style-outline-NumberBox-default--focus)", "Input:offset-outline-NumberBox-default--focus": "var(--xmlui-offset-outline-NumberBox-default--focus)", "Input:color-placeholder-NumberBox-default": "var(--xmlui-color-placeholder-NumberBox-default)", "Input:color-adornment-NumberBox-default": "var(--xmlui-color-adornment-NumberBox-default)", "Input:radius-NumberBox-error": "var(--xmlui-radius-NumberBox-error)", "Input:color-border-NumberBox-error": "var(--xmlui-color-border-NumberBox-error)", "Input:thickness-border-NumberBox-error": "var(--xmlui-thickness-border-NumberBox-error)", "Input:style-border-NumberBox-error": "var(--xmlui-style-border-NumberBox-error)", "Input:font-size-NumberBox-error": "var(--xmlui-font-size-NumberBox-error)", "Input:color-bg-NumberBox-error": "var(--xmlui-color-bg-NumberBox-error)", "Input:shadow-NumberBox-error": "var(--xmlui-shadow-NumberBox-error)", "Input:color-text-NumberBox-error": "var(--xmlui-color-text-NumberBox-error)", "Input:color-border-NumberBox-error--hover": "var(--xmlui-color-border-NumberBox-error--hover)", "Input:color-bg-NumberBox-error--hover": "var(--xmlui-color-bg-NumberBox-error--hover)", "Input:shadow-NumberBox-error--hover": "var(--xmlui-shadow-NumberBox-error--hover)", "Input:color-text-NumberBox-error--hover": "var(--xmlui-color-text-NumberBox-error--hover)", "Input:color-border-NumberBox-error--focus": "var(--xmlui-color-border-NumberBox-error--focus)", "Input:color-bg-NumberBox-error--focus": "var(--xmlui-color-bg-NumberBox-error--focus)", "Input:shadow-NumberBox-error--focus": "var(--xmlui-shadow-NumberBox-error--focus)", "Input:color-text-NumberBox-error--focus": "var(--xmlui-color-text-NumberBox-error--focus)", "Input:thickness-outline-NumberBox-error--focus": "var(--xmlui-thickness-outline-NumberBox-error--focus)", "Input:color-outline-NumberBox-error--focus": "var(--xmlui-color-outline-NumberBox-error--focus)", "Input:style-outline-NumberBox-error--focus": "var(--xmlui-style-outline-NumberBox-error--focus)", "Input:offset-outline-NumberBox-error--focus": "var(--xmlui-offset-outline-NumberBox-error--focus)", "Input:color-placeholder-NumberBox-error": "var(--xmlui-color-placeholder-NumberBox-error)", "Input:color-adornment-NumberBox-error": "var(--xmlui-color-adornment-NumberBox-error)", "Input:radius-NumberBox-warning": "var(--xmlui-radius-NumberBox-warning)", "Input:color-border-NumberBox-warning": "var(--xmlui-color-border-NumberBox-warning)", "Input:thickness-border-NumberBox-warning": "var(--xmlui-thickness-border-NumberBox-warning)", "Input:style-border-NumberBox-warning": "var(--xmlui-style-border-NumberBox-warning)", "Input:font-size-NumberBox-warning": "var(--xmlui-font-size-NumberBox-warning)", "Input:color-bg-NumberBox-warning": "var(--xmlui-color-bg-NumberBox-warning)", "Input:shadow-NumberBox-warning": "var(--xmlui-shadow-NumberBox-warning)", "Input:color-text-NumberBox-warning": "var(--xmlui-color-text-NumberBox-warning)", "Input:color-border-NumberBox-warning--hover": "var(--xmlui-color-border-NumberBox-warning--hover)", "Input:color-bg-NumberBox-warning--hover": "var(--xmlui-color-bg-NumberBox-warning--hover)", "Input:shadow-NumberBox-warning--hover": "var(--xmlui-shadow-NumberBox-warning--hover)", "Input:color-text-NumberBox-warning--hover": "var(--xmlui-color-text-NumberBox-warning--hover)", "Input:color-border-NumberBox-warning--focus": "var(--xmlui-color-border-NumberBox-warning--focus)", "Input:color-bg-NumberBox-warning--focus": "var(--xmlui-color-bg-NumberBox-warning--focus)", "Input:shadow-NumberBox-warning--focus": "var(--xmlui-shadow-NumberBox-warning--focus)", "Input:color-text-NumberBox-warning--focus": "var(--xmlui-color-text-NumberBox-warning--focus)", "Input:thickness-outline-NumberBox-warning--focus": "var(--xmlui-thickness-outline-NumberBox-warning--focus)", "Input:color-outline-NumberBox-warning--focus": "var(--xmlui-color-outline-NumberBox-warning--focus)", "Input:style-outline-NumberBox-warning--focus": "var(--xmlui-style-outline-NumberBox-warning--focus)", "Input:offset-outline-NumberBox-warning--focus": "var(--xmlui-offset-outline-NumberBox-warning--focus)", "Input:color-placeholder-NumberBox-warning": "var(--xmlui-color-placeholder-NumberBox-warning)", "Input:color-adornment-NumberBox-warning": "var(--xmlui-color-adornment-NumberBox-warning)", "Input:radius-NumberBox-success": "var(--xmlui-radius-NumberBox-success)", "Input:color-border-NumberBox-success": "var(--xmlui-color-border-NumberBox-success)", "Input:thickness-border-NumberBox-success": "var(--xmlui-thickness-border-NumberBox-success)", "Input:style-border-NumberBox-success": "var(--xmlui-style-border-NumberBox-success)", "Input:font-size-NumberBox-success": "var(--xmlui-font-size-NumberBox-success)", "Input:color-bg-NumberBox-success": "var(--xmlui-color-bg-NumberBox-success)", "Input:shadow-NumberBox-success": "var(--xmlui-shadow-NumberBox-success)", "Input:color-text-NumberBox-success": "var(--xmlui-color-text-NumberBox-success)", "Input:color-border-NumberBox-success--hover": "var(--xmlui-color-border-NumberBox-success--hover)", "Input:color-bg-NumberBox-success--hover": "var(--xmlui-color-bg-NumberBox-success--hover)", "Input:shadow-NumberBox-success--hover": "var(--xmlui-shadow-NumberBox-success--hover)", "Input:color-text-NumberBox-success--hover": "var(--xmlui-color-text-NumberBox-success--hover)", "Input:color-border-NumberBox-success--focus": "var(--xmlui-color-border-NumberBox-success--focus)", "Input:color-bg-NumberBox-success--focus": "var(--xmlui-color-bg-NumberBox-success--focus)", "Input:shadow-NumberBox-success--focus": "var(--xmlui-shadow-NumberBox-success--focus)", "Input:color-text-NumberBox-success--focus": "var(--xmlui-color-text-NumberBox-success--focus)", "Input:thickness-outline-NumberBox-success--focus": "var(--xmlui-thickness-outline-NumberBox-success--focus)", "Input:color-outline-NumberBox-success--focus": "var(--xmlui-color-outline-NumberBox-success--focus)", "Input:style-outline-NumberBox-success--focus": "var(--xmlui-style-outline-NumberBox-success--focus)", "Input:offset-outline-NumberBox-success--focus": "var(--xmlui-offset-outline-NumberBox-success--focus)", "Input:color-placeholder-NumberBox-success": "var(--xmlui-color-placeholder-NumberBox-success)", "Input:color-adornment-NumberBox-success": "var(--xmlui-color-adornment-NumberBox-success)", "Input:color-bg-NumberBox--disabled": "var(--xmlui-color-bg-NumberBox--disabled)", "Input:color-text-NumberBox--disabled": "var(--xmlui-color-text-NumberBox--disabled)", "Input:color-border-NumberBox--disabled": "var(--xmlui-color-border-NumberBox--disabled)"}'`,inputRoot:"_inputRoot_zavgy_13",input:"_input_zavgy_13",adornment:"_adornment_zavgy_53",error:"_error_zavgy_56",warning:"_warning_zavgy_90",valid:"_valid_zavgy_124",spinnerBox:"_spinnerBox_zavgy_184",spinnerButton:"_spinnerButton_zavgy_191",readOnly:"_readOnly_zavgy_197"},Oo={themeVars:`'{"Input:radius-Select-default": "var(--xmlui-radius-Select-default)", "Input:color-border-Select-default": "var(--xmlui-color-border-Select-default)", "Input:thickness-border-Select-default": "var(--xmlui-thickness-border-Select-default)", "Input:style-border-Select-default": "var(--xmlui-style-border-Select-default)", "Input:font-size-Select-default": "var(--xmlui-font-size-Select-default)", "Input:color-bg-Select-default": "var(--xmlui-color-bg-Select-default)", "Input:shadow-Select-default": "var(--xmlui-shadow-Select-default)", "Input:color-text-Select-default": "var(--xmlui-color-text-Select-default)", "Input:color-border-Select-default--hover": "var(--xmlui-color-border-Select-default--hover)", "Input:color-bg-Select-default--hover": "var(--xmlui-color-bg-Select-default--hover)", "Input:shadow-Select-default--hover": "var(--xmlui-shadow-Select-default--hover)", "Input:color-text-Select-default--hover": "var(--xmlui-color-text-Select-default--hover)", "Input:thickness-outline-Select-default--focus": "var(--xmlui-thickness-outline-Select-default--focus)", "Input:color-outline-Select-default--focus": "var(--xmlui-color-outline-Select-default--focus)", "Input:style-outline-Select-default--focus": "var(--xmlui-style-outline-Select-default--focus)", "Input:offset-outline-Select-default--focus": "var(--xmlui-offset-outline-Select-default--focus)", "Input:color-placeholder-Select-default": "var(--xmlui-color-placeholder-Select-default)", "Input:radius-Select-error": "var(--xmlui-radius-Select-error)", "Input:color-border-Select-error": "var(--xmlui-color-border-Select-error)", "Input:thickness-border-Select-error": "var(--xmlui-thickness-border-Select-error)", "Input:style-border-Select-error": "var(--xmlui-style-border-Select-error)", "Input:font-size-Select-error": "var(--xmlui-font-size-Select-error)", "Input:color-bg-Select-error": "var(--xmlui-color-bg-Select-error)", "Input:shadow-Select-error": "var(--xmlui-shadow-Select-error)", "Input:color-text-Select-error": "var(--xmlui-color-text-Select-error)", "Input:color-border-Select-error--hover": "var(--xmlui-color-border-Select-error--hover)", "Input:color-bg-Select-error--hover": "var(--xmlui-color-bg-Select-error--hover)", "Input:shadow-Select-error--hover": "var(--xmlui-shadow-Select-error--hover)", "Input:color-text-Select-error--hover": "var(--xmlui-color-text-Select-error--hover)", "Input:thickness-outline-Select-error--focus": "var(--xmlui-thickness-outline-Select-error--focus)", "Input:color-outline-Select-error--focus": "var(--xmlui-color-outline-Select-error--focus)", "Input:style-outline-Select-error--focus": "var(--xmlui-style-outline-Select-error--focus)", "Input:offset-outline-Select-error--focus": "var(--xmlui-offset-outline-Select-error--focus)", "Input:color-placeholder-Select-error": "var(--xmlui-color-placeholder-Select-error)", "Input:radius-Select-warning": "var(--xmlui-radius-Select-warning)", "Input:color-border-Select-warning": "var(--xmlui-color-border-Select-warning)", "Input:thickness-border-Select-warning": "var(--xmlui-thickness-border-Select-warning)", "Input:style-border-Select-warning": "var(--xmlui-style-border-Select-warning)", "Input:font-size-Select-warning": "var(--xmlui-font-size-Select-warning)", "Input:color-bg-Select-warning": "var(--xmlui-color-bg-Select-warning)", "Input:shadow-Select-warning": "var(--xmlui-shadow-Select-warning)", "Input:color-text-Select-warning": "var(--xmlui-color-text-Select-warning)", "Input:color-border-Select-warning--hover": "var(--xmlui-color-border-Select-warning--hover)", "Input:color-bg-Select-warning--hover": "var(--xmlui-color-bg-Select-warning--hover)", "Input:shadow-Select-warning--hover": "var(--xmlui-shadow-Select-warning--hover)", "Input:color-text-Select-warning--hover": "var(--xmlui-color-text-Select-warning--hover)", "Input:thickness-outline-Select-warning--focus": "var(--xmlui-thickness-outline-Select-warning--focus)", "Input:color-outline-Select-warning--focus": "var(--xmlui-color-outline-Select-warning--focus)", "Input:style-outline-Select-warning--focus": "var(--xmlui-style-outline-Select-warning--focus)", "Input:offset-outline-Select-warning--focus": "var(--xmlui-offset-outline-Select-warning--focus)", "Input:color-placeholder-Select-warning": "var(--xmlui-color-placeholder-Select-warning)", "Input:radius-Select-success": "var(--xmlui-radius-Select-success)", "Input:color-border-Select-success": "var(--xmlui-color-border-Select-success)", "Input:thickness-border-Select-success": "var(--xmlui-thickness-border-Select-success)", "Input:style-border-Select-success": "var(--xmlui-style-border-Select-success)", "Input:font-size-Select-success": "var(--xmlui-font-size-Select-success)", "Input:color-bg-Select-success": "var(--xmlui-color-bg-Select-success)", "Input:shadow-Select-success": "var(--xmlui-shadow-Select-success)", "Input:color-text-Select-success": "var(--xmlui-color-text-Select-success)", "Input:color-border-Select-success--hover": "var(--xmlui-color-border-Select-success--hover)", "Input:color-bg-Select-success--hover": "var(--xmlui-color-bg-Select-success--hover)", "Input:shadow-Select-success--hover": "var(--xmlui-shadow-Select-success--hover)", "Input:color-text-Select-success--hover": "var(--xmlui-color-text-Select-success--hover)", "Input:thickness-outline-Select-success--focus": "var(--xmlui-thickness-outline-Select-success--focus)", "Input:color-outline-Select-success--focus": "var(--xmlui-color-outline-Select-success--focus)", "Input:style-outline-Select-success--focus": "var(--xmlui-style-outline-Select-success--focus)", "Input:offset-outline-Select-success--focus": "var(--xmlui-offset-outline-Select-success--focus)", "Input:color-placeholder-Select-success": "var(--xmlui-color-placeholder-Select-success)", "Input:color-bg-Select--disabled": "var(--xmlui-color-bg-Select--disabled)", "Input:color-text-Select--disabled": "var(--xmlui-color-text-Select--disabled)", "Input:color-border-Select--disabled": "var(--xmlui-color-border-Select--disabled)", "Input:color-text-indicator-Select": "var(--xmlui-color-text-indicator-Select)", "Input:shadow-menu-Select": "var(--xmlui-shadow-menu-Select)", "Input:color-bg-menu-Select": "var(--xmlui-color-bg-menu-Select)", "Input:radius-menu-Select": "var(--xmlui-radius-menu-Select)", "Input:font-size-Select": "var(--xmlui-font-size-Select)", "Input:color-bg-item-Select--hover": "var(--xmlui-color-bg-item-Select--hover)", "Input:color-bg-item-Select--active": "var(--xmlui-color-bg-item-Select--active)", "Input:color-text-item-Select--disabled": "var(--xmlui-color-text-item-Select--disabled)"}'`,selectContainer:"_selectContainer_e26ia_13",placeholder:"_placeholder_e26ia_44",error:"_error_e26ia_47",warning:"_warning_e26ia_72",valid:"_valid_e26ia_97",disabled:"_disabled_e26ia_122",inputRoot:"_inputRoot_e26ia_128",indicator:"_indicator_e26ia_128",input:"_input_e26ia_128",selectMenu:"_selectMenu_e26ia_164",item:"_item_e26ia_178",empty:"_empty_e26ia_187",selectable:"_selectable_e26ia_194",itemActive:"_itemActive_e26ia_198",itemDisabled:"_itemDisabled_e26ia_198",itemSelected:"_itemSelected_e26ia_201"},Do={themeVars:`'{"gap-RadioGroupOption": "var(--xmlui-gap-RadioGroupOption)", "Input:color-bg-RadioGroupOption-default": "var(--xmlui-color-bg-RadioGroupOption-default)", "thickness-border-RadioGroupOption": "var(--xmlui-thickness-border-RadioGroupOption)", "Input:color-border-RadioGroupOption-default": "var(--xmlui-color-border-RadioGroupOption-default)", "Input:color-border-RadioGroupOption-default--hover": "var(--xmlui-color-border-RadioGroupOption-default--hover)", "Input:color-border-RadioGroupOption-default--active": "var(--xmlui-color-border-RadioGroupOption-default--active)", "Input:color-border-RadioGroupOption--disabled": "var(--xmlui-color-border-RadioGroupOption--disabled)", "Input:color-text-RadioGroupOption--disabled": "var(--xmlui-color-text-RadioGroupOption--disabled)", "Input:color-border-RadioGroupOption-error": "var(--xmlui-color-border-RadioGroupOption-error)", "Input:color-border-RadioGroupOption-warning": "var(--xmlui-color-border-RadioGroupOption-warning)", "Input:color-border-RadioGroupOption-success": "var(--xmlui-color-border-RadioGroupOption-success)", "color-bg-checked-RadioGroupOption-default": "var(--xmlui-color-bg-checked-RadioGroupOption-default)", "color-bg-checked-RadioGroupOption--disabled": "var(--xmlui-color-bg-checked-RadioGroupOption--disabled)", "color-bg-checked-RadioGroupOption-error": "var(--xmlui-color-bg-checked-RadioGroupOption-error)", "color-bg-checked-RadioGroupOption-warning": "var(--xmlui-color-bg-checked-RadioGroupOption-warning)", "color-bg-checked-RadioGroupOption-success": "var(--xmlui-color-bg-checked-RadioGroupOption-success)", "Input:font-size-RadioGroupOption": "var(--xmlui-font-size-RadioGroupOption)", "Input:font-weight-RadioGroupOption": "var(--xmlui-font-weight-RadioGroupOption)", "Input:color-text-RadioGroupOption-default": "var(--xmlui-color-text-RadioGroupOption-default)", "Input:color-text-RadioGroupOption-error": "var(--xmlui-color-text-RadioGroupOption-error)", "Input:color-text-RadioGroupOption-warning": "var(--xmlui-color-text-RadioGroupOption-warning)", "Input:color-text-RadioGroupOption-success": "var(--xmlui-color-text-RadioGroupOption-success)", "Input:thickness-outline-RadioGroupOption--focus": "var(--xmlui-thickness-outline-RadioGroupOption--focus)", "Input:color-outline-RadioGroupOption--focus": "var(--xmlui-color-outline-RadioGroupOption--focus)", "Input:style-outline-RadioGroupOption--focus": "var(--xmlui-style-outline-RadioGroupOption--focus)", "Input:offset-outline-RadioGroupOption--focus": "var(--xmlui-offset-outline-RadioGroupOption--focus)"}'`,radioGroupContainer:"_radioGroupContainer_1wu5b_13",radioOptionContainer:"_radioOptionContainer_1wu5b_20",radioOption:"_radioOption_1wu5b_20",error:"_error_1wu5b_55",warning:"_warning_1wu5b_58",valid:"_valid_1wu5b_61",indicator:"_indicator_1wu5b_65",disabled:"_disabled_1wu5b_78",label:"_label_1wu5b_91"},Lo={themeVars:`'{"Input:radius-Textarea-default": "var(--xmlui-radius-Textarea-default)", "Input:color-border-Textarea-default": "var(--xmlui-color-border-Textarea-default)", "Input:thickness-border-Textarea-default": "var(--xmlui-thickness-border-Textarea-default)", "Input:style-border-Textarea-default": "var(--xmlui-style-border-Textarea-default)", "Input:font-size-Textarea-default": "var(--xmlui-font-size-Textarea-default)", "Input:color-bg-Textarea-default": "var(--xmlui-color-bg-Textarea-default)", "Input:shadow-Textarea-default": "var(--xmlui-shadow-Textarea-default)", "Input:color-text-Textarea-default": "var(--xmlui-color-text-Textarea-default)", "Input:color-border-Textarea-default--hover": "var(--xmlui-color-border-Textarea-default--hover)", "Input:color-bg-Textarea-default--hover": "var(--xmlui-color-bg-Textarea-default--hover)", "Input:shadow-Textarea-default--hover": "var(--xmlui-shadow-Textarea-default--hover)", "Input:color-text-Textarea-default--hover": "var(--xmlui-color-text-Textarea-default--hover)", "Input:color-border-Textarea-default--focus": "var(--xmlui-color-border-Textarea-default--focus)", "Input:color-bg-Textarea-default--focus": "var(--xmlui-color-bg-Textarea-default--focus)", "Input:shadow-Textarea-default--focus": "var(--xmlui-shadow-Textarea-default--focus)", "Input:color-text-Textarea-default--focus": "var(--xmlui-color-text-Textarea-default--focus)", "Input:thickness-outline-Textarea-default--focus": "var(--xmlui-thickness-outline-Textarea-default--focus)", "Input:color-outline-Textarea-default--focus": "var(--xmlui-color-outline-Textarea-default--focus)", "Input:style-outline-Textarea-default--focus": "var(--xmlui-style-outline-Textarea-default--focus)", "Input:offset-outline-Textarea-default--focus": "var(--xmlui-offset-outline-Textarea-default--focus)", "Input:color-placeholder-Textarea-default": "var(--xmlui-color-placeholder-Textarea-default)", "Input:radius-Textarea-error": "var(--xmlui-radius-Textarea-error)", "Input:color-border-Textarea-error": "var(--xmlui-color-border-Textarea-error)", "Input:thickness-border-Textarea-error": "var(--xmlui-thickness-border-Textarea-error)", "Input:style-border-Textarea-error": "var(--xmlui-style-border-Textarea-error)", "Input:font-size-Textarea-error": "var(--xmlui-font-size-Textarea-error)", "Input:color-bg-Textarea-error": "var(--xmlui-color-bg-Textarea-error)", "Input:shadow-Textarea-error": "var(--xmlui-shadow-Textarea-error)", "Input:color-text-Textarea-error": "var(--xmlui-color-text-Textarea-error)", "Input:color-border-Textarea-error--hover": "var(--xmlui-color-border-Textarea-error--hover)", "Input:color-bg-Textarea-error--hover": "var(--xmlui-color-bg-Textarea-error--hover)", "Input:shadow-Textarea-error--hover": "var(--xmlui-shadow-Textarea-error--hover)", "Input:color-text-Textarea-error--hover": "var(--xmlui-color-text-Textarea-error--hover)", "Input:color-border-Textarea-error--focus": "var(--xmlui-color-border-Textarea-error--focus)", "Input:color-bg-Textarea-error--focus": "var(--xmlui-color-bg-Textarea-error--focus)", "Input:shadow-Textarea-error--focus": "var(--xmlui-shadow-Textarea-error--focus)", "Input:color-text-Textarea-error--focus": "var(--xmlui-color-text-Textarea-error--focus)", "Input:thickness-outline-Textarea-error--focus": "var(--xmlui-thickness-outline-Textarea-error--focus)", "Input:color-outline-Textarea-error--focus": "var(--xmlui-color-outline-Textarea-error--focus)", "Input:style-outline-Textarea-error--focus": "var(--xmlui-style-outline-Textarea-error--focus)", "Input:offset-outline-Textarea-error--focus": "var(--xmlui-offset-outline-Textarea-error--focus)", "Input:color-placeholder-Textarea-error": "var(--xmlui-color-placeholder-Textarea-error)", "Input:radius-Textarea-warning": "var(--xmlui-radius-Textarea-warning)", "Input:color-border-Textarea-warning": "var(--xmlui-color-border-Textarea-warning)", "Input:thickness-border-Textarea-warning": "var(--xmlui-thickness-border-Textarea-warning)", "Input:style-border-Textarea-warning": "var(--xmlui-style-border-Textarea-warning)", "Input:font-size-Textarea-warning": "var(--xmlui-font-size-Textarea-warning)", "Input:color-bg-Textarea-warning": "var(--xmlui-color-bg-Textarea-warning)", "Input:shadow-Textarea-warning": "var(--xmlui-shadow-Textarea-warning)", "Input:color-text-Textarea-warning": "var(--xmlui-color-text-Textarea-warning)", "Input:color-border-Textarea-warning--hover": "var(--xmlui-color-border-Textarea-warning--hover)", "Input:color-bg-Textarea-warning--hover": "var(--xmlui-color-bg-Textarea-warning--hover)", "Input:shadow-Textarea-warning--hover": "var(--xmlui-shadow-Textarea-warning--hover)", "Input:color-text-Textarea-warning--hover": "var(--xmlui-color-text-Textarea-warning--hover)", "Input:color-border-Textarea-warning--focus": "var(--xmlui-color-border-Textarea-warning--focus)", "Input:color-bg-Textarea-warning--focus": "var(--xmlui-color-bg-Textarea-warning--focus)", "Input:shadow-Textarea-warning--focus": "var(--xmlui-shadow-Textarea-warning--focus)", "Input:color-text-Textarea-warning--focus": "var(--xmlui-color-text-Textarea-warning--focus)", "Input:thickness-outline-Textarea-warning--focus": "var(--xmlui-thickness-outline-Textarea-warning--focus)", "Input:color-outline-Textarea-warning--focus": "var(--xmlui-color-outline-Textarea-warning--focus)", "Input:style-outline-Textarea-warning--focus": "var(--xmlui-style-outline-Textarea-warning--focus)", "Input:offset-outline-Textarea-warning--focus": "var(--xmlui-offset-outline-Textarea-warning--focus)", "Input:color-placeholder-Textarea-warning": "var(--xmlui-color-placeholder-Textarea-warning)", "Input:radius-Textarea-success": "var(--xmlui-radius-Textarea-success)", "Input:color-border-Textarea-success": "var(--xmlui-color-border-Textarea-success)", "Input:thickness-border-Textarea-success": "var(--xmlui-thickness-border-Textarea-success)", "Input:style-border-Textarea-success": "var(--xmlui-style-border-Textarea-success)", "Input:font-size-Textarea-success": "var(--xmlui-font-size-Textarea-success)", "Input:color-bg-Textarea-success": "var(--xmlui-color-bg-Textarea-success)", "Input:shadow-Textarea-success": "var(--xmlui-shadow-Textarea-success)", "Input:color-text-Textarea-success": "var(--xmlui-color-text-Textarea-success)", "Input:color-border-Textarea-success--hover": "var(--xmlui-color-border-Textarea-success--hover)", "Input:color-bg-Textarea-success--hover": "var(--xmlui-color-bg-Textarea-success--hover)", "Input:shadow-Textarea-success--hover": "var(--xmlui-shadow-Textarea-success--hover)", "Input:color-text-Textarea-success--hover": "var(--xmlui-color-text-Textarea-success--hover)", "Input:color-border-Textarea-success--focus": "var(--xmlui-color-border-Textarea-success--focus)", "Input:color-bg-Textarea-success--focus": "var(--xmlui-color-bg-Textarea-success--focus)", "Input:shadow-Textarea-success--focus": "var(--xmlui-shadow-Textarea-success--focus)", "Input:color-text-Textarea-success--focus": "var(--xmlui-color-text-Textarea-success--focus)", "Input:thickness-outline-Textarea-success--focus": "var(--xmlui-thickness-outline-Textarea-success--focus)", "Input:color-outline-Textarea-success--focus": "var(--xmlui-color-outline-Textarea-success--focus)", "Input:style-outline-Textarea-success--focus": "var(--xmlui-style-outline-Textarea-success--focus)", "Input:offset-outline-Textarea-success--focus": "var(--xmlui-offset-outline-Textarea-success--focus)", "Input:color-placeholder-Textarea-success": "var(--xmlui-color-placeholder-Textarea-success)", "Input:color-bg-Textarea--disabled": "var(--xmlui-color-bg-Textarea--disabled)", "Input:color-text-Textarea--disabled": "var(--xmlui-color-text-Textarea--disabled)", "Input:color-border-Textarea--disabled": "var(--xmlui-color-border-Textarea--disabled)"}'`,textarea:"_textarea_qt7ql_13",error:"_error_qt7ql_53",warning:"_warning_qt7ql_84",valid:"_valid_qt7ql_115",resizeHorizontal:"_resizeHorizontal_qt7ql_153",resizeVertical:"_resizeVertical_qt7ql_157",resizeBoth:"_resizeBoth_qt7ql_161"},Ao={themeVars:`'{"Input:font-size-MultiSelect": "var(--xmlui-font-size-MultiSelect)", "Input:radius-MultiSelect-default": "var(--xmlui-radius-MultiSelect-default)", "Input:color-border-MultiSelect-default": "var(--xmlui-color-border-MultiSelect-default)", "Input:thickness-border-MultiSelect-default": "var(--xmlui-thickness-border-MultiSelect-default)", "Input:style-border-MultiSelect-default": "var(--xmlui-style-border-MultiSelect-default)", "Input:color-bg-MultiSelect-default": "var(--xmlui-color-bg-MultiSelect-default)", "Input:shadow-MultiSelect-default": "var(--xmlui-shadow-MultiSelect-default)", "Input:color-text-MultiSelect-default": "var(--xmlui-color-text-MultiSelect-default)", "Input:color-border-MultiSelect-default--hover": "var(--xmlui-color-border-MultiSelect-default--hover)", "Input:color-bg-MultiSelect-default--hover": "var(--xmlui-color-bg-MultiSelect-default--hover)", "Input:shadow-MultiSelect-default--hover": "var(--xmlui-shadow-MultiSelect-default--hover)", "Input:color-text-MultiSelect-default--hover": "var(--xmlui-color-text-MultiSelect-default--hover)", "Input:thickness-outline-MultiSelect-default--focus": "var(--xmlui-thickness-outline-MultiSelect-default--focus)", "Input:color-outline-MultiSelect-default--focus": "var(--xmlui-color-outline-MultiSelect-default--focus)", "Input:style-outline-MultiSelect-default--focus": "var(--xmlui-style-outline-MultiSelect-default--focus)", "Input:offset-outline-MultiSelect-default--focus": "var(--xmlui-offset-outline-MultiSelect-default--focus)", "Input:color-placeholder-MultiSelect-default": "var(--xmlui-color-placeholder-MultiSelect-default)", "Input:radius-MultiSelect-error": "var(--xmlui-radius-MultiSelect-error)", "Input:color-border-MultiSelect-error": "var(--xmlui-color-border-MultiSelect-error)", "Input:thickness-border-MultiSelect-error": "var(--xmlui-thickness-border-MultiSelect-error)", "Input:style-border-MultiSelect-error": "var(--xmlui-style-border-MultiSelect-error)", "Input:color-bg-MultiSelect-error": "var(--xmlui-color-bg-MultiSelect-error)", "Input:shadow-MultiSelect-error": "var(--xmlui-shadow-MultiSelect-error)", "Input:color-text-MultiSelect-error": "var(--xmlui-color-text-MultiSelect-error)", "Input:color-border-MultiSelect-error--hover": "var(--xmlui-color-border-MultiSelect-error--hover)", "Input:color-bg-MultiSelect-error--hover": "var(--xmlui-color-bg-MultiSelect-error--hover)", "Input:shadow-MultiSelect-error--hover": "var(--xmlui-shadow-MultiSelect-error--hover)", "Input:color-text-MultiSelect-error--hover": "var(--xmlui-color-text-MultiSelect-error--hover)", "Input:thickness-outline-MultiSelect-error--focus": "var(--xmlui-thickness-outline-MultiSelect-error--focus)", "Input:color-outline-MultiSelect-error--focus": "var(--xmlui-color-outline-MultiSelect-error--focus)", "Input:style-outline-MultiSelect-error--focus": "var(--xmlui-style-outline-MultiSelect-error--focus)", "Input:offset-outline-MultiSelect-error--focus": "var(--xmlui-offset-outline-MultiSelect-error--focus)", "Input:color-placeholder-MultiSelect-error": "var(--xmlui-color-placeholder-MultiSelect-error)", "Input:radius-MultiSelect-warning": "var(--xmlui-radius-MultiSelect-warning)", "Input:color-border-MultiSelect-warning": "var(--xmlui-color-border-MultiSelect-warning)", "Input:thickness-border-MultiSelect-warning": "var(--xmlui-thickness-border-MultiSelect-warning)", "Input:style-border-MultiSelect-warning": "var(--xmlui-style-border-MultiSelect-warning)", "Input:color-bg-MultiSelect-warning": "var(--xmlui-color-bg-MultiSelect-warning)", "Input:shadow-MultiSelect-warning": "var(--xmlui-shadow-MultiSelect-warning)", "Input:color-text-MultiSelect-warning": "var(--xmlui-color-text-MultiSelect-warning)", "Input:color-border-MultiSelect-warning--hover": "var(--xmlui-color-border-MultiSelect-warning--hover)", "Input:color-bg-MultiSelect-warning--hover": "var(--xmlui-color-bg-MultiSelect-warning--hover)", "Input:shadow-MultiSelect-warning--hover": "var(--xmlui-shadow-MultiSelect-warning--hover)", "Input:color-text-MultiSelect-warning--hover": "var(--xmlui-color-text-MultiSelect-warning--hover)", "Input:thickness-outline-MultiSelect-warning--focus": "var(--xmlui-thickness-outline-MultiSelect-warning--focus)", "Input:color-outline-MultiSelect-warning--focus": "var(--xmlui-color-outline-MultiSelect-warning--focus)", "Input:style-outline-MultiSelect-warning--focus": "var(--xmlui-style-outline-MultiSelect-warning--focus)", "Input:offset-outline-MultiSelect-warning--focus": "var(--xmlui-offset-outline-MultiSelect-warning--focus)", "Input:color-placeholder-MultiSelect-warning": "var(--xmlui-color-placeholder-MultiSelect-warning)", "Input:radius-MultiSelect-success": "var(--xmlui-radius-MultiSelect-success)", "Input:color-border-MultiSelect-success": "var(--xmlui-color-border-MultiSelect-success)", "Input:thickness-border-MultiSelect-success": "var(--xmlui-thickness-border-MultiSelect-success)", "Input:style-border-MultiSelect-success": "var(--xmlui-style-border-MultiSelect-success)", "Input:color-bg-MultiSelect-success": "var(--xmlui-color-bg-MultiSelect-success)", "Input:shadow-MultiSelect-success": "var(--xmlui-shadow-MultiSelect-success)", "Input:color-text-MultiSelect-success": "var(--xmlui-color-text-MultiSelect-success)", "Input:color-border-MultiSelect-success--hover": "var(--xmlui-color-border-MultiSelect-success--hover)", "Input:color-bg-MultiSelect-success--hover": "var(--xmlui-color-bg-MultiSelect-success--hover)", "Input:shadow-MultiSelect-success--hover": "var(--xmlui-shadow-MultiSelect-success--hover)", "Input:color-text-MultiSelect-success--hover": "var(--xmlui-color-text-MultiSelect-success--hover)", "Input:thickness-outline-MultiSelect-success--focus": "var(--xmlui-thickness-outline-MultiSelect-success--focus)", "Input:color-outline-MultiSelect-success--focus": "var(--xmlui-color-outline-MultiSelect-success--focus)", "Input:style-outline-MultiSelect-success--focus": "var(--xmlui-style-outline-MultiSelect-success--focus)", "Input:offset-outline-MultiSelect-success--focus": "var(--xmlui-offset-outline-MultiSelect-success--focus)", "Input:color-placeholder-MultiSelect-success": "var(--xmlui-color-placeholder-MultiSelect-success)", "Input:color-bg-MultiSelect--disabled": "var(--xmlui-color-bg-MultiSelect--disabled)", "Input:color-text-MultiSelect--disabled": "var(--xmlui-color-text-MultiSelect--disabled)", "Input:color-border-MultiSelect--disabled": "var(--xmlui-color-border-MultiSelect--disabled)", "Input:color-text-value-MultiSelect": "var(--xmlui-color-text-value-MultiSelect)", "Input:color-bg-value-MultiSelect": "var(--xmlui-color-bg-value-MultiSelect)", "Input:color-bg-menu-MultiSelect": "var(--xmlui-color-bg-menu-MultiSelect)", "Input:shadow-menu-MultiSelect": "var(--xmlui-shadow-menu-MultiSelect)", "Input:radius-menu-MultiSelect": "var(--xmlui-radius-menu-MultiSelect)", "Input:color-text-indicator-MultiSelect": "var(--xmlui-color-text-indicator-MultiSelect)", "Input:color-bg-item-MultiSelect--hover": "var(--xmlui-color-bg-item-MultiSelect--hover)", "Input:color-bg-item-MultiSelect--active": "var(--xmlui-color-bg-item-MultiSelect--active)", "Input:color-text-item-MultiSelect--disabled": "var(--xmlui-color-text-item-MultiSelect--disabled)"}'`,multiSelectContainer:"_multiSelectContainer_18pmb_13",selectToggleButton:"_selectToggleButton_18pmb_19",placeholder:"_placeholder_18pmb_53",error:"_error_18pmb_56",warning:"_warning_18pmb_80",valid:"_valid_18pmb_104",disabled:"_disabled_18pmb_128",indicator:"_indicator_18pmb_134",selectedOptions:"_selectedOptions_18pmb_138",multiValue:"_multiValue_18pmb_145",multiValueLabel:"_multiValueLabel_18pmb_153",multiValueRemove:"_multiValueRemove_18pmb_161",selectMenu:"_selectMenu_18pmb_172",item:"_item_18pmb_199",empty:"_empty_18pmb_207",itemActive:"_itemActive_18pmb_214",itemDisabled:"_itemDisabled_18pmb_214",itemSelected:"_itemSelected_18pmb_217"},ne="FormItem",Fo=t({status:"experimental",description:`A \`${ne}\` component represents a single input element within a \`Form\`. The value within the \`${ne}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,props:{bindTo:e("This property binds a particular input field to one of the attributes of the `Form` data. It names the property of the form's `subject` data to get the input's initial value. When the field is saved, its value will be stored in the `subject` property with this name."),autoFocus:y(),label:M(),labelPosition:qe(),labelWidth:e("This property sets the width of the item label."),labelBreak:e("This boolean value indicates if the label can be split into multiple lines if it would overflow the available label width."),enabled:f(),type:e("This property is used to determine the specific input control the FormItem will wrap around. Note that the control names start with a lowercase letter and map to input components found in XMLUI."),customValidationsDebounce:e("This optional number prop determines the time interval between two runs of a custom validation."),validationMode:e("This property sets what kind of validation mode or strategy to employ for a particular input field."),initialValue:B(),syncToValidation:e("This boolean property indicates if the following validation properties should override the underlying controls' properties."),required:L(),requiredInvalidMessage:e("This optional string property is used to customize the message that is displayed if the field is not filled in."),minLength:e("Checks whether the input has a minimum length of a specified value."),maxLength:e("Checks whether the input has a maximum length of a specified value."),maxTextLength:e("The maximum length of the text in the input field"),lengthInvalidMessage:e("This optional string property is used to customize the message that is displayed on a failed length check: [minLength](#minlength) or [maxLength](#maxlength)."),lengthInvalidSeverity:e("This property sets the severity level of length validations."),minValue:e("Checks whether the input has the minimum specified value."),maxValue:e("Checks whether the input has the maximum specified value."),rangeInvalidMessage:e("This optional string property is used to customize the message that is displayed when a value is out of range."),rangeInvalidSeverity:e("This property sets the severity level of the value range validation."),pattern:e("Checks whether the input fits a predefined regular expression."),patternInvalidMessage:e("This optional string property is used to customize the message that is displayed on a failed pattern test."),patternInvalidSeverity:e("This property sets the severity level of the pattern validation."),regex:e("Checks whether the input fits the provided regular expression."),regexInvalidMessage:e("This optional string property is used to customize the message that is displayed on a failed regular expression test."),regexInvalidSeverity:e("This property sets the severity level of regular expression validation.")},events:{validate:e("This event is used to define a custom validation function.")},contextVars:{$value:e(`The context variable represents the current value of the \`${ne}\`. It can be used in expressions and code snippets within the \`${ne}\` instance.`),$setValue:e(`This function can be invoked to set the \`${ne}\` instance's value. The function has a single argument, the new value to set.`),$validationResult:e(`This variable represents the result of the latest validation of the \`${ne}\` instance.`)},themeVars:n(co.themeVars),defaultThemeVars:{"color-text-FormItemLabel":"$color-text-primary","font-size-FormItemLabel":"$font-size-small","font-weight-FormItemLabel":"$font-weight-medium","font-style-FormItemLabel":"normal","text-transform-FormItemLabel":"none","color-text-FormItemLabel-requiredMark":"$color-danger-400"}}),N="Heading",ee=e(`This property determines the text displayed in the heading. \`${N}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`),te=e("This property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified."),Ro=e("This property indicates whether ellipses should be displayed (`true`) when the heading text is cropped or not (`false`)."),qo=e("This property indicates whether linebreaks should be preserved when displaying text."),le=i=>`Represents a heading level ${i} text`,Eo=t({description:"Represents a heading text",props:{value:ee,level:e("This property sets the visual significance (level) of the heading."),maxLines:te,ellipses:Ro,preserveLinebreaks:qo},themeVars:n(K.themeVars),defaultThemeVars:{[`font-family-${N}`]:"$font-family",[`color-text-${N}`]:"inherit",[`font-weight-${N}`]:"$font-weight-bold",[`letter-spacing-${N} `]:"0",light:{},dark:{}}}),_e="H1",Wo=t({description:le(1),specializedFrom:N,props:{value:ee,maxLines:te},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${_e}`]:"$font-size-large",[`line-height-${_e}`]:"$line-height-none",[`margin-top-${_e}`]:"0",[`margin-bottom-${_e}`]:"0",light:{},dark:{}}}),ke="H2",Go=t({description:le(2),specializedFrom:N,props:{value:ee,maxLines:te},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${ke}`]:"$font-size-medium",[`line-height-${ke}`]:"$line-height-none",[`margin-top-${ke}`]:"0",[`margin-bottom-${ke}`]:"0",light:{},dark:{}}}),Ie="H3",jo=t({description:le(3),specializedFrom:N,props:{value:ee,maxLines:te},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${Ie}`]:"$font-size-normal",[`line-height-${Ie}`]:"$line-height-none",[`margin-top-${Ie}`]:"0",[`margin-bottom-${Ie}`]:"0",light:{},dark:{}}}),Be="H4",Uo=t({description:le(4),specializedFrom:N,props:{value:ee,maxLines:te},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${Be}`]:"$font-size-small",[`line-height-${Be}`]:"$line-height-none",[`margin-top-${Be}`]:"0",[`margin-bottom-${Be}`]:"0",light:{},dark:{}}}),Ce="H5",Yo=t({description:le(5),specializedFrom:N,props:{value:ee,maxLines:te},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${Ce}`]:"$font-size-smaller",[`line-height-${Ce}`]:"$line-height-none",[`margin-top-${Ce}`]:"0",[`margin-bottom-${Ce}`]:"0",light:{},dark:{}}}),ze="H6",Zo=t({description:le(6),specializedFrom:N,props:{value:ee,maxLines:te},themeVars:n(K.themeVars),defaultThemeVars:{[`font-size-${ze}`]:"$font-size-tiny",[`line-height-${ze}`]:"$line-height-none",[`margin-top-${ze}`]:"0",[`margin-bottom-${ze}`]:"0",light:{},dark:{}}}),Jo=t({status:"deprecated",description:"(**OBSOLETE**) This component displays some content when its parent component is hovered.",props:{triggerTemplate:m("The component that opens the hover card when hovered.")}}),mt="Icon",Qo=t({status:"experimental",description:"This component is the representation of an icon.",props:{name:e("This string property specifies the name of the icon to display. All icons have unique names and identifying the name is case-sensitive."),size:e(`This property defines the size of the \`${mt}\`. Note that setting the \`height\` and/or the \`width\` of the component will override this property.`),fallback:e("This optional property provides a way to handle situations when the provided [icon name](#name) is not found in the registry.")},themeVars:n(zt.themeVars),defaultThemeVars:{[`size-${mt}`]:"1.25em"}}),pt="Image",Xo=t({description:`The \`${pt}\` component represents or depicts an object, scene, idea, or other concept with a picture.`,props:{src:e("This property is used to indicate the source (path) of the image to display."),alt:e("This property specifies an alternate text for the image."),fit:e("This property sets how the image content should be resized to fit its container."),lazyLoad:e("Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it). The default value is eager (`false`)."),aspectRatio:e("This property sets a preferred aspect ratio for the image, which will be used in the calculation of auto sizes and some other layout functions.")},events:{click:G(pt)},themeVars:n(Yt.themeVars)}),Ko=t({description:"The `Items` component maps sequential data items into component instances, representing each data item as a particular component.",props:{items:m("This property contains the list of data items this component renders."),data:e("This property contains the list of data items (obtained from a data source) this component renders."),reverse:e("This property reverses the order in which data is mapped to template components."),itemTemplate:m("The component template to display a single item")},opaque:!0}),x="Link",er=t({description:`A \`${x}\` component represents a navigation target within the app or a reference to an external web URL.`,props:{to:e("This property defines the URL of the link."),enabled:f(),active:e("This Boolean property indicates if the particular navigation is an active link (`false`, by default). An active link has a particular visual appearance."),target:e(`This property specifies where to open the link represented by the \`${x}\`. This property accepts the following values (in accordance with the HTML standard):`),label:M(),icon:e("This property allows you to add an icon (specify the icon's name) to the link.")},themeVars:n(no.themeVars),defaultThemeVars:{[`color-text-${x}--hover--active`]:`$color-text-${x}--active`,[`color-text-decoration-${x}--hover`]:"$color-surface-400A80",[`color-text-decoration-${x}--active`]:"$color-surface200",[`font-weight-${x}--active`]:"$font-weight-bold",[`color-decoration-${x}`]:"$color-surface-400",[`offset-decoration-${x}`]:"$space-1",[`line-decoration-${x}`]:"underline",[`style-decoration-${x}`]:"dashed",[`thickness-decoration-${x}`]:"$space-0_5",[`color-outline-${x}--focus`]:"$color-outline--focus",[`thickness-outline-${x}--focus`]:"$thickness-outline--focus",[`style-outline-${x}--focus`]:"$style-outline--focus",[`offset-outline-${x}--focus`]:"$offset-outline--focus",[`font-size-${x}`]:"$font-size",light:{[`color-text-${x}`]:"$color-primary-500",[`color-text-${x}--active`]:"$color-primary-500"},dark:{[`color-text-${x}`]:"$color-primary-500",[`color-text-${x}--active`]:"$color-primary-500"}}}),tr={themeVars:'"[]"',infoWrapper:"_infoWrapper_82pvu_13",loadingWrapper:"_loadingWrapper_82pvu_18",noRows:"_noRows_82pvu_26"},se="List",or=t({status:"experimental",description:`The \`${se}\` component is a robust layout container that renders associated data items as a list of components. \`${se}\` is virtualized; it renders only items that are visible in the viewport.`,props:{data:e("The component receives data via this property. The `data` property is a list of items that the `List` can display."),items:e("You can use `items` as an alias for the `data` property. When you bind the table to a data source (for example, you set the `datasource` property to a URL to fetch the data from), `data` represents the information obtained from the API."),loading:e("This property delays the rendering of children until it is set to `false`, or the component receives usable list items via the [`data`](#data) property."),limit:e(`This property limits the number of items displayed in the \`${se}\`.`),scrollAnchor:e("This property pins the scroll position to either the `top` or the `bottom` of the list."),sectionBy:e("This property set which attribute of the data is used to group or section the list items. If the attribute does not appear in the data items, it will be ignored."),orderBy:e("This property enables the ordering of list items by specifying an attribute in the data."),availableSections:e(`This property is an array of section names that the \`${se}\` will display.`),sectionTemplate:m("Enables the customization of how the sections or groups are displayed, similarly to the [`itemTemplate`](#itemtemplate). You can use the `$item` context variable to access an item section and map its individual attributes."),sectionFooterTemplate:m("Enables the customization of how the the footer of each section or group id displayed. Combine with [`sectionTemplate`](#sectiontemplate) to customize sections. You can use the `$item` context variable to access an item section and map its individual attributes."),itemTemplate:m("This property allows the customization of mapping data items to components. You can use the `$item` context variable to access an item and map its individual attributes."),emptyListTemplate:m("This property defines the template to display when the list is empty."),pageInfo:e(`This property contains the current page information. Setting this property also enures the \`${se}\` uses pagination.`),idKey:e('Denotes which attribute of an item acts as the ID or key of the item. Default is `"id"`.'),selectedIndex:e("This property scrolls to a specific item indicated by its index."),sectionsInitiallyExpanded:e("This Boolean property defines whether the list sections are initially expanded."),defaultSections:e(`This property adds default sections for the \`${se}\` and displays the section headers even if no items fall into a particular section.`)},events:{resetSelectedIndex:e("Obsolete."),requestFetchNextPage:e("Obsolete."),requestFetchPrevPage:e("Obsolete.")},contextVars:{$item:e("This property represents the value of an item in the data list.")},themeVars:n(tr.themeVars)}),rr=t({status:"experimental",description:"The `Logo` component represents a logo or a brand symbol. Usually, you use this component in the [`AppHeader`](./AppHeader.mdx#logotemplate)."}),ir=t({description:"`Markdown` displays plain text styled using markdown syntax.",themeVars:n({themeVars:`'{"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)"}'`,horizontalRule:"_horizontalRule_y1wfd_13",blockquote:"_blockquote_y1wfd_17",unorderedList:"_unorderedList_y1wfd_37",orderedList:"_orderedList_y1wfd_43",listItem:"_listItem_y1wfd_49"}.themeVars),defaultThemeVars:{"color-border-HorizontalRule":"$color-border","thickness-border-HorizontalRule":"1px","style-border-HorizontalRule":"solid","accent-Blockquote":"$color-primary","padding-Blockquote":"$space-2 $space-6","margin-Blockquote":"$space-2","padding-left-UnorderedList":"$space-6","padding-left-OrderedList":"$space-6","padding-left-ListItem":"$space-1",light:{},dark:{}}}),_="ModalDialog",ar=t({description:`The \`${_}\` component defines a modal dialog UI element that can be displayed over the existing UI - triggered by some action.`,props:{fullScreen:e("Toggles whether the dialog encompasses the whole UI (`true`) or not and has a minimum width and height (`false`)."),title:e("Provides a prestyled heading to display the intent of the dialog."),closeButtonVisible:e("Shows (`true`) or hides (`false`) the visibility of the close button on the dialog."),isInitiallyOpen:e("This property sets whether the modal dialog appears open (`true`) or not (`false`) when the page is it is defined on is rendered.")},events:{open:e(`This event is fired when the \`${_}\` is opened either via a \`when\` or an imperative API call (\`open()\`).`),close:e(`This event is fired when the close button is pressed or the user clicks outside the \`${_}\`.`)},apis:{close:e(`This method is used to close the \`${_}\`. Invoke it using \`modalId.close()\` where \`modalId\` refers to a \`ModalDialog\` component.`),open:e("")},themeVars:n(Vo.themeVars),defaultThemeVars:{...we(_,{all:"$space-7"}),[`color-bg-${_}`]:"$color-bg-primary",[`color-bg-overlay-${_}`]:"$color-bg-overlay",[`color-text-${_}`]:"$color-text-primary",[`radius-${_}`]:"$radius",[`font-family-${_}`]:"$font-family",[`max-width-${_}`]:"450px",[`margin-bottom-title-${_}`]:"0",dark:{[`color-bg-${_}`]:"$color-bg-primary"}}}),$="MultiSelect",nr=t({status:"experimental",description:`The \`${$}\` component works the same way as the [\`Select\`](./Select.mdx) component with the addition of the ability to select multiple elements from a list by clicking list elements in the dropdown. These elements are then displayed in the field and can be removed as necessary.`,props:{placeholder:j(),initialValue:B(),labelId:D(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),startText:ge(),startIcon:fe(),endText:Te(),endIcon:ye(),options:m("This property specifies the list of options to be displayed in the dropdown."),optionTemplate:m("This property sets the placeholder text displayed in the input field if no value is selected."),emptyListTemplate:m("With this property, you can specify what should appear when the list is empty.")},events:{didChange:T($),gotFocus:k($),lostFocus:I($)},apis:{focus:Q($)},contextVars:{$item:e("This context variable acts as a template for an item in the list.")},themeVars:n(Ao.themeVars),defaultThemeVars:{[`color-bg-menu-${$}`]:"$color-bg-primary",[`shadow-menu-${$}`]:"$shadow-md",[`radius-menu-${$}`]:"$radius",[`color-text-value-${$}`]:"$color-text-primary",[`color-bg-value-${$}`]:"$color-bg-primary",[`color-bg-item-${$}`]:"$color-bg-dropdown-item",[`color-bg-item-${$}--hover`]:"$color-bg-dropdown-item--active",light:{[`color-text-item-${$}--disabled`]:"$color-surface-200"},dark:{[`color-text-item-${$}--disabled`]:"$color-surface-800"}}}),lr={themeVars:`'{"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)"}'`,dropdownList:"_dropdownList_1i6dc_13",withNavGroupChevron:"_withNavGroupChevron_1i6dc_32",pointRight:"_pointRight_1i6dc_48"},Me="NavGroup",sr=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:M(),icon:e(`This property defines an optional icon to display along with the \`${Me}\` label.`)},themeVars:n(lr.themeVars),defaultThemeVars:{[`color-bg-dropdown-${Me}`]:"$color-bg-primary",[`radius-dropdown-${Me}`]:"$radius",[`shadow-dropdown-${Me}`]:"$shadow-spread"}}),Ze="NavLink",cr=t({description:`The \`${Ze}\` 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:e("This property defines the URL of the link."),enabled:f(),active:e("This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [`displayActive`](#displayactive) property is set to `true`."),target:e("This property specifies how to open the clicked link."),label:M(),vertical:e(`This property sets how the active status is displayed on the \`${Ze}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu.`),displayActive:e("This Boolean property indicates if the active state of a link should have a visual indication. Setting it to `false` removes the visual indication of an active link."),icon:e("This property allows you to add an icon (specify the icon's name) to the navigation link.")},events:{click:G(Ze)},themeVars:n(Zt.themeVars),defaultThemeVars:{"radius-NavLink":"$radius","color-bg-NavLink":"transparent","padding-horizontal-NavLink":"$space-4","padding-vertical-NavLink":"$space-2","font-size-NavLink":"$font-size-small","font-weight-NavLink":"$font-weight-normal","font-family-NavLink":"$font-family","color-text-NavLink":"$color-text-primary","font-weight-NavLink--pressed":"$font-weight-normal","thickness-indicator-NavLink":"$space-0_5","color-outline-NavLink--focus":"$color-outline--focus","thickness-outline-NavLink--focus":"$thickness-outline--focus","style-outline-NavLink--focus":"$style-outline--focus","offset-outline-NavLink--focus":"-1px","radius-indicator-NavLink":"$radius",light:{"color-icon-NavLink":"$color-surface-500","color-indicator-NavLink--active":"$color-primary-500","color-indicator-NavLink--pressed":"$color-primary-500","color-indicator-NavLink--hover":"$color-primary-600"},dark:{"color-indicator-NavLink--active":"$color-primary-500","color-indicator-NavLink--pressed":"$color-primary-500","color-indicator-NavLink--hover":"$color-primary-400"}}}),F="NavPanel",dr=t({description:`\`${F}\` is a placeholder within \`App\` to define the app's navigation (menu) structure.`,props:{logoTemplate:m("This property defines the logo template to display in the navigation panel with the `vertical` and `vertical-sticky` layout.")},themeVars:n(Jt.themeVars),defaultThemeVars:{[`color-bg-${F}`]:"transparent",...Ge(F,{}),[`padding-horizontal-${F}`]:"$space-4",[`padding-vertical-logo-${F}`]:"$space-4",[`padding-horizontal-logo-${F}`]:"$space-4",[`margin-bottom-logo-${F}`]:"$space-4",light:{[`shadow-${F}-vertical`]:"4px 0 4px 0 rgb(0 0 0 / 10%)"},dark:{[`shadow-${F}-vertical`]:"4px 0 6px 0 rgba(0, 0, 0, 0.2)"}}}),ur={themeVars:`'{"padding-vertical-NoResult": "var(--xmlui-padding-vertical-NoResult)", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`,wrapper:"_wrapper_9giub_13",icon:"_icon_9giub_22"},Se="NoResult",hr=t({description:`\`${Se}\` is a component that displays a visual indication that some data query (search) resulted in no (zero) items.`,props:{label:M(),icon:e("This property defines the icon to display with the component."),hideIcon:e("This boolean property indicates if the icon should be hidden.")},themeVars:n(ur.themeVars),defaultThemeVars:{[`padding-vertical-${Se}`]:"$space-2",[`gap-icon-${Se}`]:"$space-2",[`size-icon-${Se}`]:"$space-8",light:{},dark:{}}}),be="NumberBox",mr=t({status:"experimental",description:`A \`${be}\` 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:j(),initialValue:B(),labelId:D(),maxLength:ie(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),startText:ge(),startIcon:fe(),endText:Te(),endIcon:ye(),hasSpinBox:e("This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field."),step:e("This prop governs how big the step when clicking on the spinner of the field."),integersOnly:e("This boolean property signs whether the input field accepts integers only (`true`) or not (`false`)."),zeroOrPositive:e("This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`)."),minValue:e("The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."),maxValue:e("The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.")},events:{gotFocus:k(be),lostFocus:I(be),didChange:T(be)},apis:{focus:Q(be),value:e("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:re()},themeVars:n(Ho.themeVars)}),pr={themeVars:'"[]"'},Pe="OffCanvas",xr=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:{enableBackdrop:e("This property indicates if the backdrop is enabled when the component is displayed. When the backdrop is not enabled, clicking outside `OffCanvas` will not close it.",null,"boolean",!0),enableBodyScroll:e("This property indicates if the body scroll is enabled when the component is displayed.",null,"boolean",!1),noCloseOnBackdropClick:e(`When this property is set to \`true\`, the ${Pe} does not close when the user clicks on its backdrop.`,null,"boolean",!1),placement:e(`This property indicates the position where the ${Pe} should be docked to.`,It),autoCloseInMs:e("This property sets a timeout. When the timeout expires, the component gets hidden.")},events:{didOpen:Vt(Pe),didClose:Nt(Pe)},apis:{open:e("This method opens the component. It triggers the `didOpen` event  with the argument set to `false`."),close:e("This method closes the component. It triggers the `didClose` event with the argument set to `false`.")},themeVars:n(pr.themeVars),defaultThemeVars:{light:{},dark:{}}}),br=t({description:"`Option` 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:e("This property defines the text to display for the option. If `label` is not defined, `Option` will use the `value` as the label."),value:e("This property defines the value of the option. If `value` is not defined, `Option` will use the `label` as the value."),disabled:e("If this property is set to `true`, the option is disabled and cannot be selected in its parent component.")}}),vr=t({description:"A PageMetaTitle component allows setting up (or changing) the app title to display with the current browser tab.",props:{value:e("This property sets the page's title to display in the browser tab.")}}),xt="Page",gr=t({status:"experimental",docFolder:xt,description:`The \`${xt}\` component defines what content is displayed when the user navigates to a particular URL that is associated with the page.`,props:{url:e("The URL of the route associated with the content.")}}),fr=t({description:"The `Pages` component is used as a container for [`Page`](./Page.mdx) components within an [`App`](./App.mdx).",props:{defaultRoute:e("The default route when displaying the app")}}),Tr=t({description:"The `Pdf` component provides a read-only preview of a pdf document's contents.",props:{src:e("This property defines the source URL of the pdf document stream to display.")}}),bt={themeVars:`'{"color-PieChart": "var(--xmlui-color-PieChart)"}'`,wrapper:"_wrapper_1d7s9_13",chartContainer:"_chartContainer_1d7s9_19",chart:"_chart_1d7s9_19",legends:"_legends_1d7s9_33",legendItem:"_legendItem_1d7s9_41",legendTop:"_legendTop_1d7s9_47",legendRight:"_legendRight_1d7s9_61",legendBottom:"_legendBottom_1d7s9_78",legendLeft:"_legendLeft_1d7s9_92",legendRow:"_legendRow_1d7s9_109",legendColumn:"_legendColumn_1d7s9_117",legendBullet:"_legendBullet_1d7s9_125"},R="PieChart",yr=t({status:"deprecated",description:"(**OBSOLETE**) A pie chart component",props:{data:e("The data to be displayed in the pie chart"),isInteractive:e("Whether the chart is interactive"),showLabels:e("Whether to show labels"),showLegends:e("Whether to show legends"),legendPosition:e("The position of the legend"),legendDirection:e("The direction of the legend")},themeVars:n(bt.themeVars),defaultThemeVars:{[`scheme-${R}`]:"nivo",[`color-text-${R}`]:"$color-text-secondary",[`color-ticks-${R}`]:"$color-text-primary",[`color-bg-tooltip-${R}`]:"$color-bg-primary",[`color-text-tooltip-${R}`]:"$color-text-primary",[`color-axis-${R}`]:"$color-text-primary",[`color-text-legend-${R}`]:"$color-text-primary",light:{[`scheme-${R}`]:"set3"},dark:{[`scheme-${R}`]:"dark2"}}}),$r={themeVars:'"[]"',wrapper:"_wrapper_1hlil_13",visibleOnHover:"_visibleOnHover_1hlil_16"},wr=t({status:"deprecated",description:"(**OBSOLETE**) This component was created for the ChatEngine app.",props:{visibleOnHover:e("No description")},themeVars:n($r.themeVars)}),_r={themeVars:`'{"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)"}'`,wrapper:"_wrapper_1s8j7_13",bar:"_bar_1s8j7_22"},Y="ProgressBar",kr=t({description:`A \`${Y}\` component visually represents the progress of a task or process.`,props:{value:e("This property defines the progress value with a number between 0 and 1.")},themeVars:n(_r.themeVars),defaultThemeVars:{[`radius-${Y}`]:"$radius",[`radius-indicator-${Y}`]:"0px",[`thickness-${Y}`]:"$space-2",light:{[`color-bg-${Y}`]:"$color-surface-200",[`color-indicator-${Y}`]:"$color-primary-500"},dark:{[`color-bg-${Y}`]:"$color-surface-700",[`color-indicator-${Y}`]:"$color-primary-500"}}}),Ir=t({description:"The `Queue` component provides an API to enqueue elements and defines events to process queued elements in a FIFO order.",props:{progressFeedback:e("This property defines the component template of the UI that displays progress information whenever, the queue's `progressReport` function in invoked."),resultFeedback:e("This property defines the component template of the UI that displays result information when the queue becomes empty after processing all queued items."),clearAfterFinish:e("This property indicates the completed items (successful or error) should be removed from the queue after completion.")},nonVisual:!0,events:{willProcess:e("This event is triggered to process a particular item."),process:e("This event is fired to process the next item in the queue. If the processing cannot proceed because of some error, raise an exception, and the queue will handle that."),didProcess:e("This event is fired when the processing of a queued item has been successfully processed."),processError:e("This event is fired when processing an item raises an error. The event handler method receives two parameters. The first is the error raised during the processing of the item; the second is an object with these properties:"),complete:e("The queue fires this event when the queue gets empty after processing all items. The event handler has no arguments.")},apis:{enqueueItem:e("This method enqueues the item passed in the method parameter. The new item will be processed after the current queue items have been handled. The method retrieves the unique ID of the newly added item; this ID can be used later in other methods, such as `remove`."),enqueueItems:e("This method enqueues the array of items passed in the method parameter. The new items will be processed after the current queue items have been handled. The method retrieves an array of unique IDs, one for each new item. An item ID can be used later in other methods, such as `remove`."),getQueuedItems:e("You can use this method to return the items in the queue. These items contain all entries not removed from the queue yet, including pending, in-progress, and completed items."),getQueueLength:e("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet."),remove:e("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet.")},contextVars:{$completedItems:e("A list containing the queue items that have been completed (fully processed).")}}),h="RadioGroupOption",Br=t({status:"stable",description:"A single radio button within a radio button group",props:{enabled:f(),value:e("The value of the option"),label:e("The option's label")},themeVars:n(Do.themeVars),defaultThemeVars:{[`gap-${h}`]:"$space-1_5",[`thickness-border-${h}`]:"2px",[`color-bg-checked-${h}--disabled]`]:`$color-border-${h}--disabled`,[`color-bg-checked-${h}-error`]:`$color-border-${h}-error`,[`color-bg-checked-${h}-warning`]:`$color-border-${h}-warning`,[`color-bg-checked-${h}-success`]:`$color-border-${h}-success`,[`font-size-${h}`]:"$font-size-small",[`font-weight-${h}`]:"$font-weight-bold",[`color-text-${h}-error`]:`$color-border-${h}-error`,[`color-text-${h}-warning`]:`$color-border-${h}-warning`,[`color-text-${h}-success`]:`$color-border-${h}-success`,light:{[`color-bg-checked-${h}-default`]:"$color-primary-500",[`color-border-${h}-default`]:"$color-surface-500",[`color-border-${h}-default--hover`]:"$color-surface-700",[`color-border-${h}-default--active`]:"$color-primary-500"},dark:{[`color-bg-checked-${h}-default`]:"$color-primary-500",[`color-border-${h}-default`]:"$color-surface-500",[`color-border-${h}-default--hover`]:"$color-surface-300",[`color-border-${h}-default--active`]:"$color-primary-400"}}}),Ve="RadioGroup",Cr=t({description:`The \`${Ve}\` 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:B(),labelId:D(),maxLength:ie(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),orientation:e("(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group.")},events:{gotFocus:k(Ve),lostFocus:I(Ve),didChange:T(Ve)}}),zr=t({status:"experimental",description:"`RealTimeAdapter` is a non-visual component that listens to real-time events through long-polling.",props:{url:e("This property specifies the URL to use for long-polling.")},events:{eventArrived:e("This event is raised when data arrives from the backend using long-polling.")}}),Mr=t({description:"`Redirect` 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:e("This property defines the URL to which this component is about to redirect requests.")}}),H="Select",Sr=t({description:"A dropdown list of options",props:{placeholder:j(),initialValue:B(),labelId:D(),maxLength:ie(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),optionTemplate:m("This property enables the customization of list items. To access the attributes of a list item use the `$item` context variable."),emptyListTemplate:e("This optional property provides the ability to customize what is displayed when the list of options is empty.")},events:{gotFocus:k(H),lostFocus:I(H),didChange:T(H)},apis:{focus:Q(H),setValue:re()},contextVars:{$item:e("This context variable acts as a template for an item in the list.")},themeVars:n(Oo.themeVars),defaultThemeVars:{[`color-bg-menu-${H}`]:"$color-bg-primary",[`shadow-menu-${H}`]:"$shadow-md",[`radius-menu-${H}`]:"$radius",[`color-bg-item-${H}`]:"$color-bg-dropdown-item",[`color-bg-item-${H}--hover`]:"$color-bg-dropdown-item--active","min-height-Input":"39px",light:{[`color-text-item-${H}--disabled`]:"$color-surface-200"},dark:{[`color-text-item-${H}--disabled`]:"$color-surface-800"}}}),Pr=t({description:"The `SelectionStore` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.",props:{idKey:e('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"`.')}}),Vr=t({description:"The `SpaceFiller` 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:n(Po.themeVars)}),ve="Spinner",Nr=t({description:`The \`${ve}\` component is an animated indicator that represents a particular action in progress without a deterministic progress value.`,props:{delay:e("The delay in milliseconds before the spinner is displayed."),fullScreen:e("If set to `true`, the component will be rendered in a full screen container."),themeColor:e("(**NOT IMPLEMENTED YET**) The theme color of the component.")},themeVars:n(uo.themeVars),defaultThemeVars:{[`size-${ve}`]:"$space-10",[`thickness-${ve}`]:"$space-0_5",light:{[`color-border-${ve}`]:"$color-surface-400"},dark:{[`color-border-${ve}`]:"$color-surface-600"}}}),Hr={themeVars:`'{"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)"}'`,splitter:"_splitter_1argo_13",vertical:"_vertical_1argo_27",horizontal:"_horizontal_1argo_30",panel:"_panel_1argo_34",primaryPanel:"_primaryPanel_1argo_41",secondaryPanel:"_secondaryPanel_1argo_47",resizer:"_resizer_1argo_51",floatingResizer:"_floatingResizer_1argo_66"},Z="Splitter",Ne=t({description:`The \`${Z}\` component divides a container (such as a window, panel, pane, etc.) into two resizable sections.`,props:{swapped:e(`This optional booelan property indicates whether the \`${Z}\` sections are layed out as primary and secondary (\`false\`) or secondary and primary (\`true\`) from left to right.`),splitterTemplate:m("The divider can be customized using XMLUI components via this property."),initialPrimarySize:e("This optional number property sets the initial size of the primary section. The unit of the size value is in pixels or percentages."),minPrimarySize:e("This property sets the minimum size the primary section can have. The unit of the size value is in pixels or percentages."),maxPrimarySize:e("This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages."),floating:e("Toggles whether the resizer is visible (`false`) or not (`true`) when not hovered or dragged. The default value is `false`, meaning the resizer is visible all the time.")},events:{resize:e("This event fires when the component is resized.")},themeVars:n(Hr.themeVars),defaultThemeVars:{[`color-bg-resizer-${Z}`]:"$color-bg-Card",[`thickness-resizer-${Z}`]:"5px",[`cursor-resizer-horizontal-${Z}`]:"ew-resize",[`cursor-resizer-vertical-${Z}`]:"ns-resize"}}),Or={...Ne,props:{...Ne.props,orientation:e("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`).")}},Dr={...Ne,specializedFrom:Z},Lr={...Ne,specializedFrom:Z},Ar={themeVars:`'{"color-bg-StickyBox": "var(--xmlui-color-bg-StickyBox)"}'`,wrapper:"_wrapper_1qgtv_13",top:"_top_1qgtv_18",bottom:"_bottom_1qgtv_21"},vt="StickyBox",Fr=t({status:"experimental",description:`The \`${vt}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,props:{to:e("This property determines whether the StickyBox should be anchored to the `top` or `bottom`.")},themeVars:n(Ar.themeVars),defaultThemeVars:{[`color-bg-${vt}`]:"$color-bg"}}),d="Switch",Rr=t({description:`The \`${d}\` 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:it(),label:M(),labelPosition:qe("right"),initialValue:B(!1),labelId:D(),autoFocus:y(),readOnly:S(),enabled:f(),validationStatus:P(),description:e(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${d} besides its label.`)},events:{click:G(d),gotFocus:k(d),lostFocus:I(d),didChange:T(d)},apis:{value:at(),setValue:re()},themeVars:n(ut.themeVars),defaultThemeVars:{[`color-border-checked-${d}-error`]:`$color-border-${d}-error`,[`color-bg-checked-${d}-error`]:`$color-border-${d}-error`,[`color-border-checked-${d}-warning`]:`$color-border-${d}-warning`,[`color-bg-checked-${d}-warning`]:`$color-border-${d}-warning`,[`color-border-checked-${d}-success`]:`$color-border-${d}-success`,[`color-bg-checked-${d}-success`]:`$color-border-${d}-success`,light:{[`color-bg-${d}`]:"$color-surface-400",[`color-border-${d}`]:"$color-surface-400",[`color-bg-indicator-${d}`]:"$color-bg-primary",[`color-border-checked-${d}`]:"$color-primary-500",[`color-bg-checked-${d}`]:"$color-primary-500",[`color-bg-${d}--disabled`]:"$color-surface-200"},dark:{[`color-bg-${d}`]:"$color-surface-500",[`color-border-${d}`]:"$color-surface-500",[`color-bg-indicator-${d}`]:"$color-bg-primary",[`color-border-checked-${d}`]:"$color-primary-400",[`color-bg-checked-${d}`]:"$color-primary-400",[`color-bg-${d}--disabled`]:"$color-surface-800"}}}),qr={themeVars:`'{"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)"}'`,wrapper:"_wrapper_1ih5l_13",noScroll:"_noScroll_1ih5l_19",headerWrapper:"_headerWrapper_1ih5l_23",tableBody:"_tableBody_1ih5l_23",clickableHeader:"_clickableHeader_1ih5l_29",headerContent:"_headerContent_1ih5l_39",headerRow:"_headerRow_1ih5l_67",columnCell:"_columnCell_1ih5l_72",cell:"_cell_1ih5l_72",table:"_table_1ih5l_23",row:"_row_1ih5l_83",checkBoxWrapper:"_checkBoxWrapper_1ih5l_89",selected:"_selected_1ih5l_93",allSelected:"_allSelected_1ih5l_93",focused:"_focused_1ih5l_139",disabled:"_disabled_1ih5l_151",noRows:"_noRows_1ih5l_176",pagination:"_pagination_1ih5l_182",paginationLabel:"_paginationLabel_1ih5l_198",paginationSelect:"_paginationSelect_1ih5l_203",paginationButtons:"_paginationButtons_1ih5l_209",searchIconWrapper:"_searchIconWrapper_1ih5l_214",loadingWrapper:"_loadingWrapper_1ih5l_221",resizer:"_resizer_1ih5l_236",isResizing:"_isResizing_1ih5l_258"},l="Table",Er=t({description:`\`${l}\` is a component that displays cells organized into rows and columns. The \`${l}\` component is virtualized so it only renders visible cells.`,props:{items:e("You can use `items` as an alias for the `data` property. When you bind the table to a data source (for example, you set the `datasource` property to a URL to fetch the data from), `data` represents the information obtained from the API."),data:e(""),isPaginated:e(`This property adds pagination controls to the \`${l}\`.`),loading:e("This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time."),headerHeight:e("This optional property is used to specify the height of the table header."),rowsSelectable:e("Indicates whether the rows are selectable (`true`) or not (`false`)."),pageSizes:e("Describes how big a page should be for pagination."),rowDisabledPredicate:e("This property defines a predicate function with a return value that determines if the row should be disabled. The function retrieves the item to display and should return a Boolean-like value."),noDataTemplate:m("A property to customize what to display if the table does not contain any data."),sortBy:e("This property is used to determine which data attributes to sort by."),sortDirection:e("This property determines the sort order to be `ascending` or `descending`. This property only works if the [`sortBy`](#sortby) property is also set."),autoFocus:y(),hideHeader:e("Set the header visibility using this property. Set it to `true` to hide the header."),iconNoSort:e(`Allows the customization of the icon displayed in the ${l} column header when when sorting is enabled and sorting is not done according to the column.`),iconSortAsc:e(`Allows the customization of the icon displayed in the ${l} column header when sorting is enabled, sorting is done according to the column, and the column is sorted in ascending order.`),iconSortDesc:e(`Allows the customization of the icon displayed in the ${l} column header when sorting is enabled, sorting is done according to the column, and the column is sorted in descending order.`),enableMultiRowSelection:e("This boolean property indicates whether you can select multiple rows in the table. This property only has an effect when the rowsSelectable property is set. Setting it to `false` limits selection to a single row.")},events:{sortingDidChange:e("This event is fired when the table data sorting has changed. It has two arguments: the column's name and the sort direction. When the column name is empty, the table displays the data list as it received it."),willSort:e("This event is fired before the table data is sorted. It has two arguments: the column's name and the sort direction. When the method returns a literal `false` value (and not any other falsy one), the method indicates that the sorting should be aborted.")},themeVars:n(qr.themeVars),defaultThemeVars:{[`padding-horizontal-heading-${l}`]:"$space-2",[`padding-vertical-heading-${l}`]:"$space-2",[`padding-heading-${l}`]:`$padding-vertical-heading-${l} $padding-horizontal-heading-${l}`,[`padding-horizontal-cell-${l}`]:"$space-2",[`padding-horizontal-cell-first-${l}`]:"$space-5",[`padding-horizontal-cell-last-${l}`]:"$space-5",[`padding-vertical-cell-${l}`]:"$space-2",[`padding-cell-${l}`]:`$padding-vertical-cell-${l} $padding-horizontal-cell-${l}`,[`thickness-border-cell-${l}`]:"1px",[`style-border-cell-${l}`]:"solid",[`border-cell-${l}`]:`$thickness-border-cell-${l} $style-border-cell-${l} $color-border-cell-${l}`,[`thickness-outline-heading-${l}--focus`]:"$thickness-outline--focus",[`style-outline-heading-${l}--focus`]:"$style-outline--focus",[`offset-outline-heading-${l}--focus`]:"$offset-outline--focus",[`font-size-heading-${l}`]:"$font-size-tiny",[`font-weight-heading-${l}`]:"$font-weight-bold",[`transform-text-heading-${l}`]:"uppercase",[`font-size-row-${l}`]:"$font-size-small",[`color-bg-${l}`]:"$color-bg",[`color-border-cell-${l}`]:"$color-border",[`color-bg-selected-${l}--hover`]:`$color-bg-row-${l}--hover`,[`color-bg-pagination-${l}`]:`$color-bg-${l}`,[`color-outline-heading-${l}--focus`]:"$color-outline--focus",[`color-text-pagination-${l}`]:"$color-secondary",light:{[`color-bg-row-${l}--hover`]:"$color-primary-50",[`color-bg-selected-${l}`]:"$color-primary-100",[`color-bg-heading-${l}--hover`]:"$color-surface-200",[`color-bg-heading-${l}--active`]:"$color-surface-300",[`color-bg-heading-${l}`]:"$color-surface-100",[`color-text-heading-${l}`]:"$color-surface-500"},dark:{[`color-bg-row-${l}--hover`]:"$color-primary-900",[`color-bg-selected-${l}`]:"$color-primary-800",[`color-bg-heading-${l}--hover`]:"$color-surface-800",[`color-bg-heading-${l}`]:"$color-surface-950",[`color-bg-heading-${l}--active`]:"$color-surface-700"}}}),Wr=t({description:"The `Column` component can be used within a `Table` to define a particular table column's visual properties and data bindings.",props:{bindTo:e("Indicates what part of the data to lay out in the column."),header:e("Adds a label for a particular column."),width:e("This property defines the width of the column. You can use a numeric value, a pixel value (such as `100px`), or a star size value (such as `*`, `2*`, etc.). You will get an error if you use any other unit (or value)."),minWidth:e("Indicates the minimum width a particular column can have."),maxWidth:e("Indicates the maximum width a particular column can have."),canSort:e("This property sets whether the user can sort by a column by clicking on its header (`true`) or not (`false`)."),pinTo:e("This property allows the column to be pinned to the `left` or right `edge` of the table."),canResize:e("This property indicates whether the user can resize the column. If set to `true`, the column can be resized by dragging the column border. If set to `false`, the column cannot be resized. Double-clicking the column border resets to the original size.")}}),Je="TableHeader",Gr=t({status:"experimental",description:`The \`${Je}\` component can be used within a \`Table\` to define a particular table column's visual properties and data bindings.`,props:{title:e("The title of the table header.")},defaultThemeVars:{[`padding-vertical-${Je}`]:"$space-4",[`padding-horizontal-${Je}`]:"$space-5"}}),jr={themeVars:`'{"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)"}'`,nav:"_nav_1soaw_13",list:"_list_1soaw_35",listItem:"_listItem_1soaw_40",link:"_link_1soaw_44",head_1:"_head_1_1soaw_56",head_2:"_head_2_1soaw_59",head_3:"_head_3_1soaw_62",head_4:"_head_4_1soaw_65",head_5:"_head_5_1soaw_68",head_6:"_head_6_1soaw_71",active:"_active_1soaw_74"},s="TableOfContents",Ur=t({status:"experimental",description:`The \`${s}\` 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:{smoothScrolling:e("This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.")},themeVars:n(jr.themeVars),defaultThemeVars:{[`width-${s}`]:"auto",[`height-${s}`]:"auto",[`font-size-${s}Item`]:"$font-size-smaller",[`font-weight-${s}Item`]:"$font-weight-normal",[`font-family-${s}Item`]:"$font-family",[`border-radius-${s}Item`]:"0",[`border-width-${s}Item`]:"$space-0_5",[`border-style-${s}Item`]:"solid",[`border-radius-${s}Item--active`]:"0",[`border-width-${s}Item--active`]:"$space-0_5",[`border-style-${s}Item--active`]:"solid",[`font-weight-${s}Item--active`]:"$font-weight-bold",[`color-bg-${s}`]:"transparent",[`padding-horizontal-${s}`]:"$space-8",[`padding-vertical-${s}`]:"$space-4",[`padding-horizontal-${s}Item`]:"$space-2",[`padding-vertical-${s}Item`]:"$space-2",[`padding-horizontal-${s}Item-level-1`]:"unset",[`padding-horizontal-${s}Item-level-2`]:"unset",[`padding-horizontal-${s}Item-level-3`]:"unset",[`padding-horizontal-${s}Item-level-4`]:"unset",[`padding-horizontal-${s}Item-level-5`]:"unset",[`padding-horizontal-${s}Item-level-6`]:"unset",[`margin-top-${s}`]:"0",[`margin-bottom-${s}`]:"0",[`border-radius-${s}`]:"0",[`border-width-${s}`]:"0",[`border-color-${s}`]:"transparent",[`border-style-${s}`]:"solid",[`transform-${s}Item`]:"none",[`align-vertical-${s}Item`]:"baseline",[`letter-spacing-${s}Item`]:"0",light:{[`color-${s}Item`]:"$color-text-primary",[`border-color-${s}Item`]:"$color-border",[`border-color-${s}Item--active`]:"$color-primary-500",[`color-${s}Item--active`]:"$color-primary-500"},dark:{[`color-${s}Item`]:"$color-text-primary",[`border-color-${s}Item`]:"$color-border",[`border-color-${s}Item--active`]:"$color-primary-500",[`color-${s}Item--active`]:"$color-text-secondary"}}}),Yr={themeVars:`'{"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)"}'`,tabs:"_tabs_gdijs_13",filler:"_filler_gdijs_27",tabTrigger:"_tabTrigger_gdijs_41",tabsList:"_tabsList_gdijs_80",tabsContent:"_tabsContent_gdijs_97"},q="Tabs",Zr=t({status:"experimental",description:`The \`${q}\` component provides a tabbed layout where each tab has a clickable label and content.`,props:{activeTab:e("This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."),orientation:e("This property indicates the orientation of the component. In horizontal orientation, the tab sections are laid out on the left side of the content panel, while in vertical orientation, the buttons are at the top."),tabTemplate:m("This property declares the template for the clickable tab area.")},themeVars:n(Yr.themeVars),defaultThemeVars:{[`color-bg-${q}`]:"$color-bg-primary",[`style-border-${q}`]:"solid",[`color-border-${q}`]:"$color-border",[`color-border-active-${q}`]:"$color-primary",[`thickness-border-${q}`]:"2px",[`color-bg-trigger-${q}`]:"$color-bg-primary",light:{[`color-bg-trigger-${q}--hover`]:"$color-primary-50"},dark:{[`color-bg-trigger-${q}--hover`]:"$color-primary-800"}}}),a="Text",Jr=t({description:`The \`${a}\` component displays textual information in a number of optional styles and variants.`,props:{value:e(`The text to be displayed. This value can also be set via nesting the text into the \`${a}\` component.`),variant:e("Optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color and other parameters."),maxLines:e("This property determines the maximum number of lines the component can wrap to. If there is no space to display all the contents, the component displays up to as many lines as specified in this property."),preserveLinebreaks:e("This property indicates if linebreaks should be preserved when displaying text."),ellipses:e("This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).")},themeVars:n(Et.themeVars),defaultThemeVars:{[`border-radius-${a}`]:"$radius",[`style-border-${a}`]:"solid",[`font-size-${a}`]:"$font-size-small",[`thickness-border-${a}`]:"$space-0",[`font-weight-${a}-abbr`]:"$font-weight-bold",[`transform-${a}-abbr`]:"uppercase",[`font-size-${a}-secondary`]:"$font-size-small",[`font-style-${a}-cite`]:"italic",[`color-${a}`]:"$color-text-primary",[`font-family-${a}`]:"$font-family",[`font-weight-${a}`]:"$font-weight-normal",[`font-family-${a}-code`]:"$font-family-monospace",[`font-size-${a}-code`]:"$font-size-small",[`thickness-border-${a}-code`]:"1px",[`padding-horizontal-${a}-code`]:"$space-1",[`line-decoration-${a}-deleted`]:"line-through",[`line-decoration-${a}-inserted`]:"underline",[`font-family-${a}-keyboard`]:"$font-family-monospace",[`font-size-${a}-keyboard`]:"$font-size-small",[`font-weight-${a}-keyboard`]:"$font-weight-bold",[`thickness-border-${a}-keyboard`]:"1px",[`padding-horizontal-${a}-keyboard`]:"$space-1",[`font-family-${a}-sample`]:"$font-family-monospace",[`font-size-${a}-sample`]:"$font-size-small",[`font-size-${a}-sup`]:"$font-size-smaller",[`align-vertical-${a}-sup`]:"super",[`font-size-${a}-sub`]:"$font-size-smaller",[`align-vertical-${a}-sub`]:"sub",[`font-style-${a}-var`]:"italic",[`font-family-${a}-mono`]:"$font-family-monospace",[`font-size-${a}-title`]:"$font-size-large",[`font-size-${a}-subtitle`]:"$font-size-medium",[`font-size-${a}-small`]:"$font-size-small",[`line-height-${a}-small`]:"$line-height-tight",[`letter-spacing-${a}-caption`]:"0.05rem",[`font-size-${a}-placeholder`]:"$font-size-small",[`font-family-${a}-codefence`]:"$font-family-monospace",[`padding-horizontal-${a}-codefence`]:"$space-3",[`padding-vertical-${a}-codefence`]:"$space-2",[`padding-vertical-${a}-paragraph`]:"$space-1",[`font-size-${a}-subheading`]:"$font-size-H6",[`font-weight-${a}-subheading`]:"$font-weight-bold",[`letter-spacing-${a}-subheading`]:"0.04em",[`transform-${a}-subheading`]:"uppercase",[`margin-top-${a}-tableheading`]:"$space-1",[`margin-bottom-${a}-tableheading`]:"$space-4",[`padding-horizontal-${a}-tableheading`]:"$space-1",[`font-weight-${a}-tableheading`]:"$font-weight-bold",light:{[`color-bg-${a}-code`]:"$color-surface-100",[`color-border-${a}-code`]:"$color-surface-200",[`color-bg-${a}-keyboard`]:"$color-surface-200",[`color-border-${a}-keyboard`]:"$color-surface-300",[`color-bg-${a}-marked`]:"yellow",[`color-${a}-placeholder`]:"$color-surface-500",[`color-bg-${a}-codefence`]:"$color-primary-100",[`color-${a}-codefence`]:"$color-surface-900",[`color-${a}-subheading`]:"$color-text-secondary",[`color-${a}-secondary`]:"$color-text-secondary"},dark:{[`color-bg-${a}-code`]:"$color-surface-800",[`color-border-${a}-code`]:"$color-surface-700",[`color-bg-${a}-keyboard`]:"$color-surface-800",[`color-border-${a}-keyboard`]:"$color-surface-700",[`color-bg-${a}-marked`]:"orange",[`color-${a}-placeholder`]:"$color-surface-500",[`color-bg-${a}-codefence`]:"$color-primary-800",[`color-${a}-codefence`]:"$color-surface-200",[`color-${a}-subheading`]:"$color-text-secondary",[`color-${a}-secondary`]:"$color-text-secondary"}}}),E="TextArea",Qr=[{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"}],Xr=t({status:"experimental",description:`\`${E}\` is a component that provides a multiline text input area.`,props:{enterSubmits:e("This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit. The default value is is `true`."),escResets:e(`This boolean property indicates whether the ${E} contents should be reset when pressing the ESC key.`),maxRows:e(`This optional number property maximizes the number of lines the \`${E}\` can grow to.`),minRows:e(`This optional number property indicates the minimum number of lines the \`${E}\` has and specifies its size accordingly.`),rows:e("Specifies the number of lines or rows (and thus, its size) the component has."),autoSize:e(`If set to \`true\`, this boolean property enables the \`${E}\` to resize automatically based on the number of lines inside it.`),placeholder:j(),initialValue:B(),labelId:D(),maxLength:ie(),autoFocus:y(),required:L(),readOnly:S(),enabled:f(),validationStatus:P(),resize:e("This optional property specifies in which dimensions can the `TextArea` be resized by the user.",Qr)},events:{gotFocus:k(E),lostFocus:I(E),didChange:T(E)},apis:{focus:Q(E),value:e("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:re()},themeVars:n(Lo.themeVars)}),Kr={themeVars:`'{"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)"}'`,root:"_root_lik78_13",item:"_item_lik78_24",header:"_header_lik78_43",trigger:"_trigger_lik78_48",triggerStart:"_triggerStart_lik78_66",contentWrapper:"_contentWrapper_lik78_70",slideDown:"_slideDown_lik78_1",slideUp:"_slideUp_lik78_1",content:"_content_lik78_70",chevron:"_chevron_lik78_86"},c="Accordion",ei=t({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${c}\` 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:{triggerPosition:e("This property indicates the position where the trigger icon should be displayed. The `start` value signs the trigger is before the header text (template), and `end` indicates that it follows the header.",Bt,null,"end"),collapsedIcon:e("This property is the name of the icon that is displayed when the accordion is collapsed."),expandedIcon:e("This property is the name of the icon that is displayed when the accordion is expanded."),hideIcon:e("This property indicates that the trigger icon is not displayed (`true`).",null,"boolean",!1),rotateExpanded:e("This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).")},events:{displayDidChange:T(c)},apis:{expanded:Mt(c),expand:St(c),collapse:Pt(c),toggle:e(`This method toggles the state of the ${c} between expanded and collapsed.`),focus:Q(c)},themeVars:n(Kr.themeVars),defaultThemeVars:{[`padding-horizontal-header-${c}`]:"$space-3",[`padding-vertical-header-${c}`]:"$space-3",[`align-vertical-header-${c}`]:"center",[`font-size-header-${c}`]:"$font-size-normal",[`font-weight-header-${c}`]:"$font-weight-normal",[`font-family-header-${c}`]:"$font-family",[`radius-${c}`]:"$radius",[`thickness-border-${c}`]:"0",[`style-border-${c}`]:"solid",[`width-icon-${c}`]:"",[`height-icon-${c}`]:"",light:{[`color-bg-header-${c}`]:"$color-primary-500",[`color-bg-header-${c}-hover`]:"$color-primary-400",[`color-header-${c}`]:"$color-surface-50",[`color-content-${c}`]:"$color-text-primary",[`color-bg-content-${c}`]:"transparent",[`color-border-${c}`]:"transparent",[`color-icon-${c}`]:"$color-surface-50"},dark:{[`color-bg-header-${c}`]:"$color-primary-500",[`color-bg-header-${c}-hover`]:"$color-primary-600",[`color-header-${c}`]:"$color-surface-50",[`color-content-${c}`]:"$color-text-primary",[`color-bg-content-${c}`]:"transparent",[`color-border-${c}`]:"transparent",[`color-icon-${c}`]:"$color-surface-50"}}}),ti={themeVars:'"[]"'},He="Alert",oi=t({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${He}\` 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:{statusColor:e(`The value of this optional property sets the string to provide a color scheme for the ${He}.`,kt,"string","primary"),dismissable:e(`This property's \`true\` value indicates if this alert is dismissable by the user. When the user closes the ${He}, it gets hidden.`),autoDismissInMs:e("Timeout for the alert to be dismissed"),showIcon:e("Indicates if the alert should display an icon"),icon:e("Icon to be displayed in the alert")},events:{},apis:{dismiss:e(`This method dismisses the ${He}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`)},themeVars:n(ti.themeVars),defaultThemeVars:{light:{},dark:{}}}),gt="TabItem",ri=t({description:`\`${gt}\` is a non-visual component describing a tab. Tabs component may use nested ${gt} instances from which the user can select.`,props:{label:M()}}),ii=t({description:"The `Fragment` 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}),ai=t({status:"experimental",description:"Placeholder in a reusable component. Signs the slot where the component's injected children should be rendered.",props:{name:e("This optional property defines the name of the slot.")},allowArbitraryProps:!0,opaque:!0}),ni=t({status:"in progress",description:"The `Tree` component is a virtualized tree component that displays hierarchical data.",props:{data:{description:"The data source of the tree.",required:!0},selectedUid:{description:"The ID (optional) of the selected tree row."},itemTemplate:m("The template for each item in the tree.")}}),Oe="APICall",li=t({description:`\`${Oe}\` 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:{confirmTitle:e(`This optional string sets the title in the confirmation dialog that is displayed before the \`${Oe}\` is executed.`),confirmMessage:e(`This optional string sets the message in the confirmation dialog that is displayed before the \`${Oe}\` is executed.`),confirmButtonLabel:e(`This optional string property enables the customization of the submit button in the confirmation dialog that is displayed before the \`${Oe}\` is executed.`),inProgressNotificationMessage:e("This property customizes the message that is displayed in a toast while the API operation is in progress."),errorNotificationMessage:e("This property defines the message to display automatically when the operation results in an error."),completedNotificationMessage:e("This property defines the message to display automatically when the operation has been completed."),method:e("The method of data manipulation can be done via setting this property. The following HTTP methods are available: `post`, `put`, and `delete`."),url:e("Use this property to set the URL to send data to."),rawBody:e("This property sets the request body to the value provided here without any conversion. Use the * `body` property if you want the object sent in JSON. When you define `body` and `rawBody`, the latest one prevails."),body:e("This property sets the request body. The object you pass here will be serialized to JSON when sending the request. Use the `rawBody` property to send another request body using its native format. When you define `body` and `rawBody`, the latest one prevails."),queryParams:e("This property sets the query parameters for the request. The object you pass here will be serialized to a query string and appended to the request URL. You can specify key and value pairs where the key is the name of a particular query parameter and the value is that parameter's value."),headers:e("You can define request header values as key and value pairs, where the key is the ID of the particular header and the value is that header's value.")},events:{beforeRequest:e("This event fires before the request is sent."),success:e("This event fires when a request results in a success."),error:e("This event fires when a request results in an error.")}}),si=t({status:"deprecated",description:"The `BarChart` component represents a bar chart.",props:{data:e("This property is used to provide the component with data to display. The data itself needs to be an array of objects."),keys:e("This property specifies what the label texts are for each bar."),groupMode:e("This property determines how the bars are layed out. The `grouped` variant lays out the bars next to each other on the primary axis. The `stacked` variant stacks the bars on top of each other."),layout:e("This property determines the orientation of the bar chart. The `vertical` variant specifies the horizontal axis as the primary and lays out the bars from left to right. The `horizontal` variant specifies the vertical axis as the primary and has the bars spread from top to bottom."),indexBy:e("Determines which attribute groups the bars together.")},themeVars:n(bt.themeVars),defaultThemeVars:{"scheme-BarChart":"pastel1","color-text-BarChart":"$color-text-secondary","color-ticks-BarChart":"$color-text-primary","color-bg-tooltip-BarChart":"$color-bg-primary","color-text-tooltip-BarChart":"$color-text-primary","color-axis-BarChart":"$color-text-primary",light:{"scheme-BarChart":"set3"},dark:{"scheme-BarChart":"dark2"}}}),ci=t({status:"deprecated",description:"(**OBSOLETE**) A chart component",props:{type:e("(**OBSOLETE**)"),labels:e("(**OBSOLETE**)"),series:e("(**OBSOLETE**)"),stacked:e("(**OBSOLETE**)"),showAxisLabels:e("(**OBSOLETE**)"),tooltipEnabled:e("(**OBSOLETE**)"),showLegend:e("(**OBSOLETE**)")}}),Qe="DataSource",di=t({description:`The \`${Qe}\` 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:{method:e("By default, data fetching uses the `get` operation method. You can change it by setting this property to other supported methods, such as `post`, `put`, `delete`, and others."),url:e("This property represents the URL to fetch the data."),rawBody:e("This property sets the request body to the value provided here without any conversion. Use the `body` property if you want the object sent in JSON. When you define `body` and `rawBody`, the latest one prevails."),body:e("This property sets the request body. The object you pass here will be serialized to JSON when sending the request. Use the `rawBody` property to send another request body using its native format. When you define `body` and `rawBody`, the latest one prevails."),queryParams:e("This property sets the request body. The object you pass here will be serialized to JSON when sending the request. Use the `rawBody` property to send another request body using its native format. When you define `body` and `rawBody`, the latest one prevails."),headers:e("You can define request header values as key and value pairs, where the key is the ID of the particular header and the value is that header's value."),pollIntervalInSeconds:e("By setting this property, you can define periodic data fetching. The `DataSource` component will refresh its data according to the time specified as seconds. When the data changes during the refresh, it will trigger the update mechanism of XMLUI and re-render the UI accordingly."),inProgressNotificationMessage:e("This property defines the message to display while the fetch operation progresses."),completedNotificationMessage:e("This property defines the message to display automatically when the data fetch operation has been completed."),errorNotificationMessage:e("This property defines the message to display automatically when the data fetch operation results in an error."),resultSelector:e("The response of a data-fetching query may include additional information that the UI cannot (or does not intend) to process. With this property, you can define a selector that extracts the data from the response body."),prevPageSelector:e(`When using \`${Qe}\` with paging, the response may contain information about the previous and next page. This property defines the selector that extracts the previous page information from the response deserialized to an object.`),nextPageSelector:e(`When using \`${Qe}\` with paging, the response may contain information about the previous and next page. This property defines the selector that extracts the next page information from the response deserialized to an object.`)},events:{loaded:e("The component triggers this event when the fetch operation has been completed and the data is loaded. The argument of the event is the data loaded."),error:e("This event fires when a request results in an error.")}}),ft="FormSection",ui=t({status:"experimental",description:`The \`${ft}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${ft}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`}),hi=t({status:"experimental",description:"This component displays an icon and some content in a card.",props:{height:e("The height of the card."),iconBackgroundColor:e("The background color of the icon."),iconName:e("The name of the icon to display.")}}),mi=t({status:"experimental",description:"The `PageHeader` component is a component that displays a title and an optional pre-title. The pre-title is displayed above the title.",props:{preTitle:e("The pre-title to display above the title."),title:e("The title to display.")},defaultThemeVars:{"gap-PageHeader":"$space-2"}}),pi=t({status:"experimental",docFolder:"ThemeChanger",description:"The `ThemeChangerButton` component is a component that allows the user to change the theme of the app.",props:{showSettings:e("This property indicates if the Settings function of this component is displayed.",null,"boolean",!0)}}),xi=t({status:"experimental",description:"This component is a container for a toolbar.",props:{alignment:e("The alignment of the toolbar.")},defaultThemeVars:{"gap-Toolbar":"$space-2"}}),bi=t({status:"experimental",description:"This component is a button that is used in a toolbar.",props:{label:e("The label to display on the button."),icon:e("The icon to display on the button.")},defaultThemeVars:{"padding-horizontal-ToolbarButton":"$space-1","padding-vertical-ToolbarButton":"$space-1"}}),vi=t({status:"experimental",description:"This component displays a trend label.",props:{change:e("The change percentage.")}}),gi={themeVars:'"[]"'},fi=t({status:"in progress",description:"(**NOT IMPLEMENTED YET**) The `ButtonGroup` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.",props:{themeColor:e("This optional property specifies the default theme color for the buttons in the group. Individual buttons may override this setting with their `themeColor` property.",Xe,"string","primary"),variant:e("This optional property specifies the default variant for the buttons in the group. Individual buttons may override this setting with their `variant` property.",Ke,"string","solid"),orientation:Ht("horizontal"),buttonWidth:e("When this optional property is set, all buttons within the group will have the specified width. If it is empty, each button's width accommodates its content."),gap:e("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:n(gi.themeVars),defaultThemeVars:{light:{},dark:{}}}),Ti=t({description:"The `Breakout` 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."}),yi={themeVars:`'{"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)"}'`,carousel:"_carousel_wc2m5_13",innerWrapper:"_innerWrapper_wc2m5_22",carouselContentWrapper:"_carouselContentWrapper_wc2m5_28",carouselContent:"_carouselContent_wc2m5_28",vertical:"_vertical_wc2m5_38",carouselItem:"_carouselItem_wc2m5_42",controls:"_controls_wc2m5_49",controlButton:"_controlButton_wc2m5_58",indicators:"_indicators_wc2m5_85",indicator:"_indicator_wc2m5_85",active:"_active_wc2m5_105"},p="Carousel",$i=t({status:"in progress",description:"This component displays a slideshow by cycling through elements (images, text, or custom slides) like a carousel.",props:{orientation:e("This property indicates the orientation of the carousel. The `horizontal` value indicates that the carousel moves horizontally, and the `vertical` value indicates that the carousel moves vertically.",["horizontal","vertical"],null,"horizontal"),indicators:e("This property indicates whether the carousel displays the indicators.",null,null,"true"),controls:e("This property indicates whether the carousel displays the controls.",null,null,"true"),autoplay:e("This property indicates whether the carousel automatically scrolls.",null,null,"false"),loop:e("This property indicates whether the carousel loops.",null,null,"false"),startIndex:e("This property indicates the index of the first slide to display.",null,null,"0"),prevIcon:e("This property specifies the icon to display for the previous control."),nextIcon:e("This property specifies the icon to display for the next control."),keyboard:e("This property indicates whether the carousel responds to keyboard events.")},events:{displayDidChange:T(p)},apis:{canScrollPrev:e("This method returns `true` if the carousel can scroll to the previous slide."),canScrollNext:e("This method returns `true` if the carousel can scroll to the next slide."),scrollTo:e("This method scrolls the carousel to the specified slide index."),scrollPrev:e("This method scrolls the carousel to the previous slide."),scrollNext:e("This method scrolls the carousel to the next slide.")},themeVars:n(yi.themeVars),defaultThemeVars:{[`color-bg-control-${p}`]:"$color-primary",[`color-text-control-${p}`]:"$color-primary",[`color-bg-control-hover-${p}`]:"$color-primary",[`color-text-control-hover-${p}`]:"$color-primary",[`color-bg-control-active-${p}`]:"$color-primary",[`color-bg-control-disabled-${p}`]:"$color-surface-200",[`color-text-control-disabled-${p}`]:"$color-text-disabled",[`color-text-control-active-${p}`]:"$color-primary",[`color-bg-indicator-${p}`]:"$color-surface-200",[`color-bg-indicator-active-${p}`]:"$color-primary",[`color-text-indicator-${p}`]:"$color-primary",[`color-text-indicator-active-${p}`]:"$color-primary",[`color-bg-indicator-hover-${p}`]:"$color-surface-200",[`color-text-indicator-hover-${p}`]:"$color-primary",[`width-indicator-${p}`]:"25px",[`height-indicator-${p}`]:"6px",[`height-control-${p}`]:"36px",[`width-control-${p}`]:"36px",[`radius-control-${p}`]:"50%",[`height-${p}`]:"100%",[`width-${p}`]:"100%"}}),wi={Accordion:ei,Alert:oi,APICall:li,App:Qt,AppHeader:Xt,AppState:Kt,Avatar:to,Badge:ro,BarChart:si,Bookmark:io,Breakout:Ti,Button:Ot,ButtonGroup:fi,Card:lo,Carousel:$i,ChangeListener:so,Chart:ci,Checkbox:ho,Column:Wr,Combobox:ht,ContentSeparator:xo,DataSource:di,DatePicker:vo,DropdownMenu:go,Fragment:ii,MenuItem:fo,SubMenuItem:To,EmojiSelector:$o,FileInput:_o,FileUploadDropZone:Io,FlowLayout:Co,Footer:Mo,Form:No,FormItem:Fo,FormSection:ui,Heading:Eo,H1:Wo,H2:Go,H3:jo,H4:Uo,H5:Yo,H6:Zo,HoverCard:Jo,Icon:Qo,IconInfoCard:hi,Image:Xo,Items:Ko,Link:er,List:or,Logo:rr,Markdown:ir,MenuSeparator:yo,ModalDialog:ar,MultiCombobox:ht,MultiSelect:nr,NavGroup:sr,NavLink:cr,NavPanel:dr,NoResult:hr,NumberBox:mr,OffCanvas:xr,Option:br,PageMetaTitle:vr,Page:gr,PageHeader:mi,Pages:fr,Pdf:Tr,PieChart:yr,PositionedContainer:wr,ProgressBar:kr,Queue:Ir,RadioGroup:Cr,RadioGroupOption:Br,RealTimeAdapter:zr,Redirect:Mr,Select:Sr,SelectionStore:Pr,Slot:ai,SpaceFiller:Vr,Spinner:Nr,Splitter:Or,HSplitter:Dr,VSplitter:Lr,Stack:he,CHStack:Rt,CVStack:Ft,HStack:At,VStack:Lt,StickyBox:Fr,Switch:Rr,Table:Er,TableHeader:Gr,TableOfContents:Ur,TabItem:ri,Tabs:Zr,Text:Jr,TextArea:Xr,TextBox:lt,PasswordInput:lt,Toolbar:xi,ToolbarButton:bi,TrendLabel:vi,Theme:Wt,ThemeChangerButton:pi,Tree:ni};J.collectedComponentMetadata=wi,Object.defineProperty(J,Symbol.toStringTag,{value:"Module"})});