xmlui 0.7.10 → 0.7.13

package/dist/xmlui-metadata.umd.js

@@ -1,4 +1,4 @@
-(function(Se,Y){typeof exports=="object"&&typeof module<"u"?Y(exports,require("react"),require("react/jsx-runtime"),require("@remix-run/react"),require("lodash-es"),require("@eslint-community/regexpp")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","@remix-run/react","lodash-es","@eslint-community/regexpp"],Y):(Se=typeof globalThis<"u"?globalThis:Se||self,Y(Se["xmlui-metadata"]={},Se.React,Se["react/jsx-runtime"],Se.react,Se.lodashEs,Se.regexpp))})(this,function(Se,Y,oe,Io,mr,xr){"use strict";const Bo={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 y({description:e,shortDescription:t,specializedFrom:r,status:i,props:n,events:s,contextVars:l,apis:c,nonVisual:u,opaque:T,themeVars:g,defaultThemeVars:d,toneSpecificThemeVars:P,allowArbitraryProps:b,docFolder:O}){return{description:e,shortDescription:t,specializedFrom:r,status:i,props:n,events:s,contextVars:l,apis:c,nonVisual:u,opaque:T,themeVars:g,defaultThemeVars:d,toneSpecificThemeVars:P,allowArbitraryProps:b,docFolder:O}}function a(e,t,r,i,n){return{description:e,availableValues:t,valueType:r,defaultValue:i,isValid:n}}const So=[{value:"_self",description:"The link will open in the same frame as it was clicked."},{value:"_blank",description:"The link will open in a new window or tab."},{value:"_parent",description:"The link will open in the parent frame. If no parent, behaves as _self."},{value:"_top",description:"The topmost browsing context. The link will open in the full body of the window. If no ancestors, behaves as _self."}],Kt=[{value:"xs",description:"Extra small button"},{value:"sm",description:"Small button"},{value:"md",description:"Medium button"},{value:"lg",description:"Large button"}],Ao=[...["attention","primary","secondary"]],fr=[{value:"attention",description:"Attention state theme color"},{value:"primary",description:"Primary theme color"},{value:"secondary",description:"Secondary theme color"}],Eo=[{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."}],No="button",zo=[...["solid","outlined","ghost"]],gr=[{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."}],Lo=[{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)"}],er=[{value:"horizontal",description:"The component will fill the available space horizontally"},{value:"vertical",description:"The component will fill the available space vertically"}],br=[...["start","end"]],vr=[{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)"}],Po=[{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"}],Co=[{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"}],yr=[{value:"start",description:"The left side of the input (left-to-right) or the right side of the input (right-to-left)"},{value:"end",description:"The right side of the input (left-to-right) or the left side of the input (right-to-left)"},{value:"top",description:"The top of the input"},{value:"bottom",description:"The bottom of the input"}],Do=[...["start","end"]],Oo=[{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"}],Mo=["top","bottom"],Tr={themeVars:`'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`,base:"_base_13qtg_13"},Ho=Y.createContext(null);function kr(){return Y.useContext(Ho)}const Fo={accentheight:"accentHeight",accumulate:"accumulate",additive:"additive",alignmentbaseline:"alignmentBaseline",allowreorder:"allowReorder",alphabetic:"alphabetic",amplitude:"amplitude",arabicform:"arabicForm",ascent:"ascent",attributename:"attributeName",attributetype:"attributeType",autoreverse:"autoReverse",azimuth:"azimuth",basefrequency:"baseFrequency",baseprofile:"baseProfile",baselineshift:"baselineShift",bbox:"bbox",begin:"begin",bias:"bias",by:"by",calcmode:"calcMode",capheight:"capHeight",clip:"clip",clippath:"clipPath",clippathunits:"clipPathUnits",cliprule:"clipRule",colorinterpolation:"colorInterpolation",colorinterpolationfilters:"colorInterpolationFilters",colorprofile:"colorProfile",colorrendering:"colorRendering",contentscripttype:"contentScriptType",contentstyletype:"contentStyleType",cursor:"cursor",cx:"cx",cy:"cy",d:"d",decelerate:"decelerate",descent:"descent",diffuseconstant:"diffuseConstant",direction:"direction",display:"display",divisor:"divisor",dominantbaseline:"dominantBaseline",dur:"dur",dx:"dx",dy:"dy",edgemode:"edgeMode",elevation:"elevation",enablebackground:"enableBackground",end:"end",exponent:"exponent",externalresourcesrequired:"externalResourcesRequired",fill:"fill",fillopacity:"fillOpacity",fillrule:"fillRule",filter:"filter",filterres:"filterRes",filterunits:"filterUnits",floodcolor:"floodColor",floodopacity:"floodOpacity",focusable:"focusable",fontfamily:"fontFamily",fontsize:"fontSize",fontsizeadjust:"fontSizeAdjust",fontstretch:"fontStretch",fontstyle:"fontStyle",fontvariant:"fontVariant",fontweight:"fontWeight",format:"format",from:"from",fx:"fx",fy:"fy",g1:"g1",g2:"g2",glyphname:"glyphName",glyphorientationhorizontal:"glyphOrientationHorizontal",glyphorientationvertical:"glyphOrientationVertical",glyphref:"glyphRef",gradienttransform:"gradientTransform",gradientunits:"gradientUnits",hanging:"hanging",horizadvx:"horizAdvX",horizoriginx:"horizOriginX",ideographic:"ideographic",imagerendering:"imageRendering",in:"in",in2:"in2",intercept:"intercept",k:"k",k1:"k1",k2:"k2",k3:"k3",k4:"k4",kernelmatrix:"kernelMatrix",kernelunitlength:"kernelUnitLength",kerning:"kerning",keypoints:"keyPoints",keysplines:"keySplines",keytimes:"keyTimes",lengthadjust:"lengthAdjust",letterspacing:"letterSpacing",lightingcolor:"lightingColor",limitingconeangle:"limitingConeAngle",local:"local",markerend:"markerEnd",markerheight:"markerHeight",markermid:"markerMid",markerstart:"markerStart",markerunits:"markerUnits",markerwidth:"markerWidth",mask:"mask",maskcontentunits:"maskContentUnits",maskunits:"maskUnits",mathematical:"mathematical",mode:"mode",numoctaves:"numOctaves",offset:"offset",opacity:"opacity",operator:"operator",order:"order",orient:"orient",orientation:"orientation",origin:"origin",overflow:"overflow",overlineposition:"overlinePosition",overlinethickness:"overlineThickness",paintorder:"paintOrder",panose1:"panose1",pathlength:"pathLength",patterncontentunits:"patternContentUnits",patterntransform:"patternTransform",patternunits:"patternUnits",pointerevents:"pointerEvents",points:"points",pointsatx:"pointsAtX",pointsaty:"pointsAtY",pointsatz:"pointsAtZ",preservealpha:"preserveAlpha",preserveaspectratio:"preserveAspectRatio",primitiveunits:"primitiveUnits",r:"r",radius:"radius",refx:"refX",refy:"refY",renderingintent:"renderingIntent",repeatcount:"repeatCount",repeatdur:"repeatDur",requiredextensions:"requiredExtensions",requiredfeatures:"requiredFeatures",restart:"restart",result:"result",rotate:"rotate",rx:"rx",ry:"ry",scale:"scale",seed:"seed",shaperendering:"shapeRendering",slope:"slope",spacing:"spacing",specularconstant:"specularConstant",specularexponent:"specularExponent",speed:"speed",spreadmethod:"spreadMethod",startoffset:"startOffset",stddeviation:"stdDeviation",stemh:"stemh",stemv:"stemv",stitchtiles:"stitchTiles",stopcolor:"stopColor",stopopacity:"stopOpacity",strikethroughposition:"strikethroughPosition",strikethroughthickness:"strikethroughThickness",string:"string",stroke:"stroke",strokedasharray:"strokeDasharray",strokedashoffset:"strokeDashoffset",strokelinecap:"strokeLinecap",strokelinejoin:"strokeLinejoin",strokemiterlimit:"strokeMiterlimit",strokeopacity:"strokeOpacity",strokewidth:"strokeWidth",surfacescale:"surfaceScale",systemlanguage:"systemLanguage",tablevalues:"tableValues",targetx:"targetX",targety:"targetY",textanchor:"textAnchor",textdecoration:"textDecoration",textlength:"textLength",textrendering:"textRendering",to:"to",transform:"transform",u1:"u1",u2:"u2",underlineposition:"underlinePosition",underlinethickness:"underlineThickness",unicode:"unicode",unicodebidi:"unicodeBidi",unicoderange:"unicodeRange",unitsperem:"unitsPerEm",valphabetic:"vAlphabetic",vhanging:"vHanging",videographic:"vIdeographic",vmathematical:"vMathematical",values:"values",vectoreffect:"vectorEffect",version:"version",vertadvy:"vertAdvY",vertoriginx:"vertOriginX",vertoriginy:"vertOriginY",viewbox:"viewBox",viewtarget:"viewTarget",visibility:"visibility",widths:"widths",wordspacing:"wordSpacing",writingmode:"writingMode",x:"x",x1:"x1",x2:"x2",xchannelselector:"xChannelSelector",xheight:"xHeight",xlinkactuate:"xlinkActuate",xlinkarcrole:"xlinkArcrole",xlinkhref:"xlinkHref",xlinkrole:"xlinkRole",xlinkshow:"xlinkShow",xlinktitle:"xlinkTitle",xlinktype:"xlinkType",xmlns:"xmlns",xmlnsxlink:"xmlnsXlink",xmlbase:"xmlBase",xmllang:"xmlLang",xmlspace:"xmlSpace",y:"y",y1:"y1",y2:"y2",ychannelselector:"yChannelSelector",z:"z",zoomandpan:"zoomAndPan"},Wo=/[-:]/g;function Ro(e){const{ensureCustomSvgIcon:t,customSvgs:r}=kr();Y.useLayoutEffect(()=>{e&&t(e)},[t,e]);const i=e?r[e]:null,n=Y.useCallback(({style:s,className:l})=>{if(!i)return null;const{attributes:c,name:u}=i,T={};return Object.entries(c).forEach(([g,d])=>{let P=g;/^(data-|aria-)/.test(g)?P=g:P=g.replace(Wo,"").toLowerCase(),T[Fo[P]||g]=d}),oe.jsx("svg",{...T,style:s,className:l,children:oe.jsx("use",{href:`#${u}`})})},[i]);return e?n:null}function et(...e){const t=e.filter(Boolean);let r=0,i,n="",s="";for(;r<t.length;)i=t[r++],i&&(n=l(i),n&&(s&&(s+=" "),s+=n));return s;function l(c){let u,T,g="";if(typeof c=="string"||typeof c=="number")g+=c;else if(typeof c=="object")if(Array.isArray(c))for(u=0;u<c.length;u++)c[u]&&(T=l(c[u]),T&&(g&&(g+=" "),g+=T));else for(u in c)c[u]&&(g&&(g+=" "),g+=u);return g}}const qo=Y.createContext(void 0);Y.createContext(void 0);function wr(){return Y.useContext(qo)}function Vo(e){const{getResourceUrl:t}=wr();return t(e)}const tr="xmlui";function $r(e){if(typeof e=="string")return`var(--${tr}-${e.substring(1)})`;if(e.defaultValue&&e.defaultValue.length>0){let t="";for(const r of e.defaultValue)t+=typeof r=="string"?r:$r(r);return`var(--${tr}-${e.id.substring(1)}, ${t})`}else return`var(--${tr}-${e.id.substring(1)})`}const Uo=Y.forwardRef(function({name:t,fallback:r,layout:i,className:n,...s},l){var b;const c=Xo(t,r),u=typeof(s==null?void 0:s.size)=="string"?Qo(s.size):s==null?void 0:s.size,T=u||s.width,g=u||s.height,d={className:et(Tr.base,n),...s,size:u,width:T,height:g,style:{...i,"--icon-width":T,"--icon-height":g}},P=Yo(t);return P?oe.jsx(Go,{...d,url:P,name:t}):((b=c==null?void 0:c.renderer)==null?void 0:b.call(c,d))||null});function Go(e){var g;const{url:t,width:r,height:i,name:n,style:s,className:l}=e,c=Vo(t),u=(g=c==null?void 0:c.toLowerCase())==null?void 0:g.endsWith(".svg"),T=Ro(c);if(c&&u){const d=T==null?void 0:T({style:s,className:l});return d||oe.jsx("span",{style:s,className:l})}return oe.jsx("img",{src:c,style:{width:r,height:i,...s},alt:n})}function Yo(e){const{getResourceUrl:t}=wr();return e&&t(`resource:icon.${e}`)}function Qo(e){return/^\$[a-zA-Z0-9_$-]+$/g.test(e)?$r(e):{xs:"0.75em",sm:"1em",md:"1.5rem",lg:"2em"}[e]||e}function Xo(e,t){const r=kr();if(e&&typeof e=="string"){const i=":",n=e.split(i);if(n.length>1){const s=r.lookupIconRenderer(`${n[0].toLowerCase()}${i}${n[1]}`);if(s)return s}if(n.length===1){const s=r.lookupIconRenderer(n[0]);if(s)return s}}if(t&&typeof t=="string"){const i=r.lookupIconRenderer(t.toLowerCase());if(i)return i}return null}const _r={keyPrefix:"xmlui",themeVars:'"[]"'};function z(e){if(!e||typeof e!="string")return e;let t=e.replace(/(^['"])|(['"]$)/g,"");try{return JSON.parse(t)}catch{try{return JSON.parse(e.replace("(","{").replace(")","}").replace(/: ?([^,}]+)([,}])/g,': "$1"$2').replace(/([\s{,])(?!")([^:\s]+)+:/g,'$1"$2":'))}catch{return t}}}z(_r.keyPrefix),z(_r.themeVars);function tt(e){return{description:e??"This property is for internal use only.",isInternal:!0}}function Ue(e){return{description:`This event is triggered when the ${e} is clicked.`}}function Ae(e){return{description:`This event is triggered when the ${e} has received the focus.`}}function Ee(e){return{description:`This event is triggered when the ${e} has lost the focus.`}}function ve(e){return{description:`This event is triggered when value of ${e} has changed.`}}function Ir(){return{description:"The `true` value of this property signals that the component is in an _intedeterminate state_."}}function me(){return{description:"This property sets the label of the component."}}function We(e){return{description:"Places the label at the given position of the component.",availableValues:yr,defaultValue:e}}function Ge(e){return{description:`This property sets the width of the \`${e}\`.`}}function Ye(e){return{description:`This boolean value indicates if the \`${e}\` labels can be split into multiple lines if it would overflow the available label width.`,valueType:"boolean",defaultValue:!1}}function ye(){return{description:"If this property is set to `true`, the component gets the focus automatically when displayed.",valueType:"boolean",defaultValue:!1}}function Ne(e){return{description:"This property sets the component's initial value.",defaultValue:e}}function De(){return{description:"Set this property to `true` to disallow changing the component value."}}function ge(){return{description:"This boolean property value indicates whether the component responds to user events (`true`) or not (`false`).",valueType:"boolean",defaultValue:!0}}function Br(){return{description:"The `true` value of the property indicates if the user can select multiple items.",valueType:"boolean",defaultValue:!1}}function Oe(){return{description:"This property allows you to set the validation status of the input component.",availableValues:Oo}}function Sr(){return{description:"You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."}}function Qe(){return{description:"You can use this method to set the component's current value programmatically (`true`: checked, `false`: unchecked)."}}function te(e){return{description:e,valueType:"ComponentDef"}}function rt(){return{description:"A placeholder text that is visible in the input field when its empty."}}function wt(){return{description:"This property sets the maximum length of the input it accepts."}}function Me(){return{description:"Set this property to `true` to indicate it must have a value before submitting the containing form."}}function Ar(){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 Er(){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 Nr(){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 zr(){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 Zo(e){return{description:`This property indicates if the ${e} is expanded (\`true\`) or collapsed (\`false\`).`}}function Jo(e){return{description:`This method expands the ${e}.`}}function jo(e){return{description:`This method collapses the ${e}.`}}function Xe(e){return{description:`This method sets the focus on the ${e}.`}}function Lr(){return{description:"You can query the component's value. If no value is set, it will retrieve `undefined`."}}function Ko(e){return{description:`This event is triggered when the ${e} has been displayed. The event handler has a single boolean argument set to \`true\`, indicating that the user opened the component.`}}function en(e){return{description:`This event is triggered when the ${e} has been closed. The event handler has a single boolean argument set to \`true\`, indicating that the user closed the component.`}}function Pr(e){return{description:`This property allows you to define a custom trigger instead of the default one provided by \`${e}\`.`,valueType:"ComponentDef"}}function tn(e){return{description:"This property sets the main axis along which the nested components are rendered.",availableValues:er,valueType:"string",defaultValue:e}}const k="Button",rn=y({description:"Button is an interactive element that triggers an action when clicked.",status:"stable",props:{autoFocus:a("Indicates if the button should receive focus when the page loads.",null,"boolean",!1),variant:a("The button variant determines the level of emphasis the button should possess.",gr,"string","solid"),themeColor:a("Sets the button color scheme defined in the application theme.",fr,"string","primary"),size:a("The size of the button.",Kt,"string","sm"),label:a(`This property is an optional string to set a label for the ${k}. If no label is specified and an icon is set, the ${k} will modify its styling to look like a small icon button. When the ${k} has nested children, it will display them and ignore the value of the \`label\` prop.`),type:a(`This optional string describes how the ${k} appears in an HTML context. You rarely need to set this property explicitly.`,Eo,"string",No),enabled:a("The value of this property indicates whether the button accepts actions (`true`) or does not react to them (`false`).",null,null,!0),icon:a(`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 ${k} displays only that icon.`),iconPosition:a(`This optional string determines the location of the icon in the ${k}.`,vr,"string","start"),contentPosition:a(`This optional value determines how the label and icon (or nested children) should be placedinside the ${k} component.`,Lo,"string","center")},events:{click:Ue(k),gotFocus:Ae(k),lostFocus:Ee(k)},themeVars:z(Bo.themeVars),defaultThemeVars:{[`width-${k}`]:"fit-content",[`height-${k}`]:"fit-content",[`radius-${k}`]:"$radius",[`font-size-${k}`]:"$font-size-small",[`font-weight-${k}`]:"$font-weight-medium",[`color-bg-${k}-primary`]:"$color-primary-500",[`color-bg-${k}-attention`]:"$color-bg-attention",[`color-border-${k}-attention`]:"$color-attention",[`color-bg-${k}--disabled`]:"$color-bg--disabled",[`color-border-${k}--disabled`]:"$color-border--disabled",[`style-border-${k}`]:"solid",[`color-text-${k}--disabled`]:"$color-text--disabled",[`color-outline-${k}--focus`]:"$color-outline--focus",[`thickness-border-${k}`]:"1px",[`thickness-outline-${k}--focus`]:"$thickness-outline--focus",[`style-outline-${k}--focus`]:"$style-outline--focus",[`offset-outline-${k}--focus`]:"$offset-outline--focus",[`padding-horizontal-xs-${k}`]:"$space-1",[`padding-vertical-xs-${k}`]:"$space-0_5",[`padding-horizontal-sm-${k}`]:"$space-4",[`padding-vertical-sm-${k}`]:"$space-2",[`padding-horizontal-md-${k}`]:"$space-4",[`padding-vertical-md-${k}`]:"$space-3",[`padding-horizontal-lg-${k}`]:"$space-5",[`padding-vertical-lg-${k}`]:"$space-4",light:{[`color-text-${k}`]:"$color-surface-950",[`color-text-${k}-solid`]:"$color-surface-50",[`color-border-${k}-primary`]:"$color-primary-500",[`color-bg-${k}-primary--hover`]:"$color-primary-400",[`color-bg-${k}-primary--active`]:"$color-primary-500",[`color-bg-${k}-primary-outlined--hover`]:"$color-primary-50",[`color-bg-${k}-primary-outlined--active`]:"$color-primary-100",[`color-border-${k}-primary-outlined`]:"$color-primary-600",[`color-border-${k}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${k}-primary-outlined`]:"$color-primary-900",[`color-text-${k}-primary-outlined--hover`]:"$color-primary-950",[`color-text-${k}-primary-outlined--active`]:"$color-primary-900",[`color-bg-${k}-primary-ghost--hover`]:"$color-primary-50",[`color-bg-${k}-primary-ghost--active`]:"$color-primary-100",[`color-border-${k}-secondary`]:"$color-secondary-100",[`color-bg-${k}-secondary`]:"$color-secondary-500",[`color-bg-${k}-secondary--hover`]:"$color-secondary-400",[`color-bg-${k}-secondary--active`]:"$color-secondary-500",[`color-bg-${k}-secondary-outlined--hover`]:"$color-secondary-50",[`color-bg-${k}-secondary-outlined--active`]:"$color-secondary-100",[`color-bg-${k}-secondary-ghost--hover`]:"$color-secondary-100",[`color-bg-${k}-secondary-ghost--active`]:"$color-secondary-100",[`color-bg-${k}-attention--hover`]:"$color-danger-400",[`color-bg-${k}-attention--active`]:"$color-danger-500",[`color-bg-${k}-attention-outlined--hover`]:"$color-danger-50",[`color-bg-${k}-attention-outlined--active`]:"$color-danger-100",[`color-bg-${k}-attention-ghost--hover`]:"$color-danger-50",[`color-bg-${k}-attention-ghost--active`]:"$color-danger-100"},dark:{[`color-text-${k}`]:"$color-surface-50",[`color-text-${k}-solid`]:"$color-surface-50",[`color-border-${k}-primary`]:"$color-primary-500",[`color-bg-${k}-primary--hover`]:"$color-primary-600",[`color-bg-${k}-primary--active`]:"$color-primary-500",[`color-bg-${k}-primary-outlined--hover`]:"$color-primary-900",[`color-bg-${k}-primary-outlined--active`]:"$color-primary-950",[`color-border-${k}-primary-outlined`]:"$color-primary-600",[`color-border-${k}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${k}-primary-outlined`]:"$color-primary-100",[`color-text-${k}-primary-outlined--hover`]:"$color-primary-50",[`color-text-${k}-primary-outlined--active`]:"$color-primary-100",[`color-bg-${k}-primary-ghost--hover`]:"$color-primary-900",[`color-bg-${k}-primary-ghost--active`]:"$color-primary-950",[`color-border-${k}-secondary`]:"$color-secondary-500",[`color-bg-${k}-secondary`]:"$color-secondary-500",[`color-bg-${k}-secondary--hover`]:"$color-secondary-400",[`color-bg-${k}-secondary--active`]:"$color-secondary-500",[`color-bg-${k}-secondary-outlined--hover`]:"$color-secondary-600",[`color-bg-${k}-secondary-outlined--active`]:"$color-secondary-500",[`color-bg-${k}-secondary-ghost--hover`]:"$color-secondary-900",[`color-bg-${k}-secondary-ghost--active`]:"$color-secondary-950",[`color-bg-${k}-attention--hover`]:"$color-danger-400",[`color-bg-${k}-attention--active`]:"$color-danger-500",[`color-bg-${k}-attention-outlined--hover`]:"$color-danger-900",[`color-bg-${k}-attention-outlined--active`]:"$color-danger-950",[`color-bg-${k}-attention-ghost--hover`]:"$color-danger-900",[`color-bg-${k}-attention-ghost--active`]:"$color-danger-950"}}}),ze={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"};function Nt(e){return e[0].toUpperCase()+e.substring(1)}function on(e,t,r){return Y.useMemo(()=>e==="horizontal"?{horizontal:t&&ze[`justifyItems${Nt(t)}`],vertical:r&&ze[`alignItems${Nt(r)}`]}:{horizontal:t&&ze[`alignItems${Nt(t)}`],vertical:r&&ze[`justifyItems${Nt(r)}`]},[e,t,r])}const nn=Object.freeze({});function an(e){const t=Y.useRef({mountedFired:!1});Y.useEffect(()=>{t.current.mountedFired||(t.current.mountedFired=!0,e==null||e())},[e])}const ln="vertical",Cr=Y.forwardRef(function({uid:t,children:r,orientation:i=ln,horizontalAlignment:n,verticalAlignment:s,layout:l,reverse:c,hoverContainer:u,visibleOnHover:T,onClick:g,onMount:d,...P},b){an(d);const{horizontal:O,vertical:S}=on(i,n,s);return oe.jsx("div",{...P,onClick:g,ref:b,style:l,className:et(ze.base,{[ze.vertical]:i==="vertical",[ze.horizontal]:i==="horizontal",[ze.reverse]:c,[ze.hoverContainer]:u,"display-on-hover":T,[ze.handlesClick]:!!g},O??"",S??""),children:r})}),$t="Stack",rr=a("Manages the horizontal content alignment for each child element in the Stack."),or=a("Manages the vertical content alignment for each child element in the Stack."),zt=y({description:"`Stack` is a layout container displaying children in a horizontal or vertical stack.",props:{gap:a("Optional size value indicating the gap between child elements."),reverse:a("Optional boolean property to reverse the order of child elements."),wrapContent:a("Optional boolean which wraps the content if set to true and the available space is not big enough. Works in all orientations."),hoverContainer:a("Reserved for future use"),visibleOnHover:a("Reserved for future use")},events:{click:Ue($t),mounted:a("Reserved for future use")},themeVars:z(ze.themeVars)}),_t={...zt,props:{...zt.props,orientation:a("An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column)."),horizontalAlignment:rr,verticalAlignment:or}},sn={..._t,specializedFrom:$t,description:"This component represents a stack rendering its contents vertically.",props:{...zt.props,horizontalAlignment:rr,verticalAlignment:or}},cn={..._t,specializedFrom:$t,description:"This component represents a stack rendering its contents horizontally.",props:{...zt.props,horizontalAlignment:rr,verticalAlignment:or}},un={..._t,specializedFrom:$t,description:"This component represents a stack that renders its contents vertically and aligns that in the center along both axes."},dn={..._t,specializedFrom:$t,description:"This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."},pn={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"},pt={themeVars:`'{"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_1v46g_13",abbr:"_abbr_1v46g_23",cite:"_cite_1v46g_51",codefence:"_codefence_1v46g_79",code:"_code_1v46g_79",deleted:"_deleted_1v46g_135",inserted:"_inserted_1v46g_178",keyboard:"_keyboard_1v46g_221",marked:"_marked_1v46g_249",mono:"_mono_1v46g_292",sample:"_sample_1v46g_320",sup:"_sup_1v46g_348",sub:"_sub_1v46g_376",var:"_var_1v46g_404",title:"_title_1v46g_432",subtitle:"_subtitle_1v46g_460",small:"_small_1v46g_488",caption:"_caption_1v46g_516",placeholder:"_placeholder_1v46g_544",paragraph:"_paragraph_1v46g_572",subheading:"_subheading_1v46g_600",tableheading:"_tableheading_1v46g_628",secondary:"_secondary_1v46g_656",strong:"_strong_1v46g_684",truncateOverflow:"_truncateOverflow_1v46g_692",preserveLinebreaks:"_preserveLinebreaks_1v46g_699",noEllipsis:"_noEllipsis_1v46g_703"};function Dr(e){const t=e&&e>0?e:0;return t>1?{WebkitLineClamp:t,lineClamp:t,display:"-webkit-box",WebkitBoxOrient:"vertical",boxOrient:"vertical",whiteSpace:"initial"}:nn}function hn(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function mn(...e){return t=>e.forEach(r=>hn(r,t))}const Or={abbr:"abbr",cite:"cite",code:"code",codefence:"pre",deleted:"del",inserted:"ins",keyboard:"kbd",marked:"mark",sample:"samp",sub:"sub",sup:"sup",var:"var",mono:"pre",strong:"strong",em:"em",title:"span",subtitle:"span",small:"span",caption:"span",placeholder:"span",paragraph:"p",subheading:"h6",tableheading:"h6",secondary:"span"},xn=[{value:"abbr",description:"Represents an abbreviation or acronym"},{value:"caption",description:"Represents the caption (or title) of a table"},{value:"cite",description:"Is used to mark up the title of a cited work"},{value:"code",description:"Represents a line of code"},{value:"codefence",description:"Handles the display of code blocks if combined with a `code` variant"},{value:"deleted",description:"Represents text that has been deleted"},{value:"em",description:"Marks text to stress emphasis"},{value:"inserted",description:"Represents a range of text that has been added to a document"},{value:"keyboard",description:"Represents a span of text denoting textual user input from a keyboard or voice input"},{value:"marked",description:"Represents text which is marked or highlighted for reference or notation"},{value:"mono",description:"Text using a mono style font family"},{value:"paragraph",description:"Represents a paragraph"},{value:"placeholder",description:"Text that is mostly used as the placeholder style in input controls"},{value:"sample",description:"Represents sample (or quoted) output from a computer program"},{value:"secondary",description:"Represents a bit dimmed secondary text"},{value:"small",description:"Represents side-comments and small print"},{value:"sub",description:"Specifies inline text as subscript"},{value:"strong",description:"Contents have strong importance"},{value:"subheading",description:"Indicates that the text is the subtitle in a heading"},{value:"subtitle",description:"Indicates that the text is the subtitle of some other content"},{value:"sup",description:"Specifies inline text as superscript"},{value:"tableheading",description:"Indicates that the text is a table heading"},{value:"title",description:"Indicates that the text is the title of some other content"},{value:"var",description:"Represents the name of a variable in a mathematical expression"}],fn=Y.forwardRef(function({uid:t,variant:r,maxLines:i=0,layout:n,children:s,preserveLinebreaks:l,ellipses:c=!0,...u},T){const g=Y.useRef(null),d=T?mn(g,T):g,P=Y.useMemo(()=>!r||!Or[r]?"div":Or[r],[r]);return oe.jsx(oe.Fragment,{children:oe.jsx(P,{...u,ref:d,className:et([pt.text,pt[r||"default"],{[pt.truncateOverflow]:i>0,[pt.preserveLinebreaks]:l,[pt.noEllipsis]:!c}]),style:{...n,...Dr(i)},children:s})})}),gn={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)", "transform-text-FormItemLabel": "var(--xmlui-transform-text-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)", "transform-text-FormItemLabel-required": "var(--xmlui-transform-text-FormItemLabel-required)", "color-text-FormItemLabel-requiredMark": "var(--xmlui-color-text-FormItemLabel-requiredMark)"}'`,container:"_container_1ylw9_13",top:"_top_1ylw9_20",end:"_end_1ylw9_25",bottom:"_bottom_1ylw9_31",start:"_start_1ylw9_36",shrinkToLabel:"_shrinkToLabel_1ylw9_42",inputLabel:"_inputLabel_1ylw9_45",disabled:"_disabled_1ylw9_57",labelBreak:"_labelBreak_1ylw9_61",required:"_required_1ylw9_65",requiredMark:"_requiredMark_1ylw9_72"},bn={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"},ot="TextBox",Mr=y({status:"experimental",description:`The \`${ot}\` is an input component that allows users to input and edit textual data.`,props:{placeholder:rt(),initialValue:Ne(),label:me(),labelPosition:We("top"),labelWidth:Ge(ot),labelBreak:Ye(ot),maxLength:wt(),autoFocus:ye(),required:Me(),readOnly:De(),enabled:ge(),validationStatus:Oe(),startText:Ar(),startIcon:Er(),endText:Nr(),endIcon:zr()},events:{gotFocus:Ae(ot),lostFocus:Ee(ot),didChange:ve(ot)},apis:{focus:Xe(ot),value:a("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Qe()},themeVars:z(pn.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:{}}}),vn=y({...Mr,description:"The `Password` component is a specialized version of the `TextBox` component that allows users to input and edit passwords."}),Hr="Theme",yn=y({description:`The \`${Hr}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${Hr}\` 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:a("This property specifies which theme to use by setting the theme's id."),tone:a("This property allows the setting of the current theme's tone. Tone is either `light` or `dark`."),root:a("This property indicates whether the component is at the root of the application.")},opaque:!0}),Tn=[{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."}];Y.createContext(null);const kn={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_ru06q_13",vertical:"_vertical_ru06q_23",contentWrapper:"_contentWrapper_ru06q_27",navPanelWrapper:"_navPanelWrapper_ru06q_32",PagesWrapper:"_PagesWrapper_ru06q_36",footerWrapper:"_footerWrapper_ru06q_40",sticky:"_sticky_ru06q_43",horizontal:"_horizontal_ru06q_47",verticalFullHeader:"_verticalFullHeader_ru06q_67",PagesWrapperInner:"_PagesWrapperInner_ru06q_84",scrollWholePage:"_scrollWholePage_ru06q_96",headerWrapper:"_headerWrapper_ru06q_99",content:"_content_ru06q_27",noScrollbarGutters:"_noScrollbarGutters_ru06q_137"},wn={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"},$n={themeVars:'"[]"',img:"_img_dk2s3_13",clickable:"_clickable_dk2s3_19"},_n={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"},In={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"};function Bn(e){return!e||typeof e=="string"||typeof e=="number"?e:e.queryParams!==void 0?{...e,search:new URLSearchParams(mr.omitBy(e.queryParams,mr.isUndefined)).toString()}:e}const nt="App",Sn=y({status:"stable",description:`The \`${nt}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${nt}\` allows you to display your preferred layout.`,props:{layout:a("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.",Tn),loggedInUser:a("Stores information about the currently logged in user."),logoTemplate:te("Optional template of the app logo"),logo:a("Optional logo path"),"logo-dark":a("Optional logo path in dark tone"),"logo-light":a("Optional logo path in light tone"),name:a("Optional application name (visible in the browser tab)"),scrollWholePage:a("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),noScrollbarGutters:a("This boolean property specifies whether the scrollbar gutters should be hidden.",null,"boolean",!1),defaultTone:a(`This property sets the app's default tone ("light" or "dark").`,null,"string","light"),defaultTheme:a("This property sets the app's default theme.",null,"string","xmlui")},events:{ready:a(`This event fires when the \`${nt}\` component finishes rendering on the page.`)},themeVars:z(kn.themeVars),defaultThemeVars:{[`width-navPanel-${nt}`]:"$space-64",[`max-content-width-${nt}`]:"$max-content-width",[`shadow-header-${nt}`]:"$shadow-spread",[`shadow-pages-${nt}`]:"$shadow-spread",light:{},dark:{}}});function Lt(e,t){return{[`padding-left-${e}`]:(t==null?void 0:t.left)??`$padding-horizontal-${e}`,[`padding-right-${e}`]:(t==null?void 0:t.right)??`$padding-horizontal-${e}`,[`padding-top-${e}`]:(t==null?void 0:t.top)??`$padding-vertical-${e}`,[`padding-bottom-${e}`]:(t==null?void 0:t.bottom)??`$padding-vertical-${e}`,[`padding-horizontal-${e}`]:(t==null?void 0:t.horizontal)??"",[`padding-vertical-${e}`]:(t==null?void 0:t.vertical)??"",[`padding-${e}`]:(t==null?void 0:t.all)??`$padding-top-${e} $padding-right-${e} $padding-bottom-${e} $padding-left-${e}`}}function nr(e,t){var i,n,s,l,c,u;return{[`radius-${e}`]:"$radius",...r("left",(t==null?void 0:t.left)??(t==null?void 0:t.horizontal)??(t==null?void 0:t.all)),...r("right",(t==null?void 0:t.right)??(t==null?void 0:t.horizontal)??(t==null?void 0:t.all)),...r("top",(t==null?void 0:t.top)??(t==null?void 0:t.vertical)??(t==null?void 0:t.all)),...r("bottom",(t==null?void 0:t.bottom)??(t==null?void 0:t.vertical)??(t==null?void 0:t.all)),...r("horizontal",(t==null?void 0:t.horizontal)??(t==null?void 0:t.all)),...r("vertical",(t==null?void 0:t.vertical)??(t==null?void 0:t.all)),[`color-border-${e}`]:((i=t==null?void 0:t.all)==null?void 0:i.color)??"",[`thickness-border-${e}`]:((n=t==null?void 0:t.all)==null?void 0:n.thickness)??"",[`style-border-${e}`]:((s=t==null?void 0:t.all)==null?void 0:s.style)??"",[`border-${e}`]:`${((l=t==null?void 0:t.all)==null?void 0:l.thickness)??`$thickness-border-${e}`} ${((c=t==null?void 0:t.all)==null?void 0:c.style)??`$style-border-${e}`} ${((u=t==null?void 0:t.all)==null?void 0:u.color)??`$color-border-${e}`} `};function r(T,g){return{[`color-border-${T}-${e}`]:(g==null?void 0:g.color)??"",[`thickness-border-${T}-${e}`]:(g==null?void 0:g.thickness)??"",[`style-border-${T}-${e}`]:(g==null?void 0:g.style)??"",[`border-${T}-${e}`]:(g==null?void 0:g.all)??`$thickness-border-${T}-${e} $style-border-${T}-${e} $color-border-${T}-${e}`}}}const Fr="AppHeader",An=y({status:"experimental",description:`\`${Fr}\` is a placeholder within \`App\` to define a custom application header.`,props:{profileMenuTemplate:te(`This property makes the profile menu slot of the \`${Fr}\` component customizable.`),logoTemplate:te("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:te("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:a("Title for the application logo"),showLogo:a("Show the logo in the header",null,"boolean",!0)},themeVars:z(wn.themeVars),defaultThemeVars:{"height-AppHeader":"$space-14","max-content-width-AppHeader":"$max-content-width-App",...nr("AppHeader",{bottom:{color:"$color-border",thickness:"1px",style:"solid"},all:{color:"$color-border",thickness:"0",style:"solid"}}),...Lt("logo-AppHeader",{horizontal:"$space-0",vertical:"$space-4"}),...Lt("AppHeader",{horizontal:"$space-4",vertical:"$space-0"}),"radius-AppHeader":"0px",light:{"color-bg-AppHeader":"white"},dark:{"color-bg-AppHeader":"$color-surface-900"}}}),It="AppState",En=y({description:`${It} is a functional component (without a visible user interface) that helps store and manage the app's state.`,props:{bucket:a(`This property is the identifier of the bucket to which the \`${It}\` instance is bound. Multiple \`${It}\` 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:a(`This property contains the initial state value. Though you can use multiple \`${It}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${It}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`)},nonVisual:!0}),it={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"},Nn=Y.forwardRef(function({size:t="sm",url:r,name:i,style:n,onClick:s,...l},c){let u=null;return!r&&i&&(u=i.trim().split(" ").filter(T=>!!T.trim().length).map(T=>T[0].toUpperCase()).slice(0,3)),oe.jsx("div",{...l,ref:c,className:et(it.container,{[it.xs]:t==="xs",[it.sm]:t==="sm",[it.md]:t==="md",[it.lg]:t==="lg",[it.clickable]:!!s}),style:{backgroundImage:r?`url(${r})`:"none",...n},onClick:s,children:u})}),pe="Avatar",zn=y({description:`The \`${pe}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,props:{size:a(`This property defines the display size of the ${pe}.`,Kt,"string","sm"),name:a(`This property sets the name value the ${pe} uses to display initials.`),url:a(`This property specifies the URL of the image to display in the ${pe}.`)},events:{click:a("This event is triggered when the avatar is clicked.")},themeVars:z(it.themeVars),defaultThemeVars:{[`radius-${pe}`]:"4px",[`thickness-border-${pe}`]:"0px",[`style-border-${pe}`]:"solid",[`border-${pe}`]:`$thickness-border-${pe} $style-border-${pe} $color-border-${pe}`,[`shadow-${pe}`]:"inset 0 0 0 1px rgba(4,32,69,0.1)",[`color-text-${pe}`]:"$color-text-secondary",[`font-weight-${pe}`]:"$font-weight-bold",light:{[`color-bg-${pe}`]:"$color-surface-100",[`color-border-${pe}`]:"$color-surface-400A80"},dark:{[`color-bg-${pe}`]:"$color-surface-800",[`color-border-${pe}`]:"$color-surface-700"}}}),Ln={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"},xe="Badge",Pn=y({status:"stable",description:`The \`${xe}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,props:{value:a("The text that the component displays"),variant:a("Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners."),colorMap:a(`The \`${xe}\` 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:a("(**NOT IMPLEMENTED YET**) The theme color of the component."),indicatorText:a("(**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:a("(**NOT IMPLEMENTED YET**) This property forces the display of the indicator, even if the `indicatorText` property is not defined or empty."),indicatorThemeColor:a("(**NOT IMPLEMENTED YET**) The theme color of the indicator."),indicatorPosition:a("(**NOT IMPLEMENTED YET**) The position of the indicator.")},events:{},themeVars:z(Ln.themeVars),defaultThemeVars:{[`padding-horizontal-${xe}`]:"$space-2",[`padding-vertical-${xe}`]:"$space-0_5",[`padding-${xe}`]:`$padding-vertical-${xe} $padding-horizontal-${xe}`,[`padding-${xe}-pill`]:`$padding-vertical-${xe}-pill $padding-horizontal-${xe}-pill`,[`radius-${xe}`]:"4px",[`font-size-${xe}`]:"0.8em",[`font-size-${xe}-pill`]:"0.8em",light:{[`color-bg-${xe}`]:"rgba($color-secondary-500-rgb, .6)",[`color-text-${xe}`]:"white"},dark:{[`color-bg-${xe}`]:"rgba($color-secondary-500-rgb, .6)",[`color-text-${xe}`]:"$color-surface-50"}}}),Cn=Y.createContext(null),Dn=y({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:a("The unique identifier of the bookmark. You can use this identifier in links to navigate to this component's location."),level:a("The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.")}}),Bt={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_qmtvs_13",horizontal:"_horizontal_qmtvs_23",vertical:"_vertical_qmtvs_28",isClickable:"_isClickable_qmtvs_31"},ht={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)", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-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_gxlr6_13",active:"_active_gxlr6_27",disabled:"_disabled_gxlr6_31",iconWrapper:"_iconWrapper_gxlr6_47"},On=({to:e,children:t,icon:r,active:i,onClick:n,target:s,disabled:l,style:c})=>{const u=!!r&&!t,T=Y.useMemo(()=>Bn(e),[e]),g=e?Io.Link:"div";return oe.jsxs(g,{to:T,style:c,target:s,onClick:n,className:et(ht.container,{[ht.iconLink]:u,[ht.active]:i,[ht.disabled]:l}),children:[r&&oe.jsx("div",{className:ht.iconWrapper,children:oe.jsx(Uo,{name:r})}),t]})},_e={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"},Wr=({uid:e,level:t="h1",children:r,sx:i,layout:n,title:s,maxLines:l=0,preserveLinebreaks:c,ellipses:u=!0,className:T})=>{const g=t==null?void 0:t.toLowerCase(),d=Y.useRef(null),[P,b]=Y.useState(null),O=Y.useRef(null),S=Y.useContext(Cn),B=S==null?void 0:S.registerHeading,G=S==null?void 0:S.observeIntersection;return Y.useEffect(()=>{var $,q,de,fe;if(G&&d.current){const he=(fe=(de=(q=($=d.current.textContent)==null?void 0:$.trim())==null?void 0:q.replace(/[^\w\s-]/g,""))==null?void 0:de.replace(/\s+/g,"-"))==null?void 0:fe.toLowerCase();b(he||null)}},[G]),Y.useEffect(()=>{if(G&&d.current&&P)return B==null?void 0:B({id:P,level:parseInt(t.replace("h","")),text:d.current.textContent.trim(),anchor:O.current})},[P,G,B,t]),oe.jsxs(g,{ref:d,id:e,title:s,style:{...i,...n,...Dr(l)},className:et(_e.heading,_e[g],T||"",{[_e.truncateOverflow]:l>0,[_e.preserveLinebreaks]:c,[_e.noEllipsis]:!u}),children:[P&&G&&oe.jsx("span",{ref:O,id:P,style:{width:0,height:0}}),r]})},Rr="vertical";Y.forwardRef(function({children:t,orientation:r=Rr,style:i,title:n,subtitle:s,linkTo:l,avatarUrl:c,showAvatar:u=!!c||!1,onClick:T},g){const d={level:"h2"};return oe.jsxs("div",{ref:g,className:et(Bt.wrapper,{[Bt.isClickable]:!!T,[Bt.vertical]:r==="vertical",[Bt.horizontal]:r==="horizontal"}),style:i,onClick:T,children:[[n,s,c,u].some(Boolean)&&oe.jsxs(Cr,{orientation:"horizontal",verticalAlignment:"center",layout:{gap:"1rem"},children:[u&&oe.jsx(Nn,{url:c,name:n}),oe.jsxs(Cr,{orientation:"vertical",children:[l?n?oe.jsx(On,{to:l+"",children:oe.jsx(Wr,{...d,children:n})}):null:n?oe.jsx(Wr,{...d,children:n}):null,s!==void 0&&oe.jsx(fn,{variant:"small",children:s})]})]}),t]})});const ne="Card",Mn=y({description:`The \`${ne}\` component is a container for cohesive elements, often rendered visually as a card.`,props:{avatarUrl:a(`Show the avatar (\`true\`) or not (\`false\`). If not specified, the ${ne} will show the first letters of the [\`title\`](#title).`),showAvatar:a(`Indicates whether the ${ne} should be displayed`,null,"boolean"),title:a("This prop sets the prestyled title."),subtitle:a("This prop sets the prestyled subtitle."),linkTo:a("This property wraps the title in a `Link` component that is clickable to navigate."),orientation:a(`An optional property that governs the ${ne}'s orientation (whether the ${ne} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${ne} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,er,"string",Rr)},events:{click:Ue(ne)},themeVars:z(Bt.themeVars),defaultThemeVars:{[`padding-horizontal-${ne}`]:"$space-4",[`padding-vertical-${ne}`]:"$space-4",[`padding-${ne}`]:`$padding-vertical-${ne} $padding-horizontal-${ne}`,[`color-border-${ne}`]:"$color-border",[`thickness-border-${ne}`]:"1px",[`style-border-${ne}`]:"solid",[`border-${ne}`]:`$thickness-border-${ne} $style-border-${ne} $color-border-${ne}`,[`radius-${ne}`]:"$radius",[`shadow-${ne}`]:"none",light:{[`color-bg-${ne}`]:"white"},dark:{[`color-bg-${ne}`]:"$color-surface-900"}}}),qr="ChangeListener",Hn=y({description:`\`${qr}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,props:{listenTo:a("Value to the changes of which this component listens."),throttleWaitInMs:a("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:ve(qr)}}),Vr={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"},J="Checkbox",Fn=y({status:"stable",description:`The \`${J}\` 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:Ir(),label:me(),labelPosition:We("end"),labelWidth:Ge(J),labelBreak:Ye(J),required:Me(),initialValue:Ne(!1),autoFocus:ye(),readOnly:De(),enabled:ge(),validationStatus:Oe(),description:a(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${J} besides its label.`)},events:{click:Ue(J),gotFocus:Ae(J),lostFocus:Ee(J),didChange:ve(J)},apis:{value:Sr(),setValue:Qe()},themeVars:z(Vr.themeVars),defaultThemeVars:{[`color-border-checked-${J}-error`]:`$color-border-${J}-error`,[`color-bg-checked-${J}-error`]:`$color-border-${J}-error`,[`color-border-checked-${J}-warning`]:`$color-border-${J}-warning`,[`color-bg-checked-${J}-warning`]:`$color-border-${J}-warning`,[`color-border-checked-${J}-success`]:`$color-border-${J}-success`,[`color-bg-checked-${J}-success`]:`$color-border-${J}-success`,light:{[`color-bg-indicator-${J}`]:"$color-bg-primary",[`color-border-checked-${J}`]:"$color-primary-500",[`color-bg-checked-${J}`]:"$color-primary-500",[`color-bg-${J}--disabled`]:"$color-surface-200"},dark:{[`color-bg-indicator-${J}`]:"$color-bg-primary",[`color-border-checked-${J}`]:"$color-primary-400",[`color-bg-checked-${J}`]:"$color-primary-400",[`color-bg-${J}--disabled`]:"$color-surface-800"}}}),Wn={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"},ir="ContentSeparator",Rn=y({description:`A \`${ir}\` 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:a("This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical)."),orientation:a("Sets the main axis of the component",er)},themeVars:z(Wn.themeVars),defaultThemeVars:{[`color-bg-${ir}`]:"$color-border",[`size-${ir}`]:"1px",light:{},dark:{}}}),qn={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:thickness-outline-DatePicker-default--focus": "var(--xmlui-thickness-outline-DatePicker-default--focus)", "Input:color-outline-DatePicker-default--focus": "var(--xmlui-color-outline-DatePicker-default--focus)", "Input:style-outline-DatePicker-default--focus": "var(--xmlui-style-outline-DatePicker-default--focus)", "Input:offset-outline-DatePicker-default--focus": "var(--xmlui-offset-outline-DatePicker-default--focus)", "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:thickness-outline-DatePicker-error--focus": "var(--xmlui-thickness-outline-DatePicker-error--focus)", "Input:color-outline-DatePicker-error--focus": "var(--xmlui-color-outline-DatePicker-error--focus)", "Input:style-outline-DatePicker-error--focus": "var(--xmlui-style-outline-DatePicker-error--focus)", "Input:offset-outline-DatePicker-error--focus": "var(--xmlui-offset-outline-DatePicker-error--focus)", "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:thickness-outline-DatePicker-warning--focus": "var(--xmlui-thickness-outline-DatePicker-warning--focus)", "Input:color-outline-DatePicker-warning--focus": "var(--xmlui-color-outline-DatePicker-warning--focus)", "Input:style-outline-DatePicker-warning--focus": "var(--xmlui-style-outline-DatePicker-warning--focus)", "Input:offset-outline-DatePicker-warning--focus": "var(--xmlui-offset-outline-DatePicker-warning--focus)", "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:thickness-outline-DatePicker-success--focus": "var(--xmlui-thickness-outline-DatePicker-success--focus)", "Input:color-outline-DatePicker-success--focus": "var(--xmlui-color-outline-DatePicker-success--focus)", "Input:style-outline-DatePicker-success--focus": "var(--xmlui-style-outline-DatePicker-success--focus)", "Input:offset-outline-DatePicker-success--focus": "var(--xmlui-offset-outline-DatePicker-success--focus)", "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_t0hf0_13",placeholder:"_placeholder_t0hf0_46",error:"_error_t0hf0_49",warning:"_warning_t0hf0_73",valid:"_valid_t0hf0_97",disabled:"_disabled_t0hf0_121",indicator:"_indicator_t0hf0_127",datePickerInput:"_datePickerInput_t0hf0_127",datePickerMenu:"_datePickerMenu_t0hf0_131",root:"_root_t0hf0_140",vhidden:"_vhidden_t0hf0_145",button_reset:"_button_reset_t0hf0_165",button:"_button_t0hf0_165",day_selected:"_day_selected_t0hf0_187",months:"_months_t0hf0_205",month:"_month_t0hf0_205",table:"_table_t0hf0_221",with_weeknumber:"_with_weeknumber_t0hf0_227",caption:"_caption_t0hf0_232",multiple_months:"_multiple_months_t0hf0_240",caption_dropdowns:"_caption_dropdowns_t0hf0_246",caption_label:"_caption_label_t0hf0_251",nav:"_nav_t0hf0_267",caption_start:"_caption_start_t0hf0_271",caption_end:"_caption_end_t0hf0_278",nav_button:"_nav_button_t0hf0_285",dropdown_year:"_dropdown_year_t0hf0_298",dropdown_month:"_dropdown_month_t0hf0_299",dropdown:"_dropdown_t0hf0_298",dropdown_icon:"_dropdown_icon_t0hf0_335",head:"_head_t0hf0_339",head_row:"_head_row_t0hf0_343",row:"_row_t0hf0_344",head_cell:"_head_cell_t0hf0_348",tbody:"_tbody_t0hf0_359",tfoot:"_tfoot_t0hf0_363",cell:"_cell_t0hf0_367",weeknumber:"_weeknumber_t0hf0_375",day:"_day_t0hf0_187",day_today:"_day_today_t0hf0_394",day_outside:"_day_outside_t0hf0_394",day_range_start:"_day_range_start_t0hf0_417",day_range_end:"_day_range_end_t0hf0_417",day_range_middle:"_day_range_middle_t0hf0_441"},Ie="DatePicker",Vn=y({status:"experimental",description:"A datepicker component enables the selection of a date or a range of dates in a specified format from an interactive display.",props:{placeholder:rt(),initialValue:Ne(),autoFocus:ye(),readOnly:De(),enabled:ge(),validationStatus:Oe(),mode:a("The mode of the datepicker (single or range)"),dateFormat:a("The format of the date displayed in the input field"),showWeekNumber:a("Whether to show the week number in the calendar"),weekStartsOn:a("The first day of the week. 0 is Sunday, 1 is Monday, etc."),fromDate:a("The start date of the range of selectable dates"),toDate:a("The end date of the range of selectable dates"),disabledDates:a("An array of dates that are disabled")},events:{didChange:ve(Ie),gotFocus:Ae(Ie),lostFocus:Ee(Ie)},apis:{focus:Xe(Ie),value:a("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Qe()},themeVars:z(qn.themeVars),defaultThemeVars:{[`shadow-menu-${Ie}`]:"$shadow-md",[`radius-menu-${Ie}`]:"$radius",[`color-text-value-${Ie}`]:"$color-text-primary",[`color-bg-menu-${Ie}`]:"$color-bg-primary",[`color-bg-item-${Ie}--hover`]:"$color-bg-dropdown-item--active",[`color-bg-item-${Ie}--active`]:"$color-bg-dropdown-item--active",light:{[`color-bg-menu-${Ie}`]:"$color-bg-primary"},dark:{[`color-bg-menu-${Ie}`]:"$color-bg-primary"}}}),ar={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_uvcr0_13",DropdownMenuSubContent:"_DropdownMenuSubContent_uvcr0_14",DropdownMenuItem:"_DropdownMenuItem_uvcr0_26",DropdownMenuSubTrigger:"_DropdownMenuSubTrigger_uvcr0_27",active:"_active_uvcr0_50",wrapper:"_wrapper_uvcr0_60",DropdownMenuSeparator:"_DropdownMenuSeparator_uvcr0_65"},He="DropdownMenu",Un=y({description:"This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",props:{label:me(),triggerTemplate:Pr(He),alignment:a("This property allows you to determine the alignment of the displayed menu items."),enabled:ge(),triggerButtonVariant:a("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:a("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:a("This property defines the icon to display on the trigger button."),triggerButtonIconPosition:a("This property defines the position of the icon on the trigger button.",br)},events:{willOpen:a(`This event fires when the \`${He}\` component is opened.`)},apis:{close:a("This method command closes the dropdown.")},themeVars:z(ar.themeVars),defaultThemeVars:{[`color-bg-${He}`]:"$color-bg-primary",[`min-width-${He}`]:"160px",[`shadow-${He}`]:"$shadow-xl",[`style-border-${He}-content`]:"solid",[`radius-${He}`]:"$radius"}}),Be="MenuItem",Gn=y({description:"This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",docFolder:He,props:{iconPosition:a("This property allows you to determine the position of the icon displayed in the menu item.",vr.filter(e=>e.value==="start"||e.value==="end")),icon:a("This property names an optional icon to display with the menu item."),label:me(),to:a("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:a("This property indicates if the specified menu item is active.")},events:{click:Ue(Be)},themeVars:z(ar.themeVars),defaultThemeVars:{[`color-bg-${Be}`]:"$color-bg-dropdown-item",[`color-${Be}`]:"$color-text-primary",[`font-family-${Be}`]:"$font-family",[`font-size-${Be}`]:"$font-size-small",[`padding-vertical-${Be}`]:"$space-2",[`padding-horizontal-${Be}`]:"$space-3",[`color-bg-${Be}--hover`]:"$color-bg-dropdown-item--hover",[`color-${Be}--hover`]:"inherit",[`gap-${Be}`]:"$space-2",[`color-${Be}--active`]:"$color-primary",[`color-bg-${Be}--active`]:"$color-bg-dropdown-item--active",light:{},dark:{}}}),Yn=y({description:"This component represents a nested menu item within another menu or menu item.",docFolder:He,props:{label:me(),triggerTemplate:Pr("SubMenuItem")}}),mt="MenuSeparator",Qn=y({description:"This component displays a separator line between menu items.",docFolder:He,themeVars:z(ar.themeVars),defaultThemeVars:{[`margin-top-${mt}`]:"$space-1",[`margin-bottom-${mt}`]:"$space-1",[`width-${mt}`]:"100%",[`height-${mt}`]:"1px",[`color-${mt}`]:"$color-border-dropdown-item",[`margin-horizontal-${mt}`]:"12px"}}),Xn=y({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:ye()},events:{select:a("This event is fired when the user selects an emoticon from this component.")}}),Zn={themeVars:'"[]"',container:"_container_mle43_13",textBoxWrapper:"_textBoxWrapper_mle43_21",button:"_button_mle43_27"},at="FileInput",Jn=y({description:`The \`${at}\` 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:rt(),initialValue:Ne(),autoFocus:ye(),required:Me(),readOnly:De(),enabled:ge(),validationStatus:Oe(),label:me(),labelPosition:We("top"),labelWidth:Ge(at),labelBreak:Ye(at),buttonVariant:a("The button variant to use",zo),buttonLabel:a("This property is an optional string to set a label for the button part."),buttonIcon:a("The ID of the icon to display in the button"),buttonIconPosition:a("This optional string determines the location of the button icon.",br),acceptsFileType:a("A list of file types the input controls accepts provided as a string array."),multiple:a("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:a("This boolean property indicates whether the component allows selecting directories (`true`) or files only (`false`).",null,"boolean",!1),buttonSize:a("The size of the button (small, medium, large)",Kt),buttonThemeColor:a("The button color scheme (primary, secondary, attention)",Ao)},events:{didChange:ve(at),gotFocus:Ae(at),lostFocus:Ee(at)},apis:{value:a("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:a("(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."),focus:Xe(at),open:a("This API command triggers the file browsing dialog to open.")},themeVars:z(Zn.themeVars)}),jn={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"},Kn=y({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:a('With this property, you can change the default text ("Drop files here") to display when files are dragged over the drop zone.'),allowPaste:a("This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`)."),enabled:a("If set to `false`, the drop zone will be disabled and users will not be able to upload files.",null,"boolean",!0)},events:{upload:a("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:z(jn.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:{}}}),ei={themeVars:'"[]"',outer:"_outer_aarhe_13",flowContainer:"_flowContainer_aarhe_17",horizontal:"_horizontal_aarhe_21",flowItem:"_flowItem_aarhe_24",vertical:"_vertical_aarhe_32",break:"_break_aarhe_47",forceBreak:"_forceBreak_aarhe_47",starSized:"_starSized_aarhe_47"},lr="FlowLayout",ti=y({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:a(`This property defines the gap between items in the same row and between rows. The ${lr} component creates a new row when an item is about to overflow the current row.`),columnGap:a("The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value."),rowGap:a(`The \`rowGap\` property specifies the space between the ${lr} rows; it overrides the \`gap\` value.`),shadow:a(`${lr} does not support shadow, we're waiting for a decent solution.`)},themeVars:z(ei.themeVars)}),ri={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)", "align-vertical-Footer": "var(--xmlui-align-vertical-Footer)", "max-content-width-Footer": "var(--xmlui-max-content-width-Footer)"}'`,outerWrapper:"_outerWrapper_188xu_13",wrapper:"_wrapper_188xu_34",full:"_full_188xu_50"},Ze="Footer",oi=y({description:`The \`${Ze}\` is a component that acts as a placeholder within \`App\`.`,themeVars:z(ri.themeVars),defaultThemeVars:{[`color-bg-${Ze}`]:"$color-bg-AppHeader",[`align-vertical-${Ze}`]:"center",[`font-size-${Ze}`]:"$font-size-small",[`color-text-${Ze}`]:"$color-text-secondary",[`max-content-width-${Ze}`]:"$max-content-width",...Lt(Ze,{horizontal:"$space-4",vertical:"$space-2"}),...nr(Ze,{top:{color:"$color-border",thickness:"1px",style:"solid"}}),light:{},dark:{}}}),ni={themeVars:`'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`,wrapper:"_wrapper_wscb6_13",buttonRow:"_buttonRow_wscb6_19"},ii={themeVars:'"[]"',spacer:"_spacer_1414d_13"},ai={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_1lmtb_13",fullScreen:"_fullScreen_1lmtb_21",content:"_content_1lmtb_27",overlayBg:"_overlayBg_1lmtb_36",overlayShow:"_overlayShow_1lmtb_1",contentShow:"_contentShow_1lmtb_1",dialogTitle:"_dialogTitle_1lmtb_66",innerContent:"_innerContent_1lmtb_72",closeButton:"_closeButton_1lmtb_98",dialog:"_dialog_1lmtb_66"},li=y({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:te("This property allows defining a custom component to display the buttons at the bottom of the form."),itemLabelPosition:a("This property sets the position of the item labels within the form.Individual `FormItem` instances can override this property.",yr,"string","top"),itemLabelWidth:a("This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property."),itemLabelBreak:a("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."),keepModalOpenOnSubmit:a("This property prevents the modal from closing when the form is submitted."),data:a("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:a('This property defines the label of the Cancel button, by default, "Cancel".'),saveLabel:a('This property defines the label of the Save button, by default, "Save".'),saveInProgressLabel:a("This property defines the label of the Save button to display during the form data submit (save) operation. By default, the value of `saveLabel`."),swapCancelAndSave:a("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."),submitUrl:a("URL to submit the form data."),submitMethod:a("HTTP method to use when submitting the form data."),enabled:a("Whether the form is enabled or not. The default value is `true`."),_data_url:tt("when we have an api bound data prop, we inject the url here")},events:{submit:a("The form infrastructure fires this event when the form is submitted. The event argument is the current `data` value to save."),cancel:a("The form infrastructure fires this event when the form is canceled."),reset:a("The form infrastructure fires this event when the form is reset.")},contextVars:{$data:a("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:z(ni.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"}}}),si={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"},ci={themeVars:`'{"Input:font-size-Select-default": "var(--xmlui-font-size-Select-default)", "Input:color-placeholder-Select-default": "var(--xmlui-color-placeholder-Select-default)", "Input:color-text-Select-default": "var(--xmlui-color-text-Select-default)", "Input:font-size-Select-error": "var(--xmlui-font-size-Select-error)", "Input:color-placeholder-Select-error": "var(--xmlui-color-placeholder-Select-error)", "Input:color-text-Select-error": "var(--xmlui-color-text-Select-error)", "Input:font-size-Select-warning": "var(--xmlui-font-size-Select-warning)", "Input:color-placeholder-Select-warning": "var(--xmlui-color-placeholder-Select-warning)", "Input:color-text-Select-warning": "var(--xmlui-color-text-Select-warning)", "Input:font-size-Select-success": "var(--xmlui-font-size-Select-success)", "Input:color-placeholder-Select-success": "var(--xmlui-color-placeholder-Select-success)", "Input:color-text-Select-success": "var(--xmlui-color-text-Select-success)", "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:color-bg-Select-default": "var(--xmlui-color-bg-Select-default)", "Input:shadow-Select-default": "var(--xmlui-shadow-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: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:color-bg-Select-error": "var(--xmlui-color-bg-Select-error)", "Input:shadow-Select-error": "var(--xmlui-shadow-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: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:color-bg-Select-warning": "var(--xmlui-color-bg-Select-warning)", "Input:shadow-Select-warning": "var(--xmlui-shadow-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: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:color-bg-Select-success": "var(--xmlui-color-bg-Select-success)", "Input:shadow-Select-success": "var(--xmlui-shadow-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)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "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)", "padding-vertical-Select-badge": "var(--xmlui-padding-vertical-Select-badge)", "padding-horizontal-Select-badge": "var(--xmlui-padding-horizontal-Select-badge)", "Input:font-size-Select-badge": "var(--xmlui-font-size-Select-badge)", "Input:color-bg-Select-badge": "var(--xmlui-color-bg-Select-badge)", "Input:color-text-Select-badge": "var(--xmlui-color-text-Select-badge)", "Input:color-bg-Select-badge--hover": "var(--xmlui-color-bg-Select-badge--hover)", "Input:color-text-Select-badge--hover": "var(--xmlui-color-text-Select-badge--hover)", "Input:color-bg-Select-badge--active": "var(--xmlui-color-bg-Select-badge--active)", "Input:color-text-Select-badge--active": "var(--xmlui-color-text-Select-badge--active)", "Input:color-placeholder-Select": "var(--xmlui-color-placeholder-Select)", "Input:color-bg-menu-Select": "var(--xmlui-color-bg-menu-Select)", "Input:radius-menu-Select": "var(--xmlui-radius-menu-Select)", "Input:shadow-menu-Select": "var(--xmlui-shadow-menu-Select)", "Input:thickness-border-menu-Select": "var(--xmlui-thickness-border-menu-Select)", "Input:color-border-menu-Select": "var(--xmlui-color-border-menu-Select)", "color-bg-item-Select": "var(--xmlui-color-bg-item-Select)", "color-bg-item-Select--hover": "var(--xmlui-color-bg-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "font-size-Select": "var(--xmlui-font-size-Select)", "color-bg-item-Select--active": "var(--xmlui-color-bg-item-Select--active)", "color-text-indicator-Select": "var(--xmlui-color-text-indicator-Select)"}'`,selectValue:"_selectValue_z2kxg_13",error:"_error_z2kxg_21",warning:"_warning_z2kxg_29",valid:"_valid_z2kxg_37",selectTrigger:"_selectTrigger_z2kxg_46",badgeListContainer:"_badgeListContainer_z2kxg_170",badgeList:"_badgeList_z2kxg_170",badge:"_badge_z2kxg_170",actions:"_actions_z2kxg_210",placeholder:"_placeholder_z2kxg_216",emptyList:"_emptyList_z2kxg_221",selectScrollUpButton:"_selectScrollUpButton_z2kxg_231",selectScrollDownButton:"_selectScrollDownButton_z2kxg_240",command:"_command_z2kxg_249",commandInputContainer:"_commandInputContainer_z2kxg_259",commandInput:"_commandInput_z2kxg_259",commandList:"_commandList_z2kxg_284",selectContent:"_selectContent_z2kxg_289",fadeIn:"_fadeIn_z2kxg_1",zoomIn:"_zoomIn_z2kxg_1",fadeOut:"_fadeOut_z2kxg_1",zoomOut:"_zoomOut_z2kxg_1",slideInFromTop:"_slideInFromTop_z2kxg_1",slideInFromRight:"_slideInFromRight_z2kxg_1",slideInFromLeft:"_slideInFromLeft_z2kxg_1",slideInFromBottom:"_slideInFromBottom_z2kxg_1",multiComboboxOption:"_multiComboboxOption_z2kxg_329",selectItem:"_selectItem_z2kxg_349",selectItemIndicator:"_selectItemIndicator_z2kxg_377",selectViewport:"_selectViewport_z2kxg_388",selectEmpty:"_selectEmpty_z2kxg_394",srOnly:"_srOnly_z2kxg_405"},ui=Y.createContext(null);function di(){return Y.useContext(ui)}const pi={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"},hi={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"};var o=(e=>(e[e.Eof=-1]="Eof",e[e.Ws=-2]="Ws",e[e.BlockComment=-3]="BlockComment",e[e.EolComment=-4]="EolComment",e[e.Unknown=0]="Unknown",e[e.LParent=1]="LParent",e[e.RParent=2]="RParent",e[e.Identifier=3]="Identifier",e[e.Exponent=4]="Exponent",e[e.Divide=5]="Divide",e[e.Multiply=6]="Multiply",e[e.Remainder=7]="Remainder",e[e.Plus=8]="Plus",e[e.Minus=9]="Minus",e[e.BitwiseXor=10]="BitwiseXor",e[e.BitwiseOr=11]="BitwiseOr",e[e.LogicalOr=12]="LogicalOr",e[e.BitwiseAnd=13]="BitwiseAnd",e[e.LogicalAnd=14]="LogicalAnd",e[e.IncOp=15]="IncOp",e[e.DecOp=16]="DecOp",e[e.Assignment=17]="Assignment",e[e.AddAssignment=18]="AddAssignment",e[e.SubtractAssignment=19]="SubtractAssignment",e[e.ExponentAssignment=20]="ExponentAssignment",e[e.MultiplyAssignment=21]="MultiplyAssignment",e[e.DivideAssignment=22]="DivideAssignment",e[e.RemainderAssignment=23]="RemainderAssignment",e[e.ShiftLeftAssignment=24]="ShiftLeftAssignment",e[e.ShiftRightAssignment=25]="ShiftRightAssignment",e[e.SignedShiftRightAssignment=26]="SignedShiftRightAssignment",e[e.BitwiseAndAssignment=27]="BitwiseAndAssignment",e[e.BitwiseXorAssignment=28]="BitwiseXorAssignment",e[e.BitwiseOrAssignment=29]="BitwiseOrAssignment",e[e.LogicalAndAssignment=30]="LogicalAndAssignment",e[e.LogicalOrAssignment=31]="LogicalOrAssignment",e[e.NullCoalesceAssignment=32]="NullCoalesceAssignment",e[e.Semicolon=33]="Semicolon",e[e.Comma=34]="Comma",e[e.Colon=35]="Colon",e[e.LSquare=36]="LSquare",e[e.RSquare=37]="RSquare",e[e.QuestionMark=38]="QuestionMark",e[e.NullCoalesce=39]="NullCoalesce",e[e.OptionalChaining=40]="OptionalChaining",e[e.BinaryNot=41]="BinaryNot",e[e.LBrace=42]="LBrace",e[e.RBrace=43]="RBrace",e[e.Equal=44]="Equal",e[e.StrictEqual=45]="StrictEqual",e[e.LogicalNot=46]="LogicalNot",e[e.NotEqual=47]="NotEqual",e[e.StrictNotEqual=48]="StrictNotEqual",e[e.LessThan=49]="LessThan",e[e.LessThanOrEqual=50]="LessThanOrEqual",e[e.ShiftLeft=51]="ShiftLeft",e[e.GreaterThan=52]="GreaterThan",e[e.GreaterThanOrEqual=53]="GreaterThanOrEqual",e[e.ShiftRight=54]="ShiftRight",e[e.SignedShiftRight=55]="SignedShiftRight",e[e.Dot=56]="Dot",e[e.Spread=57]="Spread",e[e.Global=58]="Global",e[e.Backtick=59]="Backtick",e[e.DollarLBrace=60]="DollarLBrace",e[e.Arrow=61]="Arrow",e[e.DecimalLiteral=62]="DecimalLiteral",e[e.HexadecimalLiteral=63]="HexadecimalLiteral",e[e.BinaryLiteral=64]="BinaryLiteral",e[e.RealLiteral=65]="RealLiteral",e[e.StringLiteral=66]="StringLiteral",e[e.Infinity=67]="Infinity",e[e.NaN=68]="NaN",e[e.True=69]="True",e[e.False=70]="False",e[e.Typeof=71]="Typeof",e[e.Null=72]="Null",e[e.Undefined=73]="Undefined",e[e.In=74]="In",e[e.Let=75]="Let",e[e.Const=76]="Const",e[e.Var=77]="Var",e[e.If=78]="If",e[e.Else=79]="Else",e[e.Return=80]="Return",e[e.Break=81]="Break",e[e.Continue=82]="Continue",e[e.Do=83]="Do",e[e.While=84]="While",e[e.For=85]="For",e[e.Of=86]="Of",e[e.Try=87]="Try",e[e.Catch=88]="Catch",e[e.Finally=89]="Finally",e[e.Throw=90]="Throw",e[e.Switch=91]="Switch",e[e.Case=92]="Case",e[e.Default=93]="Default",e[e.Delete=94]="Delete",e[e.Function=95]="Function",e[e.Export=96]="Export",e[e.Import=97]="Import",e[e.As=98]="As",e[e.From=99]="From",e))(o||{});class mi{constructor(t){this.source=t,this._pos=0,this._line=1,this._column=0}get position(){return this._pos}get line(){return this._line}get column(){return this._column}peek(){return this.ahead(0)}ahead(t=1){return this._pos+t>this.source.length-1?null:this.source[this._pos+t]}get(){if(this._pos>=this.source.length)return null;const t=this.source[this._pos++];return t===`
+(function(Se,Y){typeof exports=="object"&&typeof module<"u"?Y(exports,require("react"),require("react/jsx-runtime"),require("@remix-run/react"),require("lodash-es"),require("@eslint-community/regexpp")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","@remix-run/react","lodash-es","@eslint-community/regexpp"],Y):(Se=typeof globalThis<"u"?globalThis:Se||self,Y(Se["xmlui-metadata"]={},Se.React,Se["react/jsx-runtime"],Se.react,Se.lodashEs,Se.regexpp))})(this,function(Se,Y,oe,Io,mr,xr){"use strict";const Bo={themeVars:`'{"width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "padding-vertical-Button-xs": "var(--xmlui-padding-vertical-Button-xs)", "padding-horizontal-Button-xs": "var(--xmlui-padding-horizontal-Button-xs)", "padding-vertical-Button-sm": "var(--xmlui-padding-vertical-Button-sm)", "padding-horizontal-Button-sm": "var(--xmlui-padding-horizontal-Button-sm)", "padding-vertical-Button-md": "var(--xmlui-padding-vertical-Button-md)", "padding-horizontal-Button-md": "var(--xmlui-padding-horizontal-Button-md)", "padding-vertical-Button-lg": "var(--xmlui-padding-vertical-Button-lg)", "padding-horizontal-Button-lg": "var(--xmlui-padding-horizontal-Button-lg)", "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-text-Button-primary-solid--hover": "var(--xmlui-color-text-Button-primary-solid--hover)", "color-bg-Button-primary-solid--hover": "var(--xmlui-color-bg-Button-primary-solid--hover)", "color-border-Button-primary-solid--active": "var(--xmlui-color-border-Button-primary-solid--active)", "color-text-Button-primary-solid--active": "var(--xmlui-color-text-Button-primary-solid--active)", "shadow-Button-primary-solid--active": "var(--xmlui-shadow-Button-primary-solid--active)", "color-bg-Button-primary-solid--active": "var(--xmlui-color-bg-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-text-Button-secondary-solid--hover": "var(--xmlui-color-text-Button-secondary-solid--hover)", "color-bg-Button-secondary-solid--hover": "var(--xmlui-color-bg-Button-secondary-solid--hover)", "color-border-Button-secondary-solid--active": "var(--xmlui-color-border-Button-secondary-solid--active)", "color-text-Button-secondary-solid--active": "var(--xmlui-color-text-Button-secondary-solid--active)", "shadow-Button-secondary-solid--active": "var(--xmlui-shadow-Button-secondary-solid--active)", "color-bg-Button-secondary-solid--active": "var(--xmlui-color-bg-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-text-Button-attention-solid--hover": "var(--xmlui-color-text-Button-attention-solid--hover)", "color-bg-Button-attention-solid--hover": "var(--xmlui-color-bg-Button-attention-solid--hover)", "color-border-Button-attention-solid--active": "var(--xmlui-color-border-Button-attention-solid--active)", "color-text-Button-attention-solid--active": "var(--xmlui-color-text-Button-attention-solid--active)", "shadow-Button-attention-solid--active": "var(--xmlui-shadow-Button-attention-solid--active)", "color-bg-Button-attention-solid--active": "var(--xmlui-color-bg-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_1tdfj_13",alignStart:"_alignStart_1tdfj_29",alignEnd:"_alignEnd_1tdfj_32",buttonHorizontal:"_buttonHorizontal_1tdfj_38",xs:"_xs_1tdfj_41",sm:"_sm_1tdfj_44",md:"_md_1tdfj_47",lg:"_lg_1tdfj_50",buttonVertical:"_buttonVertical_1tdfj_53",solidPrimary:"_solidPrimary_1tdfj_71",solidSecondary:"_solidSecondary_1tdfj_105",solidAttention:"_solidAttention_1tdfj_139",outlinedPrimary:"_outlinedPrimary_1tdfj_173",outlinedSecondary:"_outlinedSecondary_1tdfj_205",outlinedAttention:"_outlinedAttention_1tdfj_237",ghostPrimary:"_ghostPrimary_1tdfj_269",ghostSecondary:"_ghostSecondary_1tdfj_297",ghostAttention:"_ghostAttention_1tdfj_325"};function y({description:e,shortDescription:t,specializedFrom:r,status:i,props:n,events:s,contextVars:l,apis:c,nonVisual:u,opaque:T,themeVars:g,defaultThemeVars:d,toneSpecificThemeVars:P,allowArbitraryProps:b,docFolder:O}){return{description:e,shortDescription:t,specializedFrom:r,status:i,props:n,events:s,contextVars:l,apis:c,nonVisual:u,opaque:T,themeVars:g,defaultThemeVars:d,toneSpecificThemeVars:P,allowArbitraryProps:b,docFolder:O}}function a(e,t,r,i,n){return{description:e,availableValues:t,valueType:r,defaultValue:i,isValid:n}}const So=[{value:"_self",description:"The link will open in the same frame as it was clicked."},{value:"_blank",description:"The link will open in a new window or tab."},{value:"_parent",description:"The link will open in the parent frame. If no parent, behaves as _self."},{value:"_top",description:"The topmost browsing context. The link will open in the full body of the window. If no ancestors, behaves as _self."}],Kt=[{value:"xs",description:"Extra small button"},{value:"sm",description:"Small button"},{value:"md",description:"Medium button"},{value:"lg",description:"Large button"}],Ao=[...["attention","primary","secondary"]],fr=[{value:"attention",description:"Attention state theme color"},{value:"primary",description:"Primary theme color"},{value:"secondary",description:"Secondary theme color"}],Eo=[{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."}],No="button",zo=[...["solid","outlined","ghost"]],gr=[{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."}],Lo=[{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)"}],er=[{value:"horizontal",description:"The component will fill the available space horizontally"},{value:"vertical",description:"The component will fill the available space vertically"}],br=[...["start","end"]],vr=[{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)"}],Po=[{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"}],Co=[{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"}],yr=[{value:"start",description:"The left side of the input (left-to-right) or the right side of the input (right-to-left)"},{value:"end",description:"The right side of the input (left-to-right) or the left side of the input (right-to-left)"},{value:"top",description:"The top of the input"},{value:"bottom",description:"The bottom of the input"}],Do=[...["start","end"]],Oo=[{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"}],Mo=["top","bottom"],Tr={themeVars:`'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`,base:"_base_13qtg_13"},Ho=Y.createContext(null);function kr(){return Y.useContext(Ho)}const Fo={accentheight:"accentHeight",accumulate:"accumulate",additive:"additive",alignmentbaseline:"alignmentBaseline",allowreorder:"allowReorder",alphabetic:"alphabetic",amplitude:"amplitude",arabicform:"arabicForm",ascent:"ascent",attributename:"attributeName",attributetype:"attributeType",autoreverse:"autoReverse",azimuth:"azimuth",basefrequency:"baseFrequency",baseprofile:"baseProfile",baselineshift:"baselineShift",bbox:"bbox",begin:"begin",bias:"bias",by:"by",calcmode:"calcMode",capheight:"capHeight",clip:"clip",clippath:"clipPath",clippathunits:"clipPathUnits",cliprule:"clipRule",colorinterpolation:"colorInterpolation",colorinterpolationfilters:"colorInterpolationFilters",colorprofile:"colorProfile",colorrendering:"colorRendering",contentscripttype:"contentScriptType",contentstyletype:"contentStyleType",cursor:"cursor",cx:"cx",cy:"cy",d:"d",decelerate:"decelerate",descent:"descent",diffuseconstant:"diffuseConstant",direction:"direction",display:"display",divisor:"divisor",dominantbaseline:"dominantBaseline",dur:"dur",dx:"dx",dy:"dy",edgemode:"edgeMode",elevation:"elevation",enablebackground:"enableBackground",end:"end",exponent:"exponent",externalresourcesrequired:"externalResourcesRequired",fill:"fill",fillopacity:"fillOpacity",fillrule:"fillRule",filter:"filter",filterres:"filterRes",filterunits:"filterUnits",floodcolor:"floodColor",floodopacity:"floodOpacity",focusable:"focusable",fontfamily:"fontFamily",fontsize:"fontSize",fontsizeadjust:"fontSizeAdjust",fontstretch:"fontStretch",fontstyle:"fontStyle",fontvariant:"fontVariant",fontweight:"fontWeight",format:"format",from:"from",fx:"fx",fy:"fy",g1:"g1",g2:"g2",glyphname:"glyphName",glyphorientationhorizontal:"glyphOrientationHorizontal",glyphorientationvertical:"glyphOrientationVertical",glyphref:"glyphRef",gradienttransform:"gradientTransform",gradientunits:"gradientUnits",hanging:"hanging",horizadvx:"horizAdvX",horizoriginx:"horizOriginX",ideographic:"ideographic",imagerendering:"imageRendering",in:"in",in2:"in2",intercept:"intercept",k:"k",k1:"k1",k2:"k2",k3:"k3",k4:"k4",kernelmatrix:"kernelMatrix",kernelunitlength:"kernelUnitLength",kerning:"kerning",keypoints:"keyPoints",keysplines:"keySplines",keytimes:"keyTimes",lengthadjust:"lengthAdjust",letterspacing:"letterSpacing",lightingcolor:"lightingColor",limitingconeangle:"limitingConeAngle",local:"local",markerend:"markerEnd",markerheight:"markerHeight",markermid:"markerMid",markerstart:"markerStart",markerunits:"markerUnits",markerwidth:"markerWidth",mask:"mask",maskcontentunits:"maskContentUnits",maskunits:"maskUnits",mathematical:"mathematical",mode:"mode",numoctaves:"numOctaves",offset:"offset",opacity:"opacity",operator:"operator",order:"order",orient:"orient",orientation:"orientation",origin:"origin",overflow:"overflow",overlineposition:"overlinePosition",overlinethickness:"overlineThickness",paintorder:"paintOrder",panose1:"panose1",pathlength:"pathLength",patterncontentunits:"patternContentUnits",patterntransform:"patternTransform",patternunits:"patternUnits",pointerevents:"pointerEvents",points:"points",pointsatx:"pointsAtX",pointsaty:"pointsAtY",pointsatz:"pointsAtZ",preservealpha:"preserveAlpha",preserveaspectratio:"preserveAspectRatio",primitiveunits:"primitiveUnits",r:"r",radius:"radius",refx:"refX",refy:"refY",renderingintent:"renderingIntent",repeatcount:"repeatCount",repeatdur:"repeatDur",requiredextensions:"requiredExtensions",requiredfeatures:"requiredFeatures",restart:"restart",result:"result",rotate:"rotate",rx:"rx",ry:"ry",scale:"scale",seed:"seed",shaperendering:"shapeRendering",slope:"slope",spacing:"spacing",specularconstant:"specularConstant",specularexponent:"specularExponent",speed:"speed",spreadmethod:"spreadMethod",startoffset:"startOffset",stddeviation:"stdDeviation",stemh:"stemh",stemv:"stemv",stitchtiles:"stitchTiles",stopcolor:"stopColor",stopopacity:"stopOpacity",strikethroughposition:"strikethroughPosition",strikethroughthickness:"strikethroughThickness",string:"string",stroke:"stroke",strokedasharray:"strokeDasharray",strokedashoffset:"strokeDashoffset",strokelinecap:"strokeLinecap",strokelinejoin:"strokeLinejoin",strokemiterlimit:"strokeMiterlimit",strokeopacity:"strokeOpacity",strokewidth:"strokeWidth",surfacescale:"surfaceScale",systemlanguage:"systemLanguage",tablevalues:"tableValues",targetx:"targetX",targety:"targetY",textanchor:"textAnchor",textdecoration:"textDecoration",textlength:"textLength",textrendering:"textRendering",to:"to",transform:"transform",u1:"u1",u2:"u2",underlineposition:"underlinePosition",underlinethickness:"underlineThickness",unicode:"unicode",unicodebidi:"unicodeBidi",unicoderange:"unicodeRange",unitsperem:"unitsPerEm",valphabetic:"vAlphabetic",vhanging:"vHanging",videographic:"vIdeographic",vmathematical:"vMathematical",values:"values",vectoreffect:"vectorEffect",version:"version",vertadvy:"vertAdvY",vertoriginx:"vertOriginX",vertoriginy:"vertOriginY",viewbox:"viewBox",viewtarget:"viewTarget",visibility:"visibility",widths:"widths",wordspacing:"wordSpacing",writingmode:"writingMode",x:"x",x1:"x1",x2:"x2",xchannelselector:"xChannelSelector",xheight:"xHeight",xlinkactuate:"xlinkActuate",xlinkarcrole:"xlinkArcrole",xlinkhref:"xlinkHref",xlinkrole:"xlinkRole",xlinkshow:"xlinkShow",xlinktitle:"xlinkTitle",xlinktype:"xlinkType",xmlns:"xmlns",xmlnsxlink:"xmlnsXlink",xmlbase:"xmlBase",xmllang:"xmlLang",xmlspace:"xmlSpace",y:"y",y1:"y1",y2:"y2",ychannelselector:"yChannelSelector",z:"z",zoomandpan:"zoomAndPan"},Wo=/[-:]/g;function Ro(e){const{ensureCustomSvgIcon:t,customSvgs:r}=kr();Y.useLayoutEffect(()=>{e&&t(e)},[t,e]);const i=e?r[e]:null,n=Y.useCallback(({style:s,className:l})=>{if(!i)return null;const{attributes:c,name:u}=i,T={};return Object.entries(c).forEach(([g,d])=>{let P=g;/^(data-|aria-)/.test(g)?P=g:P=g.replace(Wo,"").toLowerCase(),T[Fo[P]||g]=d}),oe.jsx("svg",{...T,style:s,className:l,children:oe.jsx("use",{href:`#${u}`})})},[i]);return e?n:null}function et(...e){const t=e.filter(Boolean);let r=0,i,n="",s="";for(;r<t.length;)i=t[r++],i&&(n=l(i),n&&(s&&(s+=" "),s+=n));return s;function l(c){let u,T,g="";if(typeof c=="string"||typeof c=="number")g+=c;else if(typeof c=="object")if(Array.isArray(c))for(u=0;u<c.length;u++)c[u]&&(T=l(c[u]),T&&(g&&(g+=" "),g+=T));else for(u in c)c[u]&&(g&&(g+=" "),g+=u);return g}}const qo=Y.createContext(void 0);Y.createContext(void 0);function wr(){return Y.useContext(qo)}function Vo(e){const{getResourceUrl:t}=wr();return t(e)}const tr="xmlui";function $r(e){if(typeof e=="string")return`var(--${tr}-${e.substring(1)})`;if(e.defaultValue&&e.defaultValue.length>0){let t="";for(const r of e.defaultValue)t+=typeof r=="string"?r:$r(r);return`var(--${tr}-${e.id.substring(1)}, ${t})`}else return`var(--${tr}-${e.id.substring(1)})`}const Uo=Y.forwardRef(function({name:t,fallback:r,layout:i,className:n,...s},l){var b;const c=Xo(t,r),u=typeof(s==null?void 0:s.size)=="string"?Qo(s.size):s==null?void 0:s.size,T=u||s.width,g=u||s.height,d={className:et(Tr.base,n),...s,size:u,width:T,height:g,style:{...i,"--icon-width":T,"--icon-height":g}},P=Yo(t);return P?oe.jsx(Go,{...d,url:P,name:t}):((b=c==null?void 0:c.renderer)==null?void 0:b.call(c,d))||null});function Go(e){var g;const{url:t,width:r,height:i,name:n,style:s,className:l}=e,c=Vo(t),u=(g=c==null?void 0:c.toLowerCase())==null?void 0:g.endsWith(".svg"),T=Ro(c);if(c&&u){const d=T==null?void 0:T({style:s,className:l});return d||oe.jsx("span",{style:s,className:l})}return oe.jsx("img",{src:c,style:{width:r,height:i,...s},alt:n})}function Yo(e){const{getResourceUrl:t}=wr();return e&&t(`resource:icon.${e}`)}function Qo(e){return/^\$[a-zA-Z0-9_$-]+$/g.test(e)?$r(e):{xs:"0.75em",sm:"1em",md:"1.5rem",lg:"2em"}[e]||e}function Xo(e,t){const r=kr();if(e&&typeof e=="string"){const i=":",n=e.split(i);if(n.length>1){const s=r.lookupIconRenderer(`${n[0].toLowerCase()}${i}${n[1]}`);if(s)return s}if(n.length===1){const s=r.lookupIconRenderer(n[0]);if(s)return s}}if(t&&typeof t=="string"){const i=r.lookupIconRenderer(t.toLowerCase());if(i)return i}return null}const _r={keyPrefix:"xmlui",themeVars:'"[]"'};function z(e){if(!e||typeof e!="string")return e;let t=e.replace(/(^['"])|(['"]$)/g,"");try{return JSON.parse(t)}catch{try{return JSON.parse(e.replace("(","{").replace(")","}").replace(/: ?([^,}]+)([,}])/g,': "$1"$2').replace(/([\s{,])(?!")([^:\s]+)+:/g,'$1"$2":'))}catch{return t}}}z(_r.keyPrefix),z(_r.themeVars);function tt(e){return{description:e??"This property is for internal use only.",isInternal:!0}}function Ue(e){return{description:`This event is triggered when the ${e} is clicked.`}}function Ae(e){return{description:`This event is triggered when the ${e} has received the focus.`}}function Ee(e){return{description:`This event is triggered when the ${e} has lost the focus.`}}function ve(e){return{description:`This event is triggered when value of ${e} has changed.`}}function Ir(){return{description:"The `true` value of this property signals that the component is in an _intedeterminate state_."}}function me(){return{description:"This property sets the label of the component."}}function We(e){return{description:"Places the label at the given position of the component.",availableValues:yr,defaultValue:e}}function Ge(e){return{description:`This property sets the width of the \`${e}\`.`}}function Ye(e){return{description:`This boolean value indicates if the \`${e}\` labels can be split into multiple lines if it would overflow the available label width.`,valueType:"boolean",defaultValue:!1}}function ye(){return{description:"If this property is set to `true`, the component gets the focus automatically when displayed.",valueType:"boolean",defaultValue:!1}}function Ne(e){return{description:"This property sets the component's initial value.",defaultValue:e}}function De(){return{description:"Set this property to `true` to disallow changing the component value."}}function ge(){return{description:"This boolean property value indicates whether the component responds to user events (`true`) or not (`false`).",valueType:"boolean",defaultValue:!0}}function Br(){return{description:"The `true` value of the property indicates if the user can select multiple items.",valueType:"boolean",defaultValue:!1}}function Oe(){return{description:"This property allows you to set the validation status of the input component.",availableValues:Oo}}function Sr(){return{description:"You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."}}function Qe(){return{description:"You can use this method to set the component's current value programmatically (`true`: checked, `false`: unchecked)."}}function te(e){return{description:e,valueType:"ComponentDef"}}function rt(){return{description:"A placeholder text that is visible in the input field when its empty."}}function wt(){return{description:"This property sets the maximum length of the input it accepts."}}function Me(){return{description:"Set this property to `true` to indicate it must have a value before submitting the containing form."}}function Ar(){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 Er(){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 Nr(){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 zr(){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 Zo(e){return{description:`This property indicates if the ${e} is expanded (\`true\`) or collapsed (\`false\`).`}}function Jo(e){return{description:`This method expands the ${e}.`}}function jo(e){return{description:`This method collapses the ${e}.`}}function Xe(e){return{description:`This method sets the focus on the ${e}.`}}function Lr(){return{description:"You can query the component's value. If no value is set, it will retrieve `undefined`."}}function Ko(e){return{description:`This event is triggered when the ${e} has been displayed. The event handler has a single boolean argument set to \`true\`, indicating that the user opened the component.`}}function en(e){return{description:`This event is triggered when the ${e} has been closed. The event handler has a single boolean argument set to \`true\`, indicating that the user closed the component.`}}function Pr(e){return{description:`This property allows you to define a custom trigger instead of the default one provided by \`${e}\`.`,valueType:"ComponentDef"}}function tn(e){return{description:"This property sets the main axis along which the nested components are rendered.",availableValues:er,valueType:"string",defaultValue:e}}const k="Button",rn=y({description:"Button is an interactive element that triggers an action when clicked.",status:"stable",props:{autoFocus:a("Indicates if the button should receive focus when the page loads.",null,"boolean",!1),variant:a("The button variant determines the level of emphasis the button should possess.",gr,"string","solid"),themeColor:a("Sets the button color scheme defined in the application theme.",fr,"string","primary"),size:a("The size of the button.",Kt,"string","sm"),label:a(`This property is an optional string to set a label for the ${k}. If no label is specified and an icon is set, the ${k} will modify its styling to look like a small icon button. When the ${k} has nested children, it will display them and ignore the value of the \`label\` prop.`),type:a(`This optional string describes how the ${k} appears in an HTML context. You rarely need to set this property explicitly.`,Eo,"string",No),enabled:a("The value of this property indicates whether the button accepts actions (`true`) or does not react to them (`false`).",null,null,!0),icon:a(`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 ${k} displays only that icon.`),iconPosition:a(`This optional string determines the location of the icon in the ${k}.`,vr,"string","start"),contentPosition:a(`This optional value determines how the label and icon (or nested children) should be placedinside the ${k} component.`,Lo,"string","center")},events:{click:Ue(k),gotFocus:Ae(k),lostFocus:Ee(k)},themeVars:z(Bo.themeVars),defaultThemeVars:{[`width-${k}`]:"fit-content",[`height-${k}`]:"fit-content",[`radius-${k}`]:"$radius",[`font-size-${k}`]:"$font-size-small",[`font-weight-${k}`]:"$font-weight-medium",[`color-bg-${k}-primary`]:"$color-primary-500",[`color-bg-${k}-attention`]:"$color-bg-attention",[`color-border-${k}-attention`]:"$color-attention",[`color-bg-${k}--disabled`]:"$color-bg--disabled",[`color-border-${k}--disabled`]:"$color-border--disabled",[`style-border-${k}`]:"solid",[`color-text-${k}--disabled`]:"$color-text--disabled",[`color-outline-${k}--focus`]:"$color-outline--focus",[`thickness-border-${k}`]:"1px",[`thickness-outline-${k}--focus`]:"$thickness-outline--focus",[`style-outline-${k}--focus`]:"$style-outline--focus",[`offset-outline-${k}--focus`]:"$offset-outline--focus",[`padding-horizontal-${k}-xs`]:"$space-1",[`padding-vertical-${k}-xs`]:"$space-0_5",[`padding-horizontal-${k}-sm`]:"$space-4",[`padding-vertical-${k}-sm`]:"$space-2",[`padding-horizontal-${k}-md`]:"$space-4",[`padding-vertical-${k}-md`]:"$space-3",[`padding-horizontal-${k}-lg`]:"$space-5",[`padding-vertical-${k}-lg`]:"$space-4",light:{[`color-text-${k}`]:"$color-surface-950",[`color-text-${k}-solid`]:"$color-surface-50",[`color-border-${k}-primary`]:"$color-primary-500",[`color-bg-${k}-primary--hover`]:"$color-primary-400",[`color-bg-${k}-primary--active`]:"$color-primary-500",[`color-bg-${k}-primary-outlined--hover`]:"$color-primary-50",[`color-bg-${k}-primary-outlined--active`]:"$color-primary-100",[`color-border-${k}-primary-outlined`]:"$color-primary-600",[`color-border-${k}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${k}-primary-outlined`]:"$color-primary-900",[`color-text-${k}-primary-outlined--hover`]:"$color-primary-950",[`color-text-${k}-primary-outlined--active`]:"$color-primary-900",[`color-bg-${k}-primary-ghost--hover`]:"$color-primary-50",[`color-bg-${k}-primary-ghost--active`]:"$color-primary-100",[`color-border-${k}-secondary`]:"$color-secondary-100",[`color-bg-${k}-secondary`]:"$color-secondary-500",[`color-bg-${k}-secondary--hover`]:"$color-secondary-400",[`color-bg-${k}-secondary--active`]:"$color-secondary-500",[`color-bg-${k}-secondary-outlined--hover`]:"$color-secondary-50",[`color-bg-${k}-secondary-outlined--active`]:"$color-secondary-100",[`color-bg-${k}-secondary-ghost--hover`]:"$color-secondary-100",[`color-bg-${k}-secondary-ghost--active`]:"$color-secondary-100",[`color-bg-${k}-attention--hover`]:"$color-danger-400",[`color-bg-${k}-attention--active`]:"$color-danger-500",[`color-bg-${k}-attention-outlined--hover`]:"$color-danger-50",[`color-bg-${k}-attention-outlined--active`]:"$color-danger-100",[`color-bg-${k}-attention-ghost--hover`]:"$color-danger-50",[`color-bg-${k}-attention-ghost--active`]:"$color-danger-100"},dark:{[`color-text-${k}`]:"$color-surface-50",[`color-text-${k}-solid`]:"$color-surface-50",[`color-border-${k}-primary`]:"$color-primary-500",[`color-bg-${k}-primary--hover`]:"$color-primary-600",[`color-bg-${k}-primary--active`]:"$color-primary-500",[`color-bg-${k}-primary-outlined--hover`]:"$color-primary-900",[`color-bg-${k}-primary-outlined--active`]:"$color-primary-950",[`color-border-${k}-primary-outlined`]:"$color-primary-600",[`color-border-${k}-primary-outlined--hover`]:"$color-primary-500",[`color-text-${k}-primary-outlined`]:"$color-primary-100",[`color-text-${k}-primary-outlined--hover`]:"$color-primary-50",[`color-text-${k}-primary-outlined--active`]:"$color-primary-100",[`color-bg-${k}-primary-ghost--hover`]:"$color-primary-900",[`color-bg-${k}-primary-ghost--active`]:"$color-primary-950",[`color-border-${k}-secondary`]:"$color-secondary-500",[`color-bg-${k}-secondary`]:"$color-secondary-500",[`color-bg-${k}-secondary--hover`]:"$color-secondary-400",[`color-bg-${k}-secondary--active`]:"$color-secondary-500",[`color-bg-${k}-secondary-outlined--hover`]:"$color-secondary-600",[`color-bg-${k}-secondary-outlined--active`]:"$color-secondary-500",[`color-bg-${k}-secondary-ghost--hover`]:"$color-secondary-900",[`color-bg-${k}-secondary-ghost--active`]:"$color-secondary-950",[`color-bg-${k}-attention--hover`]:"$color-danger-400",[`color-bg-${k}-attention--active`]:"$color-danger-500",[`color-bg-${k}-attention-outlined--hover`]:"$color-danger-900",[`color-bg-${k}-attention-outlined--active`]:"$color-danger-950",[`color-bg-${k}-attention-ghost--hover`]:"$color-danger-900",[`color-bg-${k}-attention-ghost--active`]:"$color-danger-950"}}}),ze={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"};function Nt(e){return e[0].toUpperCase()+e.substring(1)}function on(e,t,r){return Y.useMemo(()=>e==="horizontal"?{horizontal:t&&ze[`justifyItems${Nt(t)}`],vertical:r&&ze[`alignItems${Nt(r)}`]}:{horizontal:t&&ze[`alignItems${Nt(t)}`],vertical:r&&ze[`justifyItems${Nt(r)}`]},[e,t,r])}const nn=Object.freeze({});function an(e){const t=Y.useRef({mountedFired:!1});Y.useEffect(()=>{t.current.mountedFired||(t.current.mountedFired=!0,e==null||e())},[e])}const ln="vertical",Cr=Y.forwardRef(function({uid:t,children:r,orientation:i=ln,horizontalAlignment:n,verticalAlignment:s,layout:l,reverse:c,hoverContainer:u,visibleOnHover:T,onClick:g,onMount:d,...P},b){an(d);const{horizontal:O,vertical:S}=on(i,n,s);return oe.jsx("div",{...P,onClick:g,ref:b,style:l,className:et(ze.base,{[ze.vertical]:i==="vertical",[ze.horizontal]:i==="horizontal",[ze.reverse]:c,[ze.hoverContainer]:u,"display-on-hover":T,[ze.handlesClick]:!!g},O??"",S??""),children:r})}),$t="Stack",rr=a("Manages the horizontal content alignment for each child element in the Stack."),or=a("Manages the vertical content alignment for each child element in the Stack."),zt=y({description:"`Stack` is a layout container displaying children in a horizontal or vertical stack.",props:{gap:a("Optional size value indicating the gap between child elements."),reverse:a("Optional boolean property to reverse the order of child elements."),wrapContent:a("Optional boolean which wraps the content if set to true and the available space is not big enough. Works in all orientations."),hoverContainer:a("Reserved for future use"),visibleOnHover:a("Reserved for future use")},events:{click:Ue($t),mounted:a("Reserved for future use")},themeVars:z(ze.themeVars)}),_t={...zt,props:{...zt.props,orientation:a("An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column)."),horizontalAlignment:rr,verticalAlignment:or}},sn={..._t,specializedFrom:$t,description:"This component represents a stack rendering its contents vertically.",props:{...zt.props,horizontalAlignment:rr,verticalAlignment:or}},cn={..._t,specializedFrom:$t,description:"This component represents a stack rendering its contents horizontally.",props:{...zt.props,horizontalAlignment:rr,verticalAlignment:or}},un={..._t,specializedFrom:$t,description:"This component represents a stack that renders its contents vertically and aligns that in the center along both axes."},dn={..._t,specializedFrom:$t,description:"This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."},pn={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:padding-TextBox-default": "var(--xmlui-padding-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:padding-TextBox-error": "var(--xmlui-padding-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:padding-TextBox-warning": "var(--xmlui-padding-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:padding-TextBox-success": "var(--xmlui-padding-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_1s937_13",input:"_input_1s937_13",adornment:"_adornment_1s937_53",error:"_error_1s937_56",warning:"_warning_1s937_91",valid:"_valid_1s937_126",readOnly:"_readOnly_1s937_178"},pt={themeVars:`'{"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_1v46g_13",abbr:"_abbr_1v46g_23",cite:"_cite_1v46g_51",codefence:"_codefence_1v46g_79",code:"_code_1v46g_79",deleted:"_deleted_1v46g_135",inserted:"_inserted_1v46g_178",keyboard:"_keyboard_1v46g_221",marked:"_marked_1v46g_249",mono:"_mono_1v46g_292",sample:"_sample_1v46g_320",sup:"_sup_1v46g_348",sub:"_sub_1v46g_376",var:"_var_1v46g_404",title:"_title_1v46g_432",subtitle:"_subtitle_1v46g_460",small:"_small_1v46g_488",caption:"_caption_1v46g_516",placeholder:"_placeholder_1v46g_544",paragraph:"_paragraph_1v46g_572",subheading:"_subheading_1v46g_600",tableheading:"_tableheading_1v46g_628",secondary:"_secondary_1v46g_656",strong:"_strong_1v46g_684",truncateOverflow:"_truncateOverflow_1v46g_692",preserveLinebreaks:"_preserveLinebreaks_1v46g_699",noEllipsis:"_noEllipsis_1v46g_703"};function Dr(e){const t=e&&e>0?e:0;return t>1?{WebkitLineClamp:t,lineClamp:t,display:"-webkit-box",WebkitBoxOrient:"vertical",boxOrient:"vertical",whiteSpace:"initial"}:nn}function hn(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function mn(...e){return t=>e.forEach(r=>hn(r,t))}const Or={abbr:"abbr",cite:"cite",code:"code",codefence:"pre",deleted:"del",inserted:"ins",keyboard:"kbd",marked:"mark",sample:"samp",sub:"sub",sup:"sup",var:"var",mono:"pre",strong:"strong",em:"em",title:"span",subtitle:"span",small:"span",caption:"span",placeholder:"span",paragraph:"p",subheading:"h6",tableheading:"h6",secondary:"span"},xn=[{value:"abbr",description:"Represents an abbreviation or acronym"},{value:"caption",description:"Represents the caption (or title) of a table"},{value:"cite",description:"Is used to mark up the title of a cited work"},{value:"code",description:"Represents a line of code"},{value:"codefence",description:"Handles the display of code blocks if combined with a `code` variant"},{value:"deleted",description:"Represents text that has been deleted"},{value:"em",description:"Marks text to stress emphasis"},{value:"inserted",description:"Represents a range of text that has been added to a document"},{value:"keyboard",description:"Represents a span of text denoting textual user input from a keyboard or voice input"},{value:"marked",description:"Represents text which is marked or highlighted for reference or notation"},{value:"mono",description:"Text using a mono style font family"},{value:"paragraph",description:"Represents a paragraph"},{value:"placeholder",description:"Text that is mostly used as the placeholder style in input controls"},{value:"sample",description:"Represents sample (or quoted) output from a computer program"},{value:"secondary",description:"Represents a bit dimmed secondary text"},{value:"small",description:"Represents side-comments and small print"},{value:"sub",description:"Specifies inline text as subscript"},{value:"strong",description:"Contents have strong importance"},{value:"subheading",description:"Indicates that the text is the subtitle in a heading"},{value:"subtitle",description:"Indicates that the text is the subtitle of some other content"},{value:"sup",description:"Specifies inline text as superscript"},{value:"tableheading",description:"Indicates that the text is a table heading"},{value:"title",description:"Indicates that the text is the title of some other content"},{value:"var",description:"Represents the name of a variable in a mathematical expression"}],fn=Y.forwardRef(function({uid:t,variant:r,maxLines:i=0,layout:n,children:s,preserveLinebreaks:l,ellipses:c=!0,...u},T){const g=Y.useRef(null),d=T?mn(g,T):g,P=Y.useMemo(()=>!r||!Or[r]?"div":Or[r],[r]);return oe.jsx(oe.Fragment,{children:oe.jsx(P,{...u,ref:d,className:et([pt.text,pt[r||"default"],{[pt.truncateOverflow]:i>0,[pt.preserveLinebreaks]:l,[pt.noEllipsis]:!c}]),style:{...n,...Dr(i)},children:s})})}),gn={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)", "transform-text-FormItemLabel": "var(--xmlui-transform-text-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)", "transform-text-FormItemLabel-required": "var(--xmlui-transform-text-FormItemLabel-required)", "color-text-FormItemLabel-requiredMark": "var(--xmlui-color-text-FormItemLabel-requiredMark)"}'`,container:"_container_1ylw9_13",top:"_top_1ylw9_20",end:"_end_1ylw9_25",bottom:"_bottom_1ylw9_31",start:"_start_1ylw9_36",shrinkToLabel:"_shrinkToLabel_1ylw9_42",inputLabel:"_inputLabel_1ylw9_45",disabled:"_disabled_1ylw9_57",labelBreak:"_labelBreak_1ylw9_61",required:"_required_1ylw9_65",requiredMark:"_requiredMark_1ylw9_72"},bn={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"},ot="TextBox",Mr=y({status:"experimental",description:`The \`${ot}\` is an input component that allows users to input and edit textual data.`,props:{placeholder:rt(),initialValue:Ne(),label:me(),labelPosition:We("top"),labelWidth:Ge(ot),labelBreak:Ye(ot),maxLength:wt(),autoFocus:ye(),required:Me(),readOnly:De(),enabled:ge(),validationStatus:Oe(),startText:Ar(),startIcon:Er(),endText:Nr(),endIcon:zr()},events:{gotFocus:Ae(ot),lostFocus:Ee(ot),didChange:ve(ot)},apis:{focus:Xe(ot),value:a("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Qe()},themeVars:z(pn.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","padding-Input":"$space-2","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:{}}}),vn=y({...Mr,description:"The `Password` component is a specialized version of the `TextBox` component that allows users to input and edit passwords."}),Hr="Theme",yn=y({description:`The \`${Hr}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${Hr}\` 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:a("This property specifies which theme to use by setting the theme's id."),tone:a("This property allows the setting of the current theme's tone. Tone is either `light` or `dark`."),root:a("This property indicates whether the component is at the root of the application.")},opaque:!0}),Tn=[{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."}];Y.createContext(null);const kn={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_1e0pi_13",vertical:"_vertical_1e0pi_23",contentWrapper:"_contentWrapper_1e0pi_27",navPanelWrapper:"_navPanelWrapper_1e0pi_32",PagesWrapper:"_PagesWrapper_1e0pi_36",footerWrapper:"_footerWrapper_1e0pi_40",sticky:"_sticky_1e0pi_43",horizontal:"_horizontal_1e0pi_47",verticalFullHeader:"_verticalFullHeader_1e0pi_68",PagesWrapperInner:"_PagesWrapperInner_1e0pi_85",scrollWholePage:"_scrollWholePage_1e0pi_97",headerWrapper:"_headerWrapper_1e0pi_100",content:"_content_1e0pi_27",noScrollbarGutters:"_noScrollbarGutters_1e0pi_138"},wn={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)", "align-content-AppHeader": "var(--xmlui-align-content-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_1h7yt_13",headerInner:"_headerInner_1h7yt_36",full:"_full_1h7yt_51",childrenWrapper:"_childrenWrapper_1h7yt_55",logoAndTitle:"_logoAndTitle_1h7yt_67",logoContainer:"_logoContainer_1h7yt_80",customLogoContainer:"_customLogoContainer_1h7yt_89",rightItems:"_rightItems_1h7yt_98",appHub:"_appHub_1h7yt_110"},$n={themeVars:'"[]"',img:"_img_dk2s3_13",clickable:"_clickable_dk2s3_19"},_n={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"},In={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)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)"}'`,wrapper:"_wrapper_dzy35_13",condensed:"_condensed_dzy35_40",horizontal:"_horizontal_dzy35_43",wrapperInner:"_wrapperInner_dzy35_48",logoWrapper:"_logoWrapper_dzy35_67",inDrawer:"_inDrawer_dzy35_77"};function Bn(e){return!e||typeof e=="string"||typeof e=="number"?e:e.queryParams!==void 0?{...e,search:new URLSearchParams(mr.omitBy(e.queryParams,mr.isUndefined)).toString()}:e}const nt="App",Sn=y({status:"stable",description:`The \`${nt}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${nt}\` allows you to display your preferred layout.`,props:{layout:a("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.",Tn),loggedInUser:a("Stores information about the currently logged in user."),logoTemplate:te("Optional template of the app logo"),logo:a("Optional logo path"),"logo-dark":a("Optional logo path in dark tone"),"logo-light":a("Optional logo path in light tone"),name:a("Optional application name (visible in the browser tab)"),scrollWholePage:a("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),noScrollbarGutters:a("This boolean property specifies whether the scrollbar gutters should be hidden.",null,"boolean",!1),defaultTone:a(`This property sets the app's default tone ("light" or "dark").`,null,"string","light"),defaultTheme:a("This property sets the app's default theme.",null,"string","xmlui")},events:{ready:a(`This event fires when the \`${nt}\` component finishes rendering on the page.`)},themeVars:z(kn.themeVars),defaultThemeVars:{[`width-navPanel-${nt}`]:"$space-64",[`max-content-width-${nt}`]:"$max-content-width",[`shadow-header-${nt}`]:"$shadow-spread",[`shadow-pages-${nt}`]:"$shadow-spread",light:{},dark:{}}});function Lt(e,t){return{[`padding-left-${e}`]:(t==null?void 0:t.left)??`$padding-horizontal-${e}`,[`padding-right-${e}`]:(t==null?void 0:t.right)??`$padding-horizontal-${e}`,[`padding-top-${e}`]:(t==null?void 0:t.top)??`$padding-vertical-${e}`,[`padding-bottom-${e}`]:(t==null?void 0:t.bottom)??`$padding-vertical-${e}`,[`padding-horizontal-${e}`]:(t==null?void 0:t.horizontal)??"",[`padding-vertical-${e}`]:(t==null?void 0:t.vertical)??"",[`padding-${e}`]:(t==null?void 0:t.all)??`$padding-top-${e} $padding-right-${e} $padding-bottom-${e} $padding-left-${e}`}}function nr(e,t){var i,n,s,l,c,u;return{[`radius-${e}`]:"$radius",...r("left",(t==null?void 0:t.left)??(t==null?void 0:t.horizontal)??(t==null?void 0:t.all)),...r("right",(t==null?void 0:t.right)??(t==null?void 0:t.horizontal)??(t==null?void 0:t.all)),...r("top",(t==null?void 0:t.top)??(t==null?void 0:t.vertical)??(t==null?void 0:t.all)),...r("bottom",(t==null?void 0:t.bottom)??(t==null?void 0:t.vertical)??(t==null?void 0:t.all)),...r("horizontal",(t==null?void 0:t.horizontal)??(t==null?void 0:t.all)),...r("vertical",(t==null?void 0:t.vertical)??(t==null?void 0:t.all)),[`color-border-${e}`]:((i=t==null?void 0:t.all)==null?void 0:i.color)??"",[`thickness-border-${e}`]:((n=t==null?void 0:t.all)==null?void 0:n.thickness)??"",[`style-border-${e}`]:((s=t==null?void 0:t.all)==null?void 0:s.style)??"",[`border-${e}`]:`${((l=t==null?void 0:t.all)==null?void 0:l.thickness)??`$thickness-border-${e}`} ${((c=t==null?void 0:t.all)==null?void 0:c.style)??`$style-border-${e}`} ${((u=t==null?void 0:t.all)==null?void 0:u.color)??`$color-border-${e}`} `};function r(T,g){return{[`color-border-${T}-${e}`]:(g==null?void 0:g.color)??"",[`thickness-border-${T}-${e}`]:(g==null?void 0:g.thickness)??"",[`style-border-${T}-${e}`]:(g==null?void 0:g.style)??"",[`border-${T}-${e}`]:(g==null?void 0:g.all)??`$thickness-border-${T}-${e} $style-border-${T}-${e} $color-border-${T}-${e}`}}}const Fr="AppHeader",An=y({status:"experimental",description:`\`${Fr}\` is a placeholder within \`App\` to define a custom application header.`,props:{profileMenuTemplate:te(`This property makes the profile menu slot of the \`${Fr}\` component customizable.`),logoTemplate:te("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:te("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:a("Title for the application logo"),showLogo:a("Show the logo in the header",null,"boolean",!0)},themeVars:z(wn.themeVars),defaultThemeVars:{"height-AppHeader":"$space-14","max-content-width-AppHeader":"$max-content-width-App",...nr("AppHeader",{bottom:{color:"$color-border",thickness:"1px",style:"solid"},all:{color:"$color-border",thickness:"0",style:"solid"}}),...Lt("logo-AppHeader",{horizontal:"$space-0",vertical:"$space-4"}),...Lt("AppHeader",{horizontal:"$space-4",vertical:"$space-0"}),"radius-AppHeader":"0px",light:{"color-bg-AppHeader":"white"},dark:{"color-bg-AppHeader":"$color-surface-900"}}}),It="AppState",En=y({description:`${It} is a functional component (without a visible user interface) that helps store and manage the app's state.`,props:{bucket:a(`This property is the identifier of the bucket to which the \`${It}\` instance is bound. Multiple \`${It}\` 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:a(`This property contains the initial state value. Though you can use multiple \`${It}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${It}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`)},nonVisual:!0}),it={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"},Nn=Y.forwardRef(function({size:t="sm",url:r,name:i,style:n,onClick:s,...l},c){let u=null;return!r&&i&&(u=i.trim().split(" ").filter(T=>!!T.trim().length).map(T=>T[0].toUpperCase()).slice(0,3)),oe.jsx("div",{...l,ref:c,className:et(it.container,{[it.xs]:t==="xs",[it.sm]:t==="sm",[it.md]:t==="md",[it.lg]:t==="lg",[it.clickable]:!!s}),style:{backgroundImage:r?`url(${r})`:"none",...n},onClick:s,children:u})}),pe="Avatar",zn=y({description:`The \`${pe}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,props:{size:a(`This property defines the display size of the ${pe}.`,Kt,"string","sm"),name:a(`This property sets the name value the ${pe} uses to display initials.`),url:a(`This property specifies the URL of the image to display in the ${pe}.`)},events:{click:a("This event is triggered when the avatar is clicked.")},themeVars:z(it.themeVars),defaultThemeVars:{[`radius-${pe}`]:"4px",[`thickness-border-${pe}`]:"0px",[`style-border-${pe}`]:"solid",[`border-${pe}`]:`$thickness-border-${pe} $style-border-${pe} $color-border-${pe}`,[`shadow-${pe}`]:"inset 0 0 0 1px rgba(4,32,69,0.1)",[`color-text-${pe}`]:"$color-text-secondary",[`font-weight-${pe}`]:"$font-weight-bold",light:{[`color-bg-${pe}`]:"$color-surface-100",[`color-border-${pe}`]:"$color-surface-400A80"},dark:{[`color-bg-${pe}`]:"$color-surface-800",[`color-border-${pe}`]:"$color-surface-700"}}}),Ln={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"},xe="Badge",Pn=y({status:"stable",description:`The \`${xe}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,props:{value:a("The text that the component displays"),variant:a("Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners."),colorMap:a(`The \`${xe}\` 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:a("(**NOT IMPLEMENTED YET**) The theme color of the component."),indicatorText:a("(**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:a("(**NOT IMPLEMENTED YET**) This property forces the display of the indicator, even if the `indicatorText` property is not defined or empty."),indicatorThemeColor:a("(**NOT IMPLEMENTED YET**) The theme color of the indicator."),indicatorPosition:a("(**NOT IMPLEMENTED YET**) The position of the indicator.")},events:{},themeVars:z(Ln.themeVars),defaultThemeVars:{[`padding-horizontal-${xe}`]:"$space-2",[`padding-vertical-${xe}`]:"$space-0_5",[`padding-${xe}`]:`$padding-vertical-${xe} $padding-horizontal-${xe}`,[`padding-${xe}-pill`]:`$padding-vertical-${xe}-pill $padding-horizontal-${xe}-pill`,[`radius-${xe}`]:"4px",[`font-size-${xe}`]:"0.8em",[`font-size-${xe}-pill`]:"0.8em",light:{[`color-bg-${xe}`]:"rgba($color-secondary-500-rgb, .6)",[`color-text-${xe}`]:"white"},dark:{[`color-bg-${xe}`]:"rgba($color-secondary-500-rgb, .6)",[`color-text-${xe}`]:"$color-surface-50"}}}),Cn=Y.createContext(null),Dn=y({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:a("The unique identifier of the bookmark. You can use this identifier in links to navigate to this component's location."),level:a("The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.")}}),Bt={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_qmtvs_13",horizontal:"_horizontal_qmtvs_23",vertical:"_vertical_qmtvs_28",isClickable:"_isClickable_qmtvs_31"},ht={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)", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-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_gxlr6_13",active:"_active_gxlr6_27",disabled:"_disabled_gxlr6_31",iconWrapper:"_iconWrapper_gxlr6_47"},On=({to:e,children:t,icon:r,active:i,onClick:n,target:s,disabled:l,style:c})=>{const u=!!r&&!t,T=Y.useMemo(()=>Bn(e),[e]),g=e?Io.Link:"div";return oe.jsxs(g,{to:T,style:c,target:s,onClick:n,className:et(ht.container,{[ht.iconLink]:u,[ht.active]:i,[ht.disabled]:l}),children:[r&&oe.jsx("div",{className:ht.iconWrapper,children:oe.jsx(Uo,{name:r})}),t]})},_e={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"},Wr=({uid:e,level:t="h1",children:r,sx:i,layout:n,title:s,maxLines:l=0,preserveLinebreaks:c,ellipses:u=!0,className:T})=>{const g=t==null?void 0:t.toLowerCase(),d=Y.useRef(null),[P,b]=Y.useState(null),O=Y.useRef(null),S=Y.useContext(Cn),B=S==null?void 0:S.registerHeading,G=S==null?void 0:S.observeIntersection;return Y.useEffect(()=>{var $,q,de,fe;if(G&&d.current){const he=(fe=(de=(q=($=d.current.textContent)==null?void 0:$.trim())==null?void 0:q.replace(/[^\w\s-]/g,""))==null?void 0:de.replace(/\s+/g,"-"))==null?void 0:fe.toLowerCase();b(he||null)}},[G]),Y.useEffect(()=>{if(G&&d.current&&P)return B==null?void 0:B({id:P,level:parseInt(t.replace("h","")),text:d.current.textContent.trim(),anchor:O.current})},[P,G,B,t]),oe.jsxs(g,{ref:d,id:e,title:s,style:{...i,...n,...Dr(l)},className:et(_e.heading,_e[g],T||"",{[_e.truncateOverflow]:l>0,[_e.preserveLinebreaks]:c,[_e.noEllipsis]:!u}),children:[P&&G&&oe.jsx("span",{ref:O,id:P,style:{width:0,height:0}}),r]})},Rr="vertical";Y.forwardRef(function({children:t,orientation:r=Rr,style:i,title:n,subtitle:s,linkTo:l,avatarUrl:c,showAvatar:u=!!c||!1,onClick:T},g){const d={level:"h2"};return oe.jsxs("div",{ref:g,className:et(Bt.wrapper,{[Bt.isClickable]:!!T,[Bt.vertical]:r==="vertical",[Bt.horizontal]:r==="horizontal"}),style:i,onClick:T,children:[[n,s,c,u].some(Boolean)&&oe.jsxs(Cr,{orientation:"horizontal",verticalAlignment:"center",layout:{gap:"1rem"},children:[u&&oe.jsx(Nn,{url:c,name:n}),oe.jsxs(Cr,{orientation:"vertical",children:[l?n?oe.jsx(On,{to:l+"",children:oe.jsx(Wr,{...d,children:n})}):null:n?oe.jsx(Wr,{...d,children:n}):null,s!==void 0&&oe.jsx(fn,{variant:"small",children:s})]})]}),t]})});const ne="Card",Mn=y({description:`The \`${ne}\` component is a container for cohesive elements, often rendered visually as a card.`,props:{avatarUrl:a(`Show the avatar (\`true\`) or not (\`false\`). If not specified, the ${ne} will show the first letters of the [\`title\`](#title).`),showAvatar:a(`Indicates whether the ${ne} should be displayed`,null,"boolean"),title:a("This prop sets the prestyled title."),subtitle:a("This prop sets the prestyled subtitle."),linkTo:a("This property wraps the title in a `Link` component that is clickable to navigate."),orientation:a(`An optional property that governs the ${ne}'s orientation (whether the ${ne} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${ne} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,er,"string",Rr)},events:{click:Ue(ne)},themeVars:z(Bt.themeVars),defaultThemeVars:{[`padding-horizontal-${ne}`]:"$space-4",[`padding-vertical-${ne}`]:"$space-4",[`padding-${ne}`]:`$padding-vertical-${ne} $padding-horizontal-${ne}`,[`color-border-${ne}`]:"$color-border",[`thickness-border-${ne}`]:"1px",[`style-border-${ne}`]:"solid",[`border-${ne}`]:`$thickness-border-${ne} $style-border-${ne} $color-border-${ne}`,[`radius-${ne}`]:"$radius",[`shadow-${ne}`]:"none",light:{[`color-bg-${ne}`]:"white"},dark:{[`color-bg-${ne}`]:"$color-surface-900"}}}),qr="ChangeListener",Hn=y({description:`\`${qr}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,props:{listenTo:a("Value to the changes of which this component listens."),throttleWaitInMs:a("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:ve(qr)}}),Vr={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"},J="Checkbox",Fn=y({status:"stable",description:`The \`${J}\` 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:Ir(),label:me(),labelPosition:We("end"),labelWidth:Ge(J),labelBreak:Ye(J),required:Me(),initialValue:Ne(!1),autoFocus:ye(),readOnly:De(),enabled:ge(),validationStatus:Oe(),description:a(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${J} besides its label.`)},events:{click:Ue(J),gotFocus:Ae(J),lostFocus:Ee(J),didChange:ve(J)},apis:{value:Sr(),setValue:Qe()},themeVars:z(Vr.themeVars),defaultThemeVars:{[`color-border-checked-${J}-error`]:`$color-border-${J}-error`,[`color-bg-checked-${J}-error`]:`$color-border-${J}-error`,[`color-border-checked-${J}-warning`]:`$color-border-${J}-warning`,[`color-bg-checked-${J}-warning`]:`$color-border-${J}-warning`,[`color-border-checked-${J}-success`]:`$color-border-${J}-success`,[`color-bg-checked-${J}-success`]:`$color-border-${J}-success`,light:{[`color-bg-indicator-${J}`]:"$color-bg-primary",[`color-border-checked-${J}`]:"$color-primary-500",[`color-bg-checked-${J}`]:"$color-primary-500",[`color-bg-${J}--disabled`]:"$color-surface-200"},dark:{[`color-bg-indicator-${J}`]:"$color-bg-primary",[`color-border-checked-${J}`]:"$color-primary-400",[`color-bg-checked-${J}`]:"$color-primary-400",[`color-bg-${J}--disabled`]:"$color-surface-800"}}}),Wn={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"},ir="ContentSeparator",Rn=y({description:`A \`${ir}\` 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:a("This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical)."),orientation:a("Sets the main axis of the component",er)},themeVars:z(Wn.themeVars),defaultThemeVars:{[`color-bg-${ir}`]:"$color-border",[`size-${ir}`]:"1px",light:{},dark:{}}}),qn={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:thickness-outline-DatePicker-default--focus": "var(--xmlui-thickness-outline-DatePicker-default--focus)", "Input:color-outline-DatePicker-default--focus": "var(--xmlui-color-outline-DatePicker-default--focus)", "Input:style-outline-DatePicker-default--focus": "var(--xmlui-style-outline-DatePicker-default--focus)", "Input:offset-outline-DatePicker-default--focus": "var(--xmlui-offset-outline-DatePicker-default--focus)", "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:thickness-outline-DatePicker-error--focus": "var(--xmlui-thickness-outline-DatePicker-error--focus)", "Input:color-outline-DatePicker-error--focus": "var(--xmlui-color-outline-DatePicker-error--focus)", "Input:style-outline-DatePicker-error--focus": "var(--xmlui-style-outline-DatePicker-error--focus)", "Input:offset-outline-DatePicker-error--focus": "var(--xmlui-offset-outline-DatePicker-error--focus)", "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:thickness-outline-DatePicker-warning--focus": "var(--xmlui-thickness-outline-DatePicker-warning--focus)", "Input:color-outline-DatePicker-warning--focus": "var(--xmlui-color-outline-DatePicker-warning--focus)", "Input:style-outline-DatePicker-warning--focus": "var(--xmlui-style-outline-DatePicker-warning--focus)", "Input:offset-outline-DatePicker-warning--focus": "var(--xmlui-offset-outline-DatePicker-warning--focus)", "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:thickness-outline-DatePicker-success--focus": "var(--xmlui-thickness-outline-DatePicker-success--focus)", "Input:color-outline-DatePicker-success--focus": "var(--xmlui-color-outline-DatePicker-success--focus)", "Input:style-outline-DatePicker-success--focus": "var(--xmlui-style-outline-DatePicker-success--focus)", "Input:offset-outline-DatePicker-success--focus": "var(--xmlui-offset-outline-DatePicker-success--focus)", "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_t0hf0_13",placeholder:"_placeholder_t0hf0_46",error:"_error_t0hf0_49",warning:"_warning_t0hf0_73",valid:"_valid_t0hf0_97",disabled:"_disabled_t0hf0_121",indicator:"_indicator_t0hf0_127",datePickerInput:"_datePickerInput_t0hf0_127",datePickerMenu:"_datePickerMenu_t0hf0_131",root:"_root_t0hf0_140",vhidden:"_vhidden_t0hf0_145",button_reset:"_button_reset_t0hf0_165",button:"_button_t0hf0_165",day_selected:"_day_selected_t0hf0_187",months:"_months_t0hf0_205",month:"_month_t0hf0_205",table:"_table_t0hf0_221",with_weeknumber:"_with_weeknumber_t0hf0_227",caption:"_caption_t0hf0_232",multiple_months:"_multiple_months_t0hf0_240",caption_dropdowns:"_caption_dropdowns_t0hf0_246",caption_label:"_caption_label_t0hf0_251",nav:"_nav_t0hf0_267",caption_start:"_caption_start_t0hf0_271",caption_end:"_caption_end_t0hf0_278",nav_button:"_nav_button_t0hf0_285",dropdown_year:"_dropdown_year_t0hf0_298",dropdown_month:"_dropdown_month_t0hf0_299",dropdown:"_dropdown_t0hf0_298",dropdown_icon:"_dropdown_icon_t0hf0_335",head:"_head_t0hf0_339",head_row:"_head_row_t0hf0_343",row:"_row_t0hf0_344",head_cell:"_head_cell_t0hf0_348",tbody:"_tbody_t0hf0_359",tfoot:"_tfoot_t0hf0_363",cell:"_cell_t0hf0_367",weeknumber:"_weeknumber_t0hf0_375",day:"_day_t0hf0_187",day_today:"_day_today_t0hf0_394",day_outside:"_day_outside_t0hf0_394",day_range_start:"_day_range_start_t0hf0_417",day_range_end:"_day_range_end_t0hf0_417",day_range_middle:"_day_range_middle_t0hf0_441"},Ie="DatePicker",Vn=y({status:"experimental",description:"A datepicker component enables the selection of a date or a range of dates in a specified format from an interactive display.",props:{placeholder:rt(),initialValue:Ne(),autoFocus:ye(),readOnly:De(),enabled:ge(),validationStatus:Oe(),mode:a("The mode of the datepicker (single or range)"),dateFormat:a("The format of the date displayed in the input field"),showWeekNumber:a("Whether to show the week number in the calendar"),weekStartsOn:a("The first day of the week. 0 is Sunday, 1 is Monday, etc."),fromDate:a("The start date of the range of selectable dates"),toDate:a("The end date of the range of selectable dates"),disabledDates:a("An array of dates that are disabled")},events:{didChange:ve(Ie),gotFocus:Ae(Ie),lostFocus:Ee(Ie)},apis:{focus:Xe(Ie),value:a("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Qe()},themeVars:z(qn.themeVars),defaultThemeVars:{[`shadow-menu-${Ie}`]:"$shadow-md",[`radius-menu-${Ie}`]:"$radius",[`color-text-value-${Ie}`]:"$color-text-primary",[`color-bg-menu-${Ie}`]:"$color-bg-primary",[`color-bg-item-${Ie}--hover`]:"$color-bg-dropdown-item--active",[`color-bg-item-${Ie}--active`]:"$color-bg-dropdown-item--active",light:{[`color-bg-menu-${Ie}`]:"$color-bg-primary"},dark:{[`color-bg-menu-${Ie}`]:"$color-bg-primary"}}}),ar={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_uvcr0_13",DropdownMenuSubContent:"_DropdownMenuSubContent_uvcr0_14",DropdownMenuItem:"_DropdownMenuItem_uvcr0_26",DropdownMenuSubTrigger:"_DropdownMenuSubTrigger_uvcr0_27",active:"_active_uvcr0_50",wrapper:"_wrapper_uvcr0_60",DropdownMenuSeparator:"_DropdownMenuSeparator_uvcr0_65"},He="DropdownMenu",Un=y({description:"This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",props:{label:me(),triggerTemplate:Pr(He),alignment:a("This property allows you to determine the alignment of the displayed menu items."),enabled:ge(),triggerButtonVariant:a("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:a("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:a("This property defines the icon to display on the trigger button."),triggerButtonIconPosition:a("This property defines the position of the icon on the trigger button.",br)},events:{willOpen:a(`This event fires when the \`${He}\` component is opened.`)},apis:{close:a("This method command closes the dropdown.")},themeVars:z(ar.themeVars),defaultThemeVars:{[`color-bg-${He}`]:"$color-bg-primary",[`min-width-${He}`]:"160px",[`shadow-${He}`]:"$shadow-xl",[`style-border-${He}-content`]:"solid",[`radius-${He}`]:"$radius"}}),Be="MenuItem",Gn=y({description:"This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",docFolder:He,props:{iconPosition:a("This property allows you to determine the position of the icon displayed in the menu item.",vr.filter(e=>e.value==="start"||e.value==="end")),icon:a("This property names an optional icon to display with the menu item."),label:me(),to:a("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:a("This property indicates if the specified menu item is active.")},events:{click:Ue(Be)},themeVars:z(ar.themeVars),defaultThemeVars:{[`color-bg-${Be}`]:"$color-bg-dropdown-item",[`color-${Be}`]:"$color-text-primary",[`font-family-${Be}`]:"$font-family",[`font-size-${Be}`]:"$font-size-small",[`padding-vertical-${Be}`]:"$space-2",[`padding-horizontal-${Be}`]:"$space-3",[`color-bg-${Be}--hover`]:"$color-bg-dropdown-item--hover",[`color-${Be}--hover`]:"inherit",[`gap-${Be}`]:"$space-2",[`color-${Be}--active`]:"$color-primary",[`color-bg-${Be}--active`]:"$color-bg-dropdown-item--active",light:{},dark:{}}}),Yn=y({description:"This component represents a nested menu item within another menu or menu item.",docFolder:He,props:{label:me(),triggerTemplate:Pr("SubMenuItem")}}),mt="MenuSeparator",Qn=y({description:"This component displays a separator line between menu items.",docFolder:He,themeVars:z(ar.themeVars),defaultThemeVars:{[`margin-top-${mt}`]:"$space-1",[`margin-bottom-${mt}`]:"$space-1",[`width-${mt}`]:"100%",[`height-${mt}`]:"1px",[`color-${mt}`]:"$color-border-dropdown-item",[`margin-horizontal-${mt}`]:"12px"}}),Xn=y({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:ye()},events:{select:a("This event is fired when the user selects an emoticon from this component.")}}),Zn={themeVars:'"[]"',container:"_container_mle43_13",textBoxWrapper:"_textBoxWrapper_mle43_21",button:"_button_mle43_27"},at="FileInput",Jn=y({description:`The \`${at}\` 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:rt(),initialValue:Ne(),autoFocus:ye(),required:Me(),readOnly:De(),enabled:ge(),validationStatus:Oe(),label:me(),labelPosition:We("top"),labelWidth:Ge(at),labelBreak:Ye(at),buttonVariant:a("The button variant to use",zo),buttonLabel:a("This property is an optional string to set a label for the button part."),buttonIcon:a("The ID of the icon to display in the button"),buttonIconPosition:a("This optional string determines the location of the button icon.",br),acceptsFileType:a("A list of file types the input controls accepts provided as a string array."),multiple:a("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:a("This boolean property indicates whether the component allows selecting directories (`true`) or files only (`false`).",null,"boolean",!1),buttonSize:a("The size of the button (small, medium, large)",Kt),buttonThemeColor:a("The button color scheme (primary, secondary, attention)",Ao)},events:{didChange:ve(at),gotFocus:Ae(at),lostFocus:Ee(at)},apis:{value:a("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:a("(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."),focus:Xe(at),open:a("This API command triggers the file browsing dialog to open.")},themeVars:z(Zn.themeVars)}),jn={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"},Kn=y({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:a('With this property, you can change the default text ("Drop files here") to display when files are dragged over the drop zone.'),allowPaste:a("This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`)."),enabled:a("If set to `false`, the drop zone will be disabled and users will not be able to upload files.",null,"boolean",!0)},events:{upload:a("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:z(jn.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:{}}}),ei={themeVars:'"[]"',outer:"_outer_aarhe_13",flowContainer:"_flowContainer_aarhe_17",horizontal:"_horizontal_aarhe_21",flowItem:"_flowItem_aarhe_24",vertical:"_vertical_aarhe_32",break:"_break_aarhe_47",forceBreak:"_forceBreak_aarhe_47",starSized:"_starSized_aarhe_47"},lr="FlowLayout",ti=y({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:a(`This property defines the gap between items in the same row and between rows. The ${lr} component creates a new row when an item is about to overflow the current row.`),columnGap:a("The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value."),rowGap:a(`The \`rowGap\` property specifies the space between the ${lr} rows; it overrides the \`gap\` value.`),shadow:a(`${lr} does not support shadow, we're waiting for a decent solution.`)},themeVars:z(ei.themeVars)}),ri={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)", "align-vertical-Footer": "var(--xmlui-align-vertical-Footer)", "max-content-width-Footer": "var(--xmlui-max-content-width-Footer)"}'`,outerWrapper:"_outerWrapper_188xu_13",wrapper:"_wrapper_188xu_34",full:"_full_188xu_50"},Ze="Footer",oi=y({description:`The \`${Ze}\` is a component that acts as a placeholder within \`App\`.`,themeVars:z(ri.themeVars),defaultThemeVars:{[`color-bg-${Ze}`]:"$color-bg-AppHeader",[`align-vertical-${Ze}`]:"center",[`font-size-${Ze}`]:"$font-size-small",[`color-text-${Ze}`]:"$color-text-secondary",[`max-content-width-${Ze}`]:"$max-content-width",...Lt(Ze,{horizontal:"$space-4",vertical:"$space-2"}),...nr(Ze,{top:{color:"$color-border",thickness:"1px",style:"solid"}}),light:{},dark:{}}}),ni={themeVars:`'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`,wrapper:"_wrapper_wscb6_13",buttonRow:"_buttonRow_wscb6_19"},ii={themeVars:'"[]"',spacer:"_spacer_1414d_13"},ai={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_1lmtb_13",fullScreen:"_fullScreen_1lmtb_21",content:"_content_1lmtb_27",overlayBg:"_overlayBg_1lmtb_36",overlayShow:"_overlayShow_1lmtb_1",contentShow:"_contentShow_1lmtb_1",dialogTitle:"_dialogTitle_1lmtb_66",innerContent:"_innerContent_1lmtb_72",closeButton:"_closeButton_1lmtb_98",dialog:"_dialog_1lmtb_66"},li=y({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:te("This property allows defining a custom component to display the buttons at the bottom of the form."),itemLabelPosition:a("This property sets the position of the item labels within the form.Individual `FormItem` instances can override this property.",yr,"string","top"),itemLabelWidth:a("This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property."),itemLabelBreak:a("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."),keepModalOpenOnSubmit:a("This property prevents the modal from closing when the form is submitted."),data:a("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:a('This property defines the label of the Cancel button, by default, "Cancel".'),saveLabel:a('This property defines the label of the Save button, by default, "Save".'),saveInProgressLabel:a("This property defines the label of the Save button to display during the form data submit (save) operation. By default, the value of `saveLabel`."),swapCancelAndSave:a("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."),submitUrl:a("URL to submit the form data."),submitMethod:a("HTTP method to use when submitting the form data."),enabled:a("Whether the form is enabled or not. The default value is `true`."),_data_url:tt("when we have an api bound data prop, we inject the url here")},events:{submit:a("The form infrastructure fires this event when the form is submitted. The event argument is the current `data` value to save."),cancel:a("The form infrastructure fires this event when the form is canceled."),reset:a("The form infrastructure fires this event when the form is reset.")},contextVars:{$data:a("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:z(ni.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"}}}),si={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"},ci={themeVars:`'{"Input:font-size-Select-default": "var(--xmlui-font-size-Select-default)", "Input:color-placeholder-Select-default": "var(--xmlui-color-placeholder-Select-default)", "Input:color-text-Select-default": "var(--xmlui-color-text-Select-default)", "Input:font-size-Select-error": "var(--xmlui-font-size-Select-error)", "Input:color-placeholder-Select-error": "var(--xmlui-color-placeholder-Select-error)", "Input:color-text-Select-error": "var(--xmlui-color-text-Select-error)", "Input:font-size-Select-warning": "var(--xmlui-font-size-Select-warning)", "Input:color-placeholder-Select-warning": "var(--xmlui-color-placeholder-Select-warning)", "Input:color-text-Select-warning": "var(--xmlui-color-text-Select-warning)", "Input:font-size-Select-success": "var(--xmlui-font-size-Select-success)", "Input:color-placeholder-Select-success": "var(--xmlui-color-placeholder-Select-success)", "Input:color-text-Select-success": "var(--xmlui-color-text-Select-success)", "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:color-bg-Select-default": "var(--xmlui-color-bg-Select-default)", "Input:shadow-Select-default": "var(--xmlui-shadow-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: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:color-bg-Select-error": "var(--xmlui-color-bg-Select-error)", "Input:shadow-Select-error": "var(--xmlui-shadow-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: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:color-bg-Select-warning": "var(--xmlui-color-bg-Select-warning)", "Input:shadow-Select-warning": "var(--xmlui-shadow-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: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:color-bg-Select-success": "var(--xmlui-color-bg-Select-success)", "Input:shadow-Select-success": "var(--xmlui-shadow-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)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "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)", "padding-vertical-Select-badge": "var(--xmlui-padding-vertical-Select-badge)", "padding-horizontal-Select-badge": "var(--xmlui-padding-horizontal-Select-badge)", "Input:font-size-Select-badge": "var(--xmlui-font-size-Select-badge)", "Input:color-bg-Select-badge": "var(--xmlui-color-bg-Select-badge)", "Input:color-text-Select-badge": "var(--xmlui-color-text-Select-badge)", "Input:color-bg-Select-badge--hover": "var(--xmlui-color-bg-Select-badge--hover)", "Input:color-text-Select-badge--hover": "var(--xmlui-color-text-Select-badge--hover)", "Input:color-bg-Select-badge--active": "var(--xmlui-color-bg-Select-badge--active)", "Input:color-text-Select-badge--active": "var(--xmlui-color-text-Select-badge--active)", "Input:color-placeholder-Select": "var(--xmlui-color-placeholder-Select)", "Input:color-bg-menu-Select": "var(--xmlui-color-bg-menu-Select)", "Input:radius-menu-Select": "var(--xmlui-radius-menu-Select)", "Input:shadow-menu-Select": "var(--xmlui-shadow-menu-Select)", "Input:thickness-border-menu-Select": "var(--xmlui-thickness-border-menu-Select)", "Input:color-border-menu-Select": "var(--xmlui-color-border-menu-Select)", "color-bg-item-Select": "var(--xmlui-color-bg-item-Select)", "color-bg-item-Select--hover": "var(--xmlui-color-bg-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "font-size-Select": "var(--xmlui-font-size-Select)", "color-bg-item-Select--active": "var(--xmlui-color-bg-item-Select--active)", "color-text-indicator-Select": "var(--xmlui-color-text-indicator-Select)"}'`,selectValue:"_selectValue_z2kxg_13",error:"_error_z2kxg_21",warning:"_warning_z2kxg_29",valid:"_valid_z2kxg_37",selectTrigger:"_selectTrigger_z2kxg_46",badgeListContainer:"_badgeListContainer_z2kxg_170",badgeList:"_badgeList_z2kxg_170",badge:"_badge_z2kxg_170",actions:"_actions_z2kxg_210",placeholder:"_placeholder_z2kxg_216",emptyList:"_emptyList_z2kxg_221",selectScrollUpButton:"_selectScrollUpButton_z2kxg_231",selectScrollDownButton:"_selectScrollDownButton_z2kxg_240",command:"_command_z2kxg_249",commandInputContainer:"_commandInputContainer_z2kxg_259",commandInput:"_commandInput_z2kxg_259",commandList:"_commandList_z2kxg_284",selectContent:"_selectContent_z2kxg_289",fadeIn:"_fadeIn_z2kxg_1",zoomIn:"_zoomIn_z2kxg_1",fadeOut:"_fadeOut_z2kxg_1",zoomOut:"_zoomOut_z2kxg_1",slideInFromTop:"_slideInFromTop_z2kxg_1",slideInFromRight:"_slideInFromRight_z2kxg_1",slideInFromLeft:"_slideInFromLeft_z2kxg_1",slideInFromBottom:"_slideInFromBottom_z2kxg_1",multiComboboxOption:"_multiComboboxOption_z2kxg_329",selectItem:"_selectItem_z2kxg_349",selectItemIndicator:"_selectItemIndicator_z2kxg_377",selectViewport:"_selectViewport_z2kxg_388",selectEmpty:"_selectEmpty_z2kxg_394",srOnly:"_srOnly_z2kxg_405"},ui=Y.createContext(null);function di(){return Y.useContext(ui)}const pi={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"},hi={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:padding-Textarea-default": "var(--xmlui-padding-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:padding-Textarea-error": "var(--xmlui-padding-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:padding-Textarea-warning": "var(--xmlui-padding-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:padding-Textarea-success": "var(--xmlui-padding-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_8qfuq_13",error:"_error_8qfuq_53",warning:"_warning_8qfuq_85",valid:"_valid_8qfuq_117",resizeHorizontal:"_resizeHorizontal_8qfuq_156",resizeVertical:"_resizeVertical_8qfuq_160",resizeBoth:"_resizeBoth_8qfuq_164"};var o=(e=>(e[e.Eof=-1]="Eof",e[e.Ws=-2]="Ws",e[e.BlockComment=-3]="BlockComment",e[e.EolComment=-4]="EolComment",e[e.Unknown=0]="Unknown",e[e.LParent=1]="LParent",e[e.RParent=2]="RParent",e[e.Identifier=3]="Identifier",e[e.Exponent=4]="Exponent",e[e.Divide=5]="Divide",e[e.Multiply=6]="Multiply",e[e.Remainder=7]="Remainder",e[e.Plus=8]="Plus",e[e.Minus=9]="Minus",e[e.BitwiseXor=10]="BitwiseXor",e[e.BitwiseOr=11]="BitwiseOr",e[e.LogicalOr=12]="LogicalOr",e[e.BitwiseAnd=13]="BitwiseAnd",e[e.LogicalAnd=14]="LogicalAnd",e[e.IncOp=15]="IncOp",e[e.DecOp=16]="DecOp",e[e.Assignment=17]="Assignment",e[e.AddAssignment=18]="AddAssignment",e[e.SubtractAssignment=19]="SubtractAssignment",e[e.ExponentAssignment=20]="ExponentAssignment",e[e.MultiplyAssignment=21]="MultiplyAssignment",e[e.DivideAssignment=22]="DivideAssignment",e[e.RemainderAssignment=23]="RemainderAssignment",e[e.ShiftLeftAssignment=24]="ShiftLeftAssignment",e[e.ShiftRightAssignment=25]="ShiftRightAssignment",e[e.SignedShiftRightAssignment=26]="SignedShiftRightAssignment",e[e.BitwiseAndAssignment=27]="BitwiseAndAssignment",e[e.BitwiseXorAssignment=28]="BitwiseXorAssignment",e[e.BitwiseOrAssignment=29]="BitwiseOrAssignment",e[e.LogicalAndAssignment=30]="LogicalAndAssignment",e[e.LogicalOrAssignment=31]="LogicalOrAssignment",e[e.NullCoalesceAssignment=32]="NullCoalesceAssignment",e[e.Semicolon=33]="Semicolon",e[e.Comma=34]="Comma",e[e.Colon=35]="Colon",e[e.LSquare=36]="LSquare",e[e.RSquare=37]="RSquare",e[e.QuestionMark=38]="QuestionMark",e[e.NullCoalesce=39]="NullCoalesce",e[e.OptionalChaining=40]="OptionalChaining",e[e.BinaryNot=41]="BinaryNot",e[e.LBrace=42]="LBrace",e[e.RBrace=43]="RBrace",e[e.Equal=44]="Equal",e[e.StrictEqual=45]="StrictEqual",e[e.LogicalNot=46]="LogicalNot",e[e.NotEqual=47]="NotEqual",e[e.StrictNotEqual=48]="StrictNotEqual",e[e.LessThan=49]="LessThan",e[e.LessThanOrEqual=50]="LessThanOrEqual",e[e.ShiftLeft=51]="ShiftLeft",e[e.GreaterThan=52]="GreaterThan",e[e.GreaterThanOrEqual=53]="GreaterThanOrEqual",e[e.ShiftRight=54]="ShiftRight",e[e.SignedShiftRight=55]="SignedShiftRight",e[e.Dot=56]="Dot",e[e.Spread=57]="Spread",e[e.Global=58]="Global",e[e.Backtick=59]="Backtick",e[e.DollarLBrace=60]="DollarLBrace",e[e.Arrow=61]="Arrow",e[e.DecimalLiteral=62]="DecimalLiteral",e[e.HexadecimalLiteral=63]="HexadecimalLiteral",e[e.BinaryLiteral=64]="BinaryLiteral",e[e.RealLiteral=65]="RealLiteral",e[e.StringLiteral=66]="StringLiteral",e[e.Infinity=67]="Infinity",e[e.NaN=68]="NaN",e[e.True=69]="True",e[e.False=70]="False",e[e.Typeof=71]="Typeof",e[e.Null=72]="Null",e[e.Undefined=73]="Undefined",e[e.In=74]="In",e[e.Let=75]="Let",e[e.Const=76]="Const",e[e.Var=77]="Var",e[e.If=78]="If",e[e.Else=79]="Else",e[e.Return=80]="Return",e[e.Break=81]="Break",e[e.Continue=82]="Continue",e[e.Do=83]="Do",e[e.While=84]="While",e[e.For=85]="For",e[e.Of=86]="Of",e[e.Try=87]="Try",e[e.Catch=88]="Catch",e[e.Finally=89]="Finally",e[e.Throw=90]="Throw",e[e.Switch=91]="Switch",e[e.Case=92]="Case",e[e.Default=93]="Default",e[e.Delete=94]="Delete",e[e.Function=95]="Function",e[e.Export=96]="Export",e[e.Import=97]="Import",e[e.As=98]="As",e[e.From=99]="From",e))(o||{});class mi{constructor(t){this.source=t,this._pos=0,this._line=1,this._column=0}get position(){return this._pos}get line(){return this._line}get column(){return this._column}peek(){return this.ahead(0)}ahead(t=1){return this._pos+t>this.source.length-1?null:this.source[this._pos+t]}get(){if(this._pos>=this.source.length)return null;const t=this.source[this._pos++];return t===`
 `?(this._line++,this._column=0):this._column++,t}getTail(t){var r;return((r=this.source)==null?void 0:r.substring(t))??""}}const lt={[o.Eof]:{},[o.Ws]:{},[o.DollarLBrace]:{},[o.Backtick]:{expressionStart:!0},[o.BlockComment]:{},[o.EolComment]:{},[o.Unknown]:{},[o.LParent]:{expressionStart:!0},[o.RParent]:{},[o.Identifier]:{expressionStart:!0,keywordLike:!0,isPropLiteral:!0},[o.Exponent]:{},[o.Divide]:{},[o.Multiply]:{},[o.Remainder]:{},[o.Plus]:{expressionStart:!0,canBeUnary:!0},[o.Minus]:{expressionStart:!0,canBeUnary:!0},[o.BitwiseXor]:{},[o.BitwiseOr]:{},[o.LogicalOr]:{},[o.BitwiseAnd]:{},[o.LogicalAnd]:{},[o.Assignment]:{isAssignment:!0},[o.AddAssignment]:{isAssignment:!0},[o.SubtractAssignment]:{isAssignment:!0},[o.ExponentAssignment]:{isAssignment:!0},[o.MultiplyAssignment]:{isAssignment:!0},[o.DivideAssignment]:{isAssignment:!0},[o.RemainderAssignment]:{isAssignment:!0},[o.ShiftLeftAssignment]:{isAssignment:!0},[o.ShiftRightAssignment]:{isAssignment:!0},[o.SignedShiftRightAssignment]:{isAssignment:!0},[o.BitwiseAndAssignment]:{isAssignment:!0},[o.BitwiseXorAssignment]:{isAssignment:!0},[o.BitwiseOrAssignment]:{isAssignment:!0},[o.LogicalAndAssignment]:{isAssignment:!0},[o.LogicalOrAssignment]:{isAssignment:!0},[o.NullCoalesceAssignment]:{isAssignment:!0},[o.Semicolon]:{},[o.Comma]:{},[o.Colon]:{},[o.LSquare]:{expressionStart:!0},[o.RSquare]:{},[o.QuestionMark]:{},[o.NullCoalesce]:{},[o.OptionalChaining]:{},[o.BinaryNot]:{expressionStart:!0,canBeUnary:!0},[o.LBrace]:{expressionStart:!0},[o.RBrace]:{},[o.Equal]:{},[o.StrictEqual]:{},[o.LogicalNot]:{expressionStart:!0,canBeUnary:!0},[o.NotEqual]:{},[o.StrictNotEqual]:{},[o.LessThan]:{},[o.LessThanOrEqual]:{},[o.ShiftLeft]:{},[o.GreaterThan]:{},[o.GreaterThanOrEqual]:{},[o.ShiftRight]:{},[o.SignedShiftRight]:{},[o.Dot]:{},[o.Spread]:{expressionStart:!0,isPropLiteral:!0},[o.Global]:{expressionStart:!0},[o.DecimalLiteral]:{expressionStart:!0,isPropLiteral:!0},[o.HexadecimalLiteral]:{expressionStart:!0,isPropLiteral:!0},[o.BinaryLiteral]:{expressionStart:!0,isPropLiteral:!0},[o.RealLiteral]:{expressionStart:!0,isPropLiteral:!0},[o.StringLiteral]:{expressionStart:!0,isPropLiteral:!0},[o.IncOp]:{expressionStart:!0},[o.DecOp]:{expressionStart:!0},[o.Infinity]:{expressionStart:!0,keywordLike:!0},[o.NaN]:{expressionStart:!0,keywordLike:!0},[o.True]:{expressionStart:!0,keywordLike:!0,isPropLiteral:!0},[o.False]:{expressionStart:!0,keywordLike:!0,isPropLiteral:!0},[o.Typeof]:{expressionStart:!0,canBeUnary:!0,keywordLike:!0},[o.Null]:{expressionStart:!0,keywordLike:!0},[o.Undefined]:{expressionStart:!0,keywordLike:!0},[o.In]:{keywordLike:!0},[o.Let]:{keywordLike:!0},[o.Const]:{keywordLike:!0},[o.Var]:{keywordLike:!0},[o.If]:{keywordLike:!0},[o.Else]:{keywordLike:!0},[o.Arrow]:{keywordLike:!0},[o.Return]:{keywordLike:!0},[o.Break]:{keywordLike:!0},[o.Continue]:{keywordLike:!0},[o.Do]:{keywordLike:!0},[o.While]:{keywordLike:!0},[o.For]:{keywordLike:!0},[o.Of]:{keywordLike:!0},[o.Throw]:{keywordLike:!0},[o.Try]:{keywordLike:!0},[o.Catch]:{keywordLike:!0},[o.Finally]:{keywordLike:!0},[o.Switch]:{keywordLike:!0},[o.Case]:{keywordLike:!0},[o.Default]:{keywordLike:!0},[o.Delete]:{expressionStart:!0,canBeUnary:!0,keywordLike:!0},[o.Function]:{keywordLike:!0,expressionStart:!0},[o.Export]:{keywordLike:!0},[o.Import]:{keywordLike:!0},[o.As]:{keywordLike:!0},[o.From]:{keywordLike:!0}};class xi{constructor(t){this.input=t,this._ahead=[],this._prefetched=null,this._prefetchedPos=null,this._prefetchedColumn=null,this._lastFetchPosition=0,this._phaseExternallySet=null}peek(t=!1){return this.ahead(0,t)}ahead(t=1,r=!1){if(t>16)throw new Error("Cannot look ahead more than 16 tokens");for(;this._ahead.length<=t;){const i=this.fetch();if(Ur(i))return i;(r||!r&&!Gr(i))&&this._ahead.push(i)}return this._ahead[t]}get(t=!1){if(this._ahead.length>0){const r=this._ahead.shift();if(!r)throw new Error("Token expected");return r}for(;;){const r=this.fetch();if(Ur(r)||t||!t&&!Gr(r))return r}}getRegEx(){return this.fetchRegEx()}getTail(){return this._ahead.length>0?this.input.getTail(this._ahead[0].location.startPosition):this.input.getTail(this._lastFetchPosition)}setStartingPhaseToTemplateLiteral(){this._phaseExternallySet=33}fetchNextChar(){return this._prefetched||(this._prefetchedPos=this.input.position,this._prefetchedColumn=this.input.column,this._prefetched=this.input.get()),this._prefetched}fetch(){const t=this,r=this.input,i=this._prefetchedPos||r.position,n=r.line,s=this._prefetchedColumn||r.column;this._lastFetchPosition=this.input.position;let l=null,c="",u=o.Eof,T=r.position,g=r.column,d=null,P=!1,b=this.getStartingPhaseThenReset();for(;;){if(d=this.fetchNextChar(),d===null)return S();u===o.Eof&&(u=o.Unknown);e:switch(b){case 0:switch(d){case" ":case"	":case`
 `:case"\r":b=1,u=o.Ws;break;case"/":b=5,u=o.Divide;break;case"$":b=6,u=o.Identifier;break;case"*":b=8,u=o.Multiply;break;case"%":b=54,u=o.Remainder;break;case"+":b=51,u=o.Plus;break;case"-":b=52,u=o.Minus;break;case"^":b=58,u=o.BitwiseXor;break;case"|":b=7,u=o.BitwiseOr;break;case"&":b=9,u=o.BitwiseAnd;break;case"?":b=22,u=o.QuestionMark;break;case";":return B(o.Semicolon);case",":return B(o.Comma);case"(":return B(o.LParent);case")":return B(o.RParent);case":":b=20,u=o.Colon;break;case"`":return B(o.Backtick);case"[":return B(o.LSquare);case"]":return B(o.RSquare);case"~":return B(o.BinaryNot);case"{":return B(o.LBrace);case"}":return B(o.RBrace);case"=":b=10,u=o.Assignment;break;case"!":b=13,u=o.LogicalNot;break;case"<":b=14,u=o.LessThan;break;case">":b=15,u=o.GreaterThan;break;case"0":b=21,u=o.DecimalLiteral;break;case".":b=18,u=o.Dot;break;case'"':case"'":l=d,b=35;break;default:Yr(d)?(P=!0,b=17,u=o.Identifier):Fe(d)?(b=27,u=o.DecimalLiteral):B(o.Unknown);break}break;case 6:if(d==="{")return B(o.DollarLBrace);b=17,P=!0,u=o.Identifier,Qr(d)||S();break;case 1:if(d!==" "&&d!=="	"&&d!=="\r"&&d!==`
 `)return S();break;case 3:d==="*"&&(b=4);break;case 4:if(d==="/")return B(o.BlockComment);break;case 2:if(d===`
@@ -15,7 +15,7 @@
     <Text variant="strong" value="{$props.title}"/>
   </VStack>
 </Component>
-`);const tl={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"},F="TableOfContents",rl=y({status:"experimental",description:`The \`${F}\` 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:a("This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.")},themeVars:z(tl.themeVars),defaultThemeVars:{[`width-${F}`]:"auto",[`height-${F}`]:"auto",[`font-size-${F}Item`]:"$font-size-smaller",[`font-weight-${F}Item`]:"$font-weight-normal",[`font-family-${F}Item`]:"$font-family",[`border-radius-${F}Item`]:"0",[`border-width-${F}Item`]:"$space-0_5",[`border-style-${F}Item`]:"solid",[`border-radius-${F}Item--active`]:"0",[`border-width-${F}Item--active`]:"$space-0_5",[`border-style-${F}Item--active`]:"solid",[`font-weight-${F}Item--active`]:"$font-weight-bold",[`color-bg-${F}`]:"transparent",[`padding-horizontal-${F}`]:"$space-8",[`padding-vertical-${F}`]:"$space-4",[`padding-horizontal-${F}Item`]:"$space-2",[`padding-vertical-${F}Item`]:"$space-2",[`padding-horizontal-${F}Item-level-1`]:"unset",[`padding-horizontal-${F}Item-level-2`]:"unset",[`padding-horizontal-${F}Item-level-3`]:"unset",[`padding-horizontal-${F}Item-level-4`]:"unset",[`padding-horizontal-${F}Item-level-5`]:"unset",[`padding-horizontal-${F}Item-level-6`]:"unset",[`margin-top-${F}`]:"0",[`margin-bottom-${F}`]:"0",[`border-radius-${F}`]:"0",[`border-width-${F}`]:"0",[`border-color-${F}`]:"transparent",[`border-style-${F}`]:"solid",[`transform-${F}Item`]:"none",[`align-vertical-${F}Item`]:"baseline",[`letter-spacing-${F}Item`]:"0",light:{[`color-${F}Item`]:"$color-text-primary",[`border-color-${F}Item`]:"$color-border",[`border-color-${F}Item--active`]:"$color-primary-500",[`color-${F}Item--active`]:"$color-primary-500"},dark:{[`color-${F}Item`]:"$color-text-primary",[`border-color-${F}Item`]:"$color-border",[`border-color-${F}Item--active`]:"$color-primary-500",[`color-${F}Item--active`]:"$color-text-secondary"}}}),ol={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-text-trigger-Tabs": "var(--xmlui-color-text-trigger-Tabs)", "color-bg-trigger-Tabs--hover": "var(--xmlui-color-bg-trigger-Tabs--hover)", "color-bg-list-Tabs": "var(--xmlui-color-bg-list-Tabs)"}'`,tabs:"_tabs_1p09m_13",filler:"_filler_1p09m_27",tabTrigger:"_tabTrigger_1p09m_41",tabsList:"_tabsList_1p09m_81",tabsContent:"_tabsContent_1p09m_101"},we="Tabs",nl=y({status:"experimental",description:`The \`${we}\` component provides a tabbed layout where each tab has a clickable label and content.`,props:{activeTab:a("This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."),orientation:a("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:te("This property declares the template for the clickable tab area.")},apis:{next:a("This method selects the next tab.")},themeVars:z(ol.themeVars),defaultThemeVars:{[`color-bg-${we}`]:"$color-bg-primary",[`style-border-${we}`]:"solid",[`color-border-${we}`]:"$color-border",[`color-border-active-${we}`]:"$color-primary",[`thickness-border-${we}`]:"2px",[`color-bg-trigger-${we}`]:"$color-bg-primary",light:{[`color-bg-trigger-${we}--hover`]:"$color-primary-50",[`color-bg-list-${we}`]:"$color-primary-50",[`color-text-trigge-r${we}`]:"$color-primary-100"},dark:{[`color-bg-trigger-${we}--hover`]:"$color-primary-800",[`color-bg-list-${we}`]:"$color-primary-800",[`color-text-trigge-r${we}`]:"$color-primary-100"}}}),A="Text",il=y({description:`The \`${A}\` component displays textual information in a number of optional styles and variants.`,props:{value:a(`The text to be displayed. This value can also be set via nesting the text into the \`${A}\` component.`),variant:a("Optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color and other parameters.",xn),maxLines:a("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:a("This property indicates if linebreaks should be preserved when displaying text."),ellipses:a("This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).")},themeVars:z(pt.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"}}}),Ce="TextArea",al=[{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"}],ll=y({status:"experimental",description:`\`${Ce}\` is a component that provides a multiline text input area.`,props:{enterSubmits:a("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:a(`This boolean property indicates whether the ${Ce} contents should be reset when pressing the ESC key.`),maxRows:a(`This optional number property maximizes the number of lines the \`${Ce}\` can grow to.`),minRows:a(`This optional number property indicates the minimum number of lines the \`${Ce}\` has and specifies its size accordingly.`),rows:a("Specifies the number of lines or rows (and thus, its size) the component has."),autoSize:a(`If set to \`true\`, this boolean property enables the \`${Ce}\` to resize automatically based on the number of lines inside it.`,null,"boolean",!1),placeholder:rt(),initialValue:Ne(),label:me(),labelPosition:We("top"),labelWidth:Ge(Ce),labelBreak:Ye(Ce),maxLength:wt(),autoFocus:ye(),required:Me(),readOnly:De(),enabled:ge(),validationStatus:Oe(),resize:a("This optional property specifies in which dimensions can the `TextArea` be resized by the user.",al)},events:{gotFocus:Ae(Ce),lostFocus:Ee(Ce),didChange:ve(Ce)},apis:{focus:Xe(Ce),value:a("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Qe()},themeVars:z(hi.themeVars)}),sl={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"},Z="Accordion",cl=y({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Z}\` 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:a("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.",Do,null,"end"),collapsedIcon:a("This property is the name of the icon that is displayed when the accordion is collapsed."),expandedIcon:a("This property is the name of the icon that is displayed when the accordion is expanded."),hideIcon:a("This property indicates that the trigger icon is not displayed (`true`).",null,"boolean",!1),rotateExpanded:a("This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).")},events:{displayDidChange:ve(Z)},apis:{expanded:Zo(Z),expand:Jo(Z),collapse:jo(Z),toggle:a(`This method toggles the state of the ${Z} between expanded and collapsed.`),focus:Xe(Z)},themeVars:z(sl.themeVars),defaultThemeVars:{[`padding-horizontal-header-${Z}`]:"$space-3",[`padding-vertical-header-${Z}`]:"$space-3",[`align-vertical-header-${Z}`]:"center",[`font-size-header-${Z}`]:"$font-size-normal",[`font-weight-header-${Z}`]:"$font-weight-normal",[`font-family-header-${Z}`]:"$font-family",[`radius-${Z}`]:"$radius",[`thickness-border-${Z}`]:"0",[`style-border-${Z}`]:"solid",[`width-icon-${Z}`]:"",[`height-icon-${Z}`]:"",light:{[`color-bg-header-${Z}`]:"$color-primary-500",[`color-bg-header-${Z}-hover`]:"$color-primary-400",[`color-header-${Z}`]:"$color-surface-50",[`color-content-${Z}`]:"$color-text-primary",[`color-bg-content-${Z}`]:"transparent",[`color-border-${Z}`]:"transparent",[`color-icon-${Z}`]:"$color-surface-50"},dark:{[`color-bg-header-${Z}`]:"$color-primary-500",[`color-bg-header-${Z}-hover`]:"$color-primary-600",[`color-header-${Z}`]:"$color-surface-50",[`color-content-${Z}`]:"$color-text-primary",[`color-bg-content-${Z}`]:"transparent",[`color-border-${Z}`]:"transparent",[`color-icon-${Z}`]:"$color-surface-50"}}}),ul={themeVars:'"[]"'},Xt="Alert",dl=y({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Xt}\` component is a panel used to display important notifications or feedback to users. It helps convey different statuses or levels of urgency, such as success, warning, error, and others.`,props:{statusColor:a(`The value of this optional property sets the string to provide a color scheme for the ${Xt}.`,Po,"string","primary"),dismissable:a(`This property's \`true\` value indicates if this alert is dismissable by the user. When the user closes the ${Xt}, it gets hidden.`),autoDismissInMs:a("Timeout for the alert to be dismissed"),showIcon:a("Indicates if the alert should display an icon"),icon:a("Icon to be displayed in the alert")},events:{},apis:{dismiss:a(`This method dismisses the ${Xt}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`)},themeVars:z(ul.themeVars),defaultThemeVars:{light:{},dark:{}}}),go="TabItem",pl=y({description:`\`${go}\` is a non-visual component describing a tab. Tabs component may use nested ${go} instances from which the user can select.`,props:{label:me()}}),hl=y({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}),ml=y({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:te("The template for each item in the tree.")}}),Zt="APICall",xl=y({description:`\`${Zt}\` is used to mutate (create, update or delete) some data on the backend. It is similar in nature to the \`DataSource\` component which retrieves data from the backend.`,props:{method:a("The method of data manipulation can be done via setting this property. The following HTTP methods are available: `post`, `put`, and `delete`."),url:a("Use this property to set the URL to send data to."),rawBody:a("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:a("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:a("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:a("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."),confirmTitle:a(`This optional string sets the title in the confirmation dialog that is displayed before the \`${Zt}\` is executed.`),confirmMessage:a(`This optional string sets the message in the confirmation dialog that is displayed before the \`${Zt}\` is executed.`),confirmButtonLabel:a(`This optional string property enables the customization of the submit button in the confirmation dialog that is displayed before the \`${Zt}\` is executed.`),inProgressNotificationMessage:a("This property customizes the message that is displayed in a toast while the API operation is in progress."),errorNotificationMessage:a("This property defines the message to display automatically when the operation results in an error."),completedNotificationMessage:a("This property defines the message to display automatically when the operation has been completed."),payloadType:tt(),invalidates:tt(),updates:tt(),optimisticValue:tt(),getOptimisticValue:tt()},events:{beforeRequest:a("This event fires before the request is sent. Returning an explicit boolean'false' value will prevent the request from being sent."),success:a("This event fires when a request results in a success."),error:a("This event fires when a request results in an error."),progress:tt()},contextVars:{$param:a("This value represents the first parameters passed to the `execute()` method to display the modal dialog."),$params:a("This value represents the array of parameters passed to the `execute()` method. You can use `$params[0]` to access the first and `$params[1]` to access the second (and so on) parameters. `$param` is the same as `$params[0]`.")},apis:{execute:a("This method triggers the invocation of the API. You can pass an arbitrary number of parameters to the method. In the `APICall` instance, you can access those with the `$param` and `$params` context values.")}}),fl=y({status:"deprecated",description:"The `BarChart` component represents a bar chart.",props:{data:a("This property is used to provide the component with data to display. The data itself needs to be an array of objects."),keys:a("This property specifies what the label texts are for each bar."),groupMode:a("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:a("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:a("Determines which attribute groups the bars together.")},themeVars:z(to.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"}}}),gl=y({status:"deprecated",description:"(**OBSOLETE**) A chart component",props:{type:a("(**OBSOLETE**)"),labels:a("(**OBSOLETE**)"),series:a("(**OBSOLETE**)"),stacked:a("(**OBSOLETE**)"),showAxisLabels:a("(**OBSOLETE**)"),tooltipEnabled:a("(**OBSOLETE**)"),showLegend:a("(**OBSOLETE**)")}}),pr="DataSource",bl=y({status:"stable",description:`The \`${pr}\` 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:a("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:a("This property represents the URL to fetch the data."),rawBody:a("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:a("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:a("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:a("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:a("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:a("This property defines the message to display while the fetch operation progresses."),completedNotificationMessage:a("This property defines the message to display automatically when the data fetch operation has been completed."),errorNotificationMessage:a("This property defines the message to display automatically when the data fetch operation results in an error."),resultSelector:a("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:a(`When using \`${pr}\` 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:a(`When using \`${pr}\` 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:a("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:a("This event fires when a request results in an error.")}}),hr="FormSection",bo=y({status:"experimental",description:`The \`${hr}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${hr}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`});dt(hr,`
+`);const tl={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"},F="TableOfContents",rl=y({status:"experimental",description:`The \`${F}\` 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:a("This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.")},themeVars:z(tl.themeVars),defaultThemeVars:{[`width-${F}`]:"auto",[`height-${F}`]:"auto",[`font-size-${F}Item`]:"$font-size-smaller",[`font-weight-${F}Item`]:"$font-weight-normal",[`font-family-${F}Item`]:"$font-family",[`border-radius-${F}Item`]:"0",[`border-width-${F}Item`]:"$space-0_5",[`border-style-${F}Item`]:"solid",[`border-radius-${F}Item--active`]:"0",[`border-width-${F}Item--active`]:"$space-0_5",[`border-style-${F}Item--active`]:"solid",[`font-weight-${F}Item--active`]:"$font-weight-bold",[`color-bg-${F}`]:"transparent",[`padding-horizontal-${F}`]:"$space-8",[`padding-vertical-${F}`]:"$space-4",[`padding-horizontal-${F}Item`]:"$space-2",[`padding-vertical-${F}Item`]:"$space-2",[`padding-horizontal-${F}Item-level-1`]:"unset",[`padding-horizontal-${F}Item-level-2`]:"unset",[`padding-horizontal-${F}Item-level-3`]:"unset",[`padding-horizontal-${F}Item-level-4`]:"unset",[`padding-horizontal-${F}Item-level-5`]:"unset",[`padding-horizontal-${F}Item-level-6`]:"unset",[`margin-top-${F}`]:"0",[`margin-bottom-${F}`]:"0",[`border-radius-${F}`]:"0",[`border-width-${F}`]:"0",[`border-color-${F}`]:"transparent",[`border-style-${F}`]:"solid",[`transform-${F}Item`]:"none",[`align-vertical-${F}Item`]:"baseline",[`letter-spacing-${F}Item`]:"0",light:{[`color-${F}Item`]:"$color-text-primary",[`border-color-${F}Item`]:"$color-border",[`border-color-${F}Item--active`]:"$color-primary-500",[`color-${F}Item--active`]:"$color-primary-500"},dark:{[`color-${F}Item`]:"$color-text-primary",[`border-color-${F}Item`]:"$color-border",[`border-color-${F}Item--active`]:"$color-primary-500",[`color-${F}Item--active`]:"$color-text-secondary"}}}),ol={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-text-trigger-Tabs": "var(--xmlui-color-text-trigger-Tabs)", "color-bg-trigger-Tabs--hover": "var(--xmlui-color-bg-trigger-Tabs--hover)", "color-bg-list-Tabs": "var(--xmlui-color-bg-list-Tabs)"}'`,tabs:"_tabs_1p09m_13",filler:"_filler_1p09m_27",tabTrigger:"_tabTrigger_1p09m_41",tabsList:"_tabsList_1p09m_81",tabsContent:"_tabsContent_1p09m_101"},we="Tabs",nl=y({status:"experimental",description:`The \`${we}\` component provides a tabbed layout where each tab has a clickable label and content.`,props:{activeTab:a("This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."),orientation:a("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:te("This property declares the template for the clickable tab area.")},apis:{next:a("This method selects the next tab.")},themeVars:z(ol.themeVars),defaultThemeVars:{[`color-bg-${we}`]:"$color-bg-primary",[`style-border-${we}`]:"solid",[`color-border-${we}`]:"$color-border",[`color-border-active-${we}`]:"$color-primary",[`thickness-border-${we}`]:"2px",[`color-bg-trigger-${we}`]:"$color-bg-primary",light:{[`color-bg-trigger-${we}--hover`]:"$color-primary-50",[`color-bg-list-${we}`]:"$color-primary-50",[`color-text-trigge-r${we}`]:"$color-primary-100"},dark:{[`color-bg-trigger-${we}--hover`]:"$color-primary-800",[`color-bg-list-${we}`]:"$color-primary-800",[`color-text-trigge-r${we}`]:"$color-primary-100"}}}),A="Text",il=y({description:`The \`${A}\` component displays textual information in a number of optional styles and variants.`,props:{value:a(`The text to be displayed. This value can also be set via nesting the text into the \`${A}\` component.`),variant:a("Optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color and other parameters.",xn),maxLines:a("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:a("This property indicates if linebreaks should be preserved when displaying text."),ellipses:a("This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).")},themeVars:z(pt.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"}}}),Ce="TextArea",al=[{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"}],ll=y({status:"experimental",description:`\`${Ce}\` is a component that provides a multiline text input area.`,props:{enterSubmits:a("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:a(`This boolean property indicates whether the ${Ce} contents should be reset when pressing the ESC key.`),maxRows:a(`This optional number property maximizes the number of lines the \`${Ce}\` can grow to.`),minRows:a(`This optional number property indicates the minimum number of lines the \`${Ce}\` has and specifies its size accordingly.`),rows:a("Specifies the number of lines or rows (and thus, its size) the component has."),autoSize:a(`If set to \`true\`, this boolean property enables the \`${Ce}\` to resize automatically based on the number of lines inside it.`,null,"boolean",!1),placeholder:rt(),initialValue:Ne(),label:me(),labelPosition:We("top"),labelWidth:Ge(Ce),labelBreak:Ye(Ce),maxLength:wt(),autoFocus:ye(),required:Me(),readOnly:De(),enabled:ge(),validationStatus:Oe(),resize:a("This optional property specifies in which dimensions can the `TextArea` be resized by the user.",al)},events:{gotFocus:Ae(Ce),lostFocus:Ee(Ce),didChange:ve(Ce)},apis:{focus:Xe(Ce),value:a("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Qe()},themeVars:z(hi.themeVars)}),sl={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"},Z="Accordion",cl=y({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Z}\` 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:a("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.",Do,null,"end"),collapsedIcon:a("This property is the name of the icon that is displayed when the accordion is collapsed."),expandedIcon:a("This property is the name of the icon that is displayed when the accordion is expanded."),hideIcon:a("This property indicates that the trigger icon is not displayed (`true`).",null,"boolean",!1),rotateExpanded:a("This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).")},events:{displayDidChange:ve(Z)},apis:{expanded:Zo(Z),expand:Jo(Z),collapse:jo(Z),toggle:a(`This method toggles the state of the ${Z} between expanded and collapsed.`),focus:Xe(Z)},themeVars:z(sl.themeVars),defaultThemeVars:{[`padding-horizontal-header-${Z}`]:"$space-3",[`padding-vertical-header-${Z}`]:"$space-3",[`align-vertical-header-${Z}`]:"center",[`font-size-header-${Z}`]:"$font-size-normal",[`font-weight-header-${Z}`]:"$font-weight-normal",[`font-family-header-${Z}`]:"$font-family",[`radius-${Z}`]:"$radius",[`thickness-border-${Z}`]:"0",[`style-border-${Z}`]:"solid",[`width-icon-${Z}`]:"",[`height-icon-${Z}`]:"",light:{[`color-bg-header-${Z}`]:"$color-primary-500",[`color-bg-header-${Z}-hover`]:"$color-primary-400",[`color-header-${Z}`]:"$color-surface-50",[`color-content-${Z}`]:"$color-text-primary",[`color-bg-content-${Z}`]:"transparent",[`color-border-${Z}`]:"transparent",[`color-icon-${Z}`]:"$color-surface-50"},dark:{[`color-bg-header-${Z}`]:"$color-primary-500",[`color-bg-header-${Z}-hover`]:"$color-primary-600",[`color-header-${Z}`]:"$color-surface-50",[`color-content-${Z}`]:"$color-text-primary",[`color-bg-content-${Z}`]:"transparent",[`color-border-${Z}`]:"transparent",[`color-icon-${Z}`]:"$color-surface-50"}}}),ul={themeVars:'"[]"'},Xt="Alert",dl=y({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Xt}\` component is a panel used to display important notifications or feedback to users. It helps convey different statuses or levels of urgency, such as success, warning, error, and others.`,props:{statusColor:a(`The value of this optional property sets the string to provide a color scheme for the ${Xt}.`,Po,"string","primary"),dismissable:a(`This property's \`true\` value indicates if this alert is dismissable by the user. When the user closes the ${Xt}, it gets hidden.`),autoDismissInMs:a("Timeout for the alert to be dismissed"),showIcon:a("Indicates if the alert should display an icon"),icon:a("Icon to be displayed in the alert")},events:{},apis:{dismiss:a(`This method dismisses the ${Xt}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`)},themeVars:z(ul.themeVars),defaultThemeVars:{light:{},dark:{}}}),go="TabItem",pl=y({description:`\`${go}\` is a non-visual component describing a tab. Tabs component may use nested ${go} instances from which the user can select.`,props:{label:me()}}),hl=y({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}),ml=y({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:te("The template for each item in the tree.")}}),Zt="APICall",xl=y({description:`\`${Zt}\` is used to mutate (create, update or delete) some data on the backend. It is similar in nature to the \`DataSource\` component which retrieves data from the backend.`,props:{method:a("The method of data manipulation can be done via setting this property. The following HTTP methods are available: `post`, `put`, and `delete`."),url:a("Use this property to set the URL to send data to."),rawBody:a("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:a("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:a("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:a("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."),confirmTitle:a(`This optional string sets the title in the confirmation dialog that is displayed before the \`${Zt}\` is executed.`),confirmMessage:a(`This optional string sets the message in the confirmation dialog that is displayed before the \`${Zt}\` is executed.`),confirmButtonLabel:a(`This optional string property enables the customization of the submit button in the confirmation dialog that is displayed before the \`${Zt}\` is executed.`),inProgressNotificationMessage:a("This property customizes the message that is displayed in a toast while the API operation is in progress."),errorNotificationMessage:a("This property defines the message to display automatically when the operation results in an error."),completedNotificationMessage:a("This property defines the message to display automatically when the operation has been completed."),payloadType:tt(),invalidates:tt(),updates:tt(),optimisticValue:tt(),getOptimisticValue:tt()},events:{beforeRequest:a("This event fires before the request is sent. Returning an explicit boolean'false' value will prevent the request from being sent."),success:a("This event fires when a request results in a success."),error:a("This event fires when a request results in an error."),progress:tt()},contextVars:{$param:a("This value represents the first parameters passed to the `execute()` method to display the modal dialog."),$params:a("This value represents the array of parameters passed to the `execute()` method. You can use `$params[0]` to access the first and `$params[1]` to access the second (and so on) parameters. `$param` is the same as `$params[0]`.")},apis:{execute:a("This method triggers the invocation of the API. You can pass an arbitrary number of parameters to the method. In the `APICall` instance, you can access those with the `$param` and `$params` context values.")}}),fl=y({status:"deprecated",description:"The `BarChart` component represents a bar chart.",props:{data:a("This property is used to provide the component with data to display. The data itself needs to be an array of objects."),keys:a("This property specifies what the label texts are for each bar."),groupMode:a("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:a("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:a("Determines which attribute groups the bars together.")},themeVars:z(to.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"}}}),gl=y({status:"deprecated",description:"(**OBSOLETE**) A chart component",props:{type:a("(**OBSOLETE**)"),labels:a("(**OBSOLETE**)"),series:a("(**OBSOLETE**)"),stacked:a("(**OBSOLETE**)"),showAxisLabels:a("(**OBSOLETE**)"),tooltipEnabled:a("(**OBSOLETE**)"),showLegend:a("(**OBSOLETE**)")}}),pr="DataSource",bl=y({status:"stable",description:`The \`${pr}\` 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:a("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:a("This property represents the URL to fetch the data."),rawBody:a("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:a("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:a("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:a("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:a("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:a("This property defines the message to display while the fetch operation progresses."),completedNotificationMessage:a("This property defines the message to display automatically when the data fetch operation has been completed."),errorNotificationMessage:a("This property defines the message to display automatically when the data fetch operation results in an error."),resultSelector:a("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."),transformResult:a("This property accepts a transformation function that receives the data coming from the backend after it has been through the evaluation of the optional `resultSelector` property. The function gets the entire result set and can transform it. The `DataSource` component `value` property will return the data from this function."),prevPageSelector:a(`When using \`${pr}\` 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:a(`When using \`${pr}\` 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:a("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:a("This event fires when a request results in an error.")}}),hr="FormSection",bo=y({status:"experimental",description:`The \`${hr}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${hr}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`});dt(hr,`
 <Component name="FormSection">
   <VStack paddingBottom="{$props.paddingBottom ?? '1rem'}" gap="0">
     <Heading