xmlui 0.8.2 → 0.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{apiInterceptorWorker-BP2dUk-q.mjs → apiInterceptorWorker-RJ4u5Wbp.mjs} +1 -1
- package/dist/{core-BmjxDmQl.mjs → core-CvFpTAHi.mjs} +317 -303
- package/dist/{index-C-HsybJV.mjs → index-DEo_e2LS.mjs} +3935 -3936
- package/dist/index.css +1 -1
- package/dist/scripts/src/components/FormItem/FormItem.js +1 -1
- package/dist/scripts/src/components/Heading/HeadingNative.js +6 -6
- package/dist/scripts/src/components/TableOfContents/TableOfContentsNative.js +2 -2
- package/dist/scripts/src/components/Text/Text.js +2 -2
- package/dist/scripts/src/components/abstractions.js +5 -5
- package/dist/scripts/src/components-core/TableOfContentsContext.js +18 -20
- package/dist/style.css +1 -1
- package/dist/xmlui-metadata.mjs +1456 -1456
- package/dist/xmlui-metadata.umd.js +11 -11
- package/dist/xmlui-parser.d.ts +2 -2
- package/dist/xmlui-standalone.umd.js +180 -169
- package/dist/xmlui.d.ts +5 -4
- package/dist/xmlui.mjs +1 -1
- package/package.json +5 -3
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
(function(xe,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react"),require("lodash-es"),require("@remix-run/react"),require("react-day-picker"),require("date-fns"),require("@radix-ui/react-dropdown-menu"),require("react-dom"),require("immer"),require("@radix-ui/react-dialog"),require("use-context-selector"),require("react-dropzone"),require("@radix-ui/react-visually-hidden"),require("@radix-ui/react-select"),require("@radix-ui/react-popover"),require("cmdk"),require("@radix-ui/react-radio-group"),require("react-textarea-autosize"),require("@radix-ui/react-slider"),require("@tanstack/react-table"),require("@tanstack/react-virtual"),require("@radix-ui/react-accordion"),require("@eslint-community/regexpp"),require("embla-carousel-react"),require("embla-carousel-autoplay")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","lodash-es","@remix-run/react","react-day-picker","date-fns","@radix-ui/react-dropdown-menu","react-dom","immer","@radix-ui/react-dialog","use-context-selector","react-dropzone","@radix-ui/react-visually-hidden","@radix-ui/react-select","@radix-ui/react-popover","cmdk","@radix-ui/react-radio-group","react-textarea-autosize","@radix-ui/react-slider","@tanstack/react-table","@tanstack/react-virtual","@radix-ui/react-accordion","@eslint-community/regexpp","embla-carousel-react","embla-carousel-autoplay"],c):(xe=typeof globalThis<"u"?globalThis:xe||self,c(xe["xmlui-metadata"]={},xe["react/jsx-runtime"],xe.React,xe.lodashEs,xe.react,xe.reactDayPicker,xe.dateFns,xe.ReactDropdownMenu,xe.ReactDOM,xe.produce,xe.SheetPrimitive,xe.useContextSelector,xe.dropzone,xe.VisuallyHidden,xe.reactSelect,xe.reactPopover,xe.cmdk,xe.InnerRadioGroup,xe.TextareaAutosize,xe.reactSlider,xe.reactTable,xe.reactVirtual,xe.RAccordion,xe.regexpp,xe.useEmblaCarousel,xe.Autoplay))})(this,function(xe,c,u,De,yl,Za,Ke,kl,Ja,vr,Sl,Ka,wl,Hl,lt,gr,st,$l,Il,mo,po,ei,Bl,ti,Ll,_l){"use strict";function Tr(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const Ne=Tr(u),Zt=Tr(kl),Dr=Tr(Sl),Al=Tr(wl),Nl=Tr(Hl),ea=Tr($l),Ol=Tr(Bl),ze={themeVars:`'{"padding-Button": "var(--xmlui-padding-Button)", "paddingHorizontal-Button": "var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button))", "paddingVertical-Button": "var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button))", "paddingLeft-Button": "var(--xmlui-paddingLeft-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingRight-Button": "var(--xmlui-paddingRight-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingTop-Button": "var(--xmlui-paddingTop-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "paddingBottom-Button": "var(--xmlui-paddingBottom-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "padding-Button-xs": "var(--xmlui-padding-Button-xs)", "paddingHorizontal-Button-xs": "var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs))", "paddingVertical-Button-xs": "var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs))", "paddingLeft-Button-xs": "var(--xmlui-paddingLeft-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingRight-Button-xs": "var(--xmlui-paddingRight-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingTop-Button-xs": "var(--xmlui-paddingTop-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingBottom-Button-xs": "var(--xmlui-paddingBottom-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "padding-Button-sm": "var(--xmlui-padding-Button-sm)", "paddingHorizontal-Button-sm": "var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm))", "paddingVertical-Button-sm": "var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm))", "paddingLeft-Button-sm": "var(--xmlui-paddingLeft-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingRight-Button-sm": "var(--xmlui-paddingRight-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingTop-Button-sm": "var(--xmlui-paddingTop-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingBottom-Button-sm": "var(--xmlui-paddingBottom-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "padding-Button-md": "var(--xmlui-padding-Button-md)", "paddingHorizontal-Button-md": "var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md))", "paddingVertical-Button-md": "var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md))", "paddingLeft-Button-md": "var(--xmlui-paddingLeft-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingRight-Button-md": "var(--xmlui-paddingRight-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingTop-Button-md": "var(--xmlui-paddingTop-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "paddingBottom-Button-md": "var(--xmlui-paddingBottom-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "padding-Button-lg": "var(--xmlui-padding-Button-lg)", "paddingHorizontal-Button-lg": "var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg))", "paddingVertical-Button-lg": "var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg))", "paddingLeft-Button-lg": "var(--xmlui-paddingLeft-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingRight-Button-lg": "var(--xmlui-paddingRight-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingTop-Button-lg": "var(--xmlui-paddingTop-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingBottom-Button-lg": "var(--xmlui-paddingBottom-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "fontFamily-Button-primary-solid": "var(--xmlui-fontFamily-Button-primary-solid)", "fontSize-Button-primary-solid": "var(--xmlui-fontSize-Button-primary-solid)", "fontWeight-Button-primary-solid": "var(--xmlui-fontWeight-Button-primary-solid)", "borderRadius-Button-primary-solid": "var(--xmlui-borderRadius-Button-primary-solid)", "borderWidth-Button-primary-solid": "var(--xmlui-borderWidth-Button-primary-solid)", "borderColor-Button-primary-solid": "var(--xmlui-borderColor-Button-primary-solid)", "borderStyle-Button-primary-solid": "var(--xmlui-borderStyle-Button-primary-solid)", "backgroundColor-Button-primary-solid": "var(--xmlui-backgroundColor-Button-primary-solid)", "textColor-Button-primary-solid": "var(--xmlui-textColor-Button-primary-solid)", "boxShadow-Button-primary-solid": "var(--xmlui-boxShadow-Button-primary-solid)", "outlineWidth-Button-primary-solid--focus": "var(--xmlui-outlineWidth-Button-primary-solid--focus)", "outlineColor-Button-primary-solid--focus": "var(--xmlui-outlineColor-Button-primary-solid--focus)", "outlineStyle-Button-primary-solid--focus": "var(--xmlui-outlineStyle-Button-primary-solid--focus)", "outlineOffset-Button-primary-solid--focus": "var(--xmlui-outlineOffset-Button-primary-solid--focus)", "borderColor-Button-primary-solid--hover": "var(--xmlui-borderColor-Button-primary-solid--hover)", "textColor-Button-primary-solid--hover": "var(--xmlui-textColor-Button-primary-solid--hover)", "backgroundColor-Button-primary-solid--hover": "var(--xmlui-backgroundColor-Button-primary-solid--hover)", "borderColor-Button-primary-solid--active": "var(--xmlui-borderColor-Button-primary-solid--active)", "textColor-Button-primary-solid--active": "var(--xmlui-textColor-Button-primary-solid--active)", "boxShadow-Button-primary-solid--active": "var(--xmlui-boxShadow-Button-primary-solid--active)", "backgroundColor-Button-primary-solid--active": "var(--xmlui-backgroundColor-Button-primary-solid--active)", "backgroundColor-Button--disabled": "var(--xmlui-backgroundColor-Button--disabled)", "textColor-Button--disabled": "var(--xmlui-textColor-Button--disabled)", "borderColor-Button--disabled": "var(--xmlui-borderColor-Button--disabled)", "fontFamily-Button-secondary-solid": "var(--xmlui-fontFamily-Button-secondary-solid)", "fontSize-Button-secondary-solid": "var(--xmlui-fontSize-Button-secondary-solid)", "fontWeight-Button-secondary-solid": "var(--xmlui-fontWeight-Button-secondary-solid)", "borderRadius-Button-secondary-solid": "var(--xmlui-borderRadius-Button-secondary-solid)", "borderWidth-Button-secondary-solid": "var(--xmlui-borderWidth-Button-secondary-solid)", "borderColor-Button-secondary-solid": "var(--xmlui-borderColor-Button-secondary-solid)", "borderStyle-Button-secondary-solid": "var(--xmlui-borderStyle-Button-secondary-solid)", "backgroundColor-Button-secondary-solid": "var(--xmlui-backgroundColor-Button-secondary-solid)", "textColor-Button-secondary-solid": "var(--xmlui-textColor-Button-secondary-solid)", "boxShadow-Button-secondary-solid": "var(--xmlui-boxShadow-Button-secondary-solid)", "outlineWidth-Button-secondary-solid--focus": "var(--xmlui-outlineWidth-Button-secondary-solid--focus)", "outlineColor-Button-secondary-solid--focus": "var(--xmlui-outlineColor-Button-secondary-solid--focus)", "outlineStyle-Button-secondary-solid--focus": "var(--xmlui-outlineStyle-Button-secondary-solid--focus)", "outlineOffset-Button-secondary-solid--focus": "var(--xmlui-outlineOffset-Button-secondary-solid--focus)", "borderColor-Button-secondary-solid--hover": "var(--xmlui-borderColor-Button-secondary-solid--hover)", "textColor-Button-secondary-solid--hover": "var(--xmlui-textColor-Button-secondary-solid--hover)", "backgroundColor-Button-secondary-solid--hover": "var(--xmlui-backgroundColor-Button-secondary-solid--hover)", "borderColor-Button-secondary-solid--active": "var(--xmlui-borderColor-Button-secondary-solid--active)", "textColor-Button-secondary-solid--active": "var(--xmlui-textColor-Button-secondary-solid--active)", "boxShadow-Button-secondary-solid--active": "var(--xmlui-boxShadow-Button-secondary-solid--active)", "backgroundColor-Button-secondary-solid--active": "var(--xmlui-backgroundColor-Button-secondary-solid--active)", "fontFamily-Button-attention-solid": "var(--xmlui-fontFamily-Button-attention-solid)", "fontSize-Button-attention-solid": "var(--xmlui-fontSize-Button-attention-solid)", "fontWeight-Button-attention-solid": "var(--xmlui-fontWeight-Button-attention-solid)", "borderRadius-Button-attention-solid": "var(--xmlui-borderRadius-Button-attention-solid)", "borderWidth-Button-attention-solid": "var(--xmlui-borderWidth-Button-attention-solid)", "borderColor-Button-attention-solid": "var(--xmlui-borderColor-Button-attention-solid)", "borderStyle-Button-attention-solid": "var(--xmlui-borderStyle-Button-attention-solid)", "backgroundColor-Button-attention-solid": "var(--xmlui-backgroundColor-Button-attention-solid)", "textColor-Button-attention-solid": "var(--xmlui-textColor-Button-attention-solid)", "boxShadow-Button-attention-solid": "var(--xmlui-boxShadow-Button-attention-solid)", "outlineWidth-Button-attention-solid--focus": "var(--xmlui-outlineWidth-Button-attention-solid--focus)", "outlineColor-Button-attention-solid--focus": "var(--xmlui-outlineColor-Button-attention-solid--focus)", "outlineStyle-Button-attention-solid--focus": "var(--xmlui-outlineStyle-Button-attention-solid--focus)", "outlineOffset-Button-attention-solid--focus": "var(--xmlui-outlineOffset-Button-attention-solid--focus)", "borderColor-Button-attention-solid--hover": "var(--xmlui-borderColor-Button-attention-solid--hover)", "textColor-Button-attention-solid--hover": "var(--xmlui-textColor-Button-attention-solid--hover)", "backgroundColor-Button-attention-solid--hover": "var(--xmlui-backgroundColor-Button-attention-solid--hover)", "borderColor-Button-attention-solid--active": "var(--xmlui-borderColor-Button-attention-solid--active)", "textColor-Button-attention-solid--active": "var(--xmlui-textColor-Button-attention-solid--active)", "boxShadow-Button-attention-solid--active": "var(--xmlui-boxShadow-Button-attention-solid--active)", "backgroundColor-Button-attention-solid--active": "var(--xmlui-backgroundColor-Button-attention-solid--active)", "fontFamily-Button-primary-outlined": "var(--xmlui-fontFamily-Button-primary-outlined)", "fontSize-Button-primary-outlined": "var(--xmlui-fontSize-Button-primary-outlined)", "fontWeight-Button-primary-outlined": "var(--xmlui-fontWeight-Button-primary-outlined)", "borderRadius-Button-primary-outlined": "var(--xmlui-borderRadius-Button-primary-outlined)", "borderWidth-Button-primary-outlined": "var(--xmlui-borderWidth-Button-primary-outlined)", "borderColor-Button-primary-outlined": "var(--xmlui-borderColor-Button-primary-outlined)", "borderStyle-Button-primary-outlined": "var(--xmlui-borderStyle-Button-primary-outlined)", "textColor-Button-primary-outlined": "var(--xmlui-textColor-Button-primary-outlined)", "boxShadow-Button-primary-outlined": "var(--xmlui-boxShadow-Button-primary-outlined)", "outlineWidth-Button-primary-outlined--focus": "var(--xmlui-outlineWidth-Button-primary-outlined--focus)", "outlineColor-Button-primary-outlined--focus": "var(--xmlui-outlineColor-Button-primary-outlined--focus)", "outlineStyle-Button-primary-outlined--focus": "var(--xmlui-outlineStyle-Button-primary-outlined--focus)", "outlineOffset-Button-primary-outlined--focus": "var(--xmlui-outlineOffset-Button-primary-outlined--focus)", "borderColor-Button-primary-outlined--hover": "var(--xmlui-borderColor-Button-primary-outlined--hover)", "backgroundColor-Button-primary-outlined--hover": "var(--xmlui-backgroundColor-Button-primary-outlined--hover)", "textColor-Button-primary-outlined--hover": "var(--xmlui-textColor-Button-primary-outlined--hover)", "borderColor-Button-primary-outlined--active": "var(--xmlui-borderColor-Button-primary-outlined--active)", "backgroundColor-Button-primary-outlined--active": "var(--xmlui-backgroundColor-Button-primary-outlined--active)", "textColor-Button-primary-outlined--active": "var(--xmlui-textColor-Button-primary-outlined--active)", "fontFamily-Button-secondary-outlined": "var(--xmlui-fontFamily-Button-secondary-outlined)", "fontSize-Button-secondary-outlined": "var(--xmlui-fontSize-Button-secondary-outlined)", "fontWeight-Button-secondary-outlined": "var(--xmlui-fontWeight-Button-secondary-outlined)", "borderRadius-Button-secondary-outlined": "var(--xmlui-borderRadius-Button-secondary-outlined)", "borderWidth-Button-secondary-outlined": "var(--xmlui-borderWidth-Button-secondary-outlined)", "borderColor-Button-secondary-outlined": "var(--xmlui-borderColor-Button-secondary-outlined)", "borderStyle-Button-secondary-outlined": "var(--xmlui-borderStyle-Button-secondary-outlined)", "textColor-Button-secondary-outlined": "var(--xmlui-textColor-Button-secondary-outlined)", "boxShadow-Button-secondary-outlined": "var(--xmlui-boxShadow-Button-secondary-outlined)", "outlineWidth-Button-secondary-outlined--focus": "var(--xmlui-outlineWidth-Button-secondary-outlined--focus)", "outlineColor-Button-secondary-outlined--focus": "var(--xmlui-outlineColor-Button-secondary-outlined--focus)", "outlineStyle-Button-secondary-outlined--focus": "var(--xmlui-outlineStyle-Button-secondary-outlined--focus)", "outlineOffset-Button-secondary-outlined--focus": "var(--xmlui-outlineOffset-Button-secondary-outlined--focus)", "borderColor-Button-secondary-outlined--hover": "var(--xmlui-borderColor-Button-secondary-outlined--hover)", "backgroundColor-Button-secondary-outlined--hover": "var(--xmlui-backgroundColor-Button-secondary-outlined--hover)", "textColor-Button-secondary-outlined--hover": "var(--xmlui-textColor-Button-secondary-outlined--hover)", "borderColor-Button-secondary-outlined--active": "var(--xmlui-borderColor-Button-secondary-outlined--active)", "backgroundColor-Button-secondary-outlined--active": "var(--xmlui-backgroundColor-Button-secondary-outlined--active)", "textColor-Button-secondary-outlined--active": "var(--xmlui-textColor-Button-secondary-outlined--active)", "fontFamily-Button-attention-outlined": "var(--xmlui-fontFamily-Button-attention-outlined)", "fontSize-Button-attention-outlined": "var(--xmlui-fontSize-Button-attention-outlined)", "fontWeight-Button-attention-outlined": "var(--xmlui-fontWeight-Button-attention-outlined)", "borderRadius-Button-attention-outlined": "var(--xmlui-borderRadius-Button-attention-outlined)", "borderWidth-Button-attention-outlined": "var(--xmlui-borderWidth-Button-attention-outlined)", "borderColor-Button-attention-outlined": "var(--xmlui-borderColor-Button-attention-outlined)", "borderStyle-Button-attention-outlined": "var(--xmlui-borderStyle-Button-attention-outlined)", "textColor-Button-attention-outlined": "var(--xmlui-textColor-Button-attention-outlined)", "boxShadow-Button-attention-outlined": "var(--xmlui-boxShadow-Button-attention-outlined)", "outlineWidth-Button-attention-outlined--focus": "var(--xmlui-outlineWidth-Button-attention-outlined--focus)", "outlineColor-Button-attention-outlined--focus": "var(--xmlui-outlineColor-Button-attention-outlined--focus)", "outlineStyle-Button-attention-outlined--focus": "var(--xmlui-outlineStyle-Button-attention-outlined--focus)", "outlineOffset-Button-attention-outlined--focus": "var(--xmlui-outlineOffset-Button-attention-outlined--focus)", "borderColor-Button-attention-outlined--hover": "var(--xmlui-borderColor-Button-attention-outlined--hover)", "backgroundColor-Button-attention-outlined--hover": "var(--xmlui-backgroundColor-Button-attention-outlined--hover)", "textColor-Button-attention-outlined--hover": "var(--xmlui-textColor-Button-attention-outlined--hover)", "borderColor-Button-attention-outlined--active": "var(--xmlui-borderColor-Button-attention-outlined--active)", "backgroundColor-Button-attention-outlined--active": "var(--xmlui-backgroundColor-Button-attention-outlined--active)", "textColor-Button-attention-outlined--active": "var(--xmlui-textColor-Button-attention-outlined--active)", "fontFamily-Button-primary-ghost": "var(--xmlui-fontFamily-Button-primary-ghost)", "fontSize-Button-primary-ghost": "var(--xmlui-fontSize-Button-primary-ghost)", "fontWeight-Button-primary-ghost": "var(--xmlui-fontWeight-Button-primary-ghost)", "borderRadius-Button-primary-ghost": "var(--xmlui-borderRadius-Button-primary-ghost)", "borderWidth-Button-primary-ghost": "var(--xmlui-borderWidth-Button-primary-ghost)", "textColor-Button-primary-ghost": "var(--xmlui-textColor-Button-primary-ghost)", "outlineWidth-Button-primary-ghost--focus": "var(--xmlui-outlineWidth-Button-primary-ghost--focus)", "outlineColor-Button-primary-ghost--focus": "var(--xmlui-outlineColor-Button-primary-ghost--focus)", "outlineStyle-Button-primary-ghost--focus": "var(--xmlui-outlineStyle-Button-primary-ghost--focus)", "outlineOffset-Button-primary-ghost--focus": "var(--xmlui-outlineOffset-Button-primary-ghost--focus)", "backgroundColor-Button-primary-ghost--hover": "var(--xmlui-backgroundColor-Button-primary-ghost--hover)", "textColor-Button-primary-ghost--hover": "var(--xmlui-textColor-Button-primary-ghost--hover)", "backgroundColor-Button-primary-ghost--active": "var(--xmlui-backgroundColor-Button-primary-ghost--active)", "textColor-Button-primary-ghost--active": "var(--xmlui-textColor-Button-primary-ghost--active)", "fontFamily-Button-secondary-ghost": "var(--xmlui-fontFamily-Button-secondary-ghost)", "fontSize-Button-secondary-ghost": "var(--xmlui-fontSize-Button-secondary-ghost)", "fontWeight-Button-secondary-ghost": "var(--xmlui-fontWeight-Button-secondary-ghost)", "borderRadius-Button-secondary-ghost": "var(--xmlui-borderRadius-Button-secondary-ghost)", "borderWidth-Button-secondary-ghost": "var(--xmlui-borderWidth-Button-secondary-ghost)", "textColor-Button-secondary-ghost": "var(--xmlui-textColor-Button-secondary-ghost)", "outlineWidth-Button-secondary-ghost--focus": "var(--xmlui-outlineWidth-Button-secondary-ghost--focus)", "outlineColor-Button-secondary-ghost--focus": "var(--xmlui-outlineColor-Button-secondary-ghost--focus)", "outlineStyle-Button-secondary-ghost--focus": "var(--xmlui-outlineStyle-Button-secondary-ghost--focus)", "outlineOffset-Button-secondary-ghost--focus": "var(--xmlui-outlineOffset-Button-secondary-ghost--focus)", "backgroundColor-Button-secondary-ghost--hover": "var(--xmlui-backgroundColor-Button-secondary-ghost--hover)", "textColor-Button-secondary-ghost--hover": "var(--xmlui-textColor-Button-secondary-ghost--hover)", "backgroundColor-Button-secondary-ghost--active": "var(--xmlui-backgroundColor-Button-secondary-ghost--active)", "textColor-Button-secondary-ghost--active": "var(--xmlui-textColor-Button-secondary-ghost--active)", "fontFamily-Button-attention-ghost": "var(--xmlui-fontFamily-Button-attention-ghost)", "fontSize-Button-attention-ghost": "var(--xmlui-fontSize-Button-attention-ghost)", "fontWeight-Button-attention-ghost": "var(--xmlui-fontWeight-Button-attention-ghost)", "borderRadius-Button-attention-ghost": "var(--xmlui-borderRadius-Button-attention-ghost)", "borderWidth-Button-attention-ghost": "var(--xmlui-borderWidth-Button-attention-ghost)", "textColor-Button-attention-ghost": "var(--xmlui-textColor-Button-attention-ghost)", "outlineWidth-Button-attention-ghost--focus": "var(--xmlui-outlineWidth-Button-attention-ghost--focus)", "outlineColor-Button-attention-ghost--focus": "var(--xmlui-outlineColor-Button-attention-ghost--focus)", "outlineStyle-Button-attention-ghost--focus": "var(--xmlui-outlineStyle-Button-attention-ghost--focus)", "outlineOffset-Button-attention-ghost--focus": "var(--xmlui-outlineOffset-Button-attention-ghost--focus)", "backgroundColor-Button-attention-ghost--hover": "var(--xmlui-backgroundColor-Button-attention-ghost--hover)", "textColor-Button-attention-ghost--hover": "var(--xmlui-textColor-Button-attention-ghost--hover)", "backgroundColor-Button-attention-ghost--active": "var(--xmlui-backgroundColor-Button-attention-ghost--active)", "textColor-Button-attention-ghost--active": "var(--xmlui-textColor-Button-attention-ghost--active)"}'`,button:"_button_1rnn4_13",alignStart:"_alignStart_1rnn4_29",alignEnd:"_alignEnd_1rnn4_32",buttonHorizontal:"_buttonHorizontal_1rnn4_38",xs:"_xs_1rnn4_41",sm:"_sm_1rnn4_48",md:"_md_1rnn4_55",lg:"_lg_1rnn4_62",buttonVertical:"_buttonVertical_1rnn4_69",solidPrimary:"_solidPrimary_1rnn4_103",solidSecondary:"_solidSecondary_1rnn4_138",solidAttention:"_solidAttention_1rnn4_173",outlinedPrimary:"_outlinedPrimary_1rnn4_208",outlinedSecondary:"_outlinedSecondary_1rnn4_241",outlinedAttention:"_outlinedAttention_1rnn4_274",ghostPrimary:"_ghostPrimary_1rnn4_307",ghostSecondary:"_ghostSecondary_1rnn4_336",ghostAttention:"_ghostAttention_1rnn4_365"};function k({description:e,shortDescription:t,specializedFrom:r,status:o,props:a,events:n,contextVars:i,apis:l,nonVisual:d,opaque:v,themeVars:f,themeVarDescriptions:p,defaultThemeVars:C,toneSpecificThemeVars:b,allowArbitraryProps:g,docFolder:y,isHtmlTag:H}){return{description:e,shortDescription:t,specializedFrom:r,status:o,props:a,events:n,contextVars:i,apis:l,nonVisual:d,opaque:v,themeVars:f,defaultThemeVars:C,themeVarDescriptions:p,toneSpecificThemeVars:b,allowArbitraryProps:g,docFolder:y,isHtmlTag:H}}function m(e,t,r,o,a,n){return{description:e,isRequired:n,availableValues:t,valueType:r,defaultValue:o,isValid:a}}const ri=[{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."},{value:"_unfencedTop",description:"Allows embedded fenced frames to navigate the top-level frame, i.e. traversing beyond the root of the fenced frame."}],ta=[{value:"xs",description:"Extra small button"},{value:"sm",description:"Small button"},{value:"md",description:"Medium button"},{value:"lg",description:"Large button"}],Wl=[...["attention","primary","secondary"]],ra=[{value:"attention",description:"Attention state theme color"},{value:"primary",description:"Primary theme color"},{value:"secondary",description:"Secondary theme color"}],Vl=[{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."}],El=[...["solid","outlined","ghost"]],oa=[{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."}],oi=["start","center","end"],ai=[{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)"}],Bo=[{value:"horizontal",description:"The component will fill the available space horizontally"},{value:"vertical",description:"The component will fill the available space vertically"}],zl=[...["start","end"]],aa=[{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)"}],Pl=[{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"}],Dl=[{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"}],ii=[{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"}],Ml=[...["start","end"]],Fl=[{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"}],Rl=["top","bottom"],ni={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"},Ul=[{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"}],li=["get","post","put","delete","patch","head","options","trace","connect"],si={keyPrefix:"xmlui",themeVars:'"[]"'};function j(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}}}j(si.keyPrefix),j(si.themeVars);function Ve(e){return{description:e??"This property is for internal use only.",isInternal:!0}}function Mr(e){return{description:`This event is triggered when the ${e} is clicked.`}}function dt(e){return{description:`This event is triggered when the ${e} has received the focus.`}}function ut(e){return{description:`This event is triggered when the ${e} has lost the focus.`}}function Xe(e){return{description:`This event is triggered when value of ${e} has changed.`}}function di(e){return{description:"The `true` value of this property signals that the component is in an _intedeterminate state_.",defaultValue:e}}function Pe(){return{description:"This property sets the label of the component.",valueType:"string"}}function Lt(e){return{description:"Places the label at the given position of the component.",availableValues:ii,defaultValue:e??"top"}}function zt(e){return{description:`This property sets the width of the \`${e}\`.`}}function Pt(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 je(){return{description:"If this property is set to `true`, the component gets the focus automatically when displayed.",valueType:"boolean",defaultValue:!1}}function ct(e){return{description:"This property sets the component's initial value.",defaultValue:e}}function yt(e){return{description:"Set this property to `true` to disallow changing the component value.",valueType:"boolean",defaultValue:e??!1}}function qe(e){return{description:"This boolean property value indicates whether the component responds to user events (`true`) or not (`false`).",valueType:"boolean",defaultValue:e??!0}}function ui(){return{description:"The `true` value of the property indicates if the user can select multiple items.",valueType:"boolean",defaultValue:!1}}function kt(e){return{description:"This property allows you to set the validation status of the input component.",availableValues:Fl,defaultValue:e??"none"}}function ci(){return{description:"You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."}}function Dt(){return{description:"You can use this method to set the component's current value programmatically (`true`: checked, `false`: unchecked)."}}function Ae(e){return{description:e,valueType:"ComponentDef"}}function Cr(){return{description:"A placeholder text that is visible in the input field when its empty.",valueType:"string"}}function ho(){return{description:"This property sets the maximum length of the input it accepts.",valueType:"number"}}function St(){return{description:"Set this property to `true` to indicate it must have a value before submitting the containing form.",valueType:"boolean"}}function ia(){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.",valueType:"string"}}function na(){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.",valueType:"string"}}function la(){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.",valueType:"string"}}function sa(){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.",valueType:"string"}}function ql(e){return{description:`This property indicates if the ${e} is expanded (\`true\`) or collapsed (\`false\`).`}}function Gl(e){return{description:`This method expands the ${e}.`}}function Yl(e){return{description:`This method collapses the ${e}.`}}function Mt(e){return{description:`This method sets the focus on the ${e}.`}}function Lo(){return{description:"You can query the component's value. If no value is set, it will retrieve `undefined`."}}function Xl(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 jl(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 mi(e){return{description:`This property allows you to define a custom trigger instead of the default one provided by \`${e}\`.`,valueType:"ComponentDef"}}function pi(e,t=!1){return{description:"This property sets the main axis along which the nested components are rendered.",availableValues:Bo,valueType:"string",defaultValue:e,isRequired:t}}const hi={themeVars:`'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`,base:"_base_13qtg_13"};function _o(e){return e[0].toUpperCase()+e.substring(1)}const ke=e=>{const t=u.useRef(e);return u.useInsertionEffect(()=>{t.current=e},[e]),u.useCallback((...r)=>{const o=t.current;return o(...r)},[t])};function Ql(e,t,r){const o=De.throttle((a,n,i)=>{e(...i).then(a).catch(n)},t,r);return(...a)=>new Promise((n,i)=>{o(n,i,a)})}const Zl=u.createContext(void 0);u.createContext(void 0);function Ft(){return u.useContext(Zl)}function Jl(e){const{getResourceUrl:t}=Ft();return t(e)}const et=Object.freeze([]),yr=Object.freeze({}),ie=(...e)=>({}),Kl=(e,t)=>{const r=e==null?void 0:e.current,o=u.useRef();u.useEffect(()=>{o!=null&&o.current&&r&&o.current.unobserve(r),o.current=new ResizeObserver(t),e&&e.current&&o.current&&o.current.observe(e.current)},[t,r,e])};function xi(e){const t=u.useRef();return u.useEffect(()=>{t.current=e},[e]),t.current}function fi(e){const[t,r]=u.useState(!1);return u.useEffect(()=>{if(!window){r(!1);return}const o=window.matchMedia(e);return a(),o.addEventListener("change",a),()=>{o.removeEventListener("change",a)};function a(){r(o.matches)}},[e]),t}function es(e){const t=u.useRef({mountedFired:!1});u.useEffect(()=>{t.current.mountedFired||(t.current.mountedFired=!0,e==null||e())},[e])}const xo=typeof document<"u"?u.useLayoutEffect:u.useEffect,ts=u.createContext(null);function bi(){return u.useContext(ts)}const rs={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"},os=/[-:]/g;function as(e){const{ensureCustomSvgIcon:t,customSvgs:r}=bi();xo(()=>{e&&t(e)},[t,e]);const o=e?r[e]:null,a=u.useCallback(({style:n,className:i})=>{if(!o)return null;const{attributes:l,name:d}=o,v={};return Object.entries(l).forEach(([f,p])=>{let C=f;/^(data-|aria-)/.test(f)?C=f:C=f.replace(os,"").toLowerCase(),v[rs[C]||f]=p}),c.jsx("svg",{...v,style:n,className:i,children:c.jsx("use",{href:`#${d}`})})},[o]);return e?a:null}function is(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var vi={exports:{}};/*!
|
|
1
|
+
(function(xe,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react"),require("lodash-es"),require("@remix-run/react"),require("react-day-picker"),require("date-fns"),require("@radix-ui/react-dropdown-menu"),require("react-dom"),require("immer"),require("@radix-ui/react-dialog"),require("use-context-selector"),require("react-dropzone"),require("@radix-ui/react-visually-hidden"),require("@radix-ui/react-select"),require("@radix-ui/react-popover"),require("cmdk"),require("@radix-ui/react-radio-group"),require("react-textarea-autosize"),require("@radix-ui/react-slider"),require("@tanstack/react-table"),require("@tanstack/react-virtual"),require("@radix-ui/react-accordion"),require("@eslint-community/regexpp"),require("embla-carousel-react"),require("embla-carousel-autoplay")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","lodash-es","@remix-run/react","react-day-picker","date-fns","@radix-ui/react-dropdown-menu","react-dom","immer","@radix-ui/react-dialog","use-context-selector","react-dropzone","@radix-ui/react-visually-hidden","@radix-ui/react-select","@radix-ui/react-popover","cmdk","@radix-ui/react-radio-group","react-textarea-autosize","@radix-ui/react-slider","@tanstack/react-table","@tanstack/react-virtual","@radix-ui/react-accordion","@eslint-community/regexpp","embla-carousel-react","embla-carousel-autoplay"],c):(xe=typeof globalThis<"u"?globalThis:xe||self,c(xe["xmlui-metadata"]={},xe["react/jsx-runtime"],xe.React,xe.lodashEs,xe.react,xe.reactDayPicker,xe.dateFns,xe.ReactDropdownMenu,xe.ReactDOM,xe.produce,xe.SheetPrimitive,xe.useContextSelector,xe.dropzone,xe.VisuallyHidden,xe.reactSelect,xe.reactPopover,xe.cmdk,xe.InnerRadioGroup,xe.TextareaAutosize,xe.reactSlider,xe.reactTable,xe.reactVirtual,xe.RAccordion,xe.regexpp,xe.useEmblaCarousel,xe.Autoplay))})(this,function(xe,c,u,De,yl,ja,Ke,kl,Ja,vt,Sl,Ka,wl,Hl,lr,gt,sr,$l,Il,mo,po,ei,Bl,ri,Ll,_l){"use strict";function Tt(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const Ne=Tt(u),jr=Tt(kl),Dt=Tt(Sl),Al=Tt(wl),Nl=Tt(Hl),ea=Tt($l),Ol=Tt(Bl),ze={themeVars:`'{"padding-Button": "var(--xmlui-padding-Button)", "paddingHorizontal-Button": "var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button))", "paddingVertical-Button": "var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button))", "paddingLeft-Button": "var(--xmlui-paddingLeft-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingRight-Button": "var(--xmlui-paddingRight-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingTop-Button": "var(--xmlui-paddingTop-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "paddingBottom-Button": "var(--xmlui-paddingBottom-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "padding-Button-xs": "var(--xmlui-padding-Button-xs)", "paddingHorizontal-Button-xs": "var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs))", "paddingVertical-Button-xs": "var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs))", "paddingLeft-Button-xs": "var(--xmlui-paddingLeft-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingRight-Button-xs": "var(--xmlui-paddingRight-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingTop-Button-xs": "var(--xmlui-paddingTop-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingBottom-Button-xs": "var(--xmlui-paddingBottom-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "padding-Button-sm": "var(--xmlui-padding-Button-sm)", "paddingHorizontal-Button-sm": "var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm))", "paddingVertical-Button-sm": "var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm))", "paddingLeft-Button-sm": "var(--xmlui-paddingLeft-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingRight-Button-sm": "var(--xmlui-paddingRight-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingTop-Button-sm": "var(--xmlui-paddingTop-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingBottom-Button-sm": "var(--xmlui-paddingBottom-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "padding-Button-md": "var(--xmlui-padding-Button-md)", "paddingHorizontal-Button-md": "var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md))", "paddingVertical-Button-md": "var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md))", "paddingLeft-Button-md": "var(--xmlui-paddingLeft-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingRight-Button-md": "var(--xmlui-paddingRight-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingTop-Button-md": "var(--xmlui-paddingTop-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "paddingBottom-Button-md": "var(--xmlui-paddingBottom-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "padding-Button-lg": "var(--xmlui-padding-Button-lg)", "paddingHorizontal-Button-lg": "var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg))", "paddingVertical-Button-lg": "var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg))", "paddingLeft-Button-lg": "var(--xmlui-paddingLeft-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingRight-Button-lg": "var(--xmlui-paddingRight-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingTop-Button-lg": "var(--xmlui-paddingTop-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingBottom-Button-lg": "var(--xmlui-paddingBottom-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "fontFamily-Button-primary-solid": "var(--xmlui-fontFamily-Button-primary-solid)", "fontSize-Button-primary-solid": "var(--xmlui-fontSize-Button-primary-solid)", "fontWeight-Button-primary-solid": "var(--xmlui-fontWeight-Button-primary-solid)", "borderRadius-Button-primary-solid": "var(--xmlui-borderRadius-Button-primary-solid)", "borderWidth-Button-primary-solid": "var(--xmlui-borderWidth-Button-primary-solid)", "borderColor-Button-primary-solid": "var(--xmlui-borderColor-Button-primary-solid)", "borderStyle-Button-primary-solid": "var(--xmlui-borderStyle-Button-primary-solid)", "backgroundColor-Button-primary-solid": "var(--xmlui-backgroundColor-Button-primary-solid)", "textColor-Button-primary-solid": "var(--xmlui-textColor-Button-primary-solid)", "boxShadow-Button-primary-solid": "var(--xmlui-boxShadow-Button-primary-solid)", "outlineWidth-Button-primary-solid--focus": "var(--xmlui-outlineWidth-Button-primary-solid--focus)", "outlineColor-Button-primary-solid--focus": "var(--xmlui-outlineColor-Button-primary-solid--focus)", "outlineStyle-Button-primary-solid--focus": "var(--xmlui-outlineStyle-Button-primary-solid--focus)", "outlineOffset-Button-primary-solid--focus": "var(--xmlui-outlineOffset-Button-primary-solid--focus)", "borderColor-Button-primary-solid--hover": "var(--xmlui-borderColor-Button-primary-solid--hover)", "textColor-Button-primary-solid--hover": "var(--xmlui-textColor-Button-primary-solid--hover)", "backgroundColor-Button-primary-solid--hover": "var(--xmlui-backgroundColor-Button-primary-solid--hover)", "borderColor-Button-primary-solid--active": "var(--xmlui-borderColor-Button-primary-solid--active)", "textColor-Button-primary-solid--active": "var(--xmlui-textColor-Button-primary-solid--active)", "boxShadow-Button-primary-solid--active": "var(--xmlui-boxShadow-Button-primary-solid--active)", "backgroundColor-Button-primary-solid--active": "var(--xmlui-backgroundColor-Button-primary-solid--active)", "backgroundColor-Button--disabled": "var(--xmlui-backgroundColor-Button--disabled)", "textColor-Button--disabled": "var(--xmlui-textColor-Button--disabled)", "borderColor-Button--disabled": "var(--xmlui-borderColor-Button--disabled)", "fontFamily-Button-secondary-solid": "var(--xmlui-fontFamily-Button-secondary-solid)", "fontSize-Button-secondary-solid": "var(--xmlui-fontSize-Button-secondary-solid)", "fontWeight-Button-secondary-solid": "var(--xmlui-fontWeight-Button-secondary-solid)", "borderRadius-Button-secondary-solid": "var(--xmlui-borderRadius-Button-secondary-solid)", "borderWidth-Button-secondary-solid": "var(--xmlui-borderWidth-Button-secondary-solid)", "borderColor-Button-secondary-solid": "var(--xmlui-borderColor-Button-secondary-solid)", "borderStyle-Button-secondary-solid": "var(--xmlui-borderStyle-Button-secondary-solid)", "backgroundColor-Button-secondary-solid": "var(--xmlui-backgroundColor-Button-secondary-solid)", "textColor-Button-secondary-solid": "var(--xmlui-textColor-Button-secondary-solid)", "boxShadow-Button-secondary-solid": "var(--xmlui-boxShadow-Button-secondary-solid)", "outlineWidth-Button-secondary-solid--focus": "var(--xmlui-outlineWidth-Button-secondary-solid--focus)", "outlineColor-Button-secondary-solid--focus": "var(--xmlui-outlineColor-Button-secondary-solid--focus)", "outlineStyle-Button-secondary-solid--focus": "var(--xmlui-outlineStyle-Button-secondary-solid--focus)", "outlineOffset-Button-secondary-solid--focus": "var(--xmlui-outlineOffset-Button-secondary-solid--focus)", "borderColor-Button-secondary-solid--hover": "var(--xmlui-borderColor-Button-secondary-solid--hover)", "textColor-Button-secondary-solid--hover": "var(--xmlui-textColor-Button-secondary-solid--hover)", "backgroundColor-Button-secondary-solid--hover": "var(--xmlui-backgroundColor-Button-secondary-solid--hover)", "borderColor-Button-secondary-solid--active": "var(--xmlui-borderColor-Button-secondary-solid--active)", "textColor-Button-secondary-solid--active": "var(--xmlui-textColor-Button-secondary-solid--active)", "boxShadow-Button-secondary-solid--active": "var(--xmlui-boxShadow-Button-secondary-solid--active)", "backgroundColor-Button-secondary-solid--active": "var(--xmlui-backgroundColor-Button-secondary-solid--active)", "fontFamily-Button-attention-solid": "var(--xmlui-fontFamily-Button-attention-solid)", "fontSize-Button-attention-solid": "var(--xmlui-fontSize-Button-attention-solid)", "fontWeight-Button-attention-solid": "var(--xmlui-fontWeight-Button-attention-solid)", "borderRadius-Button-attention-solid": "var(--xmlui-borderRadius-Button-attention-solid)", "borderWidth-Button-attention-solid": "var(--xmlui-borderWidth-Button-attention-solid)", "borderColor-Button-attention-solid": "var(--xmlui-borderColor-Button-attention-solid)", "borderStyle-Button-attention-solid": "var(--xmlui-borderStyle-Button-attention-solid)", "backgroundColor-Button-attention-solid": "var(--xmlui-backgroundColor-Button-attention-solid)", "textColor-Button-attention-solid": "var(--xmlui-textColor-Button-attention-solid)", "boxShadow-Button-attention-solid": "var(--xmlui-boxShadow-Button-attention-solid)", "outlineWidth-Button-attention-solid--focus": "var(--xmlui-outlineWidth-Button-attention-solid--focus)", "outlineColor-Button-attention-solid--focus": "var(--xmlui-outlineColor-Button-attention-solid--focus)", "outlineStyle-Button-attention-solid--focus": "var(--xmlui-outlineStyle-Button-attention-solid--focus)", "outlineOffset-Button-attention-solid--focus": "var(--xmlui-outlineOffset-Button-attention-solid--focus)", "borderColor-Button-attention-solid--hover": "var(--xmlui-borderColor-Button-attention-solid--hover)", "textColor-Button-attention-solid--hover": "var(--xmlui-textColor-Button-attention-solid--hover)", "backgroundColor-Button-attention-solid--hover": "var(--xmlui-backgroundColor-Button-attention-solid--hover)", "borderColor-Button-attention-solid--active": "var(--xmlui-borderColor-Button-attention-solid--active)", "textColor-Button-attention-solid--active": "var(--xmlui-textColor-Button-attention-solid--active)", "boxShadow-Button-attention-solid--active": "var(--xmlui-boxShadow-Button-attention-solid--active)", "backgroundColor-Button-attention-solid--active": "var(--xmlui-backgroundColor-Button-attention-solid--active)", "fontFamily-Button-primary-outlined": "var(--xmlui-fontFamily-Button-primary-outlined)", "fontSize-Button-primary-outlined": "var(--xmlui-fontSize-Button-primary-outlined)", "fontWeight-Button-primary-outlined": "var(--xmlui-fontWeight-Button-primary-outlined)", "borderRadius-Button-primary-outlined": "var(--xmlui-borderRadius-Button-primary-outlined)", "borderWidth-Button-primary-outlined": "var(--xmlui-borderWidth-Button-primary-outlined)", "borderColor-Button-primary-outlined": "var(--xmlui-borderColor-Button-primary-outlined)", "borderStyle-Button-primary-outlined": "var(--xmlui-borderStyle-Button-primary-outlined)", "textColor-Button-primary-outlined": "var(--xmlui-textColor-Button-primary-outlined)", "boxShadow-Button-primary-outlined": "var(--xmlui-boxShadow-Button-primary-outlined)", "outlineWidth-Button-primary-outlined--focus": "var(--xmlui-outlineWidth-Button-primary-outlined--focus)", "outlineColor-Button-primary-outlined--focus": "var(--xmlui-outlineColor-Button-primary-outlined--focus)", "outlineStyle-Button-primary-outlined--focus": "var(--xmlui-outlineStyle-Button-primary-outlined--focus)", "outlineOffset-Button-primary-outlined--focus": "var(--xmlui-outlineOffset-Button-primary-outlined--focus)", "borderColor-Button-primary-outlined--hover": "var(--xmlui-borderColor-Button-primary-outlined--hover)", "backgroundColor-Button-primary-outlined--hover": "var(--xmlui-backgroundColor-Button-primary-outlined--hover)", "textColor-Button-primary-outlined--hover": "var(--xmlui-textColor-Button-primary-outlined--hover)", "borderColor-Button-primary-outlined--active": "var(--xmlui-borderColor-Button-primary-outlined--active)", "backgroundColor-Button-primary-outlined--active": "var(--xmlui-backgroundColor-Button-primary-outlined--active)", "textColor-Button-primary-outlined--active": "var(--xmlui-textColor-Button-primary-outlined--active)", "fontFamily-Button-secondary-outlined": "var(--xmlui-fontFamily-Button-secondary-outlined)", "fontSize-Button-secondary-outlined": "var(--xmlui-fontSize-Button-secondary-outlined)", "fontWeight-Button-secondary-outlined": "var(--xmlui-fontWeight-Button-secondary-outlined)", "borderRadius-Button-secondary-outlined": "var(--xmlui-borderRadius-Button-secondary-outlined)", "borderWidth-Button-secondary-outlined": "var(--xmlui-borderWidth-Button-secondary-outlined)", "borderColor-Button-secondary-outlined": "var(--xmlui-borderColor-Button-secondary-outlined)", "borderStyle-Button-secondary-outlined": "var(--xmlui-borderStyle-Button-secondary-outlined)", "textColor-Button-secondary-outlined": "var(--xmlui-textColor-Button-secondary-outlined)", "boxShadow-Button-secondary-outlined": "var(--xmlui-boxShadow-Button-secondary-outlined)", "outlineWidth-Button-secondary-outlined--focus": "var(--xmlui-outlineWidth-Button-secondary-outlined--focus)", "outlineColor-Button-secondary-outlined--focus": "var(--xmlui-outlineColor-Button-secondary-outlined--focus)", "outlineStyle-Button-secondary-outlined--focus": "var(--xmlui-outlineStyle-Button-secondary-outlined--focus)", "outlineOffset-Button-secondary-outlined--focus": "var(--xmlui-outlineOffset-Button-secondary-outlined--focus)", "borderColor-Button-secondary-outlined--hover": "var(--xmlui-borderColor-Button-secondary-outlined--hover)", "backgroundColor-Button-secondary-outlined--hover": "var(--xmlui-backgroundColor-Button-secondary-outlined--hover)", "textColor-Button-secondary-outlined--hover": "var(--xmlui-textColor-Button-secondary-outlined--hover)", "borderColor-Button-secondary-outlined--active": "var(--xmlui-borderColor-Button-secondary-outlined--active)", "backgroundColor-Button-secondary-outlined--active": "var(--xmlui-backgroundColor-Button-secondary-outlined--active)", "textColor-Button-secondary-outlined--active": "var(--xmlui-textColor-Button-secondary-outlined--active)", "fontFamily-Button-attention-outlined": "var(--xmlui-fontFamily-Button-attention-outlined)", "fontSize-Button-attention-outlined": "var(--xmlui-fontSize-Button-attention-outlined)", "fontWeight-Button-attention-outlined": "var(--xmlui-fontWeight-Button-attention-outlined)", "borderRadius-Button-attention-outlined": "var(--xmlui-borderRadius-Button-attention-outlined)", "borderWidth-Button-attention-outlined": "var(--xmlui-borderWidth-Button-attention-outlined)", "borderColor-Button-attention-outlined": "var(--xmlui-borderColor-Button-attention-outlined)", "borderStyle-Button-attention-outlined": "var(--xmlui-borderStyle-Button-attention-outlined)", "textColor-Button-attention-outlined": "var(--xmlui-textColor-Button-attention-outlined)", "boxShadow-Button-attention-outlined": "var(--xmlui-boxShadow-Button-attention-outlined)", "outlineWidth-Button-attention-outlined--focus": "var(--xmlui-outlineWidth-Button-attention-outlined--focus)", "outlineColor-Button-attention-outlined--focus": "var(--xmlui-outlineColor-Button-attention-outlined--focus)", "outlineStyle-Button-attention-outlined--focus": "var(--xmlui-outlineStyle-Button-attention-outlined--focus)", "outlineOffset-Button-attention-outlined--focus": "var(--xmlui-outlineOffset-Button-attention-outlined--focus)", "borderColor-Button-attention-outlined--hover": "var(--xmlui-borderColor-Button-attention-outlined--hover)", "backgroundColor-Button-attention-outlined--hover": "var(--xmlui-backgroundColor-Button-attention-outlined--hover)", "textColor-Button-attention-outlined--hover": "var(--xmlui-textColor-Button-attention-outlined--hover)", "borderColor-Button-attention-outlined--active": "var(--xmlui-borderColor-Button-attention-outlined--active)", "backgroundColor-Button-attention-outlined--active": "var(--xmlui-backgroundColor-Button-attention-outlined--active)", "textColor-Button-attention-outlined--active": "var(--xmlui-textColor-Button-attention-outlined--active)", "fontFamily-Button-primary-ghost": "var(--xmlui-fontFamily-Button-primary-ghost)", "fontSize-Button-primary-ghost": "var(--xmlui-fontSize-Button-primary-ghost)", "fontWeight-Button-primary-ghost": "var(--xmlui-fontWeight-Button-primary-ghost)", "borderRadius-Button-primary-ghost": "var(--xmlui-borderRadius-Button-primary-ghost)", "borderWidth-Button-primary-ghost": "var(--xmlui-borderWidth-Button-primary-ghost)", "textColor-Button-primary-ghost": "var(--xmlui-textColor-Button-primary-ghost)", "outlineWidth-Button-primary-ghost--focus": "var(--xmlui-outlineWidth-Button-primary-ghost--focus)", "outlineColor-Button-primary-ghost--focus": "var(--xmlui-outlineColor-Button-primary-ghost--focus)", "outlineStyle-Button-primary-ghost--focus": "var(--xmlui-outlineStyle-Button-primary-ghost--focus)", "outlineOffset-Button-primary-ghost--focus": "var(--xmlui-outlineOffset-Button-primary-ghost--focus)", "backgroundColor-Button-primary-ghost--hover": "var(--xmlui-backgroundColor-Button-primary-ghost--hover)", "textColor-Button-primary-ghost--hover": "var(--xmlui-textColor-Button-primary-ghost--hover)", "backgroundColor-Button-primary-ghost--active": "var(--xmlui-backgroundColor-Button-primary-ghost--active)", "textColor-Button-primary-ghost--active": "var(--xmlui-textColor-Button-primary-ghost--active)", "fontFamily-Button-secondary-ghost": "var(--xmlui-fontFamily-Button-secondary-ghost)", "fontSize-Button-secondary-ghost": "var(--xmlui-fontSize-Button-secondary-ghost)", "fontWeight-Button-secondary-ghost": "var(--xmlui-fontWeight-Button-secondary-ghost)", "borderRadius-Button-secondary-ghost": "var(--xmlui-borderRadius-Button-secondary-ghost)", "borderWidth-Button-secondary-ghost": "var(--xmlui-borderWidth-Button-secondary-ghost)", "textColor-Button-secondary-ghost": "var(--xmlui-textColor-Button-secondary-ghost)", "outlineWidth-Button-secondary-ghost--focus": "var(--xmlui-outlineWidth-Button-secondary-ghost--focus)", "outlineColor-Button-secondary-ghost--focus": "var(--xmlui-outlineColor-Button-secondary-ghost--focus)", "outlineStyle-Button-secondary-ghost--focus": "var(--xmlui-outlineStyle-Button-secondary-ghost--focus)", "outlineOffset-Button-secondary-ghost--focus": "var(--xmlui-outlineOffset-Button-secondary-ghost--focus)", "backgroundColor-Button-secondary-ghost--hover": "var(--xmlui-backgroundColor-Button-secondary-ghost--hover)", "textColor-Button-secondary-ghost--hover": "var(--xmlui-textColor-Button-secondary-ghost--hover)", "backgroundColor-Button-secondary-ghost--active": "var(--xmlui-backgroundColor-Button-secondary-ghost--active)", "textColor-Button-secondary-ghost--active": "var(--xmlui-textColor-Button-secondary-ghost--active)", "fontFamily-Button-attention-ghost": "var(--xmlui-fontFamily-Button-attention-ghost)", "fontSize-Button-attention-ghost": "var(--xmlui-fontSize-Button-attention-ghost)", "fontWeight-Button-attention-ghost": "var(--xmlui-fontWeight-Button-attention-ghost)", "borderRadius-Button-attention-ghost": "var(--xmlui-borderRadius-Button-attention-ghost)", "borderWidth-Button-attention-ghost": "var(--xmlui-borderWidth-Button-attention-ghost)", "textColor-Button-attention-ghost": "var(--xmlui-textColor-Button-attention-ghost)", "outlineWidth-Button-attention-ghost--focus": "var(--xmlui-outlineWidth-Button-attention-ghost--focus)", "outlineColor-Button-attention-ghost--focus": "var(--xmlui-outlineColor-Button-attention-ghost--focus)", "outlineStyle-Button-attention-ghost--focus": "var(--xmlui-outlineStyle-Button-attention-ghost--focus)", "outlineOffset-Button-attention-ghost--focus": "var(--xmlui-outlineOffset-Button-attention-ghost--focus)", "backgroundColor-Button-attention-ghost--hover": "var(--xmlui-backgroundColor-Button-attention-ghost--hover)", "textColor-Button-attention-ghost--hover": "var(--xmlui-textColor-Button-attention-ghost--hover)", "backgroundColor-Button-attention-ghost--active": "var(--xmlui-backgroundColor-Button-attention-ghost--active)", "textColor-Button-attention-ghost--active": "var(--xmlui-textColor-Button-attention-ghost--active)"}'`,button:"_button_1rnn4_13",alignStart:"_alignStart_1rnn4_29",alignEnd:"_alignEnd_1rnn4_32",buttonHorizontal:"_buttonHorizontal_1rnn4_38",xs:"_xs_1rnn4_41",sm:"_sm_1rnn4_48",md:"_md_1rnn4_55",lg:"_lg_1rnn4_62",buttonVertical:"_buttonVertical_1rnn4_69",solidPrimary:"_solidPrimary_1rnn4_103",solidSecondary:"_solidSecondary_1rnn4_138",solidAttention:"_solidAttention_1rnn4_173",outlinedPrimary:"_outlinedPrimary_1rnn4_208",outlinedSecondary:"_outlinedSecondary_1rnn4_241",outlinedAttention:"_outlinedAttention_1rnn4_274",ghostPrimary:"_ghostPrimary_1rnn4_307",ghostSecondary:"_ghostSecondary_1rnn4_336",ghostAttention:"_ghostAttention_1rnn4_365"};function k({description:e,shortDescription:r,specializedFrom:t,status:o,props:a,events:n,contextVars:i,apis:l,nonVisual:d,opaque:v,themeVars:x,themeVarDescriptions:p,defaultThemeVars:C,toneSpecificThemeVars:f,allowArbitraryProps:g,docFolder:y,isHtmlTag:H}){return{description:e,shortDescription:r,specializedFrom:t,status:o,props:a,events:n,contextVars:i,apis:l,nonVisual:d,opaque:v,themeVars:x,defaultThemeVars:C,themeVarDescriptions:p,toneSpecificThemeVars:f,allowArbitraryProps:g,docFolder:y,isHtmlTag:H}}function m(e,r,t,o,a,n){return{description:e,isRequired:n,availableValues:r,valueType:t,defaultValue:o,isValid:a}}const ti=[{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."},{value:"_unfencedTop",description:"Allows embedded fenced frames to navigate the top-level frame, i.e. traversing beyond the root of the fenced frame."}],ra=[{value:"xs",description:"Extra small button"},{value:"sm",description:"Small button"},{value:"md",description:"Medium button"},{value:"lg",description:"Large button"}],Wl=[...["attention","primary","secondary"]],ta=[{value:"attention",description:"Attention state theme color"},{value:"primary",description:"Primary theme color"},{value:"secondary",description:"Secondary theme color"}],Vl=[{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."}],El=[...["solid","outlined","ghost"]],oa=[{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."}],oi=["start","center","end"],ai=[{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)"}],Bo=[{value:"horizontal",description:"The component will fill the available space horizontally"},{value:"vertical",description:"The component will fill the available space vertically"}],zl=[...["start","end"]],aa=[{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)"}],Pl=[{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"}],Dl=[{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"}],ii=[{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"}],Ml=[...["start","end"]],Fl=[{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"}],Rl=["top","bottom"],ni={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"},ql=[{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"}],li=["get","post","put","delete","patch","head","options","trace","connect"],si={keyPrefix:"xmlui",themeVars:'"[]"'};function Q(e){if(!e||typeof e!="string")return e;let r=e.replace(/(^['"])|(['"]$)/g,"");try{return JSON.parse(r)}catch{try{return JSON.parse(e.replace("(","{").replace(")","}").replace(/: ?([^,}]+)([,}])/g,': "$1"$2').replace(/([\s{,])(?!")([^:\s]+)+:/g,'$1"$2":'))}catch{return r}}}Q(si.keyPrefix),Q(si.themeVars);function Ve(e){return{description:e??"This property is for internal use only.",isInternal:!0}}function Mt(e){return{description:`This event is triggered when the ${e} is clicked.`}}function dr(e){return{description:`This event is triggered when the ${e} has received the focus.`}}function ur(e){return{description:`This event is triggered when the ${e} has lost the focus.`}}function Xe(e){return{description:`This event is triggered when value of ${e} has changed.`}}function di(e){return{description:"The `true` value of this property signals that the component is in an _intedeterminate state_.",defaultValue:e}}function Pe(){return{description:"This property sets the label of the component.",valueType:"string"}}function Lr(e){return{description:"Places the label at the given position of the component.",availableValues:ii,defaultValue:e??"top"}}function zr(e){return{description:`This property sets the width of the \`${e}\`.`}}function Pr(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 Qe(){return{description:"If this property is set to `true`, the component gets the focus automatically when displayed.",valueType:"boolean",defaultValue:!1}}function cr(e){return{description:"This property sets the component's initial value.",defaultValue:e}}function yr(e){return{description:"Set this property to `true` to disallow changing the component value.",valueType:"boolean",defaultValue:e??!1}}function Ue(e){return{description:"This boolean property value indicates whether the component responds to user events (`true`) or not (`false`).",valueType:"boolean",defaultValue:e??!0}}function ui(){return{description:"The `true` value of the property indicates if the user can select multiple items.",valueType:"boolean",defaultValue:!1}}function kr(e){return{description:"This property allows you to set the validation status of the input component.",availableValues:Fl,defaultValue:e??"none"}}function ci(){return{description:"You can query this read-only API property to query the component's current value (`true`: checked, `false`: unchecked)."}}function Dr(){return{description:"You can use this method to set the component's current value programmatically (`true`: checked, `false`: unchecked)."}}function Ae(e){return{description:e,valueType:"ComponentDef"}}function Ct(){return{description:"A placeholder text that is visible in the input field when its empty.",valueType:"string"}}function ho(){return{description:"This property sets the maximum length of the input it accepts.",valueType:"number"}}function Sr(){return{description:"Set this property to `true` to indicate it must have a value before submitting the containing form.",valueType:"boolean"}}function ia(){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.",valueType:"string"}}function na(){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.",valueType:"string"}}function la(){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.",valueType:"string"}}function sa(){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.",valueType:"string"}}function Ul(e){return{description:`This property indicates if the ${e} is expanded (\`true\`) or collapsed (\`false\`).`}}function Gl(e){return{description:`This method expands the ${e}.`}}function Yl(e){return{description:`This method collapses the ${e}.`}}function Mr(e){return{description:`This method sets the focus on the ${e}.`}}function Lo(){return{description:"You can query the component's value. If no value is set, it will retrieve `undefined`."}}function Xl(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 Ql(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 mi(e){return{description:`This property allows you to define a custom trigger instead of the default one provided by \`${e}\`.`,valueType:"ComponentDef"}}function pi(e,r=!1){return{description:"This property sets the main axis along which the nested components are rendered.",availableValues:Bo,valueType:"string",defaultValue:e,isRequired:r}}const hi={themeVars:`'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`,base:"_base_13qtg_13"};function _o(e){return e[0].toUpperCase()+e.substring(1)}const ke=e=>{const r=u.useRef(e);return u.useInsertionEffect(()=>{r.current=e},[e]),u.useCallback((...t)=>{const o=r.current;return o(...t)},[r])};function Zl(e,r,t){const o=De.throttle((a,n,i)=>{e(...i).then(a).catch(n)},r,t);return(...a)=>new Promise((n,i)=>{o(n,i,a)})}const jl=u.createContext(void 0);u.createContext(void 0);function Fr(){return u.useContext(jl)}function Jl(e){const{getResourceUrl:r}=Fr();return r(e)}const er=Object.freeze([]),yt=Object.freeze({}),ie=(...e)=>({}),Kl=(e,r)=>{const t=e==null?void 0:e.current,o=u.useRef();u.useEffect(()=>{o!=null&&o.current&&t&&o.current.unobserve(t),o.current=new ResizeObserver(r),e&&e.current&&o.current&&o.current.observe(e.current)},[r,t,e])};function xi(e){const r=u.useRef();return u.useEffect(()=>{r.current=e},[e]),r.current}function bi(e){const[r,t]=u.useState(!1);return u.useEffect(()=>{if(!window){t(!1);return}const o=window.matchMedia(e);return a(),o.addEventListener("change",a),()=>{o.removeEventListener("change",a)};function a(){t(o.matches)}},[e]),r}function es(e){const r=u.useRef({mountedFired:!1});u.useEffect(()=>{r.current.mountedFired||(r.current.mountedFired=!0,e==null||e())},[e])}const xo=typeof document<"u"?u.useLayoutEffect:u.useEffect,rs=u.createContext(null);function fi(){return u.useContext(rs)}const ts={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"},os=/[-:]/g;function as(e){const{ensureCustomSvgIcon:r,customSvgs:t}=fi();xo(()=>{e&&r(e)},[r,e]);const o=e?t[e]:null,a=u.useCallback(({style:n,className:i})=>{if(!o)return null;const{attributes:l,name:d}=o,v={};return Object.entries(l).forEach(([x,p])=>{let C=x;/^(data-|aria-)/.test(x)?C=x:C=x.replace(os,"").toLowerCase(),v[ts[C]||x]=p}),c.jsx("svg",{...v,style:n,className:i,children:c.jsx("use",{href:`#${d}`})})},[o]);return e?a:null}function is(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var vi={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var n="",i=0;i<arguments.length;i++){var l=arguments[i];l&&(n=a(n,o(l)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return r.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var l in n)t.call(n,l)&&n[l]&&(i=a(i,l));return i}function a(n,i){return i?n?n+" "+i:n+i:n}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(vi);var ns=vi.exports;const ne=is(ns),da="xmlui";function gi(e){if(typeof e=="string")return`var(--${da}-${e.substring(1)})`;if(e.defaultValue&&e.defaultValue.length>0){let t="";for(const r of e.defaultValue)t+=typeof r=="string"?r:gi(r);return`var(--${da}-${e.id.substring(1)}, ${t})`}else return`var(--${da}-${e.id.substring(1)})`}const fe=u.forwardRef(function({name:t,fallback:r,style:o,className:a,size:n,...i},l){var g;const d=us(t,r),v=typeof n=="string"?ds(n):n,f=v||i.width,p=v||i.height,C={className:ne(hi.base,a),...i,size:v,width:f,height:p,style:{...o,"--icon-width":f,"--icon-height":p}},b=ss(t);return b?c.jsx(ls,{...C,url:b,name:t}):((g=d==null?void 0:d.renderer)==null?void 0:g.call(d,C))||null});function ls(e){var f;const{url:t,width:r,height:o,name:a,style:n,className:i}=e,l=Jl(t),d=(f=l==null?void 0:l.toLowerCase())==null?void 0:f.endsWith(".svg"),v=as(l);if(l&&d){const p=v==null?void 0:v({style:n,className:i});return p||c.jsx("span",{style:n,className:i})}return c.jsx("img",{src:l,style:{width:r,height:o,...n},alt:a})}function ss(e){const{getResourceUrl:t}=Ft();return e&&t(`resource:icon.${e}`)}function ds(e){return/^\$[a-zA-Z0-9_$-]+$/g.test(e)?gi(e):{xs:"0.75em",sm:"1em",md:"1.5rem",lg:"2em"}[e]||e}function us(e,t){const r=bi();if(e&&typeof e=="string"){const o=":",a=e.split(o);if(a.length>1){const n=r.lookupIconRenderer(`${a[0].toLowerCase()}${o}${a[1]}`);if(n)return n}if(a.length===1){const n=r.lookupIconRenderer(a[0]);if(n)return n}}if(t&&typeof t=="string"){const o=r.lookupIconRenderer(t.toLowerCase());if(o)return o}return null}function Ti(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Jt(...e){return t=>{let r=!1;const o=e.map(a=>{const n=Ti(a,t);return!r&&typeof n=="function"&&(r=!0),n});if(r)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():Ti(e[a],null)}}}}const tt={type:"button",iconPosition:"start",contentPosition:"center",orientation:"horizontal",variant:"solid",themeColor:"primary",size:"sm"},rt=u.forwardRef(function({id:t,type:r=tt.type,icon:o,iconPosition:a=tt.iconPosition,contentPosition:n=tt.contentPosition,orientation:i=tt.orientation,variant:l=tt.variant,themeColor:d=tt.themeColor,size:v=tt.size,disabled:f,children:p,formId:C,onClick:b,onFocus:g,onBlur:y,style:H,gap:A,className:$,autoFocus:B,...E},U){const Z=u.useRef(null),P=U?Jt(U,Z):Z;u.useEffect(()=>{B&&setTimeout(()=>{var O;(O=Z.current)==null||O.focus()},0)},[B]);const W=a==="start";return c.jsxs("button",{...E,id:t,type:r,ref:P,className:ne($,ze.button,{[ze.buttonHorizontal]:i==="horizontal",[ze.buttonVertical]:i==="vertical",[ze.xs]:v==="xs",[ze.sm]:v==="sm",[ze.md]:v==="md",[ze.lg]:v==="lg",[ze.solidPrimary]:l==="solid"&&d==="primary",[ze.solidSecondary]:l==="solid"&&d==="secondary",[ze.solidAttention]:l==="solid"&&d==="attention",[ze.outlinedPrimary]:l==="outlined"&&d==="primary",[ze.outlinedSecondary]:l==="outlined"&&d==="secondary",[ze.outlinedAttention]:l==="outlined"&&d==="attention",[ze.ghostPrimary]:l==="ghost"&&d==="primary",[ze.ghostSecondary]:l==="ghost"&&d==="secondary",[ze.ghostAttention]:l==="ghost"&&d==="attention",[ze.alignStart]:n==="start",[ze.alignEnd]:n==="end"}),autoFocus:B,disabled:f,form:C,style:H,onClick:b,onFocus:g,onBlur:y,children:[W&&o,p,!W&&o]})}),q="Button",cs=k({description:"Button is an interactive element that triggers an action when clicked.",status:"stable",props:{autoFocus:{description:"Indicates if the button should receive focus when the page loads.",isRequired:!1,type:"boolean",defaultValue:!1},variant:{description:"The button variant determines the level of emphasis the button should possess.",isRequired:!1,type:"string",availableValues:oa,defaultValue:tt.variant},themeColor:{description:"Sets the button color scheme defined in the application theme.",isRequired:!1,type:"string",availableValues:ra,defaultValue:tt.themeColor},size:{description:"Sets the size of the button.",isRequired:!1,type:"string",availableValues:ta,defaultValue:tt.size},label:{description:`This property is an optional string to set a label for the ${q}. If no label is specified and an icon is set, the ${q} will modify its styling to look like a small icon button. When the ${q} has nested children, it will display them and ignore the value of the \`label\` prop.`,type:"string"},type:{description:`This optional string describes how the ${q} appears in an HTML context. You rarely need to set this property explicitly.`,availableValues:Vl,valueType:"string",defaultValue:tt.type},enabled:{description:"The value of this property indicates whether the button accepts actions (`true`) or does not react to them (`false`).",type:"boolean",defaultValue:!0},orientation:pi(tt.orientation),icon:{description:`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 ${q} displays only that icon.`,type:"string"},iconPosition:{description:`This optional string determines the location of the icon in the ${q}.`,availableValues:aa,type:"string",defaultValue:tt.iconPosition},contentPosition:{description:`This optional value determines how the label and icon (or nested children) should be placedinside the ${q} component.`,availableValues:ai,type:"string",defaultValue:tt.contentPosition}},events:{click:Mr(q),gotFocus:dt(q),lostFocus:ut(q)},themeVars:j(ze.themeVars),defaultThemeVars:{[`width-${q}`]:"fit-content",[`height-${q}`]:"fit-content",[`borderRadius-${q}`]:"$borderRadius",[`fontSize-${q}`]:"$fontSize-small",[`fontWeight-${q}`]:"$fontWeight-medium",[`backgroundColor-${q}-primary`]:"$color-primary-500",[`backgroundColor-${q}-attention`]:"$backgroundColor-attention",[`borderColor-${q}-attention`]:"$color-attention",[`backgroundColor-${q}--disabled`]:"$backgroundColor--disabled",[`borderColor-${q}--disabled`]:"$borderColor--disabled",[`borderStyle-${q}`]:"solid",[`textColor-${q}--disabled`]:"$textColor--disabled",[`outlineColor-${q}--focus`]:"$outlineColor--focus",[`borderWidth-${q}`]:"1px",[`outlineWidth-${q}--focus`]:"$outlineWidth--focus",[`outlineStyle-${q}--focus`]:"$outlineStyle--focus",[`outlineOffset-${q}--focus`]:"$outlineOffset--focus",[`paddingHorizontal-${q}-xs`]:"$space-1",[`paddingVertical-${q}-xs`]:"$space-0_5",[`paddingHorizontal-${q}-sm`]:"$space-4",[`paddingVertical-${q}-sm`]:"$space-2",[`paddingHorizontal-${q}-md`]:"$space-4",[`paddingVertical-${q}-md`]:"$space-3",[`paddingHorizontal-${q}-lg`]:"$space-5",[`paddingVertical-${q}-lg`]:"$space-4",light:{[`textColor-${q}`]:"$color-surface-950",[`textColor-${q}-solid`]:"$color-surface-50",[`borderColor-${q}-primary`]:"$color-primary-500",[`backgroundColor-${q}-primary--hover`]:"$color-primary-400",[`backgroundColor-${q}-primary--active`]:"$color-primary-500",[`backgroundColor-${q}-primary-outlined--hover`]:"$color-primary-50",[`backgroundColor-${q}-primary-outlined--active`]:"$color-primary-100",[`borderColor-${q}-primary-outlined`]:"$color-primary-600",[`borderColor-${q}-primary-outlined--hover`]:"$color-primary-500",[`textColor-${q}-primary-outlined`]:"$color-primary-900",[`textColor-${q}-primary-outlined--hover`]:"$color-primary-950",[`textColor-${q}-primary-outlined--active`]:"$color-primary-900",[`backgroundColor-${q}-primary-ghost--hover`]:"$color-primary-50",[`backgroundColor-${q}-primary-ghost--active`]:"$color-primary-100",[`borderColor-${q}-secondary`]:"$color-secondary-100",[`backgroundColor-${q}-secondary`]:"$color-secondary-500",[`backgroundColor-${q}-secondary--hover`]:"$color-secondary-400",[`backgroundColor-${q}-secondary--active`]:"$color-secondary-500",[`backgroundColor-${q}-secondary-outlined--hover`]:"$color-secondary-50",[`backgroundColor-${q}-secondary-outlined--active`]:"$color-secondary-100",[`backgroundColor-${q}-secondary-ghost--hover`]:"$color-secondary-100",[`backgroundColor-${q}-secondary-ghost--active`]:"$color-secondary-100",[`backgroundColor-${q}-attention--hover`]:"$color-danger-400",[`backgroundColor-${q}-attention--active`]:"$color-danger-500",[`backgroundColor-${q}-attention-outlined--hover`]:"$color-danger-50",[`backgroundColor-${q}-attention-outlined--active`]:"$color-danger-100",[`backgroundColor-${q}-attention-ghost--hover`]:"$color-danger-50",[`backgroundColor-${q}-attention-ghost--active`]:"$color-danger-100"},dark:{[`textColor-${q}`]:"$color-surface-50",[`textColor-${q}-solid`]:"$color-surface-50",[`borderColor-${q}-primary`]:"$color-primary-500",[`backgroundColor-${q}-primary--hover`]:"$color-primary-600",[`backgroundColor-${q}-primary--active`]:"$color-primary-500",[`backgroundColor-${q}-primary-outlined--hover`]:"$color-primary-900",[`backgroundColor-${q}-primary-outlined--active`]:"$color-primary-950",[`borderColor-${q}-primary-outlined`]:"$color-primary-600",[`borderColor-${q}-primary-outlined--hover`]:"$color-primary-500",[`textColor-${q}-primary-outlined`]:"$color-primary-100",[`textColor-${q}-primary-outlined--hover`]:"$color-primary-50",[`textColor-${q}-primary-outlined--active`]:"$color-primary-100",[`backgroundColor-${q}-primary-ghost--hover`]:"$color-primary-900",[`backgroundColor-${q}-primary-ghost--active`]:"$color-primary-950",[`borderColor-${q}-secondary`]:"$color-secondary-500",[`backgroundColor-${q}-secondary`]:"$color-secondary-500",[`backgroundColor-${q}-secondary--hover`]:"$color-secondary-400",[`backgroundColor-${q}-secondary--active`]:"$color-secondary-500",[`backgroundColor-${q}-secondary-outlined--hover`]:"$color-secondary-600",[`backgroundColor-${q}-secondary-outlined--active`]:"$color-secondary-500",[`backgroundColor-${q}-secondary-ghost--hover`]:"$color-secondary-900",[`backgroundColor-${q}-secondary-ghost--active`]:"$color-secondary-950",[`backgroundColor-${q}-attention--hover`]:"$color-danger-400",[`backgroundColor-${q}-attention--active`]:"$color-danger-500",[`backgroundColor-${q}-attention-outlined--hover`]:"$color-danger-900",[`backgroundColor-${q}-attention-outlined--active`]:"$color-danger-950",[`backgroundColor-${q}-attention-ghost--hover`]:"$color-danger-900",[`backgroundColor-${q}-attention-ghost--active`]:"$color-danger-950"}}}),_t={themeVars:`'{"backgroundColor-Stack--hover": "var(--xmlui-backgroundColor-Stack--hover)", "border-Stack--hover": "var(--xmlui-border-Stack--hover)"}'`,base:"_base_1qnyy_13",hoverContainer:"_hoverContainer_1qnyy_26",handlesClick:"_handlesClick_1qnyy_39",vertical:"_vertical_1qnyy_43",reverse:"_reverse_1qnyy_47",horizontal:"_horizontal_1qnyy_51",justifyItemsStart:"_justifyItemsStart_1qnyy_59",justifyItemsCenter:"_justifyItemsCenter_1qnyy_63",justifyItemsStretch:"_justifyItemsStretch_1qnyy_67",justifyItemsEnd:"_justifyItemsEnd_1qnyy_71",alignItemsStart:"_alignItemsStart_1qnyy_76",alignItemsCenter:"_alignItemsCenter_1qnyy_80",alignItemsStretch:"_alignItemsStretch_1qnyy_84",alignItemsEnd:"_alignItemsEnd_1qnyy_88"};function ms(e,t,r){return u.useMemo(()=>e==="horizontal"?{horizontal:t&&_t[`justifyItems${_o(t)}`],vertical:r&&_t[`alignItems${_o(r)}`]}:{horizontal:t&&_t[`alignItems${_o(t)}`],vertical:r&&_t[`justifyItems${_o(r)}`]},[e,t,r])}const Ci="vertical",fo=u.forwardRef(function({uid:t,children:r,orientation:o=Ci,horizontalAlignment:a,verticalAlignment:n,style:i,reverse:l,hoverContainer:d,visibleOnHover:v,onClick:f,onMount:p,...C},b){es(p);const{horizontal:g,vertical:y}=ms(o,a,n);return c.jsx("div",{...C,onClick:f,ref:b,style:i,className:ne(_t.base,{[_t.vertical]:o==="vertical",[_t.horizontal]:o==="horizontal",[_t.reverse]:l,[_t.hoverContainer]:d,"display-on-hover":v,[_t.handlesClick]:!!f},g??"",y??""),children:r})}),bo="Stack",Ao=k({description:"`Stack` is a layout container displaying children in a horizontal or vertical stack.",props:{gap:{description:"Optional size value indicating the gap between child elements.",valueType:"string",defaultValue:"$gap-normal"},reverse:{description:"Optional boolean property to reverse the order of child elements.",valueType:"boolean",defaultValue:!1},wrapContent:{description:"Optional boolean which wraps the content if set to true and the available space is not big enough. Works only with horizontal orientations.",valueType:"boolean",defaultValue:!1},orientation:{description:"An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column).",availableValues:["horizontal","vertical"],valueType:"string",defaultValue:Ci},horizontalAlignment:{description:"Manages the horizontal content alignment for each child element in the Stack.",availableValues:oi,valueType:"string",defaultValue:"start"},verticalAlignment:{description:"Manages the vertical content alignment for each child element in the Stack.",availableValues:oi,valueType:"string",defaultValue:"start"},hoverContainer:Ve("Reserved for future use"),visibleOnHover:Ve("Reserved for future use")},events:{click:Mr(bo),mounted:Ve("Reserved for future use")},themeVars:j(_t.themeVars)}),vo={...Ao,props:{...Ao.props}},ps={...vo,specializedFrom:bo,description:"This component represents a stack rendering its contents vertically.",props:{...Ao.props}},hs={...vo,specializedFrom:bo,description:"This component represents a stack rendering its contents horizontally.",props:{...Ao.props}},xs={...vo,specializedFrom:bo,description:"This component represents a stack that renders its contents vertically and aligns that in the center along both axes."},fs={...vo,specializedFrom:bo,description:"This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."},At={themeVars:`'{"Input:borderRadius-TextBox-default": "var(--xmlui-borderRadius-TextBox-default)", "Input:borderColor-TextBox-default": "var(--xmlui-borderColor-TextBox-default)", "Input:borderWidth-TextBox-default": "var(--xmlui-borderWidth-TextBox-default)", "Input:borderStyle-TextBox-default": "var(--xmlui-borderStyle-TextBox-default)", "Input:fontSize-TextBox-default": "var(--xmlui-fontSize-TextBox-default)", "Input:padding-TextBox-default": "var(--xmlui-padding-TextBox-default)", "Input:backgroundColor-TextBox-default": "var(--xmlui-backgroundColor-TextBox-default)", "Input:boxShadow-TextBox-default": "var(--xmlui-boxShadow-TextBox-default)", "Input:textColor-TextBox-default": "var(--xmlui-textColor-TextBox-default)", "Input:borderColor-TextBox-default--hover": "var(--xmlui-borderColor-TextBox-default--hover)", "Input:backgroundColor-TextBox-default--hover": "var(--xmlui-backgroundColor-TextBox-default--hover)", "Input:boxShadow-TextBox-default--hover": "var(--xmlui-boxShadow-TextBox-default--hover)", "Input:textColor-TextBox-default--hover": "var(--xmlui-textColor-TextBox-default--hover)", "Input:borderColor-TextBox-default--focus": "var(--xmlui-borderColor-TextBox-default--focus)", "Input:backgroundColor-TextBox-default--focus": "var(--xmlui-backgroundColor-TextBox-default--focus)", "Input:boxShadow-TextBox-default--focus": "var(--xmlui-boxShadow-TextBox-default--focus)", "Input:textColor-TextBox-default--focus": "var(--xmlui-textColor-TextBox-default--focus)", "Input:outlineWidth-TextBox-default--focus": "var(--xmlui-outlineWidth-TextBox-default--focus)", "Input:outlineColor-TextBox-default--focus": "var(--xmlui-outlineColor-TextBox-default--focus)", "Input:outlineStyle-TextBox-default--focus": "var(--xmlui-outlineStyle-TextBox-default--focus)", "Input:outlineOffset-TextBox-default--focus": "var(--xmlui-outlineOffset-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:borderRadius-TextBox-error": "var(--xmlui-borderRadius-TextBox-error)", "Input:borderColor-TextBox-error": "var(--xmlui-borderColor-TextBox-error)", "Input:borderWidth-TextBox-error": "var(--xmlui-borderWidth-TextBox-error)", "Input:borderStyle-TextBox-error": "var(--xmlui-borderStyle-TextBox-error)", "Input:fontSize-TextBox-error": "var(--xmlui-fontSize-TextBox-error)", "Input:padding-TextBox-error": "var(--xmlui-padding-TextBox-error)", "Input:backgroundColor-TextBox-error": "var(--xmlui-backgroundColor-TextBox-error)", "Input:boxShadow-TextBox-error": "var(--xmlui-boxShadow-TextBox-error)", "Input:textColor-TextBox-error": "var(--xmlui-textColor-TextBox-error)", "Input:borderColor-TextBox-error--hover": "var(--xmlui-borderColor-TextBox-error--hover)", "Input:backgroundColor-TextBox-error--hover": "var(--xmlui-backgroundColor-TextBox-error--hover)", "Input:boxShadow-TextBox-error--hover": "var(--xmlui-boxShadow-TextBox-error--hover)", "Input:textColor-TextBox-error--hover": "var(--xmlui-textColor-TextBox-error--hover)", "Input:borderColor-TextBox-error--focus": "var(--xmlui-borderColor-TextBox-error--focus)", "Input:backgroundColor-TextBox-error--focus": "var(--xmlui-backgroundColor-TextBox-error--focus)", "Input:boxShadow-TextBox-error--focus": "var(--xmlui-boxShadow-TextBox-error--focus)", "Input:textColor-TextBox-error--focus": "var(--xmlui-textColor-TextBox-error--focus)", "Input:outlineWidth-TextBox-error--focus": "var(--xmlui-outlineWidth-TextBox-error--focus)", "Input:outlineColor-TextBox-error--focus": "var(--xmlui-outlineColor-TextBox-error--focus)", "Input:outlineStyle-TextBox-error--focus": "var(--xmlui-outlineStyle-TextBox-error--focus)", "Input:outlineOffset-TextBox-error--focus": "var(--xmlui-outlineOffset-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:borderRadius-TextBox-warning": "var(--xmlui-borderRadius-TextBox-warning)", "Input:borderColor-TextBox-warning": "var(--xmlui-borderColor-TextBox-warning)", "Input:borderWidth-TextBox-warning": "var(--xmlui-borderWidth-TextBox-warning)", "Input:borderStyle-TextBox-warning": "var(--xmlui-borderStyle-TextBox-warning)", "Input:fontSize-TextBox-warning": "var(--xmlui-fontSize-TextBox-warning)", "Input:padding-TextBox-warning": "var(--xmlui-padding-TextBox-warning)", "Input:backgroundColor-TextBox-warning": "var(--xmlui-backgroundColor-TextBox-warning)", "Input:boxShadow-TextBox-warning": "var(--xmlui-boxShadow-TextBox-warning)", "Input:textColor-TextBox-warning": "var(--xmlui-textColor-TextBox-warning)", "Input:borderColor-TextBox-warning--hover": "var(--xmlui-borderColor-TextBox-warning--hover)", "Input:backgroundColor-TextBox-warning--hover": "var(--xmlui-backgroundColor-TextBox-warning--hover)", "Input:boxShadow-TextBox-warning--hover": "var(--xmlui-boxShadow-TextBox-warning--hover)", "Input:textColor-TextBox-warning--hover": "var(--xmlui-textColor-TextBox-warning--hover)", "Input:borderColor-TextBox-warning--focus": "var(--xmlui-borderColor-TextBox-warning--focus)", "Input:backgroundColor-TextBox-warning--focus": "var(--xmlui-backgroundColor-TextBox-warning--focus)", "Input:boxShadow-TextBox-warning--focus": "var(--xmlui-boxShadow-TextBox-warning--focus)", "Input:textColor-TextBox-warning--focus": "var(--xmlui-textColor-TextBox-warning--focus)", "Input:outlineWidth-TextBox-warning--focus": "var(--xmlui-outlineWidth-TextBox-warning--focus)", "Input:outlineColor-TextBox-warning--focus": "var(--xmlui-outlineColor-TextBox-warning--focus)", "Input:outlineStyle-TextBox-warning--focus": "var(--xmlui-outlineStyle-TextBox-warning--focus)", "Input:outlineOffset-TextBox-warning--focus": "var(--xmlui-outlineOffset-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:borderRadius-TextBox-success": "var(--xmlui-borderRadius-TextBox-success)", "Input:borderColor-TextBox-success": "var(--xmlui-borderColor-TextBox-success)", "Input:borderWidth-TextBox-success": "var(--xmlui-borderWidth-TextBox-success)", "Input:borderStyle-TextBox-success": "var(--xmlui-borderStyle-TextBox-success)", "Input:fontSize-TextBox-success": "var(--xmlui-fontSize-TextBox-success)", "Input:padding-TextBox-success": "var(--xmlui-padding-TextBox-success)", "Input:backgroundColor-TextBox-success": "var(--xmlui-backgroundColor-TextBox-success)", "Input:boxShadow-TextBox-success": "var(--xmlui-boxShadow-TextBox-success)", "Input:textColor-TextBox-success": "var(--xmlui-textColor-TextBox-success)", "Input:borderColor-TextBox-success--hover": "var(--xmlui-borderColor-TextBox-success--hover)", "Input:backgroundColor-TextBox-success--hover": "var(--xmlui-backgroundColor-TextBox-success--hover)", "Input:boxShadow-TextBox-success--hover": "var(--xmlui-boxShadow-TextBox-success--hover)", "Input:textColor-TextBox-success--hover": "var(--xmlui-textColor-TextBox-success--hover)", "Input:borderColor-TextBox-success--focus": "var(--xmlui-borderColor-TextBox-success--focus)", "Input:backgroundColor-TextBox-success--focus": "var(--xmlui-backgroundColor-TextBox-success--focus)", "Input:boxShadow-TextBox-success--focus": "var(--xmlui-boxShadow-TextBox-success--focus)", "Input:textColor-TextBox-success--focus": "var(--xmlui-textColor-TextBox-success--focus)", "Input:outlineWidth-TextBox-success--focus": "var(--xmlui-outlineWidth-TextBox-success--focus)", "Input:outlineColor-TextBox-success--focus": "var(--xmlui-outlineColor-TextBox-success--focus)", "Input:outlineStyle-TextBox-success--focus": "var(--xmlui-outlineStyle-TextBox-success--focus)", "Input:outlineOffset-TextBox-success--focus": "var(--xmlui-outlineOffset-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:backgroundColor-TextBox--disabled": "var(--xmlui-backgroundColor-TextBox--disabled)", "Input:textColor-TextBox--disabled": "var(--xmlui-textColor-TextBox--disabled)", "Input:borderColor-TextBox--disabled": "var(--xmlui-borderColor-TextBox--disabled)"}'`,inputRoot:"_inputRoot_ley74_13",input:"_input_ley74_13",adornment:"_adornment_ley74_53",error:"_error_ley74_56",warning:"_warning_ley74_91",valid:"_valid_ley74_126",readOnly:"_readOnly_ley74_181"},bs={wrapper:"_wrapper_wg0td_13"},Fr={themeVars:`'{"fontFamily-Text-abbr": "var(--xmlui-fontFamily-Text-abbr)", "fontSize-Text-abbr": "var(--xmlui-fontSize-Text-abbr)", "fontWeight-Text-abbr": "var(--xmlui-fontWeight-Text-abbr)", "font-style-Text-abbr": "var(--xmlui-font-style-Text-abbr)", "font-stretch-Text-abbr": "var(--xmlui-font-stretch-Text-abbr)", "textDecorationLine-Text-abbr": "var(--xmlui-textDecorationLine-Text-abbr)", "textDecorationColor-Text-abbr": "var(--xmlui-textDecorationColor-Text-abbr)", "textDecorationStyle-Text-abbr": "var(--xmlui-textDecorationStyle-Text-abbr)", "textDecorationThickness-Text-abbr": "var(--xmlui-textDecorationThickness-Text-abbr)", "textUnderlineOffset-Text-abbr": "var(--xmlui-textUnderlineOffset-Text-abbr)", "lineHeight-Text-abbr": "var(--xmlui-lineHeight-Text-abbr)", "textColor-Text-abbr": "var(--xmlui-textColor-Text-abbr)", "backgroundColor-Text-abbr": "var(--xmlui-backgroundColor-Text-abbr)", "borderRadius-Text-abbr": "var(--xmlui-borderRadius-Text-abbr)", "borderColor-Text-abbr": "var(--xmlui-borderColor-Text-abbr)", "borderWidth-Text-abbr": "var(--xmlui-borderWidth-Text-abbr)", "borderStyle-Text-abbr": "var(--xmlui-borderStyle-Text-abbr)", "marginTop-Text-abbr": "var(--xmlui-marginTop-Text-abbr)", "marginBottom-Text-abbr": "var(--xmlui-marginBottom-Text-abbr)", "textTransform-Text-abbr": "var(--xmlui-textTransform-Text-abbr)", "verticalAlign-Text-abbr": "var(--xmlui-verticalAlign-Text-abbr)", "letterSpacing-Text-abbr": "var(--xmlui-letterSpacing-Text-abbr)", "fontFamily-Text-cite": "var(--xmlui-fontFamily-Text-cite)", "fontSize-Text-cite": "var(--xmlui-fontSize-Text-cite)", "fontWeight-Text-cite": "var(--xmlui-fontWeight-Text-cite)", "font-style-Text-cite": "var(--xmlui-font-style-Text-cite)", "font-stretch-Text-cite": "var(--xmlui-font-stretch-Text-cite)", "textDecorationLine-Text-cite": "var(--xmlui-textDecorationLine-Text-cite)", "textDecorationColor-Text-cite": "var(--xmlui-textDecorationColor-Text-cite)", "textDecorationStyle-Text-cite": "var(--xmlui-textDecorationStyle-Text-cite)", "textDecorationThickness-Text-cite": "var(--xmlui-textDecorationThickness-Text-cite)", "textUnderlineOffset-Text-cite": "var(--xmlui-textUnderlineOffset-Text-cite)", "lineHeight-Text-cite": "var(--xmlui-lineHeight-Text-cite)", "textColor-Text-cite": "var(--xmlui-textColor-Text-cite)", "backgroundColor-Text-cite": "var(--xmlui-backgroundColor-Text-cite)", "borderRadius-Text-cite": "var(--xmlui-borderRadius-Text-cite)", "borderColor-Text-cite": "var(--xmlui-borderColor-Text-cite)", "borderWidth-Text-cite": "var(--xmlui-borderWidth-Text-cite)", "borderStyle-Text-cite": "var(--xmlui-borderStyle-Text-cite)", "marginTop-Text-cite": "var(--xmlui-marginTop-Text-cite)", "marginBottom-Text-cite": "var(--xmlui-marginBottom-Text-cite)", "textTransform-Text-cite": "var(--xmlui-textTransform-Text-cite)", "verticalAlign-Text-cite": "var(--xmlui-verticalAlign-Text-cite)", "letterSpacing-Text-cite": "var(--xmlui-letterSpacing-Text-cite)", "fontFamily-Text-code": "var(--xmlui-fontFamily-Text-code)", "fontSize-Text-code": "var(--xmlui-fontSize-Text-code)", "fontWeight-Text-code": "var(--xmlui-fontWeight-Text-code)", "font-style-Text-code": "var(--xmlui-font-style-Text-code)", "font-stretch-Text-code": "var(--xmlui-font-stretch-Text-code)", "textDecorationLine-Text-code": "var(--xmlui-textDecorationLine-Text-code)", "textDecorationColor-Text-code": "var(--xmlui-textDecorationColor-Text-code)", "textDecorationStyle-Text-code": "var(--xmlui-textDecorationStyle-Text-code)", "textDecorationThickness-Text-code": "var(--xmlui-textDecorationThickness-Text-code)", "textUnderlineOffset-Text-code": "var(--xmlui-textUnderlineOffset-Text-code)", "lineHeight-Text-code": "var(--xmlui-lineHeight-Text-code)", "textColor-Text-code": "var(--xmlui-textColor-Text-code)", "backgroundColor-Text-code": "var(--xmlui-backgroundColor-Text-code)", "borderRadius-Text-code": "var(--xmlui-borderRadius-Text-code)", "borderColor-Text-code": "var(--xmlui-borderColor-Text-code)", "borderWidth-Text-code": "var(--xmlui-borderWidth-Text-code)", "borderStyle-Text-code": "var(--xmlui-borderStyle-Text-code)", "marginTop-Text-code": "var(--xmlui-marginTop-Text-code)", "marginBottom-Text-code": "var(--xmlui-marginBottom-Text-code)", "textTransform-Text-code": "var(--xmlui-textTransform-Text-code)", "verticalAlign-Text-code": "var(--xmlui-verticalAlign-Text-code)", "letterSpacing-Text-code": "var(--xmlui-letterSpacing-Text-code)", "fontFamily-Text-codefence": "var(--xmlui-fontFamily-Text-codefence)", "fontSize-Text-codefence": "var(--xmlui-fontSize-Text-codefence)", "fontWeight-Text-codefence": "var(--xmlui-fontWeight-Text-codefence)", "font-style-Text-codefence": "var(--xmlui-font-style-Text-codefence)", "font-stretch-Text-codefence": "var(--xmlui-font-stretch-Text-codefence)", "textDecorationLine-Text-codefence": "var(--xmlui-textDecorationLine-Text-codefence)", "textDecorationColor-Text-codefence": "var(--xmlui-textDecorationColor-Text-codefence)", "textDecorationStyle-Text-codefence": "var(--xmlui-textDecorationStyle-Text-codefence)", "textDecorationThickness-Text-codefence": "var(--xmlui-textDecorationThickness-Text-codefence)", "textUnderlineOffset-Text-codefence": "var(--xmlui-textUnderlineOffset-Text-codefence)", "lineHeight-Text-codefence": "var(--xmlui-lineHeight-Text-codefence)", "textColor-Text-codefence": "var(--xmlui-textColor-Text-codefence)", "backgroundColor-Text-codefence": "var(--xmlui-backgroundColor-Text-codefence)", "borderRadius-Text-codefence": "var(--xmlui-borderRadius-Text-codefence)", "borderColor-Text-codefence": "var(--xmlui-borderColor-Text-codefence)", "borderWidth-Text-codefence": "var(--xmlui-borderWidth-Text-codefence)", "borderStyle-Text-codefence": "var(--xmlui-borderStyle-Text-codefence)", "marginTop-Text-codefence": "var(--xmlui-marginTop-Text-codefence)", "marginBottom-Text-codefence": "var(--xmlui-marginBottom-Text-codefence)", "textTransform-Text-codefence": "var(--xmlui-textTransform-Text-codefence)", "verticalAlign-Text-codefence": "var(--xmlui-verticalAlign-Text-codefence)", "letterSpacing-Text-codefence": "var(--xmlui-letterSpacing-Text-codefence)", "fontFamily-Text-deleted": "var(--xmlui-fontFamily-Text-deleted)", "fontSize-Text-deleted": "var(--xmlui-fontSize-Text-deleted)", "fontWeight-Text-deleted": "var(--xmlui-fontWeight-Text-deleted)", "font-style-Text-deleted": "var(--xmlui-font-style-Text-deleted)", "font-stretch-Text-deleted": "var(--xmlui-font-stretch-Text-deleted)", "textDecorationLine-Text-deleted": "var(--xmlui-textDecorationLine-Text-deleted)", "textDecorationColor-Text-deleted": "var(--xmlui-textDecorationColor-Text-deleted)", "textDecorationStyle-Text-deleted": "var(--xmlui-textDecorationStyle-Text-deleted)", "textDecorationThickness-Text-deleted": "var(--xmlui-textDecorationThickness-Text-deleted)", "textUnderlineOffset-Text-deleted": "var(--xmlui-textUnderlineOffset-Text-deleted)", "lineHeight-Text-deleted": "var(--xmlui-lineHeight-Text-deleted)", "textColor-Text-deleted": "var(--xmlui-textColor-Text-deleted)", "backgroundColor-Text-deleted": "var(--xmlui-backgroundColor-Text-deleted)", "borderRadius-Text-deleted": "var(--xmlui-borderRadius-Text-deleted)", "borderColor-Text-deleted": "var(--xmlui-borderColor-Text-deleted)", "borderWidth-Text-deleted": "var(--xmlui-borderWidth-Text-deleted)", "borderStyle-Text-deleted": "var(--xmlui-borderStyle-Text-deleted)", "marginTop-Text-deleted": "var(--xmlui-marginTop-Text-deleted)", "marginBottom-Text-deleted": "var(--xmlui-marginBottom-Text-deleted)", "textTransform-Text-deleted": "var(--xmlui-textTransform-Text-deleted)", "verticalAlign-Text-deleted": "var(--xmlui-verticalAlign-Text-deleted)", "letterSpacing-Text-deleted": "var(--xmlui-letterSpacing-Text-deleted)", "fontFamily-Text-inserted": "var(--xmlui-fontFamily-Text-inserted)", "fontSize-Text-inserted": "var(--xmlui-fontSize-Text-inserted)", "fontWeight-Text-inserted": "var(--xmlui-fontWeight-Text-inserted)", "font-style-Text-inserted": "var(--xmlui-font-style-Text-inserted)", "font-stretch-Text-inserted": "var(--xmlui-font-stretch-Text-inserted)", "textDecorationLine-Text-inserted": "var(--xmlui-textDecorationLine-Text-inserted)", "textDecorationColor-Text-inserted": "var(--xmlui-textDecorationColor-Text-inserted)", "textDecorationStyle-Text-inserted": "var(--xmlui-textDecorationStyle-Text-inserted)", "textDecorationThickness-Text-inserted": "var(--xmlui-textDecorationThickness-Text-inserted)", "textUnderlineOffset-Text-inserted": "var(--xmlui-textUnderlineOffset-Text-inserted)", "lineHeight-Text-inserted": "var(--xmlui-lineHeight-Text-inserted)", "textColor-Text-inserted": "var(--xmlui-textColor-Text-inserted)", "backgroundColor-Text-inserted": "var(--xmlui-backgroundColor-Text-inserted)", "borderRadius-Text-inserted": "var(--xmlui-borderRadius-Text-inserted)", "borderColor-Text-inserted": "var(--xmlui-borderColor-Text-inserted)", "borderWidth-Text-inserted": "var(--xmlui-borderWidth-Text-inserted)", "borderStyle-Text-inserted": "var(--xmlui-borderStyle-Text-inserted)", "marginTop-Text-inserted": "var(--xmlui-marginTop-Text-inserted)", "marginBottom-Text-inserted": "var(--xmlui-marginBottom-Text-inserted)", "textTransform-Text-inserted": "var(--xmlui-textTransform-Text-inserted)", "verticalAlign-Text-inserted": "var(--xmlui-verticalAlign-Text-inserted)", "letterSpacing-Text-inserted": "var(--xmlui-letterSpacing-Text-inserted)", "fontFamily-Text-keyboard": "var(--xmlui-fontFamily-Text-keyboard)", "fontSize-Text-keyboard": "var(--xmlui-fontSize-Text-keyboard)", "fontWeight-Text-keyboard": "var(--xmlui-fontWeight-Text-keyboard)", "font-style-Text-keyboard": "var(--xmlui-font-style-Text-keyboard)", "font-stretch-Text-keyboard": "var(--xmlui-font-stretch-Text-keyboard)", "textDecorationLine-Text-keyboard": "var(--xmlui-textDecorationLine-Text-keyboard)", "textDecorationColor-Text-keyboard": "var(--xmlui-textDecorationColor-Text-keyboard)", "textDecorationStyle-Text-keyboard": "var(--xmlui-textDecorationStyle-Text-keyboard)", "textDecorationThickness-Text-keyboard": "var(--xmlui-textDecorationThickness-Text-keyboard)", "textUnderlineOffset-Text-keyboard": "var(--xmlui-textUnderlineOffset-Text-keyboard)", "lineHeight-Text-keyboard": "var(--xmlui-lineHeight-Text-keyboard)", "textColor-Text-keyboard": "var(--xmlui-textColor-Text-keyboard)", "backgroundColor-Text-keyboard": "var(--xmlui-backgroundColor-Text-keyboard)", "borderRadius-Text-keyboard": "var(--xmlui-borderRadius-Text-keyboard)", "borderColor-Text-keyboard": "var(--xmlui-borderColor-Text-keyboard)", "borderWidth-Text-keyboard": "var(--xmlui-borderWidth-Text-keyboard)", "borderStyle-Text-keyboard": "var(--xmlui-borderStyle-Text-keyboard)", "marginTop-Text-keyboard": "var(--xmlui-marginTop-Text-keyboard)", "marginBottom-Text-keyboard": "var(--xmlui-marginBottom-Text-keyboard)", "textTransform-Text-keyboard": "var(--xmlui-textTransform-Text-keyboard)", "verticalAlign-Text-keyboard": "var(--xmlui-verticalAlign-Text-keyboard)", "letterSpacing-Text-keyboard": "var(--xmlui-letterSpacing-Text-keyboard)", "fontFamily-Text-marked": "var(--xmlui-fontFamily-Text-marked)", "fontSize-Text-marked": "var(--xmlui-fontSize-Text-marked)", "fontWeight-Text-marked": "var(--xmlui-fontWeight-Text-marked)", "font-style-Text-marked": "var(--xmlui-font-style-Text-marked)", "font-stretch-Text-marked": "var(--xmlui-font-stretch-Text-marked)", "textDecorationLine-Text-marked": "var(--xmlui-textDecorationLine-Text-marked)", "textDecorationColor-Text-marked": "var(--xmlui-textDecorationColor-Text-marked)", "textDecorationStyle-Text-marked": "var(--xmlui-textDecorationStyle-Text-marked)", "textDecorationThickness-Text-marked": "var(--xmlui-textDecorationThickness-Text-marked)", "textUnderlineOffset-Text-marked": "var(--xmlui-textUnderlineOffset-Text-marked)", "lineHeight-Text-marked": "var(--xmlui-lineHeight-Text-marked)", "textColor-Text-marked": "var(--xmlui-textColor-Text-marked)", "backgroundColor-Text-marked": "var(--xmlui-backgroundColor-Text-marked)", "borderRadius-Text-marked": "var(--xmlui-borderRadius-Text-marked)", "borderColor-Text-marked": "var(--xmlui-borderColor-Text-marked)", "borderWidth-Text-marked": "var(--xmlui-borderWidth-Text-marked)", "borderStyle-Text-marked": "var(--xmlui-borderStyle-Text-marked)", "marginTop-Text-marked": "var(--xmlui-marginTop-Text-marked)", "marginBottom-Text-marked": "var(--xmlui-marginBottom-Text-marked)", "textTransform-Text-marked": "var(--xmlui-textTransform-Text-marked)", "verticalAlign-Text-marked": "var(--xmlui-verticalAlign-Text-marked)", "letterSpacing-Text-marked": "var(--xmlui-letterSpacing-Text-marked)", "fontFamily-Text-mono": "var(--xmlui-fontFamily-Text-mono)", "fontSize-Text-mono": "var(--xmlui-fontSize-Text-mono)", "fontWeight-Text-mono": "var(--xmlui-fontWeight-Text-mono)", "font-style-Text-mono": "var(--xmlui-font-style-Text-mono)", "font-stretch-Text-mono": "var(--xmlui-font-stretch-Text-mono)", "textDecorationLine-Text-mono": "var(--xmlui-textDecorationLine-Text-mono)", "textDecorationColor-Text-mono": "var(--xmlui-textDecorationColor-Text-mono)", "textDecorationStyle-Text-mono": "var(--xmlui-textDecorationStyle-Text-mono)", "textDecorationThickness-Text-mono": "var(--xmlui-textDecorationThickness-Text-mono)", "textUnderlineOffset-Text-mono": "var(--xmlui-textUnderlineOffset-Text-mono)", "lineHeight-Text-mono": "var(--xmlui-lineHeight-Text-mono)", "textColor-Text-mono": "var(--xmlui-textColor-Text-mono)", "backgroundColor-Text-mono": "var(--xmlui-backgroundColor-Text-mono)", "borderRadius-Text-mono": "var(--xmlui-borderRadius-Text-mono)", "borderColor-Text-mono": "var(--xmlui-borderColor-Text-mono)", "borderWidth-Text-mono": "var(--xmlui-borderWidth-Text-mono)", "borderStyle-Text-mono": "var(--xmlui-borderStyle-Text-mono)", "marginTop-Text-mono": "var(--xmlui-marginTop-Text-mono)", "marginBottom-Text-mono": "var(--xmlui-marginBottom-Text-mono)", "textTransform-Text-mono": "var(--xmlui-textTransform-Text-mono)", "verticalAlign-Text-mono": "var(--xmlui-verticalAlign-Text-mono)", "letterSpacing-Text-mono": "var(--xmlui-letterSpacing-Text-mono)", "fontFamily-Text-sample": "var(--xmlui-fontFamily-Text-sample)", "fontSize-Text-sample": "var(--xmlui-fontSize-Text-sample)", "fontWeight-Text-sample": "var(--xmlui-fontWeight-Text-sample)", "font-style-Text-sample": "var(--xmlui-font-style-Text-sample)", "font-stretch-Text-sample": "var(--xmlui-font-stretch-Text-sample)", "textDecorationLine-Text-sample": "var(--xmlui-textDecorationLine-Text-sample)", "textDecorationColor-Text-sample": "var(--xmlui-textDecorationColor-Text-sample)", "textDecorationStyle-Text-sample": "var(--xmlui-textDecorationStyle-Text-sample)", "textDecorationThickness-Text-sample": "var(--xmlui-textDecorationThickness-Text-sample)", "textUnderlineOffset-Text-sample": "var(--xmlui-textUnderlineOffset-Text-sample)", "lineHeight-Text-sample": "var(--xmlui-lineHeight-Text-sample)", "textColor-Text-sample": "var(--xmlui-textColor-Text-sample)", "backgroundColor-Text-sample": "var(--xmlui-backgroundColor-Text-sample)", "borderRadius-Text-sample": "var(--xmlui-borderRadius-Text-sample)", "borderColor-Text-sample": "var(--xmlui-borderColor-Text-sample)", "borderWidth-Text-sample": "var(--xmlui-borderWidth-Text-sample)", "borderStyle-Text-sample": "var(--xmlui-borderStyle-Text-sample)", "marginTop-Text-sample": "var(--xmlui-marginTop-Text-sample)", "marginBottom-Text-sample": "var(--xmlui-marginBottom-Text-sample)", "textTransform-Text-sample": "var(--xmlui-textTransform-Text-sample)", "verticalAlign-Text-sample": "var(--xmlui-verticalAlign-Text-sample)", "letterSpacing-Text-sample": "var(--xmlui-letterSpacing-Text-sample)", "fontFamily-Text-sup": "var(--xmlui-fontFamily-Text-sup)", "fontSize-Text-sup": "var(--xmlui-fontSize-Text-sup)", "fontWeight-Text-sup": "var(--xmlui-fontWeight-Text-sup)", "font-style-Text-sup": "var(--xmlui-font-style-Text-sup)", "font-stretch-Text-sup": "var(--xmlui-font-stretch-Text-sup)", "textDecorationLine-Text-sup": "var(--xmlui-textDecorationLine-Text-sup)", "textDecorationColor-Text-sup": "var(--xmlui-textDecorationColor-Text-sup)", "textDecorationStyle-Text-sup": "var(--xmlui-textDecorationStyle-Text-sup)", "textDecorationThickness-Text-sup": "var(--xmlui-textDecorationThickness-Text-sup)", "textUnderlineOffset-Text-sup": "var(--xmlui-textUnderlineOffset-Text-sup)", "lineHeight-Text-sup": "var(--xmlui-lineHeight-Text-sup)", "textColor-Text-sup": "var(--xmlui-textColor-Text-sup)", "backgroundColor-Text-sup": "var(--xmlui-backgroundColor-Text-sup)", "borderRadius-Text-sup": "var(--xmlui-borderRadius-Text-sup)", "borderColor-Text-sup": "var(--xmlui-borderColor-Text-sup)", "borderWidth-Text-sup": "var(--xmlui-borderWidth-Text-sup)", "borderStyle-Text-sup": "var(--xmlui-borderStyle-Text-sup)", "marginTop-Text-sup": "var(--xmlui-marginTop-Text-sup)", "marginBottom-Text-sup": "var(--xmlui-marginBottom-Text-sup)", "textTransform-Text-sup": "var(--xmlui-textTransform-Text-sup)", "verticalAlign-Text-sup": "var(--xmlui-verticalAlign-Text-sup)", "letterSpacing-Text-sup": "var(--xmlui-letterSpacing-Text-sup)", "fontFamily-Text-sub": "var(--xmlui-fontFamily-Text-sub)", "fontSize-Text-sub": "var(--xmlui-fontSize-Text-sub)", "fontWeight-Text-sub": "var(--xmlui-fontWeight-Text-sub)", "font-style-Text-sub": "var(--xmlui-font-style-Text-sub)", "font-stretch-Text-sub": "var(--xmlui-font-stretch-Text-sub)", "textDecorationLine-Text-sub": "var(--xmlui-textDecorationLine-Text-sub)", "textDecorationColor-Text-sub": "var(--xmlui-textDecorationColor-Text-sub)", "textDecorationStyle-Text-sub": "var(--xmlui-textDecorationStyle-Text-sub)", "textDecorationThickness-Text-sub": "var(--xmlui-textDecorationThickness-Text-sub)", "textUnderlineOffset-Text-sub": "var(--xmlui-textUnderlineOffset-Text-sub)", "lineHeight-Text-sub": "var(--xmlui-lineHeight-Text-sub)", "textColor-Text-sub": "var(--xmlui-textColor-Text-sub)", "backgroundColor-Text-sub": "var(--xmlui-backgroundColor-Text-sub)", "borderRadius-Text-sub": "var(--xmlui-borderRadius-Text-sub)", "borderColor-Text-sub": "var(--xmlui-borderColor-Text-sub)", "borderWidth-Text-sub": "var(--xmlui-borderWidth-Text-sub)", "borderStyle-Text-sub": "var(--xmlui-borderStyle-Text-sub)", "marginTop-Text-sub": "var(--xmlui-marginTop-Text-sub)", "marginBottom-Text-sub": "var(--xmlui-marginBottom-Text-sub)", "textTransform-Text-sub": "var(--xmlui-textTransform-Text-sub)", "verticalAlign-Text-sub": "var(--xmlui-verticalAlign-Text-sub)", "letterSpacing-Text-sub": "var(--xmlui-letterSpacing-Text-sub)", "fontFamily-Text-var": "var(--xmlui-fontFamily-Text-var)", "fontSize-Text-var": "var(--xmlui-fontSize-Text-var)", "fontWeight-Text-var": "var(--xmlui-fontWeight-Text-var)", "font-style-Text-var": "var(--xmlui-font-style-Text-var)", "font-stretch-Text-var": "var(--xmlui-font-stretch-Text-var)", "textDecorationLine-Text-var": "var(--xmlui-textDecorationLine-Text-var)", "textDecorationColor-Text-var": "var(--xmlui-textDecorationColor-Text-var)", "textDecorationStyle-Text-var": "var(--xmlui-textDecorationStyle-Text-var)", "textDecorationThickness-Text-var": "var(--xmlui-textDecorationThickness-Text-var)", "textUnderlineOffset-Text-var": "var(--xmlui-textUnderlineOffset-Text-var)", "lineHeight-Text-var": "var(--xmlui-lineHeight-Text-var)", "textColor-Text-var": "var(--xmlui-textColor-Text-var)", "backgroundColor-Text-var": "var(--xmlui-backgroundColor-Text-var)", "borderRadius-Text-var": "var(--xmlui-borderRadius-Text-var)", "borderColor-Text-var": "var(--xmlui-borderColor-Text-var)", "borderWidth-Text-var": "var(--xmlui-borderWidth-Text-var)", "borderStyle-Text-var": "var(--xmlui-borderStyle-Text-var)", "marginTop-Text-var": "var(--xmlui-marginTop-Text-var)", "marginBottom-Text-var": "var(--xmlui-marginBottom-Text-var)", "textTransform-Text-var": "var(--xmlui-textTransform-Text-var)", "verticalAlign-Text-var": "var(--xmlui-verticalAlign-Text-var)", "letterSpacing-Text-var": "var(--xmlui-letterSpacing-Text-var)", "fontFamily-Text-title": "var(--xmlui-fontFamily-Text-title)", "fontSize-Text-title": "var(--xmlui-fontSize-Text-title)", "fontWeight-Text-title": "var(--xmlui-fontWeight-Text-title)", "font-style-Text-title": "var(--xmlui-font-style-Text-title)", "font-stretch-Text-title": "var(--xmlui-font-stretch-Text-title)", "textDecorationLine-Text-title": "var(--xmlui-textDecorationLine-Text-title)", "textDecorationColor-Text-title": "var(--xmlui-textDecorationColor-Text-title)", "textDecorationStyle-Text-title": "var(--xmlui-textDecorationStyle-Text-title)", "textDecorationThickness-Text-title": "var(--xmlui-textDecorationThickness-Text-title)", "textUnderlineOffset-Text-title": "var(--xmlui-textUnderlineOffset-Text-title)", "lineHeight-Text-title": "var(--xmlui-lineHeight-Text-title)", "textColor-Text-title": "var(--xmlui-textColor-Text-title)", "backgroundColor-Text-title": "var(--xmlui-backgroundColor-Text-title)", "borderRadius-Text-title": "var(--xmlui-borderRadius-Text-title)", "borderColor-Text-title": "var(--xmlui-borderColor-Text-title)", "borderWidth-Text-title": "var(--xmlui-borderWidth-Text-title)", "borderStyle-Text-title": "var(--xmlui-borderStyle-Text-title)", "marginTop-Text-title": "var(--xmlui-marginTop-Text-title)", "marginBottom-Text-title": "var(--xmlui-marginBottom-Text-title)", "textTransform-Text-title": "var(--xmlui-textTransform-Text-title)", "verticalAlign-Text-title": "var(--xmlui-verticalAlign-Text-title)", "letterSpacing-Text-title": "var(--xmlui-letterSpacing-Text-title)", "fontFamily-Text-subtitle": "var(--xmlui-fontFamily-Text-subtitle)", "fontSize-Text-subtitle": "var(--xmlui-fontSize-Text-subtitle)", "fontWeight-Text-subtitle": "var(--xmlui-fontWeight-Text-subtitle)", "font-style-Text-subtitle": "var(--xmlui-font-style-Text-subtitle)", "font-stretch-Text-subtitle": "var(--xmlui-font-stretch-Text-subtitle)", "textDecorationLine-Text-subtitle": "var(--xmlui-textDecorationLine-Text-subtitle)", "textDecorationColor-Text-subtitle": "var(--xmlui-textDecorationColor-Text-subtitle)", "textDecorationStyle-Text-subtitle": "var(--xmlui-textDecorationStyle-Text-subtitle)", "textDecorationThickness-Text-subtitle": "var(--xmlui-textDecorationThickness-Text-subtitle)", "textUnderlineOffset-Text-subtitle": "var(--xmlui-textUnderlineOffset-Text-subtitle)", "lineHeight-Text-subtitle": "var(--xmlui-lineHeight-Text-subtitle)", "textColor-Text-subtitle": "var(--xmlui-textColor-Text-subtitle)", "backgroundColor-Text-subtitle": "var(--xmlui-backgroundColor-Text-subtitle)", "borderRadius-Text-subtitle": "var(--xmlui-borderRadius-Text-subtitle)", "borderColor-Text-subtitle": "var(--xmlui-borderColor-Text-subtitle)", "borderWidth-Text-subtitle": "var(--xmlui-borderWidth-Text-subtitle)", "borderStyle-Text-subtitle": "var(--xmlui-borderStyle-Text-subtitle)", "marginTop-Text-subtitle": "var(--xmlui-marginTop-Text-subtitle)", "marginBottom-Text-subtitle": "var(--xmlui-marginBottom-Text-subtitle)", "textTransform-Text-subtitle": "var(--xmlui-textTransform-Text-subtitle)", "verticalAlign-Text-subtitle": "var(--xmlui-verticalAlign-Text-subtitle)", "letterSpacing-Text-subtitle": "var(--xmlui-letterSpacing-Text-subtitle)", "fontFamily-Text-small": "var(--xmlui-fontFamily-Text-small)", "fontSize-Text-small": "var(--xmlui-fontSize-Text-small)", "fontWeight-Text-small": "var(--xmlui-fontWeight-Text-small)", "font-style-Text-small": "var(--xmlui-font-style-Text-small)", "font-stretch-Text-small": "var(--xmlui-font-stretch-Text-small)", "textDecorationLine-Text-small": "var(--xmlui-textDecorationLine-Text-small)", "textDecorationColor-Text-small": "var(--xmlui-textDecorationColor-Text-small)", "textDecorationStyle-Text-small": "var(--xmlui-textDecorationStyle-Text-small)", "textDecorationThickness-Text-small": "var(--xmlui-textDecorationThickness-Text-small)", "textUnderlineOffset-Text-small": "var(--xmlui-textUnderlineOffset-Text-small)", "lineHeight-Text-small": "var(--xmlui-lineHeight-Text-small)", "textColor-Text-small": "var(--xmlui-textColor-Text-small)", "backgroundColor-Text-small": "var(--xmlui-backgroundColor-Text-small)", "borderRadius-Text-small": "var(--xmlui-borderRadius-Text-small)", "borderColor-Text-small": "var(--xmlui-borderColor-Text-small)", "borderWidth-Text-small": "var(--xmlui-borderWidth-Text-small)", "borderStyle-Text-small": "var(--xmlui-borderStyle-Text-small)", "marginTop-Text-small": "var(--xmlui-marginTop-Text-small)", "marginBottom-Text-small": "var(--xmlui-marginBottom-Text-small)", "textTransform-Text-small": "var(--xmlui-textTransform-Text-small)", "verticalAlign-Text-small": "var(--xmlui-verticalAlign-Text-small)", "letterSpacing-Text-small": "var(--xmlui-letterSpacing-Text-small)", "fontFamily-Text-caption": "var(--xmlui-fontFamily-Text-caption)", "fontSize-Text-caption": "var(--xmlui-fontSize-Text-caption)", "fontWeight-Text-caption": "var(--xmlui-fontWeight-Text-caption)", "font-style-Text-caption": "var(--xmlui-font-style-Text-caption)", "font-stretch-Text-caption": "var(--xmlui-font-stretch-Text-caption)", "textDecorationLine-Text-caption": "var(--xmlui-textDecorationLine-Text-caption)", "textDecorationColor-Text-caption": "var(--xmlui-textDecorationColor-Text-caption)", "textDecorationStyle-Text-caption": "var(--xmlui-textDecorationStyle-Text-caption)", "textDecorationThickness-Text-caption": "var(--xmlui-textDecorationThickness-Text-caption)", "textUnderlineOffset-Text-caption": "var(--xmlui-textUnderlineOffset-Text-caption)", "lineHeight-Text-caption": "var(--xmlui-lineHeight-Text-caption)", "textColor-Text-caption": "var(--xmlui-textColor-Text-caption)", "backgroundColor-Text-caption": "var(--xmlui-backgroundColor-Text-caption)", "borderRadius-Text-caption": "var(--xmlui-borderRadius-Text-caption)", "borderColor-Text-caption": "var(--xmlui-borderColor-Text-caption)", "borderWidth-Text-caption": "var(--xmlui-borderWidth-Text-caption)", "borderStyle-Text-caption": "var(--xmlui-borderStyle-Text-caption)", "marginTop-Text-caption": "var(--xmlui-marginTop-Text-caption)", "marginBottom-Text-caption": "var(--xmlui-marginBottom-Text-caption)", "textTransform-Text-caption": "var(--xmlui-textTransform-Text-caption)", "verticalAlign-Text-caption": "var(--xmlui-verticalAlign-Text-caption)", "letterSpacing-Text-caption": "var(--xmlui-letterSpacing-Text-caption)", "fontFamily-Text-placeholder": "var(--xmlui-fontFamily-Text-placeholder)", "fontSize-Text-placeholder": "var(--xmlui-fontSize-Text-placeholder)", "fontWeight-Text-placeholder": "var(--xmlui-fontWeight-Text-placeholder)", "font-style-Text-placeholder": "var(--xmlui-font-style-Text-placeholder)", "font-stretch-Text-placeholder": "var(--xmlui-font-stretch-Text-placeholder)", "textDecorationLine-Text-placeholder": "var(--xmlui-textDecorationLine-Text-placeholder)", "textDecorationColor-Text-placeholder": "var(--xmlui-textDecorationColor-Text-placeholder)", "textDecorationStyle-Text-placeholder": "var(--xmlui-textDecorationStyle-Text-placeholder)", "textDecorationThickness-Text-placeholder": "var(--xmlui-textDecorationThickness-Text-placeholder)", "textUnderlineOffset-Text-placeholder": "var(--xmlui-textUnderlineOffset-Text-placeholder)", "lineHeight-Text-placeholder": "var(--xmlui-lineHeight-Text-placeholder)", "textColor-Text-placeholder": "var(--xmlui-textColor-Text-placeholder)", "backgroundColor-Text-placeholder": "var(--xmlui-backgroundColor-Text-placeholder)", "borderRadius-Text-placeholder": "var(--xmlui-borderRadius-Text-placeholder)", "borderColor-Text-placeholder": "var(--xmlui-borderColor-Text-placeholder)", "borderWidth-Text-placeholder": "var(--xmlui-borderWidth-Text-placeholder)", "borderStyle-Text-placeholder": "var(--xmlui-borderStyle-Text-placeholder)", "marginTop-Text-placeholder": "var(--xmlui-marginTop-Text-placeholder)", "marginBottom-Text-placeholder": "var(--xmlui-marginBottom-Text-placeholder)", "textTransform-Text-placeholder": "var(--xmlui-textTransform-Text-placeholder)", "verticalAlign-Text-placeholder": "var(--xmlui-verticalAlign-Text-placeholder)", "letterSpacing-Text-placeholder": "var(--xmlui-letterSpacing-Text-placeholder)", "fontFamily-Text-paragraph": "var(--xmlui-fontFamily-Text-paragraph)", "fontSize-Text-paragraph": "var(--xmlui-fontSize-Text-paragraph)", "fontWeight-Text-paragraph": "var(--xmlui-fontWeight-Text-paragraph)", "font-style-Text-paragraph": "var(--xmlui-font-style-Text-paragraph)", "font-stretch-Text-paragraph": "var(--xmlui-font-stretch-Text-paragraph)", "textDecorationLine-Text-paragraph": "var(--xmlui-textDecorationLine-Text-paragraph)", "textDecorationColor-Text-paragraph": "var(--xmlui-textDecorationColor-Text-paragraph)", "textDecorationStyle-Text-paragraph": "var(--xmlui-textDecorationStyle-Text-paragraph)", "textDecorationThickness-Text-paragraph": "var(--xmlui-textDecorationThickness-Text-paragraph)", "textUnderlineOffset-Text-paragraph": "var(--xmlui-textUnderlineOffset-Text-paragraph)", "lineHeight-Text-paragraph": "var(--xmlui-lineHeight-Text-paragraph)", "textColor-Text-paragraph": "var(--xmlui-textColor-Text-paragraph)", "backgroundColor-Text-paragraph": "var(--xmlui-backgroundColor-Text-paragraph)", "borderRadius-Text-paragraph": "var(--xmlui-borderRadius-Text-paragraph)", "borderColor-Text-paragraph": "var(--xmlui-borderColor-Text-paragraph)", "borderWidth-Text-paragraph": "var(--xmlui-borderWidth-Text-paragraph)", "borderStyle-Text-paragraph": "var(--xmlui-borderStyle-Text-paragraph)", "marginTop-Text-paragraph": "var(--xmlui-marginTop-Text-paragraph)", "marginBottom-Text-paragraph": "var(--xmlui-marginBottom-Text-paragraph)", "textTransform-Text-paragraph": "var(--xmlui-textTransform-Text-paragraph)", "verticalAlign-Text-paragraph": "var(--xmlui-verticalAlign-Text-paragraph)", "letterSpacing-Text-paragraph": "var(--xmlui-letterSpacing-Text-paragraph)", "fontFamily-Text-subheading": "var(--xmlui-fontFamily-Text-subheading)", "fontSize-Text-subheading": "var(--xmlui-fontSize-Text-subheading)", "fontWeight-Text-subheading": "var(--xmlui-fontWeight-Text-subheading)", "font-style-Text-subheading": "var(--xmlui-font-style-Text-subheading)", "font-stretch-Text-subheading": "var(--xmlui-font-stretch-Text-subheading)", "textDecorationLine-Text-subheading": "var(--xmlui-textDecorationLine-Text-subheading)", "textDecorationColor-Text-subheading": "var(--xmlui-textDecorationColor-Text-subheading)", "textDecorationStyle-Text-subheading": "var(--xmlui-textDecorationStyle-Text-subheading)", "textDecorationThickness-Text-subheading": "var(--xmlui-textDecorationThickness-Text-subheading)", "textUnderlineOffset-Text-subheading": "var(--xmlui-textUnderlineOffset-Text-subheading)", "lineHeight-Text-subheading": "var(--xmlui-lineHeight-Text-subheading)", "textColor-Text-subheading": "var(--xmlui-textColor-Text-subheading)", "backgroundColor-Text-subheading": "var(--xmlui-backgroundColor-Text-subheading)", "borderRadius-Text-subheading": "var(--xmlui-borderRadius-Text-subheading)", "borderColor-Text-subheading": "var(--xmlui-borderColor-Text-subheading)", "borderWidth-Text-subheading": "var(--xmlui-borderWidth-Text-subheading)", "borderStyle-Text-subheading": "var(--xmlui-borderStyle-Text-subheading)", "marginTop-Text-subheading": "var(--xmlui-marginTop-Text-subheading)", "marginBottom-Text-subheading": "var(--xmlui-marginBottom-Text-subheading)", "textTransform-Text-subheading": "var(--xmlui-textTransform-Text-subheading)", "verticalAlign-Text-subheading": "var(--xmlui-verticalAlign-Text-subheading)", "letterSpacing-Text-subheading": "var(--xmlui-letterSpacing-Text-subheading)", "fontFamily-Text-tableheading": "var(--xmlui-fontFamily-Text-tableheading)", "fontSize-Text-tableheading": "var(--xmlui-fontSize-Text-tableheading)", "fontWeight-Text-tableheading": "var(--xmlui-fontWeight-Text-tableheading)", "font-style-Text-tableheading": "var(--xmlui-font-style-Text-tableheading)", "font-stretch-Text-tableheading": "var(--xmlui-font-stretch-Text-tableheading)", "textDecorationLine-Text-tableheading": "var(--xmlui-textDecorationLine-Text-tableheading)", "textDecorationColor-Text-tableheading": "var(--xmlui-textDecorationColor-Text-tableheading)", "textDecorationStyle-Text-tableheading": "var(--xmlui-textDecorationStyle-Text-tableheading)", "textDecorationThickness-Text-tableheading": "var(--xmlui-textDecorationThickness-Text-tableheading)", "textUnderlineOffset-Text-tableheading": "var(--xmlui-textUnderlineOffset-Text-tableheading)", "lineHeight-Text-tableheading": "var(--xmlui-lineHeight-Text-tableheading)", "textColor-Text-tableheading": "var(--xmlui-textColor-Text-tableheading)", "backgroundColor-Text-tableheading": "var(--xmlui-backgroundColor-Text-tableheading)", "borderRadius-Text-tableheading": "var(--xmlui-borderRadius-Text-tableheading)", "borderColor-Text-tableheading": "var(--xmlui-borderColor-Text-tableheading)", "borderWidth-Text-tableheading": "var(--xmlui-borderWidth-Text-tableheading)", "borderStyle-Text-tableheading": "var(--xmlui-borderStyle-Text-tableheading)", "marginTop-Text-tableheading": "var(--xmlui-marginTop-Text-tableheading)", "marginBottom-Text-tableheading": "var(--xmlui-marginBottom-Text-tableheading)", "textTransform-Text-tableheading": "var(--xmlui-textTransform-Text-tableheading)", "verticalAlign-Text-tableheading": "var(--xmlui-verticalAlign-Text-tableheading)", "letterSpacing-Text-tableheading": "var(--xmlui-letterSpacing-Text-tableheading)", "fontFamily-Text-secondary": "var(--xmlui-fontFamily-Text-secondary)", "fontSize-Text-secondary": "var(--xmlui-fontSize-Text-secondary)", "fontWeight-Text-secondary": "var(--xmlui-fontWeight-Text-secondary)", "font-style-Text-secondary": "var(--xmlui-font-style-Text-secondary)", "font-stretch-Text-secondary": "var(--xmlui-font-stretch-Text-secondary)", "textDecorationLine-Text-secondary": "var(--xmlui-textDecorationLine-Text-secondary)", "textDecorationColor-Text-secondary": "var(--xmlui-textDecorationColor-Text-secondary)", "textDecorationStyle-Text-secondary": "var(--xmlui-textDecorationStyle-Text-secondary)", "textDecorationThickness-Text-secondary": "var(--xmlui-textDecorationThickness-Text-secondary)", "textUnderlineOffset-Text-secondary": "var(--xmlui-textUnderlineOffset-Text-secondary)", "lineHeight-Text-secondary": "var(--xmlui-lineHeight-Text-secondary)", "textColor-Text-secondary": "var(--xmlui-textColor-Text-secondary)", "backgroundColor-Text-secondary": "var(--xmlui-backgroundColor-Text-secondary)", "borderRadius-Text-secondary": "var(--xmlui-borderRadius-Text-secondary)", "borderColor-Text-secondary": "var(--xmlui-borderColor-Text-secondary)", "borderWidth-Text-secondary": "var(--xmlui-borderWidth-Text-secondary)", "borderStyle-Text-secondary": "var(--xmlui-borderStyle-Text-secondary)", "marginTop-Text-secondary": "var(--xmlui-marginTop-Text-secondary)", "marginBottom-Text-secondary": "var(--xmlui-marginBottom-Text-secondary)", "textTransform-Text-secondary": "var(--xmlui-textTransform-Text-secondary)", "verticalAlign-Text-secondary": "var(--xmlui-verticalAlign-Text-secondary)", "letterSpacing-Text-secondary": "var(--xmlui-letterSpacing-Text-secondary)"}'`,text:"_text_18uo1_13",abbr:"_abbr_18uo1_23",cite:"_cite_18uo1_52",codefence:"_codefence_18uo1_81",code:"_code_18uo1_81",deleted:"_deleted_18uo1_144",inserted:"_inserted_18uo1_188",keyboard:"_keyboard_18uo1_232",marked:"_marked_18uo1_261",mono:"_mono_18uo1_305",sample:"_sample_18uo1_334",sup:"_sup_18uo1_363",sub:"_sub_18uo1_392",var:"_var_18uo1_421",title:"_title_18uo1_450",subtitle:"_subtitle_18uo1_479",small:"_small_18uo1_508",caption:"_caption_18uo1_537",placeholder:"_placeholder_18uo1_566",paragraph:"_paragraph_18uo1_595",subheading:"_subheading_18uo1_624",tableheading:"_tableheading_18uo1_653",secondary:"_secondary_18uo1_682",strong:"_strong_18uo1_711",truncateOverflow:"_truncateOverflow_18uo1_719",preserveLinebreaks:"_preserveLinebreaks_18uo1_726",noEllipsis:"_noEllipsis_18uo1_730"};function vs(e){if(typeof e=="number")return e+"px";const t=e.trim();if(t.startsWith("var("))return t;const r=parseFloat(t),o=r.toString(),a=t.replace(o,"");return Number.isNaN(r)?"0px":a===""?o+"px":t}function yi(e){const t=e&&e>0?e:0;return t>1?{WebkitLineClamp:t,lineClamp:t,display:"-webkit-box",WebkitBoxOrient:"vertical",boxOrient:"vertical",whiteSpace:"initial"}:yr}function ki(e){if(typeof e=="number")return e+"px";if(typeof e=="string"&&/^\d+$/.test(e.trim())){const t=parseInt(e,10);if(!isNaN(t))return t+"px"}return e==null?void 0:e.toString()}const Rr=u.forwardRef(function({uid:t,variant:r,maxLines:o=0,style:a,children:n,preserveLinebreaks:i,ellipses:l=!0,...d},v){const f=u.useRef(null),p=v?Jt(f,v):f,C=u.useMemo(()=>!r||!ni[r]?"div":ni[r],[r]);return c.jsx(c.Fragment,{children:c.jsx(C,{...d,ref:p,className:ne([Fr.text,Fr[r||"default"],{[Fr.truncateOverflow]:o>0,[Fr.preserveLinebreaks]:i,[Fr.noEllipsis]:!l}]),style:{...a,...yi(o)},children:n})})});function Ur({iconName:e,text:t,className:r}){return c.jsx(c.Fragment,{children:e||t?c.jsxs("div",{className:ne(bs.wrapper,r),children:[c.jsx(fe,{name:e,style:{color:"inherit"}}),t&&c.jsx("div",{style:{display:"flex",userSelect:"none"},children:c.jsx(Rr,{style:{fontSize:"inherit"},children:t})})]}):null})}var ua=Ne.forwardRef((e,t)=>{const{children:r,...o}=e,a=Ne.Children.toArray(r),n=a.find(Ts);if(n){const i=n.props.children,l=a.map(d=>d===n?Ne.Children.count(i)>1?Ne.Children.only(null):Ne.isValidElement(i)?i.props.children:null:d);return c.jsx(ca,{...o,ref:t,children:Ne.isValidElement(i)?Ne.cloneElement(i,void 0,l):null})}return c.jsx(ca,{...o,ref:t,children:r})});ua.displayName="Slot";var ca=Ne.forwardRef((e,t)=>{const{children:r,...o}=e;if(Ne.isValidElement(r)){const a=ys(r),n=Cs(o,r.props);return r.type!==Ne.Fragment&&(n.ref=t?Jt(t,a):a),Ne.cloneElement(r,n)}return Ne.Children.count(r)>1?Ne.Children.only(null):null});ca.displayName="SlotClone";var gs=({children:e})=>c.jsx(c.Fragment,{children:e});function Ts(e){return Ne.isValidElement(e)&&e.type===gs}function Cs(e,t){const r={...t};for(const o in t){const a=e[o],n=t[o];/^on[A-Z]/.test(o)?a&&n?r[o]=(...l)=>{n(...l),a(...l)}:a&&(r[o]=a):o==="style"?r[o]={...a,...n}:o==="className"&&(r[o]=[a,n].filter(Boolean).join(" "))}return{...e,...r}}function ys(e){var o,a;let t=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}const wt={themeVars:`'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "font-style-FormItemLabel": "var(--xmlui-font-style-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "font-style-FormItemLabel-required": "var(--xmlui-font-style-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`,container:"_container_27yao_13",top:"_top_27yao_20",end:"_end_27yao_25",bottom:"_bottom_27yao_31",start:"_start_27yao_36",shrinkToLabel:"_shrinkToLabel_27yao_42",inputLabel:"_inputLabel_27yao_45",disabled:"_disabled_27yao_58",labelBreak:"_labelBreak_27yao_62",required:"_required_27yao_66",requiredMark:"_requiredMark_27yao_73"},ma={themeVars:`'{"size-Spinner": "var(--xmlui-size-Spinner)", "thickness-Spinner": "var(--xmlui-thickness-Spinner)", "borderColor-Spinner": "var(--xmlui-borderColor-Spinner)"}'`,"lds-ring":"_lds-ring_xat8c_13",fullScreenSpinnerWrapper:"_fullScreenSpinnerWrapper_xat8c_54"},Si=u.forwardRef(function({delay:t=400,fullScreen:r=!1,style:o},a){const[n,i]=u.useState(t===0);u.useEffect(()=>{const d=setTimeout(()=>{i(!0)},t);return()=>{clearTimeout(d)}},[t]);const l=c.jsx(c.Fragment,{children:c.jsxs("div",{className:ma["lds-ring"],style:o,ref:a,children:[c.jsx("div",{}),c.jsx("div",{}),c.jsx("div",{}),c.jsx("div",{})]})});return n?r?c.jsx("div",{className:ma.fullScreenSpinnerWrapper,children:l}):l:null}),ks=/^[0-9]+$/,mt=u.forwardRef(function({id:t,labelPosition:r="top",style:o,label:a,labelBreak:n=!0,labelWidth:i,enabled:l=!0,required:d=!1,children:v,validationInProgress:f=!1,shrinkToLabel:p=!1,onFocus:C,onBlur:b,labelStyle:g,validationResult:y,isInputTemplateUsed:H=!1},A){const $=u.useId(),B=t||$;return a===void 0?c.jsx(ua,{style:o,id:B,onFocus:C,onBlur:b,ref:A,children:v}):c.jsxs("div",{style:o,ref:A,children:[c.jsxs("div",{className:ne(wt.container,{[wt.top]:r==="top",[wt.bottom]:r==="bottom",[wt.start]:r==="start",[wt.end]:r==="end",[wt.shrinkToLabel]:p}),onFocus:C,onBlur:b,children:[a&&c.jsxs("label",{htmlFor:B,onClick:()=>document.getElementById(B).focus(),style:{...g,width:i&&ks.test(i)?`${i}px`:i,flexShrink:i!==void 0?0:void 0},className:ne(wt.inputLabel,{[wt.required]:d,[wt.disabled]:!l,[wt.labelBreak]:n}),children:[a," ",d&&c.jsx("span",{className:wt.requiredMark,children:"*"}),f&&c.jsx(Si,{style:{height:"1em",width:"1em",marginLeft:"1em",alignSelf:"center"}})]}),c.jsx(ua,{id:H?void 0:B,children:v})]}),y]})}),pa=u.forwardRef(function({id:t,type:r="text",value:o="",updateState:a=ie,initialValue:n="",style:i,maxLength:l,enabled:d=!0,placeholder:v,validationStatus:f="none",onDidChange:p=ie,onFocus:C=ie,onBlur:b=ie,registerComponentApi:g,startText:y,startIcon:H,endText:A,endIcon:$,autoFocus:B,readOnly:E,tabIndex:U,label:Z,labelPosition:P,labelWidth:W,labelBreak:O,required:V},x){const h=u.useRef(null);u.useEffect(()=>{B&&setTimeout(()=>{var R;(R=h.current)==null||R.focus()},0)},[B]);const[T,S]=u.useState(o);u.useEffect(()=>{S(o)},[o]),u.useEffect(()=>{a({value:n},{initial:!0})},[n,a]);const _=u.useCallback(R=>{S(R),a({value:R}),p(R)},[p,a]),G=u.useCallback(R=>{_(R.target.value)},[_]),z=u.useCallback(()=>{C==null||C()},[C]),N=u.useCallback(()=>{b==null||b()},[b]),I=u.useCallback(()=>{var R;(R=h.current)==null||R.focus()},[]),M=ke(R=>{_(R)});return u.useEffect(()=>{g==null||g({focus:I,setValue:M})},[I,g,M]),c.jsx(mt,{labelPosition:P,label:Z,labelWidth:W,labelBreak:O,required:V,enabled:d,onFocus:C,onBlur:b,style:i,ref:x,children:c.jsxs("div",{className:ne(At.inputRoot,{[At.disabled]:!d,[At.readOnly]:E,[At.error]:f==="error",[At.warning]:f==="warning",[At.valid]:f==="valid"}),tabIndex:-1,onFocus:I,children:[c.jsx(Ur,{text:y,iconName:H,className:At.adornment}),c.jsx("input",{id:t,type:r,className:ne(At.input,{[At.readOnly]:E}),disabled:!d,value:T,maxLength:l,placeholder:v,onChange:G,onFocus:z,onBlur:N,ref:h,readOnly:E,autoFocus:B,tabIndex:d?U:-1,required:V}),c.jsx(Ur,{text:A,iconName:$,className:At.adornment})]})})}),kr="TextBox",wi=k({status:"experimental",description:`The \`${kr}\` is an input component that allows users to input and edit textual data.`,props:{placeholder:Cr(),initialValue:ct(),label:Pe(),labelPosition:Lt("top"),labelWidth:zt(kr),labelBreak:Pt(kr),maxLength:ho(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),startText:ia(),startIcon:na(),endText:la(),endIcon:sa()},events:{gotFocus:dt(kr),lostFocus:ut(kr),didChange:Xe(kr)},apis:{focus:Mt(kr),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dt()},themeVars:j(At.themeVars),defaultThemeVars:{"borderRadius-Input":"$borderRadius","textColor-Input":"$textColor-primary","backgroundColor-Input--disabled":"$backgroundColor--disabled","borderWidth-Input":"1px","minHeight-Input":"39px","padding-Input":"$space-2","borderStyle-Input":"solid","borderColor-Input--disabled":"$borderColor--disabled","textColor-Input--disabled":"$textColor--disabled","borderColor-Input-error":"$borderColor-Input-default--error","borderColor-Input-warning":"$borderColor-Input-default--warning","borderColor-Input-success":"$borderColor-Input-default--success","color-placeholder-Input":"$textColor-subtitle","color-adornment-Input":"$textColor-subtitle","outlineColor-Input--focus":"$outlineColor--focus","outlineWidth-Input--focus":"$outlineWidth--focus","outlineStyle-Input--focus":"$outlineStyle--focus","outlineOffset-Input--focus":"$outlineOffset--focus",light:{},dark:{}}}),Ss=k({...wi,description:"The `Password` component is a specialized version of the `TextBox` component that allows users to input and edit passwords."});function ws(e){return typeof e=="string"&&(e==null?void 0:e.startsWith("$"))}const Hi="Theme",Hs=k({description:`The \`${Hi}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${Hi}\` 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:m("This property specifies which theme to use by setting the theme's id."),tone:{description:"This property allows the setting of the current theme's tone.",availableValues:["light","dark"],valueType:"string",defaultValue:"light"},root:m("This property indicates whether the component is at the root of the application.")},opaque:!0}),$s={themeVars:`'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-pages-App": "var(--xmlui-boxShadow-pages-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`},Is=[{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."}];u.createContext(null);const Bs=u.createContext(null),Ls={themeVars:`'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "radius-start-start-AppHeader": "var(--xmlui-radius-start-start-AppHeader, var(--xmlui-borderRadius-AppHeader))", "radius-start-end-AppHeader": "var(--xmlui-radius-start-end-AppHeader, var(--xmlui-borderRadius-AppHeader))", "radius-end-start-AppHeader": "var(--xmlui-radius-end-start-AppHeader, var(--xmlui-borderRadius-AppHeader))", "radius-end-end-AppHeader": "var(--xmlui-radius-end-end-AppHeader, var(--xmlui-borderRadius-AppHeader))", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)"}'`},_s={themeVars:'"[]"'},As={themeVars:`'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "radius-start-start-NavLink": "var(--xmlui-radius-start-start-NavLink, var(--xmlui-borderRadius-NavLink))", "radius-start-end-NavLink": "var(--xmlui-radius-start-end-NavLink, var(--xmlui-borderRadius-NavLink))", "radius-end-start-NavLink": "var(--xmlui-radius-end-start-NavLink, var(--xmlui-borderRadius-NavLink))", "radius-end-end-NavLink": "var(--xmlui-radius-end-end-NavLink, var(--xmlui-borderRadius-NavLink))", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-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)", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)"}'`};function Ns(e){return!e||typeof e=="string"||typeof e=="number"?e:e.queryParams!==void 0?{...e,search:new URLSearchParams(De.omitBy(e.queryParams,De.isUndefined)).toString()}:e}const Os={themeVars:`'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "radius-start-start-NavPanel": "var(--xmlui-radius-start-start-NavPanel, var(--xmlui-borderRadius-NavPanel))", "radius-start-end-NavPanel": "var(--xmlui-radius-start-end-NavPanel, var(--xmlui-borderRadius-NavPanel))", "radius-end-start-NavPanel": "var(--xmlui-radius-end-start-NavPanel, var(--xmlui-borderRadius-NavPanel))", "radius-end-end-NavPanel": "var(--xmlui-radius-end-end-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)"}'`},Sr="App",Ws=k({status:"stable",description:`The \`${Sr}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${Sr}\` allows you to display your preferred layout.`,props:{layout:{description:"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.",availableValues:Is},loggedInUser:{description:"Stores information about the currently logged in user.",valueType:"string"},logoTemplate:Ae("Optional template of the app logo"),logo:{description:"Optional logo path",valueType:"string"},"logo-dark":{description:"Optional logo path in dark tone",valueType:"string"},"logo-light":{description:"Optional logo path in light tone",valueType:"string"},name:{description:"Optional application name (visible in the browser tab)",valueType:"string"},scrollWholePage:{description:"This boolean property specifies whether the whole page should scroll (`true`) or just the content area (`false`). The default value is `true`.",valueType:"boolean",defaultValue:!0},noScrollbarGutters:{description:"This boolean property specifies whether the scrollbar gutters should be hidden.",valueType:"boolean",defaultValue:!1},defaultTone:{description:`This property sets the app's default tone ("light" or "dark").`,valueType:"string",defaultValue:"light",availableValues:["light","dark"]},defaultTheme:{description:"This property sets the app's default theme.",valueType:"string",defaultValue:"xmlui"}},events:{ready:m(`This event fires when the \`${Sr}\` component finishes rendering on the page.`)},themeVars:j($s.themeVars),defaultThemeVars:{[`width-navPanel-${Sr}`]:"$space-64",[`maxWidth-content-${Sr}`]:"$maxWidth-content",[`boxShadow-header-${Sr}`]:"$boxShadow-spread",[`boxShadow-pages-${Sr}`]:"$boxShadow-spread","scroll-padding-block-Pages":"$space-4",light:{},dark:{}}});function ha(e,t){return{[`paddingLeft-${e}`]:(t==null?void 0:t.left)??`$paddingHorizontal-${e}`,[`paddingRight-${e}`]:(t==null?void 0:t.right)??`$paddingHorizontal-${e}`,[`paddingTop-${e}`]:(t==null?void 0:t.top)??`$paddingVertical-${e}`,[`paddingBottom-${e}`]:(t==null?void 0:t.bottom)??`$paddingVertical-${e}`,[`paddingHorizontal-${e}`]:(t==null?void 0:t.horizontal)??"",[`paddingVertical-${e}`]:(t==null?void 0:t.vertical)??"",[`padding-${e}`]:(t==null?void 0:t.all)??`$paddingTop-${e} $paddingRight-${e} $paddingBottom-${e} $paddingLeft-${e}`}}const Nt="AppHeader",Vs=k({status:"experimental",description:`\`${Nt}\` is a placeholder within \`App\` to define a custom application header.`,props:{profileMenuTemplate:Ae(`This property makes the profile menu slot of the \`${Nt}\` component customizable.`),logoTemplate:Ae("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:Ae("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:{description:"Title for the application logo",valueType:"string"},showLogo:{description:"Show the logo in the header",valueType:"boolean",defaultValue:!0}},themeVars:j(Ls.themeVars),themeVarDescriptions:{[`width-logo-${Nt}`]:"Sets the width of the displayed logo"},defaultThemeVars:{[`height-${Nt}`]:"$space-14",[`maxWidth-content-${Nt}`]:"$maxWidth-content-App",[`borderBottom-${Nt}`]:"1px solid $borderColor",...ha(`logo-${Nt}`,{horizontal:"$space-0",vertical:"$space-4"}),...ha(Nt,{horizontal:"$space-4",vertical:"$space-0"}),[`borderRadius-${Nt}`]:"0px",light:{[`backgroundColor-${Nt}`]:"white"},dark:{[`backgroundColor-${Nt}`]:"$color-surface-900"}}}),go="AppState",Es=k({description:`${go} is a functional component (without a visible user interface) that helps store and manage the app's state.`,props:{bucket:{description:`This property is the identifier of the bucket to which the \`${go}\` instance is bound. Multiple \`${go}\` 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.`,valueType:"string",defaultValue:"default"},initialValue:{description:`This property contains the initial state value. Though you can use multiple \`${go}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${go}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`}},apis:{update:m("This method updates the application state object bound to the `AppState` instance. The function's single argument is an object that specifies the new state value.")},nonVisual:!0}),wr={themeVars:`'{"border-Avatar": "var(--xmlui-border-Avatar)", "borderHorizontal-Avatar": "var(--xmlui-borderHorizontal-Avatar, var(--xmlui-border-Avatar))", "borderVertical-Avatar": "var(--xmlui-borderVertical-Avatar, var(--xmlui-border-Avatar))", "borderLeft-Avatar": "var(--xmlui-borderLeft-Avatar, var(--xmlui-borderHorizontal-Avatar, var(--xmlui-border-Avatar)))", "borderRight-Avatar": "var(--xmlui-borderRight-Avatar, var(--xmlui-borderHorizontal-Avatar, var(--xmlui-border-Avatar)))", "borderTop-Avatar": "var(--xmlui-borderTop-Avatar, var(--xmlui-borderVertical-Avatar, var(--xmlui-border-Avatar)))", "borderBottom-Avatar": "var(--xmlui-borderBottom-Avatar, var(--xmlui-borderVertical-Avatar, var(--xmlui-border-Avatar)))", "borderWidth-Avatar": "var(--xmlui-borderWidth-Avatar)", "borderHorizontalWidth-Avatar": "var(--xmlui-borderHorizontalWidth-Avatar, var(--xmlui-borderWidth-Avatar))", "borderLeftWidth-Avatar": "var(--xmlui-borderLeftWidth-Avatar, var(--xmlui-borderHorizontalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderRightWidth-Avatar": "var(--xmlui-borderRightWidth-Avatar, var(--xmlui-borderHorizontalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderVerticalWidth-Avatar": "var(--xmlui-borderVerticalWidth-Avatar, var(--xmlui-borderWidth-Avatar))", "borderTopWidth-Avatar": "var(--xmlui-borderTopWidth-Avatar, var(--xmlui-borderVerticalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderBottomWidth-Avatar": "var(--xmlui-borderBottomWidth-Avatar, var(--xmlui-borderVerticalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderStyle-Avatar": "var(--xmlui-borderStyle-Avatar)", "borderHorizontalStyle-Avatar": "var(--xmlui-borderHorizontalStyle-Avatar, var(--xmlui-borderStyle-Avatar))", "borderLeftStyle-Avatar": "var(--xmlui-borderLeftStyle-Avatar, var(--xmlui-borderHorizontalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderRightStyle-Avatar": "var(--xmlui-borderRightStyle-Avatar, var(--xmlui-borderHorizontalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderVerticalStyle-Avatar": "var(--xmlui-borderVerticalStyle-Avatar, var(--xmlui-borderStyle-Avatar))", "borderTopStyle-Avatar": "var(--xmlui-borderTopStyle-Avatar, var(--xmlui-borderVerticalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderBottomStyle-Avatar": "var(--xmlui-borderBottomStyle-Avatar, var(--xmlui-borderVerticalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderColor-Avatar": "var(--xmlui-borderColor-Avatar)", "borderHorizontalColor-Avatar": "var(--xmlui-borderHorizontalColor-Avatar, var(--xmlui-borderColor-Avatar))", "borderLeftColor-Avatar": "var(--xmlui-borderLeftColor-Avatar, var(--xmlui-borderHorizontalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderRightColor-Avatar": "var(--xmlui-borderRightColor-Avatar, var(--xmlui-borderHorizontalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderVerticalColor-Avatar": "var(--xmlui-borderVerticalColor-Avatar, var(--xmlui-borderColor-Avatar))", "borderTopColor-Avatar": "var(--xmlui-borderTopColor-Avatar, var(--xmlui-borderVerticalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderBottomColor-Avatar": "var(--xmlui-borderBottomColor-Avatar, var(--xmlui-borderVerticalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "radius-start-start-Avatar": "var(--xmlui-radius-start-start-Avatar, var(--xmlui-borderRadius-Avatar))", "radius-start-end-Avatar": "var(--xmlui-radius-start-end-Avatar, var(--xmlui-borderRadius-Avatar))", "radius-end-start-Avatar": "var(--xmlui-radius-end-start-Avatar, var(--xmlui-borderRadius-Avatar))", "radius-end-end-Avatar": "var(--xmlui-radius-end-end-Avatar, var(--xmlui-borderRadius-Avatar))", "backgroundColor-Avatar": "var(--xmlui-backgroundColor-Avatar)", "boxShadow-Avatar": "var(--xmlui-boxShadow-Avatar)", "textColor-Avatar": "var(--xmlui-textColor-Avatar)", "fontWeight-Avatar": "var(--xmlui-fontWeight-Avatar)"}'`,container:"_container_vm9kj_13",xs:"_xs_vm9kj_50",sm:"_sm_vm9kj_57",md:"_md_vm9kj_64",lg:"_lg_vm9kj_71",clickable:"_clickable_vm9kj_78"},$i={size:"sm"},zs=u.forwardRef(function({size:t=$i.size,url:r,name:o,style:a,onClick:n,...i},l){let d=null;return!r&&o&&(d=o.trim().split(" ").filter(v=>!!v.trim().length).map(v=>v[0].toUpperCase()).slice(0,3)),c.jsx("div",{...i,ref:l,className:ne(wr.container,{[wr.xs]:t==="xs",[wr.sm]:t==="sm",[wr.md]:t==="md",[wr.lg]:t==="lg",[wr.clickable]:!!n}),style:{backgroundImage:r?`url(${r})`:"none",...a},onClick:n,children:d})}),pt="Avatar",Ps=k({description:`The \`${pt}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,props:{size:{description:`This property defines the display size of the ${pt}.`,availableValues:ta,valueType:"string",defaultValue:$i.size},name:{description:`This property sets the name value the ${pt} uses to display initials.`,valueType:"string"},url:{description:`This property specifies the URL of the image to display in the ${pt}.`,valueType:"string"}},events:{click:m("This event is triggered when the avatar is clicked.")},themeVars:j(wr.themeVars),defaultThemeVars:{[`borderRadius-${pt}`]:"4px",[`boxShadow-${pt}`]:"inset 0 0 0 1px rgba(4,32,69,0.1)",[`textColor-${pt}`]:"$textColor-secondary",[`fontWeight-${pt}`]:"$fontWeight-bold",light:{[`border-${pt}`]:"0px solid $color-surface-400A80",[`backgroundColor-${pt}`]:"$color-surface-100"},dark:{[`border-${pt}`]:"0px solid $color-surface-700",[`backgroundColor-${pt}`]:"$color-surface-800",[`borderColor-${pt}`]:"$color-surface-700"}}}),xa={themeVars:`'{"border-Badge": "var(--xmlui-border-Badge)", "borderHorizontal-Badge": "var(--xmlui-borderHorizontal-Badge, var(--xmlui-border-Badge))", "borderVertical-Badge": "var(--xmlui-borderVertical-Badge, var(--xmlui-border-Badge))", "borderLeft-Badge": "var(--xmlui-borderLeft-Badge, var(--xmlui-borderHorizontal-Badge, var(--xmlui-border-Badge)))", "borderRight-Badge": "var(--xmlui-borderRight-Badge, var(--xmlui-borderHorizontal-Badge, var(--xmlui-border-Badge)))", "borderTop-Badge": "var(--xmlui-borderTop-Badge, var(--xmlui-borderVertical-Badge, var(--xmlui-border-Badge)))", "borderBottom-Badge": "var(--xmlui-borderBottom-Badge, var(--xmlui-borderVertical-Badge, var(--xmlui-border-Badge)))", "borderWidth-Badge": "var(--xmlui-borderWidth-Badge)", "borderHorizontalWidth-Badge": "var(--xmlui-borderHorizontalWidth-Badge, var(--xmlui-borderWidth-Badge))", "borderLeftWidth-Badge": "var(--xmlui-borderLeftWidth-Badge, var(--xmlui-borderHorizontalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderRightWidth-Badge": "var(--xmlui-borderRightWidth-Badge, var(--xmlui-borderHorizontalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderVerticalWidth-Badge": "var(--xmlui-borderVerticalWidth-Badge, var(--xmlui-borderWidth-Badge))", "borderTopWidth-Badge": "var(--xmlui-borderTopWidth-Badge, var(--xmlui-borderVerticalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderBottomWidth-Badge": "var(--xmlui-borderBottomWidth-Badge, var(--xmlui-borderVerticalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderStyle-Badge": "var(--xmlui-borderStyle-Badge)", "borderHorizontalStyle-Badge": "var(--xmlui-borderHorizontalStyle-Badge, var(--xmlui-borderStyle-Badge))", "borderLeftStyle-Badge": "var(--xmlui-borderLeftStyle-Badge, var(--xmlui-borderHorizontalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderRightStyle-Badge": "var(--xmlui-borderRightStyle-Badge, var(--xmlui-borderHorizontalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderVerticalStyle-Badge": "var(--xmlui-borderVerticalStyle-Badge, var(--xmlui-borderStyle-Badge))", "borderTopStyle-Badge": "var(--xmlui-borderTopStyle-Badge, var(--xmlui-borderVerticalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderBottomStyle-Badge": "var(--xmlui-borderBottomStyle-Badge, var(--xmlui-borderVerticalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderColor-Badge": "var(--xmlui-borderColor-Badge)", "borderHorizontalColor-Badge": "var(--xmlui-borderHorizontalColor-Badge, var(--xmlui-borderColor-Badge))", "borderLeftColor-Badge": "var(--xmlui-borderLeftColor-Badge, var(--xmlui-borderHorizontalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderRightColor-Badge": "var(--xmlui-borderRightColor-Badge, var(--xmlui-borderHorizontalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderVerticalColor-Badge": "var(--xmlui-borderVerticalColor-Badge, var(--xmlui-borderColor-Badge))", "borderTopColor-Badge": "var(--xmlui-borderTopColor-Badge, var(--xmlui-borderVerticalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderBottomColor-Badge": "var(--xmlui-borderBottomColor-Badge, var(--xmlui-borderVerticalColor-Badge, var(--xmlui-borderColor-Badge)))", "radius-start-start-Badge": "var(--xmlui-radius-start-start-Badge, var(--xmlui-borderRadius-Badge))", "radius-start-end-Badge": "var(--xmlui-radius-start-end-Badge, var(--xmlui-borderRadius-Badge))", "radius-end-start-Badge": "var(--xmlui-radius-end-start-Badge, var(--xmlui-borderRadius-Badge))", "radius-end-end-Badge": "var(--xmlui-radius-end-end-Badge, var(--xmlui-borderRadius-Badge))", "padding-Badge": "var(--xmlui-padding-Badge)", "paddingHorizontal-Badge": "var(--xmlui-paddingHorizontal-Badge, var(--xmlui-padding-Badge))", "paddingVertical-Badge": "var(--xmlui-paddingVertical-Badge, var(--xmlui-padding-Badge))", "paddingLeft-Badge": "var(--xmlui-paddingLeft-Badge, var(--xmlui-paddingHorizontal-Badge, var(--xmlui-padding-Badge)))", "paddingRight-Badge": "var(--xmlui-paddingRight-Badge, var(--xmlui-paddingHorizontal-Badge, var(--xmlui-padding-Badge)))", "paddingTop-Badge": "var(--xmlui-paddingTop-Badge, var(--xmlui-paddingVertical-Badge, var(--xmlui-padding-Badge)))", "paddingBottom-Badge": "var(--xmlui-paddingBottom-Badge, var(--xmlui-paddingVertical-Badge, var(--xmlui-padding-Badge)))", "border-Badge-pill": "var(--xmlui-border-Badge-pill)", "borderHorizontal-Badge-pill": "var(--xmlui-borderHorizontal-Badge-pill, var(--xmlui-border-Badge-pill))", "borderVertical-Badge-pill": "var(--xmlui-borderVertical-Badge-pill, var(--xmlui-border-Badge-pill))", "borderLeft-Badge-pill": "var(--xmlui-borderLeft-Badge-pill, var(--xmlui-borderHorizontal-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderRight-Badge-pill": "var(--xmlui-borderRight-Badge-pill, var(--xmlui-borderHorizontal-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderTop-Badge-pill": "var(--xmlui-borderTop-Badge-pill, var(--xmlui-borderVertical-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderBottom-Badge-pill": "var(--xmlui-borderBottom-Badge-pill, var(--xmlui-borderVertical-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderWidth-Badge-pill": "var(--xmlui-borderWidth-Badge-pill)", "borderHorizontalWidth-Badge-pill": "var(--xmlui-borderHorizontalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill))", "borderLeftWidth-Badge-pill": "var(--xmlui-borderLeftWidth-Badge-pill, var(--xmlui-borderHorizontalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderRightWidth-Badge-pill": "var(--xmlui-borderRightWidth-Badge-pill, var(--xmlui-borderHorizontalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderVerticalWidth-Badge-pill": "var(--xmlui-borderVerticalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill))", "borderTopWidth-Badge-pill": "var(--xmlui-borderTopWidth-Badge-pill, var(--xmlui-borderVerticalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderBottomWidth-Badge-pill": "var(--xmlui-borderBottomWidth-Badge-pill, var(--xmlui-borderVerticalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderStyle-Badge-pill": "var(--xmlui-borderStyle-Badge-pill)", "borderHorizontalStyle-Badge-pill": "var(--xmlui-borderHorizontalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill))", "borderLeftStyle-Badge-pill": "var(--xmlui-borderLeftStyle-Badge-pill, var(--xmlui-borderHorizontalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderRightStyle-Badge-pill": "var(--xmlui-borderRightStyle-Badge-pill, var(--xmlui-borderHorizontalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderVerticalStyle-Badge-pill": "var(--xmlui-borderVerticalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill))", "borderTopStyle-Badge-pill": "var(--xmlui-borderTopStyle-Badge-pill, var(--xmlui-borderVerticalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderBottomStyle-Badge-pill": "var(--xmlui-borderBottomStyle-Badge-pill, var(--xmlui-borderVerticalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderColor-Badge-pill": "var(--xmlui-borderColor-Badge-pill)", "borderHorizontalColor-Badge-pill": "var(--xmlui-borderHorizontalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill))", "borderLeftColor-Badge-pill": "var(--xmlui-borderLeftColor-Badge-pill, var(--xmlui-borderHorizontalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderRightColor-Badge-pill": "var(--xmlui-borderRightColor-Badge-pill, var(--xmlui-borderHorizontalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderVerticalColor-Badge-pill": "var(--xmlui-borderVerticalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill))", "borderTopColor-Badge-pill": "var(--xmlui-borderTopColor-Badge-pill, var(--xmlui-borderVerticalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderBottomColor-Badge-pill": "var(--xmlui-borderBottomColor-Badge-pill, var(--xmlui-borderVerticalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "radius-start-start-Badge-pill": "var(--xmlui-radius-start-start-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "radius-start-end-Badge-pill": "var(--xmlui-radius-start-end-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "radius-end-start-Badge-pill": "var(--xmlui-radius-end-start-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "radius-end-end-Badge-pill": "var(--xmlui-radius-end-end-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "padding-Badge-pill": "var(--xmlui-padding-Badge-pill)", "paddingHorizontal-Badge-pill": "var(--xmlui-paddingHorizontal-Badge-pill, var(--xmlui-padding-Badge-pill))", "paddingVertical-Badge-pill": "var(--xmlui-paddingVertical-Badge-pill, var(--xmlui-padding-Badge-pill))", "paddingLeft-Badge-pill": "var(--xmlui-paddingLeft-Badge-pill, var(--xmlui-paddingHorizontal-Badge-pill, var(--xmlui-padding-Badge-pill)))", "paddingRight-Badge-pill": "var(--xmlui-paddingRight-Badge-pill, var(--xmlui-paddingHorizontal-Badge-pill, var(--xmlui-padding-Badge-pill)))", "paddingTop-Badge-pill": "var(--xmlui-paddingTop-Badge-pill, var(--xmlui-paddingVertical-Badge-pill, var(--xmlui-padding-Badge-pill)))", "paddingBottom-Badge-pill": "var(--xmlui-paddingBottom-Badge-pill, var(--xmlui-paddingVertical-Badge-pill, var(--xmlui-padding-Badge-pill)))", "backgroundColor-Badge": "var(--xmlui-backgroundColor-Badge)", "textColor-Badge": "var(--xmlui-textColor-Badge)", "fontSize-Badge": "var(--xmlui-fontSize-Badge)", "fontSize-Badge-pill": "var(--xmlui-fontSize-Badge-pill)", "fontWeight-Badge": "var(--xmlui-fontWeight-Badge)", "fontWeight-Badge-pill": "var(--xmlui-fontWeight-Badge-pill)"}'`,badge:"_badge_gx6it_13",pill:"_pill_gx6it_52"},Ds=["badge","pill"],Ms={variant:"badge"};u.forwardRef(function({children:t,color:r,variant:o=Ms.variant,style:a},n){return c.jsx("div",{ref:n,className:ne({[xa.badge]:o==="badge",[xa.pill]:o==="pill"}),style:{...r?typeof r=="string"?{backgroundColor:r}:{backgroundColor:r.background,color:r.label}:{},...a},children:t})});const Ht="Badge",Fs=k({status:"stable",description:`The \`${Ht}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,props:{value:{description:"The text that the component displays",type:"string",isRequired:!0},variant:{description:"Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners.",type:"string",availableValues:Ds,defaultValue:"badge"},colorMap:{description:`The \`${Ht}\` 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:Ve("(**NOT IMPLEMENTED YET**) The theme color of the component."),indicatorText:Ve("(**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:Ve("(**NOT IMPLEMENTED YET**) This property forces the display of the indicator, even if the `indicatorText` property is not defined or empty."),indicatorThemeColor:Ve("(**NOT IMPLEMENTED YET**) The theme color of the indicator."),indicatorPosition:Ve("(**NOT IMPLEMENTED YET**) The position of the indicator.")},events:{},themeVars:j(xa.themeVars),defaultThemeVars:{[`padding-${Ht}`]:"$space-0_5 $space-2",[`border-${Ht}`]:"0px solid $borderColor",[`padding-${Ht}-pill`]:"$space-0_5 $space-2",[`borderRadius-${Ht}`]:"4px",[`fontSize-${Ht}`]:"0.8em",[`fontSize-${Ht}-pill`]:"0.8em",light:{[`backgroundColor-${Ht}`]:"rgba($color-secondary-500-rgb, .6)",[`textColor-${Ht}`]:"white"},dark:{[`backgroundColor-${Ht}`]:"rgba($color-secondary-500-rgb, .6)",[`textColor-${Ht}`]:"$color-surface-50"}}}),Rs=u.createContext(null),Us=k({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:{uid:{description:"The unique identifier of the bookmark. You can use this identifier in links to navigate to this component's location.",valueType:"string"},level:{description:"The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.",valueType:"number",defaultValue:1},title:{description:"Defines the text to display the bookmark in the table of contents. If this property is empty, the text falls back to the value of `id`.",valueType:"string"},omitFromToc:{description:"If true, this bookmark will be excluded from the table of contents.",valueType:"boolean",defaultValue:!1}}}),To={themeVars:`'{"padding-Card": "var(--xmlui-padding-Card)", "paddingHorizontal-Card": "var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card))", "paddingVertical-Card": "var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card))", "paddingLeft-Card": "var(--xmlui-paddingLeft-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingRight-Card": "var(--xmlui-paddingRight-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingTop-Card": "var(--xmlui-paddingTop-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "paddingBottom-Card": "var(--xmlui-paddingBottom-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "border-Card": "var(--xmlui-border-Card)", "borderHorizontal-Card": "var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card))", "borderVertical-Card": "var(--xmlui-borderVertical-Card, var(--xmlui-border-Card))", "borderLeft-Card": "var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderRight-Card": "var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderTop-Card": "var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderBottom-Card": "var(--xmlui-borderBottom-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderWidth-Card": "var(--xmlui-borderWidth-Card)", "borderHorizontalWidth-Card": "var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card))", "borderLeftWidth-Card": "var(--xmlui-borderLeftWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderRightWidth-Card": "var(--xmlui-borderRightWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderVerticalWidth-Card": "var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card))", "borderTopWidth-Card": "var(--xmlui-borderTopWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderBottomWidth-Card": "var(--xmlui-borderBottomWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderStyle-Card": "var(--xmlui-borderStyle-Card)", "borderHorizontalStyle-Card": "var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card))", "borderLeftStyle-Card": "var(--xmlui-borderLeftStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderRightStyle-Card": "var(--xmlui-borderRightStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderVerticalStyle-Card": "var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card))", "borderTopStyle-Card": "var(--xmlui-borderTopStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderBottomStyle-Card": "var(--xmlui-borderBottomStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderColor-Card": "var(--xmlui-borderColor-Card)", "borderHorizontalColor-Card": "var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card))", "borderLeftColor-Card": "var(--xmlui-borderLeftColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderRightColor-Card": "var(--xmlui-borderRightColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderVerticalColor-Card": "var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card))", "borderTopColor-Card": "var(--xmlui-borderTopColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderBottomColor-Card": "var(--xmlui-borderBottomColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "radius-start-start-Card": "var(--xmlui-radius-start-start-Card, var(--xmlui-borderRadius-Card))", "radius-start-end-Card": "var(--xmlui-radius-start-end-Card, var(--xmlui-borderRadius-Card))", "radius-end-start-Card": "var(--xmlui-radius-end-start-Card, var(--xmlui-borderRadius-Card))", "radius-end-end-Card": "var(--xmlui-radius-end-end-Card, var(--xmlui-borderRadius-Card))", "boxShadow-Card": "var(--xmlui-boxShadow-Card)", "backgroundColor-Card": "var(--xmlui-backgroundColor-Card)", "borderRadius-Card": "var(--xmlui-borderRadius-Card)"}'`,wrapper:"_wrapper_1hude_13",horizontal:"_horizontal_1hude_46",vertical:"_vertical_1hude_51",isClickable:"_isClickable_1hude_54"},qr={themeVars:`'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "radius-start-start-Link": "var(--xmlui-radius-start-start-Link, var(--xmlui-borderRadius-Link))", "radius-start-end-Link": "var(--xmlui-radius-start-end-Link, var(--xmlui-borderRadius-Link))", "radius-end-start-Link": "var(--xmlui-radius-end-start-Link, var(--xmlui-borderRadius-Link))", "radius-end-end-Link": "var(--xmlui-radius-end-end-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`,container:"_container_4iyrb_13",active:"_active_4iyrb_53",disabled:"_disabled_4iyrb_57",iconWrapper:"_iconWrapper_4iyrb_73"},qs=u.forwardRef(function(t,r){const{to:o,children:a,icon:n,active:i,onClick:l,target:d,disabled:v,style:f,...p}=Gs(t),C=!!n&&!a,b=u.useMemo(()=>Ns(o),[o]),g=o?yl.Link:"div";return c.jsxs(g,{ref:r,to:b,style:f,target:d,onClick:l,className:ne(qr.container,{[qr.iconLink]:C,[qr.active]:i,[qr.disabled]:v}),...p,children:[n&&c.jsx("div",{className:qr.iconWrapper,children:c.jsx(fe,{name:n})}),a]})});function Gs(e){const{target:t,referrerPolicy:r}=e;return{...e,target:t,referrerPolicy:r}}const $t={themeVars:`'{"Heading:textColor-H1": "var(--xmlui-textColor-H1)", "Heading:letterSpacing-H1": "var(--xmlui-letterSpacing-H1)", "Heading:fontFamily-H1": "var(--xmlui-fontFamily-H1)", "Heading:fontWeight-H1": "var(--xmlui-fontWeight-H1)", "fontSize-H1": "var(--xmlui-fontSize-H1)", "lineHeight-H1": "var(--xmlui-lineHeight-H1)", "marginTop-H1": "var(--xmlui-marginTop-H1)", "marginBottom-H1": "var(--xmlui-marginBottom-H1)", "Heading:textDecorationLine-H1": "var(--xmlui-textDecorationLine-H1)", "Heading:textDecorationColor-H1": "var(--xmlui-textDecorationColor-H1)", "Heading:textDecorationStyle-H1": "var(--xmlui-textDecorationStyle-H1)", "Heading:textDecorationThickness-H1": "var(--xmlui-textDecorationThickness-H1)", "Heading:textUnderlineOffset-H1": "var(--xmlui-textUnderlineOffset-H1)", "Heading:textColor-H2": "var(--xmlui-textColor-H2)", "Heading:letterSpacing-H2": "var(--xmlui-letterSpacing-H2)", "Heading:fontFamily-H2": "var(--xmlui-fontFamily-H2)", "Heading:fontWeight-H2": "var(--xmlui-fontWeight-H2)", "fontSize-H2": "var(--xmlui-fontSize-H2)", "lineHeight-H2": "var(--xmlui-lineHeight-H2)", "marginTop-H2": "var(--xmlui-marginTop-H2)", "marginBottom-H2": "var(--xmlui-marginBottom-H2)", "Heading:textDecorationLine-H2": "var(--xmlui-textDecorationLine-H2)", "Heading:textDecorationColor-H2": "var(--xmlui-textDecorationColor-H2)", "Heading:textDecorationStyle-H2": "var(--xmlui-textDecorationStyle-H2)", "Heading:textDecorationThickness-H2": "var(--xmlui-textDecorationThickness-H2)", "Heading:textUnderlineOffset-H2": "var(--xmlui-textUnderlineOffset-H2)", "Heading:textColor-H3": "var(--xmlui-textColor-H3)", "Heading:letterSpacing-H3": "var(--xmlui-letterSpacing-H3)", "Heading:fontFamily-H3": "var(--xmlui-fontFamily-H3)", "Heading:fontWeight-H3": "var(--xmlui-fontWeight-H3)", "fontSize-H3": "var(--xmlui-fontSize-H3)", "lineHeight-H3": "var(--xmlui-lineHeight-H3)", "marginTop-H3": "var(--xmlui-marginTop-H3)", "marginBottom-H3": "var(--xmlui-marginBottom-H3)", "Heading:textDecorationLine-H3": "var(--xmlui-textDecorationLine-H3)", "Heading:textDecorationColor-H3": "var(--xmlui-textDecorationColor-H3)", "Heading:textDecorationStyle-H3": "var(--xmlui-textDecorationStyle-H3)", "Heading:textDecorationThickness-H3": "var(--xmlui-textDecorationThickness-H3)", "Heading:textUnderlineOffset-H3": "var(--xmlui-textUnderlineOffset-H3)", "Heading:textColor-H4": "var(--xmlui-textColor-H4)", "Heading:letterSpacing-H4": "var(--xmlui-letterSpacing-H4)", "Heading:fontFamily-H4": "var(--xmlui-fontFamily-H4)", "Heading:fontWeight-H4": "var(--xmlui-fontWeight-H4)", "fontSize-H4": "var(--xmlui-fontSize-H4)", "lineHeight-H4": "var(--xmlui-lineHeight-H4)", "marginTop-H4": "var(--xmlui-marginTop-H4)", "marginBottom-H4": "var(--xmlui-marginBottom-H4)", "Heading:textDecorationLine-H4": "var(--xmlui-textDecorationLine-H4)", "Heading:textDecorationColor-H4": "var(--xmlui-textDecorationColor-H4)", "Heading:textDecorationStyle-H4": "var(--xmlui-textDecorationStyle-H4)", "Heading:textDecorationThickness-H4": "var(--xmlui-textDecorationThickness-H4)", "Heading:textUnderlineOffset-H4": "var(--xmlui-textUnderlineOffset-H4)", "Heading:textColor-H5": "var(--xmlui-textColor-H5)", "Heading:letterSpacing-H5": "var(--xmlui-letterSpacing-H5)", "Heading:fontFamily-H5": "var(--xmlui-fontFamily-H5)", "Heading:fontWeight-H5": "var(--xmlui-fontWeight-H5)", "fontSize-H5": "var(--xmlui-fontSize-H5)", "lineHeight-H5": "var(--xmlui-lineHeight-H5)", "marginTop-H5": "var(--xmlui-marginTop-H5)", "marginBottom-H5": "var(--xmlui-marginBottom-H5)", "Heading:textDecorationLine-H5": "var(--xmlui-textDecorationLine-H5)", "Heading:textDecorationColor-H5": "var(--xmlui-textDecorationColor-H5)", "Heading:textDecorationStyle-H5": "var(--xmlui-textDecorationStyle-H5)", "Heading:textDecorationThickness-H5": "var(--xmlui-textDecorationThickness-H5)", "Heading:textUnderlineOffset-H5": "var(--xmlui-textUnderlineOffset-H5)", "Heading:textColor-H6": "var(--xmlui-textColor-H6)", "Heading:letterSpacing-H6": "var(--xmlui-letterSpacing-H6)", "Heading:fontFamily-H6": "var(--xmlui-fontFamily-H6)", "Heading:fontWeight-H6": "var(--xmlui-fontWeight-H6)", "fontSize-H6": "var(--xmlui-fontSize-H6)", "lineHeight-H6": "var(--xmlui-lineHeight-H6)", "marginTop-H6": "var(--xmlui-marginTop-H6)", "marginBottom-H6": "var(--xmlui-marginBottom-H6)", "Heading:textDecorationLine-H6": "var(--xmlui-textDecorationLine-H6)", "Heading:textDecorationColor-H6": "var(--xmlui-textDecorationColor-H6)", "Heading:textDecorationStyle-H6": "var(--xmlui-textDecorationStyle-H6)", "Heading:textDecorationThickness-H6": "var(--xmlui-textDecorationThickness-H6)", "Heading:textUnderlineOffset-H6": "var(--xmlui-textUnderlineOffset-H6)"}'`,heading:"_heading_yjkue_13",h1:"_h1_yjkue_13",h2:"_h2_yjkue_28",h3:"_h3_yjkue_43",h4:"_h4_yjkue_58",h5:"_h5_yjkue_73",h6:"_h6_yjkue_88",truncateOverflow:"_truncateOverflow_yjkue_108",preserveLinebreaks:"_preserveLinebreaks_yjkue_114",noEllipsis:"_noEllipsis_yjkue_118"},fa={level:"h1",ellipses:!0,omitFromToc:!1},Ii=u.forwardRef(function({uid:t,level:r="h1",children:o,sx:a,style:n,title:i,maxLines:l=0,preserveLinebreaks:d,ellipses:v=!0,className:f,omitFromToc:p=!1,...C},b){const g=r==null?void 0:r.toLowerCase(),y=u.useRef(null),[H,A]=u.useState(null),$=u.useRef(null),B=u.useContext(Rs),E=B==null?void 0:B.registerHeading,U=B==null?void 0:B.hasTableOfContents,Z=b?Jt(y,b):y;return u.useEffect(()=>{var P,W,O,V;if(U&&y.current){const x=(V=(O=(W=(P=y.current.textContent)==null?void 0:P.trim())==null?void 0:W.replace(/[^\w\s-]/g,""))==null?void 0:O.replace(/\s+/g,"-"))==null?void 0:V.toLowerCase();A(x||null)}},[U]),xo(()=>{if(U&&y.current&&H&&!p)return E==null?void 0:E({id:H,level:parseInt(r.replace("h","")),text:y.current.textContent.trim(),anchor:$.current})},[H,U,E,r,p]),c.jsxs(g,{ref:Z,id:t,title:i,style:{...a,...n,...yi(l)},className:ne($t.heading,$t[g],f||"",{[$t.truncateOverflow]:l>0,[$t.preserveLinebreaks]:d,[$t.noEllipsis]:!v}),...C,children:[H&&U&&c.jsx("span",{ref:$,id:H,style:{width:0,height:0},"data-anchor":!0}),o]})}),No={orientation:"vertical",showAvatar:!1};u.forwardRef(function({children:t,orientation:r=No.orientation,style:o,title:a,subtitle:n,linkTo:i,avatarUrl:l,showAvatar:d=!!l||No.showAvatar,onClick:v},f){const p={level:"h2"};return c.jsxs("div",{ref:f,className:ne(To.wrapper,{[To.isClickable]:!!v,[To.vertical]:r==="vertical",[To.horizontal]:r==="horizontal"}),style:o,onClick:v,children:[[a,n,l,d].some(Boolean)&&c.jsxs(fo,{orientation:"horizontal",verticalAlignment:"center",style:{gap:"1rem"},children:[d&&c.jsx(zs,{url:l,name:a}),c.jsxs(fo,{orientation:"vertical",children:[i?a?c.jsx(qs,{to:i+"",children:c.jsx(Ii,{...p,children:a})}):null:a?c.jsx(Ii,{...p,children:a}):null,n!==void 0&&c.jsx(Rr,{variant:"small",children:n})]})]}),t]})});const ht="Card",Ys=k({description:`The \`${ht}\` component is a container for cohesive elements, often rendered visually as a card.`,props:{avatarUrl:{description:`Show the avatar (\`true\`) or not (\`false\`). If not specified, the ${ht} will show the first letters of the [\`title\`](#title).`,type:"string"},showAvatar:{description:`Indicates whether the ${ht} should be displayed`,valueType:"boolean",defaultValue:No.showAvatar},title:{description:"This prop sets the prestyled title.",valueType:"string"},subtitle:{description:"This prop sets the prestyled subtitle.",valueType:"string"},linkTo:{description:"This property wraps the title in a `Link` component that is clickable to navigate.",valueType:"string"},orientation:{description:`An optional property that governs the ${ht}'s orientation (whether the ${ht} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${ht} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,availableValues:Bo,valueType:"string",defaultValue:No.orientation}},events:{click:Mr(ht)},themeVars:j(To.themeVars),defaultThemeVars:{[`padding-${ht}`]:"$space-4",[`border-${ht}`]:"1px solid $borderColor",[`borderRadius-${ht}`]:"$borderRadius",[`boxShadow-${ht}`]:"none",light:{[`backgroundColor-${ht}`]:"white"},dark:{[`backgroundColor-${ht}`]:"$color-surface-900"}}}),Xs={throttleWaitInMs:0},Bi="ChangeListener",js=k({description:`\`${Bi}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,props:{listenTo:{description:"Value to the changes of which this component listens.",valueType:"any"},throttleWaitInMs:{description:"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.",valueType:"number",defaultValue:Xs.throttleWaitInMs}},events:{didChange:Xe(Bi)}}),Rt={themeVars:`'{"Input:borderRadius-Checkbox-default": "var(--xmlui-borderRadius-Checkbox-default)", "Input:borderColor-Checkbox-default": "var(--xmlui-borderColor-Checkbox-default)", "Input:backgroundColor-Checkbox-default": "var(--xmlui-backgroundColor-Checkbox-default)", "Input:outlineWidth-Checkbox-default--focus": "var(--xmlui-outlineWidth-Checkbox-default--focus)", "Input:outlineColor-Checkbox-default--focus": "var(--xmlui-outlineColor-Checkbox-default--focus)", "Input:outlineStyle-Checkbox-default--focus": "var(--xmlui-outlineStyle-Checkbox-default--focus)", "Input:outlineOffset-Checkbox-default--focus": "var(--xmlui-outlineOffset-Checkbox-default--focus)", "Input:borderColor-Checkbox-default--hover": "var(--xmlui-borderColor-Checkbox-default--hover)", "Input:backgroundColor-Checkbox--disabled": "var(--xmlui-backgroundColor-Checkbox--disabled)", "Input:borderColor-Checkbox--disabled": "var(--xmlui-borderColor-Checkbox--disabled)", "Input:borderRadius-Checkbox-error": "var(--xmlui-borderRadius-Checkbox-error)", "Input:borderColor-Checkbox-error": "var(--xmlui-borderColor-Checkbox-error)", "Input:backgroundColor-Checkbox-error": "var(--xmlui-backgroundColor-Checkbox-error)", "Input:outlineWidth-Checkbox-error--focus": "var(--xmlui-outlineWidth-Checkbox-error--focus)", "Input:outlineColor-Checkbox-error--focus": "var(--xmlui-outlineColor-Checkbox-error--focus)", "Input:outlineStyle-Checkbox-error--focus": "var(--xmlui-outlineStyle-Checkbox-error--focus)", "Input:outlineOffset-Checkbox-error--focus": "var(--xmlui-outlineOffset-Checkbox-error--focus)", "Input:borderRadius-Checkbox-warning": "var(--xmlui-borderRadius-Checkbox-warning)", "Input:borderColor-Checkbox-warning": "var(--xmlui-borderColor-Checkbox-warning)", "Input:backgroundColor-Checkbox-warning": "var(--xmlui-backgroundColor-Checkbox-warning)", "Input:outlineWidth-Checkbox-warning--focus": "var(--xmlui-outlineWidth-Checkbox-warning--focus)", "Input:outlineColor-Checkbox-warning--focus": "var(--xmlui-outlineColor-Checkbox-warning--focus)", "Input:outlineStyle-Checkbox-warning--focus": "var(--xmlui-outlineStyle-Checkbox-warning--focus)", "Input:outlineOffset-Checkbox-warning--focus": "var(--xmlui-outlineOffset-Checkbox-warning--focus)", "Input:borderRadius-Checkbox-success": "var(--xmlui-borderRadius-Checkbox-success)", "Input:borderColor-Checkbox-success": "var(--xmlui-borderColor-Checkbox-success)", "Input:backgroundColor-Checkbox-success": "var(--xmlui-backgroundColor-Checkbox-success)", "Input:outlineWidth-Checkbox-success--focus": "var(--xmlui-outlineWidth-Checkbox-success--focus)", "Input:outlineColor-Checkbox-success--focus": "var(--xmlui-outlineColor-Checkbox-success--focus)", "Input:outlineStyle-Checkbox-success--focus": "var(--xmlui-outlineStyle-Checkbox-success--focus)", "Input:outlineOffset-Checkbox-success--focus": "var(--xmlui-outlineOffset-Checkbox-success--focus)", "backgroundColor-indicator-Checkbox": "var(--xmlui-backgroundColor-indicator-Checkbox)", "Input:borderColor-checked-Checkbox": "var(--xmlui-borderColor-checked-Checkbox)", "Input:backgroundColor-checked-Checkbox": "var(--xmlui-backgroundColor-checked-Checkbox)", "Input:borderColor-checked-Checkbox-error": "var(--xmlui-borderColor-checked-Checkbox-error)", "Input:backgroundColor-checked-Checkbox-error": "var(--xmlui-backgroundColor-checked-Checkbox-error)", "Input:borderColor-checked-Checkbox-warning": "var(--xmlui-borderColor-checked-Checkbox-warning)", "Input:backgroundColor-checked-Checkbox-warning": "var(--xmlui-backgroundColor-checked-Checkbox-warning)", "Input:borderColor-checked-Checkbox-success": "var(--xmlui-borderColor-checked-Checkbox-success)", "Input:backgroundColor-checked-Checkbox-success": "var(--xmlui-backgroundColor-checked-Checkbox-success)", "Input:borderColor-Switch": "var(--xmlui-borderColor-Switch)", "Input:backgroundColor-Switch": "var(--xmlui-backgroundColor-Switch)", "Input:borderColor-Switch-default--hover": "var(--xmlui-borderColor-Switch-default--hover)", "Input:backgroundColor-Switch--disabled": "var(--xmlui-backgroundColor-Switch--disabled)", "Input:borderColor-Switch--disabled": "var(--xmlui-borderColor-Switch--disabled)", "Input:borderColor-Switch-error": "var(--xmlui-borderColor-Switch-error)", "Input:borderColor-Switch-warning": "var(--xmlui-borderColor-Switch-warning)", "Input:borderColor-Switch-success": "var(--xmlui-borderColor-Switch-success)", "backgroundColor-indicator-Switch": "var(--xmlui-backgroundColor-indicator-Switch)", "Input:borderColor-checked-Switch": "var(--xmlui-borderColor-checked-Switch)", "Input:backgroundColor-checked-Switch": "var(--xmlui-backgroundColor-checked-Switch)", "Input:borderColor-checked-Switch-error": "var(--xmlui-borderColor-checked-Switch-error)", "Input:backgroundColor-checked-Switch-error": "var(--xmlui-backgroundColor-checked-Switch-error)", "Input:borderColor-checked-Switch-warning": "var(--xmlui-borderColor-checked-Switch-warning)", "Input:backgroundColor-checked-Switch-warning": "var(--xmlui-backgroundColor-checked-Switch-warning)", "Input:borderColor-checked-Switch-success": "var(--xmlui-borderColor-checked-Switch-success)", "Input:backgroundColor-checked-Switch-success": "var(--xmlui-backgroundColor-checked-Switch-success)", "Input:outlineWidth-Switch--focus": "var(--xmlui-outlineWidth-Switch--focus)", "Input:outlineColor-Switch--focus": "var(--xmlui-outlineColor-Switch--focus)", "Input:outlineStyle-Switch--focus": "var(--xmlui-outlineStyle-Switch--focus)", "Input:outlineOffset-Switch--focus": "var(--xmlui-outlineOffset-Switch--focus)"}'`,resetAppearance:"_resetAppearance_m9kqa_13",label:"_label_m9kqa_21",inputContainer:"_inputContainer_m9kqa_25",checkbox:"_checkbox_m9kqa_33",error:"_error_m9kqa_62",warning:"_warning_m9kqa_73",valid:"_valid_m9kqa_84",switch:"_switch_m9kqa_144"},Ot={initialValue:!1,value:!1,enabled:!0,validationStatus:"none",indeterminate:!1},ba=u.forwardRef(function({id:t,initialValue:r=Ot.initialValue,value:o=Ot.value,enabled:a=Ot.enabled,style:n,readOnly:i,validationStatus:l=Ot.validationStatus,updateState:d=ie,onDidChange:v=ie,onFocus:f=ie,onBlur:p=ie,variant:C="checkbox",indeterminate:b=Ot.indeterminate,className:g,label:y,labelPosition:H="end",labelWidth:A,labelBreak:$,required:B,registerComponentApi:E,inputRenderer:U},Z){const P=u.useId(),W=t||P,O=u.useRef(null);u.useEffect(()=>{d({value:r},{initial:!0})},[r,d]);const V=u.useCallback(z=>{var N;((N=O.current)==null?void 0:N.checked)!==z&&(d({value:z}),v(z))},[v,d]),x=u.useCallback(z=>{i||(d({value:z.target.checked}),v(z.target.checked))},[v,i,d]),h=u.useCallback(()=>{f==null||f()},[f]),T=u.useCallback(()=>{p==null||p()},[p]);u.useEffect(()=>{typeof b=="boolean"&&O.current&&(O.current.indeterminate=b)},[b]);const S=u.useCallback(()=>{var z;(z=O.current)==null||z.focus()},[]),_=ke(z=>{V(z)});u.useEffect(()=>{E==null||E({focus:S,setValue:_})},[S,E,_]);const G=u.useMemo(()=>c.jsx("input",{id:W,ref:O,type:"checkbox",role:C,checked:o,disabled:!a,required:B,readOnly:i,"aria-readonly":i,"aria-checked":o,onChange:x,onFocus:h,onBlur:T,className:ne(Rt.resetAppearance,g,{[Rt.checkbox]:C==="checkbox",[Rt.switch]:C==="switch",[Rt.error]:l==="error",[Rt.warning]:l==="warning",[Rt.valid]:l==="valid"})}),[W,g,a,T,h,x,i,B,l,o,C]);return c.jsx(mt,{ref:Z,id:W,label:y,style:n,labelPosition:H,labelWidth:A,labelBreak:$,required:B,enabled:a,isInputTemplateUsed:!!U,shrinkToLabel:!0,labelStyle:{pointerEvents:i?"none":void 0},children:U?c.jsxs("label",{className:Rt.label,children:[c.jsx("div",{className:Rt.inputContainer,children:G}),U({$checked:o})]}):G})}),Se="Checkbox",Qs=k({status:"stable",description:`The \`${Se}\` 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:di(Ot.indeterminate),label:Pe(),labelPosition:Lt("end"),labelWidth:zt(Se),labelBreak:Pt(Se),required:St(),initialValue:ct(Ot.initialValue),autoFocus:je(),readOnly:yt(),enabled:qe(),validationStatus:kt(Ot.validationStatus),description:Ve(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${Se} besides its label.`),inputTemplate:{description:"This property is used to define a custom checkbox input template"}},events:{gotFocus:dt(Se),lostFocus:ut(Se),didChange:Xe(Se)},apis:{value:ci(),setValue:Dt()},themeVars:j(Rt.themeVars),defaultThemeVars:{[`borderColor-checked-${Se}-error`]:`$borderColor-${Se}-error`,[`backgroundColor-checked-${Se}-error`]:`$borderColor-${Se}-error`,[`borderColor-checked-${Se}-warning`]:`$borderColor-${Se}-warning`,[`backgroundColor-checked-${Se}-warning`]:`$borderColor-${Se}-warning`,[`borderColor-checked-${Se}-success`]:`$borderColor-${Se}-success`,[`backgroundColor-checked-${Se}-success`]:`$borderColor-${Se}-success`,light:{[`backgroundColor-indicator-${Se}`]:"$backgroundColor-primary",[`borderColor-checked-${Se}`]:"$color-primary-500",[`backgroundColor-checked-${Se}`]:"$color-primary-500",[`backgroundColor-${Se}--disabled`]:"$color-surface-200"},dark:{[`backgroundColor-indicator-${Se}`]:"$backgroundColor-primary",[`borderColor-checked-${Se}`]:"$color-primary-400",[`backgroundColor-checked-${Se}`]:"$color-primary-400",[`backgroundColor-${Se}--disabled`]:"$color-surface-800"}}}),Zs={themeVars:`'{"backgroundColor-ContentSeparator": "var(--xmlui-backgroundColor-ContentSeparator)", "size-ContentSeparator": "var(--xmlui-size-ContentSeparator)"}'`},Js={orientation:"horizontal"},va="ContentSeparator",Ks=k({description:`A \`${va}\` 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:{description:"This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical).",valueType:"any"},orientation:{description:"Sets the main axis of the component",availableValues:Bo,defaultValue:Js.orientation,valueType:"string"}},themeVars:j(Zs.themeVars),defaultThemeVars:{[`backgroundColor-${va}`]:"$borderColor",[`size-${va}`]:"1px",light:{},dark:{}}}),ot={themeVars:`'{"Input:minHeight-DatePicker": "var(--xmlui-minHeight-DatePicker)", "Input:fontSize-DatePicker": "var(--xmlui-fontSize-DatePicker)", "Input:borderRadius-DatePicker-default": "var(--xmlui-borderRadius-DatePicker-default)", "Input:borderColor-DatePicker-default": "var(--xmlui-borderColor-DatePicker-default)", "Input:borderWidth-DatePicker-default": "var(--xmlui-borderWidth-DatePicker-default)", "Input:borderStyle-DatePicker-default": "var(--xmlui-borderStyle-DatePicker-default)", "Input:backgroundColor-DatePicker-default": "var(--xmlui-backgroundColor-DatePicker-default)", "Input:boxShadow-DatePicker-default": "var(--xmlui-boxShadow-DatePicker-default)", "Input:textColor-DatePicker-default": "var(--xmlui-textColor-DatePicker-default)", "Input:padding-DatePicker-default": "var(--xmlui-padding-DatePicker-default)", "Input:borderColor-DatePicker-default--hover": "var(--xmlui-borderColor-DatePicker-default--hover)", "Input:backgroundColor-DatePicker-default--hover": "var(--xmlui-backgroundColor-DatePicker-default--hover)", "Input:boxShadow-DatePicker-default--hover": "var(--xmlui-boxShadow-DatePicker-default--hover)", "Input:textColor-DatePicker-default--hover": "var(--xmlui-textColor-DatePicker-default--hover)", "Input:outlineWidth-DatePicker-default--focus": "var(--xmlui-outlineWidth-DatePicker-default--focus)", "Input:outlineColor-DatePicker-default--focus": "var(--xmlui-outlineColor-DatePicker-default--focus)", "Input:outlineStyle-DatePicker-default--focus": "var(--xmlui-outlineStyle-DatePicker-default--focus)", "Input:outlineOffset-DatePicker-default--focus": "var(--xmlui-outlineOffset-DatePicker-default--focus)", "Input:textColor-placeholder-DatePicker-default": "var(--xmlui-textColor-placeholder-DatePicker-default)", "Input:textColor-adornment-DatePicker-default": "var(--xmlui-textColor-adornment-DatePicker-default)", "Input:borderRadius-DatePicker-error": "var(--xmlui-borderRadius-DatePicker-error)", "Input:borderColor-DatePicker-error": "var(--xmlui-borderColor-DatePicker-error)", "Input:borderWidth-DatePicker-error": "var(--xmlui-borderWidth-DatePicker-error)", "Input:borderStyle-DatePicker-error": "var(--xmlui-borderStyle-DatePicker-error)", "Input:backgroundColor-DatePicker-error": "var(--xmlui-backgroundColor-DatePicker-error)", "Input:boxShadow-DatePicker-error": "var(--xmlui-boxShadow-DatePicker-error)", "Input:textColor-DatePicker-error": "var(--xmlui-textColor-DatePicker-error)", "Input:padding-DatePicker-error": "var(--xmlui-padding-DatePicker-error)", "Input:borderColor-DatePicker-error--hover": "var(--xmlui-borderColor-DatePicker-error--hover)", "Input:backgroundColor-DatePicker-error--hover": "var(--xmlui-backgroundColor-DatePicker-error--hover)", "Input:boxShadow-DatePicker-error--hover": "var(--xmlui-boxShadow-DatePicker-error--hover)", "Input:textColor-DatePicker-error--hover": "var(--xmlui-textColor-DatePicker-error--hover)", "Input:outlineWidth-DatePicker-error--focus": "var(--xmlui-outlineWidth-DatePicker-error--focus)", "Input:outlineColor-DatePicker-error--focus": "var(--xmlui-outlineColor-DatePicker-error--focus)", "Input:outlineStyle-DatePicker-error--focus": "var(--xmlui-outlineStyle-DatePicker-error--focus)", "Input:outlineOffset-DatePicker-error--focus": "var(--xmlui-outlineOffset-DatePicker-error--focus)", "Input:textColor-placeholder-DatePicker-error": "var(--xmlui-textColor-placeholder-DatePicker-error)", "Input:textColor-adornment-DatePicker-error": "var(--xmlui-textColor-adornment-DatePicker-error)", "Input:borderRadius-DatePicker-warning": "var(--xmlui-borderRadius-DatePicker-warning)", "Input:borderColor-DatePicker-warning": "var(--xmlui-borderColor-DatePicker-warning)", "Input:borderWidth-DatePicker-warning": "var(--xmlui-borderWidth-DatePicker-warning)", "Input:borderStyle-DatePicker-warning": "var(--xmlui-borderStyle-DatePicker-warning)", "Input:backgroundColor-DatePicker-warning": "var(--xmlui-backgroundColor-DatePicker-warning)", "Input:boxShadow-DatePicker-warning": "var(--xmlui-boxShadow-DatePicker-warning)", "Input:textColor-DatePicker-warning": "var(--xmlui-textColor-DatePicker-warning)", "Input:padding-DatePicker-warning": "var(--xmlui-padding-DatePicker-warning)", "Input:borderColor-DatePicker-warning--hover": "var(--xmlui-borderColor-DatePicker-warning--hover)", "Input:backgroundColor-DatePicker-warning--hover": "var(--xmlui-backgroundColor-DatePicker-warning--hover)", "Input:boxShadow-DatePicker-warning--hover": "var(--xmlui-boxShadow-DatePicker-warning--hover)", "Input:textColor-DatePicker-warning--hover": "var(--xmlui-textColor-DatePicker-warning--hover)", "Input:outlineWidth-DatePicker-warning--focus": "var(--xmlui-outlineWidth-DatePicker-warning--focus)", "Input:outlineColor-DatePicker-warning--focus": "var(--xmlui-outlineColor-DatePicker-warning--focus)", "Input:outlineStyle-DatePicker-warning--focus": "var(--xmlui-outlineStyle-DatePicker-warning--focus)", "Input:outlineOffset-DatePicker-warning--focus": "var(--xmlui-outlineOffset-DatePicker-warning--focus)", "Input:textColor-placeholder-DatePicker-warning": "var(--xmlui-textColor-placeholder-DatePicker-warning)", "Input:textColor-adornment-DatePicker-warning": "var(--xmlui-textColor-adornment-DatePicker-warning)", "Input:borderRadius-DatePicker-success": "var(--xmlui-borderRadius-DatePicker-success)", "Input:borderColor-DatePicker-success": "var(--xmlui-borderColor-DatePicker-success)", "Input:borderWidth-DatePicker-success": "var(--xmlui-borderWidth-DatePicker-success)", "Input:borderStyle-DatePicker-success": "var(--xmlui-borderStyle-DatePicker-success)", "Input:backgroundColor-DatePicker-success": "var(--xmlui-backgroundColor-DatePicker-success)", "Input:boxShadow-DatePicker-success": "var(--xmlui-boxShadow-DatePicker-success)", "Input:textColor-DatePicker-success": "var(--xmlui-textColor-DatePicker-success)", "Input:padding-DatePicker-success": "var(--xmlui-padding-DatePicker-success)", "Input:borderColor-DatePicker-success--hover": "var(--xmlui-borderColor-DatePicker-success--hover)", "Input:backgroundColor-DatePicker-success--hover": "var(--xmlui-backgroundColor-DatePicker-success--hover)", "Input:boxShadow-DatePicker-success--hover": "var(--xmlui-boxShadow-DatePicker-success--hover)", "Input:textColor-DatePicker-success--hover": "var(--xmlui-textColor-DatePicker-success--hover)", "Input:outlineWidth-DatePicker-success--focus": "var(--xmlui-outlineWidth-DatePicker-success--focus)", "Input:outlineColor-DatePicker-success--focus": "var(--xmlui-outlineColor-DatePicker-success--focus)", "Input:outlineStyle-DatePicker-success--focus": "var(--xmlui-outlineStyle-DatePicker-success--focus)", "Input:outlineOffset-DatePicker-success--focus": "var(--xmlui-outlineOffset-DatePicker-success--focus)", "Input:textColor-placeholder-DatePicker-success": "var(--xmlui-textColor-placeholder-DatePicker-success)", "Input:textColor-adornment-DatePicker-success": "var(--xmlui-textColor-adornment-DatePicker-success)", "Input:backgroundColor-DatePicker--disabled": "var(--xmlui-backgroundColor-DatePicker--disabled)", "Input:textColor-DatePicker--disabled": "var(--xmlui-textColor-DatePicker--disabled)", "Input:borderColor-DatePicker--disabled": "var(--xmlui-borderColor-DatePicker--disabled)", "Input:boxShadow-menu-DatePicker": "var(--xmlui-boxShadow-menu-DatePicker)", "Input:backgroundColor-menu-DatePicker": "var(--xmlui-backgroundColor-menu-DatePicker)", "Input:borderRadius-menu-DatePicker": "var(--xmlui-borderRadius-menu-DatePicker)", "Input:backgroundColor-item-DatePicker--active": "var(--xmlui-backgroundColor-item-DatePicker--active)", "Input:backgroundColor-item-DatePicker--hover": "var(--xmlui-backgroundColor-item-DatePicker--hover)", "Input:textColor-value-DatePicker": "var(--xmlui-textColor-value-DatePicker)"}'`,datePicker:"_datePicker_1lk6v_13",placeholder:"_placeholder_1lk6v_47",adornment:"_adornment_1lk6v_50",error:"_error_1lk6v_53",warning:"_warning_1lk6v_81",valid:"_valid_1lk6v_109",disabled:"_disabled_1lk6v_137",indicator:"_indicator_1lk6v_143",datePickerInput:"_datePickerInput_1lk6v_143",datePickerValue:"_datePickerValue_1lk6v_147",inlinePickerMenu:"_inlinePickerMenu_1lk6v_152",datePickerMenu:"_datePickerMenu_1lk6v_269",root:"_root_1lk6v_278",vhidden:"_vhidden_1lk6v_284",button_reset:"_button_reset_1lk6v_304",button:"_button_1lk6v_304",day_selected:"_day_selected_1lk6v_326",months:"_months_1lk6v_344",month:"_month_1lk6v_344",table:"_table_1lk6v_360",with_weeknumber:"_with_weeknumber_1lk6v_366",caption:"_caption_1lk6v_371",multiple_months:"_multiple_months_1lk6v_379",caption_dropdowns:"_caption_dropdowns_1lk6v_385",caption_label:"_caption_label_1lk6v_390",nav:"_nav_1lk6v_406",caption_start:"_caption_start_1lk6v_410",caption_end:"_caption_end_1lk6v_417",nav_button:"_nav_button_1lk6v_424",dropdown_year:"_dropdown_year_1lk6v_437",dropdown_month:"_dropdown_month_1lk6v_438",dropdown:"_dropdown_1lk6v_437",dropdown_icon:"_dropdown_icon_1lk6v_474",head:"_head_1lk6v_478",head_row:"_head_row_1lk6v_482",row:"_row_1lk6v_483",head_cell:"_head_cell_1lk6v_487",tbody:"_tbody_1lk6v_498",tfoot:"_tfoot_1lk6v_502",cell:"_cell_1lk6v_506",weeknumber:"_weeknumber_1lk6v_514",day:"_day_1lk6v_326",day_today:"_day_today_1lk6v_533",day_outside:"_day_outside_1lk6v_533",day_range_start:"_day_range_start_1lk6v_556",day_range_end:"_day_range_end_1lk6v_556",day_range_middle:"_day_range_middle_1lk6v_580"},ed=["single","range"];var ir=(e=>(e[e.Sunday=0]="Sunday",e[e.Monday=1]="Monday",e[e.Tuesday=2]="Tuesday",e[e.Wednesday=3]="Wednesday",e[e.Thursday=4]="Thursday",e[e.Friday=5]="Friday",e[e.Saturday=6]="Saturday",e))(ir||{});const Oo=["MM/dd/yyyy","MM-dd-yyyy","yyyy/MM/dd","yyyy-MM-dd","dd/MM/yyyy","dd-MM-yyyy","yyyyMMdd","MMddyyyy"],Qe={mode:"single",validationStatus:"none",enabled:!0,inline:!1,dateFormat:"MM/dd/yyyy",showWeekNumber:!1,weekStartsOn:0,disabledDates:[]},td=u.forwardRef(function({id:t,initialValue:r,value:o,mode:a=Qe.mode,enabled:n=Qe.enabled,placeholder:i,updateState:l=ie,validationStatus:d=Qe.validationStatus,onDidChange:v=ie,onFocus:f=ie,onBlur:p=ie,dateFormat:C=Qe.dateFormat,showWeekNumber:b=Qe.showWeekNumber,weekStartsOn:g=Qe.weekStartsOn,fromDate:y,toDate:H,disabledDates:A=Qe.disabledDates,style:$,registerComponentApi:B,inline:E=Qe.inline,startText:U,startIcon:Z,endText:P,endIcon:W},O){const V=g>=0&&g<=6?g:0,[x,h]=u.useState(!1),[T,S]=u.useState(!1),_=u.useRef(null),G=O?Jt(_,O):_,z=u.useMemo(()=>{if(a==="single"&&typeof o=="string")return ga(o)||Wo(o);if(a==="range"&&typeof o=="object")return{from:ga(o==null?void 0:o.from)||Wo(o==null?void 0:o.from),to:ga(o==null?void 0:o.to)||Wo(o==null?void 0:o.to)}},[o,a]);u.useEffect(()=>{if(!Oo.includes(C))throw new Error(`Invalid dateFormat: ${C}. Supported formats are: ${Oo.join(", ")}`)},[C]);const N=u.useMemo(()=>y?Ke.parse(y,C,new Date):void 0,[y,C]),I=u.useMemo(()=>H?Ke.parse(H,C,new Date):void 0,[H,C]),M=u.useMemo(()=>A==null?void 0:A.map(te=>Ke.parse(te,C,new Date)),[A,C]),[R,D]=u.useState(!1),{root:Y}=Ft(),Q=()=>{h(!0)},J=()=>{h(!1)},K=()=>{S(!0)},ce=()=>{S(!1)},Ee=u.useCallback(()=>{var te;(te=_==null?void 0:_.current)==null||te.focus()},[_==null?void 0:_.current]),Be=ke(te=>{const X=Wo(te);oe(X)});u.useEffect(()=>{B==null||B({focus:Ee,setValue:Be})},[Ee,B,Be]),u.useEffect(()=>{!x&&!T&&(p==null||p()),(x||T)&&(f==null||f())},[x,T,f,p]),u.useEffect(()=>{l({value:r},{initial:!0})},[r,l]);const oe=u.useCallback(te=>{if(!te)l({value:void 0}),v("");else if(a==="single"){const X=te,F=Ke.format(X,C);l({value:F}),v(F)}else{const X=te,F={from:X.from?Ke.format(X.from,C):"",to:X.to?Ke.format(X.to,C):""};l({value:F}),v(F)}a==="single"&&D(!1)},[v,l,a,C]);return E?c.jsx("div",{children:c.jsx("div",{className:ot.inlinePickerMenu,children:c.jsx(Za.DayPicker,{fixedWeeks:!0,fromDate:N,toDate:I,disabled:M,weekStartsOn:V,showWeekNumber:b,showOutsideDays:!0,classNames:ot,mode:a==="single"?"single":"range",selected:z,onSelect:oe,initialFocus:!E,numberOfMonths:a==="range"?2:1})})}):c.jsxs(Zt.Root,{open:R,onOpenChange:D,modal:!1,children:[c.jsx(Zt.Trigger,{asChild:!0,children:c.jsxs("button",{disabled:!n,id:t,ref:G,style:$,className:ne(ot.datePicker,{[ot.disabled]:!n,[ot.error]:d==="error",[ot.warning]:d==="warning",[ot.valid]:d==="valid"}),onFocus:Q,onBlur:J,children:[c.jsx(Ur,{text:U,iconName:Z,className:ot.adornment}),c.jsx("div",{className:ot.datePickerValue,children:a==="single"&&z?c.jsx(c.Fragment,{children:Ke.format(z,C)}):a==="range"&&typeof z=="object"&&z.from?z.to?c.jsxs(c.Fragment,{children:[Ke.format(z.from,C)," - ",Ke.format(z.to,C)]}):c.jsx(c.Fragment,{children:Ke.format(z.from,C)}):i?c.jsx("span",{className:ot.placeholder,children:i}):c.jsx("span",{children:" "})}),c.jsx(Ur,{text:P,iconName:W,className:ot.adornment})]})}),c.jsx(Zt.Portal,{container:Y,children:c.jsx(Zt.Content,{align:"start",className:ot.datePickerMenu,onFocus:K,onBlur:ce,onInteractOutside:ce,children:c.jsx(Za.DayPicker,{fixedWeeks:!0,fromDate:N,toDate:I,disabled:M,weekStartsOn:V,showWeekNumber:b,showOutsideDays:!0,classNames:ot,mode:a==="single"?"single":"range",selected:z,onSelect:oe,initialFocus:!0,numberOfMonths:a==="range"?2:1})})})]})}),rd=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/,ga=e=>{if(e&&rd.test(e)){const t=Ke.parseISO(e);if(Ke.isValid(t))return t}},Wo=e=>{if(e)for(const t of Oo){const r=Ke.parse(e,t,new Date);if(Ke.isValid(r))return r}},xt="DatePicker",od=k({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:Cr(),initialValue:ct(),autoFocus:je(),readOnly:yt(),enabled:qe(Qe.enabled),validationStatus:kt(Qe.validationStatus),mode:{description:"The mode of the datepicker (single or range)",valueType:"string",availableValues:ed,defaultValue:Qe.mode},dateFormat:{description:"The format of the date displayed in the input field",valueType:"string",defaultValue:Qe.dateFormat,availableValues:Oo},showWeekNumber:{description:"Whether to show the week number in the calendar",valueType:"boolean",defaultValue:Qe.showWeekNumber},weekStartsOn:{description:"The first day of the week. 0 is Sunday, 1 is Monday, etc.",valueType:"number",defaultValue:Qe.weekStartsOn,availableValues:[{value:ir.Sunday,description:"Sunday"},{value:ir.Monday,description:"Monday"},{value:ir.Tuesday,description:"Tuesday"},{value:ir.Wednesday,description:"Wednesday"},{value:ir.Thursday,description:"Thursday"},{value:ir.Friday,description:"Friday"},{value:ir.Saturday,description:"Saturday"}]},fromDate:{description:"The start date of the range of selectable dates",valueType:"string"},toDate:{description:"The end date of the range of selectable dates",valueType:"string"},disabledDates:{description:"An array of dates that are disabled",valueType:"any"},inline:{description:"Whether to display the datepicker inline",valueType:"boolean",defaultValue:Qe.inline},startText:ia(),startIcon:na(),endText:la(),endIcon:sa()},events:{didChange:Xe(xt),gotFocus:dt(xt),lostFocus:ut(xt)},apis:{focus:Mt(xt),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dt()},themeVars:j(ot.themeVars),defaultThemeVars:{[`boxShadow-menu-${xt}`]:"$boxShadow-md",[`borderRadius-menu-${xt}`]:"$borderRadius",[`textColor-value-${xt}`]:"$textColor-primary",light:{[`backgroundColor-menu-${xt}`]:"$color-surface-50",[`backgroundColor-item-${xt}--hover`]:"$color-surface-100",[`backgroundColor-item-${xt}--active`]:"$color-surface-200"},dark:{[`backgroundColor-menu-${xt}`]:"$color-surface-950",[`backgroundColor-item-${xt}--hover`]:"$color-surface-600",[`backgroundColor-item-${xt}--active`]:"$color-surface-700"}}}),Hr={themeVars:`'{"backgroundColor-DropdownMenu": "var(--xmlui-backgroundColor-DropdownMenu)", "borderRadius-DropdownMenu": "var(--xmlui-borderRadius-DropdownMenu)", "boxShadow-DropdownMenu": "var(--xmlui-boxShadow-DropdownMenu)", "borderColor-DropdownMenu-content": "var(--xmlui-borderColor-DropdownMenu-content)", "borderWidth-DropdownMenu-content": "var(--xmlui-borderWidth-DropdownMenu-content)", "borderStyle-DropdownMenu-content": "var(--xmlui-borderStyle-DropdownMenu-content)", "minWidth-DropdownMenu": "var(--xmlui-minWidth-DropdownMenu)", "backgroundColor-MenuItem": "var(--xmlui-backgroundColor-MenuItem)", "color-MenuItem": "var(--xmlui-color-MenuItem)", "fontFamily-MenuItem": "var(--xmlui-fontFamily-MenuItem)", "gap-MenuItem": "var(--xmlui-gap-MenuItem)", "fontSize-MenuItem": "var(--xmlui-fontSize-MenuItem)", "paddingVertical-MenuItem": "var(--xmlui-paddingVertical-MenuItem)", "paddingHorizontal-MenuItem": "var(--xmlui-paddingHorizontal-MenuItem)", "backgroundColor-MenuItem--hover": "var(--xmlui-backgroundColor-MenuItem--hover)", "backgroundColor-MenuItem--active": "var(--xmlui-backgroundColor-MenuItem--active)", "backgroundColor-MenuItem--active--hover": "var(--xmlui-backgroundColor-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)", "marginTop-MenuSeparator": "var(--xmlui-marginTop-MenuSeparator)", "marginBottom-MenuSeparator": "var(--xmlui-marginBottom-MenuSeparator)", "width-MenuSeparator": "var(--xmlui-width-MenuSeparator)", "height-MenuSeparator": "var(--xmlui-height-MenuSeparator)", "color-MenuSeparator": "var(--xmlui-color-MenuSeparator)"}'`,DropdownMenuContent:"_DropdownMenuContent_28w8e_13",DropdownMenuItem:"_DropdownMenuItem_28w8e_26",active:"_active_28w8e_50",wrapper:"_wrapper_28w8e_60"},Ut={alignment:"start",triggerButtonVariant:"ghost",triggerButtonThemeColor:"primary",triggerButtonIcon:"chevrondown",triggerButtonIconPosition:"end"};u.forwardRef(function({triggerTemplate:t,children:r,label:o,registerComponentApi:a,style:n,onWillOpen:i,alignment:l=Ut.alignment,disabled:d=!1,triggerButtonVariant:v=Ut.triggerButtonVariant,triggerButtonThemeColor:f=Ut.triggerButtonThemeColor,triggerButtonIcon:p=Ut.triggerButtonIcon,triggerButtonIconPosition:C=Ut.triggerButtonIconPosition},b){const{root:g}=Ft(),[y,H]=u.useState(!1);return u.useEffect(()=>{a==null||a({close:()=>H(!1)})},[a]),c.jsxs(Zt.Root,{open:y,onOpenChange:async A=>{A&&await(i==null?void 0:i())===!1||H(A)},children:[c.jsx(Zt.Trigger,{asChild:!0,disabled:d,ref:b,children:t||c.jsx(rt,{icon:c.jsx(fe,{name:p}),iconPosition:C,type:"button",variant:v,themeColor:f,disabled:d,children:o})}),c.jsx(Zt.Portal,{container:g,children:c.jsx(Zt.Content,{align:l,style:n,className:Hr.DropdownMenuContent,children:r})})]})});const Vo={iconPosition:"start",active:!1};u.forwardRef(function({children:t,onClick:r=ie,label:o,style:a,icon:n,iconPosition:i=Vo.iconPosition,active:l=Vo.active},d){const v=i==="start";return c.jsxs(Zt.Item,{style:a,className:ne(Hr.DropdownMenuItem,{[Hr.active]:l}),onClick:f=>{f.stopPropagation(),r(f)},ref:d,children:[v&&n,c.jsx("div",{className:Hr.wrapper,children:o??t}),!v&&n]})});const qt="DropdownMenu",ad=k({description:"This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",props:{label:Pe(),triggerTemplate:mi(qt),alignment:{description:"This property allows you to determine the alignment of the dropdown panel with the displayed menu items.",valueType:"string",availableValues:ai,defaultValue:Ut.alignment},enabled:qe(),triggerButtonVariant:{description:"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`.",valueType:"string",availableValues:oa,defaultValue:Ut.triggerButtonVariant},triggerButtonThemeColor:{description:"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`.",valueType:"string",availableValues:ra,defaultValue:Ut.triggerButtonThemeColor},triggerButtonIcon:{description:"This property defines the icon to display on the trigger button.",defaultValue:Ut.triggerButtonIcon,valueType:"string"},triggerButtonIconPosition:{description:"This property defines the position of the icon on the trigger button.",defaultValue:Ut.triggerButtonIconPosition,valueType:"string",availableValues:aa}},events:{willOpen:m(`This event fires when the \`${qt}\` component is opened.`)},apis:{close:m("This method command closes the dropdown.")},themeVars:j(Hr.themeVars),defaultThemeVars:{[`backgroundColor-${qt}`]:"$backgroundColor-primary",[`minWidth-${qt}`]:"160px",[`boxShadow-${qt}`]:"$boxShadow-xl",[`borderStyle-${qt}-content`]:"solid",[`borderRadius-${qt}`]:"$borderRadius"}}),It="MenuItem",id=k({description:"This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",docFolder:qt,props:{iconPosition:{description:"This property allows you to determine the position of the icon displayed in the menu item.",valueType:"string",availableValues:aa,defaultValue:Vo.iconPosition},icon:{description:"This property names an optional icon to display with the menu item.",valueType:"string"},label:Pe(),to:{description:"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.",valueType:"string"},active:{description:"This property indicates if the specified menu item is active.",valueType:"boolean",defaultValue:Vo.active}},events:{click:Mr(It)},themeVars:j(Hr.themeVars),defaultThemeVars:{[`backgroundColor-${It}`]:"$backgroundColor-dropdown-item",[`color-${It}`]:"$textColor-primary",[`fontFamily-${It}`]:"$fontFamily",[`fontSize-${It}`]:"$fontSize-small",[`paddingVertical-${It}`]:"$space-2",[`paddingHorizontal-${It}`]:"$space-3",[`backgroundColor-${It}--hover`]:"$backgroundColor-dropdown-item--hover",[`color-${It}--hover`]:"inherit",[`gap-${It}`]:"$space-2",[`color-${It}--active`]:"$color-primary",[`backgroundColor-${It}--active`]:"$backgroundColor-dropdown-item--active",light:{},dark:{}}}),nd=k({description:"This component represents a nested menu item within another menu or menu item.",docFolder:qt,props:{label:Pe(),triggerTemplate:mi("SubMenuItem")}}),Gr="MenuSeparator",ld=k({description:"This component displays a separator line between menu items.",docFolder:qt,themeVars:j(Hr.themeVars),defaultThemeVars:{[`marginTop-${Gr}`]:"$space-1",[`marginBottom-${Gr}`]:"$space-1",[`width-${Gr}`]:"100%",[`height-${Gr}`]:"1px",[`color-${Gr}`]:"$borderColor-dropdown-item",[`marginHorizontal-${Gr}`]:"12px"}}),sd=k({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:je()},events:{select:m("This event is fired when the user selects an emoticon from this component.")}}),Yr={themeVars:'"[]"',container:"_container_1hin1_13",buttonStart:"_buttonStart_1hin1_22",buttonEnd:"_buttonEnd_1hin1_26",textBoxWrapper:"_textBoxWrapper_1hin1_30",button:"_button_1hin1_22"},{useDropzone:dd}=Al,ud=({id:e,enabled:t=!0,style:r,placeholder:o,buttonPosition:a="end",buttonLabel:n="Browse",buttonIcon:i,buttonIconPosition:l,variant:d,buttonThemeColor:v,buttonSize:f,autoFocus:p,validationStatus:C,updateState:b=ie,onDidChange:g=ie,onFocus:y=ie,onBlur:H=ie,registerComponentApi:A,value:$,initialValue:B,acceptsFileType:E,multiple:U=!1,directory:Z=!1,label:P,labelPosition:W,labelWidth:O,labelBreak:V,required:x})=>{const h=Li(B)?B:void 0,T=Li($)?$:void 0,S=u.useRef(null),_=typeof E=="string"?E:E==null?void 0:E.join(",");u.useEffect(()=>{p&&setTimeout(()=>{var Q;(Q=S.current)==null||Q.focus()},0)},[p]),u.useEffect(()=>{b({value:h},{initial:!0})},[h,b]);const G=u.useCallback(()=>{H==null||H()},[H]),z=u.useCallback(()=>{var Q;(Q=S.current)==null||Q.focus()},[]),N=u.useCallback(Q=>{Q.length&&(b({value:Q}),g(Q))},[b,g]),{getRootProps:I,getInputProps:M,open:R}=dd({disabled:!t,multiple:U||Z,onDrop:N,noClick:!0,noKeyboard:!0,noDragEventsBubbling:!0,useFsAccessApi:Z===!1}),D=u.useCallback(()=>{y==null||y()},[y]),Y=ke(()=>{R()});return u.useEffect(()=>{A==null||A({focus:z,open:Y})},[z,Y,A]),c.jsx(mt,{labelPosition:W,label:P,labelWidth:O,labelBreak:V,required:x,enabled:t,onFocus:y,onBlur:H,style:r,children:c.jsxs("div",{className:ne(Yr.container,{[Yr.buttonStart]:a==="start",[Yr.buttonEnd]:a==="end"}),children:[c.jsxs("button",{...I({tabIndex:0,onFocus:D,onBlur:G,disabled:!t,className:Yr.textBoxWrapper,onClick:R,ref:S,type:"button"}),children:[c.jsx(Nl.Root,{children:c.jsx("input",{...M({webkitdirectory:Z?"true":void 0}),accept:_})}),c.jsx(pa,{placeholder:o,enabled:t,value:(T==null?void 0:T.map(Q=>Q.name).join(", "))||"",validationStatus:C,readOnly:!0,tabIndex:-1})]}),c.jsx(rt,{id:e,disabled:!t,type:"button",onClick:R,icon:i,iconPosition:l,variant:d,themeColor:v,size:f,className:Yr.button,autoFocus:p,children:n})]})})};function cd(e){return e instanceof File}function Li(e){return Array.isArray(e)&&e.every(cd)}const $r="FileInput",md=k({description:`The \`${$r}\` 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:Cr(),initialValue:ct(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),label:Pe(),labelPosition:Lt("top"),labelWidth:zt($r),labelBreak:Pt($r),buttonVariant:m("The button variant to use",El),buttonLabel:m("This property is an optional string to set a label for the button part."),buttonIcon:m("The ID of the icon to display in the button"),buttonIconPosition:m("This optional string determines the location of the button icon.",zl),acceptsFileType:m("A list of file types the input controls accepts provided as a string array."),multiple:m("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:m("This boolean property indicates whether the component allows selecting directories (`true`) or files only (`false`).",null,"boolean",!1),buttonPosition:m('This property determines the position of the button relative to the input field. The default is "end".',["start","end"]),buttonSize:m("The size of the button (small, medium, large)",ta),buttonThemeColor:m("The button color scheme (primary, secondary, attention)",Wl)},events:{didChange:Xe($r),gotFocus:dt($r),lostFocus:ut($r)},apis:{value:m("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:m("(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."),focus:Mt($r),open:m("This API command triggers the file browsing dialog to open.")},themeVars:j(Yr.themeVars)}),pd={themeVars:`'{"backgroundColor-FileUploadDropZone": "var(--xmlui-backgroundColor-FileUploadDropZone)", "textColor-FileUploadDropZone": "var(--xmlui-textColor-FileUploadDropZone)", "backgroundColor-dropping-FileUploadDropZone": "var(--xmlui-backgroundColor-dropping-FileUploadDropZone)", "opacity-dropping-FileUploadDropZone": "var(--xmlui-opacity-dropping-FileUploadDropZone)"}'`},hd=k({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:{description:"With this property, you can change the default text to display when files are dragged over the drop zone.",defaultValue:"Drop files here",type:"string"},allowPaste:{description:"This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`).",type:"boolean",defaultValue:!0},enabled:m("If set to `false`, the drop zone will be disabled and users will not be able to upload files.",null,"boolean",!0)},events:{upload:m("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:j(pd.themeVars),defaultThemeVars:{"backgroundColor-FileUploadDropZone":"$backgroundColor","backgroundColor-dropping-FileUploadDropZone":"$backgroundColor--selected","opacity-dropping-FileUploadDropZone":"0.5","textColor-FileUploadDropZone":"$textColor",light:{},dark:{}}}),nr={themeVars:'"[]"',outer:"_outer_aarhe_13",flowContainer:"_flowContainer_aarhe_17",horizontal:"_horizontal_aarhe_21",flowItem:"_flowItem_aarhe_24",break:"_break_aarhe_47",forceBreak:"_forceBreak_aarhe_47",starSized:"_starSized_aarhe_47"},xd="xmlui",fd=/(\$[a-zA-Z][a-zA-Z0-9-_]*)/g,bd=/^(true|false)$/,Ta=/^\d*\*$/,vd={cssProps:{},issues:new Set};function gd(e=yr,t){const r={cssProps:{},issues:new Set};$(t)&&(r.cssProps.flexShrink=0),g("width");const o=y(r.cssProps.width,t);o!==null&&(r.cssProps.flex=o,r.cssProps.flexShrink=1),g("minWidth"),g("maxWidth"),g("height");const a=H(r.cssProps.height,t);a!==null&&(r.cssProps.flex=a,r.cssProps.flexShrink=1),g("minHeight"),g("maxHeight"),g("top"),g("right"),g("bottom"),g("left"),g("gap"),g("padding");const n=b("paddingHorizontal");n&&(r.cssProps.paddingLeft=n,r.cssProps.paddingRight=n),g("paddingRight"),g("paddingLeft");const i=b("paddingVertical");i&&(r.cssProps.paddingTop=i,r.cssProps.paddingBottom=i),g("paddingTop"),g("paddingBottom"),g("margin");const l=b("marginHorizontal");l&&(r.cssProps.marginLeft=l,r.cssProps.marginRight=l),g("marginRight"),g("marginLeft");const d=b("marginVertical");d&&(r.cssProps.marginTop=d,r.cssProps.marginBottom=d),g("marginTop"),g("marginBottom"),g("border");const v=b("borderHorizontal");v&&(r.cssProps.borderLeft=v,r.cssProps.borderRight=v),g("borderRight"),g("borderLeft");const f=b("borderVertical");f&&(r.cssProps.borderTop=f,r.cssProps.borderBottom=f),g("borderTop"),g("borderBottom"),g("borderColor"),g("borderStyle"),g("borderWidth"),g("borderRadius"),g("radiusTopLeft","borderTopLeftRadius"),g("radiusTopRight","borderTopRightRadius"),g("radiusBottomLeft","borderBottomLeftRadius"),g("radiusBottomRight","borderBottomRightRadius"),g("color"),g("fontFamily"),g("fontSize"),g("fontWeight"),g("fontStyle"),g("textDecoration"),g("textDecorationLine"),g("textDecorationColor"),g("textDecorationStyle"),g("textDecorationThickness"),g("textUnderlineOffset"),g("userSelect"),g("letterSpacing"),g("textTransform"),g("lineHeight"),g("textAlign"),g("textAlignLast"),g("textWrap"),g("backgroundColor"),g("background"),g("boxShadow"),g("direction"),g("overflowX"),g("overflowY"),g("zIndex"),g("opacity"),g("zoom"),g("cursor"),g("whiteSpace"),g("outline"),g("outlineWidth"),g("outlineColor"),g("outlineStyle"),g("outlineOffset");const p=b("wrapContent");p&&(r.cssProps.flexWrap=p==="true"?"wrap":"nowrap"),g("canShrink","flexShrink");const C=b("canShrink");if(C&&(r.cssProps.flexShrink=C==="true"?1:0),De.isEmpty(r.cssProps)&&De.isEmpty(r.issues))return vd;return r;function b(B){var Z,P;const E=U();if(((Z=t==null?void 0:t.mediaSize)==null?void 0:Z.sizeIndex)!==void 0){const W=(P=t.mediaSize)==null?void 0:P.sizeIndex,O=U("xs"),V=U("sm"),x=U("md"),h=U("lg"),T=U("xl"),S=U("xxl");let _;switch(W){case 0:_=O??V??x;break;case 1:_=V??x;break;case 2:_=x;break;case 3:_=h;break;case 4:_=T??h;break;case 5:_=S??T??h;break}return _??E}return E;function U(W=""){const O=W?`${B}-${W}`:B;let V=e[O];if(V==null)return;typeof V=="string"?V=V.trim():V=V.toString();const x=V?V.replace(fd,T=>Td(T.trim())):void 0;if(V!==x)return x;const h=Cd[B];if(!h||h.length===0)return x;for(const T of h)if(T.test(x))return x;return r.issues.add(O),x}}function g(B,E=""){const U=b(B);U&&(r.cssProps[E||B]=U)}function y(B,E){return B&&$(E)==="horizontal"&&Ta.test(B.toString())?A(B.toString()):null}function H(B,E){return B&&$(E)==="vertical"&&Ta.test(B.toString())?A(B.toString()):null}function A(B){if(Ta.test(B)){const E=B.slice(0,-1);return E===""?1:parseInt(E,10)}return null}function $(B){if(!B)return;let E=(B==null?void 0:B.type)==="Stack"&&(B==null?void 0:B.orientation);return E==null?void 0:E.toString()}}function Td(e){return`var(--${xd}-${e.substring(1)})`}const Cd={width:[],minWidth:[],maxWidth:[],height:[],minHeight:[],maxHeight:[],gap:[],top:[],right:[],bottom:[],left:[],border:[],borderTop:[],borderRight:[],borderBottom:[],borderLeft:[],borderColor:[],borderStyle:[],borderWidth:[],borderHorizontal:[],borderVertical:[],borderRadius:[],radiusTopLeft:[],radiusTopRight:[],radiusBottomLeft:[],radiusBottomRight:[],padding:[],paddingHorizontal:[],paddingVertical:[],paddingTop:[],paddingRight:[],paddingBottom:[],paddingLeft:[],margin:[],marginHorizontal:[],marginVertical:[],marginTop:[],marginRight:[],marginBottom:[],marginLeft:[],backgroundColor:[],background:[],boxShadow:[],direction:[],overflowX:[],overflowY:[],zIndex:[],opacity:[],color:[],fontFamily:[],fontSize:[],fontWeight:[],fontStyle:[bd],textDecoration:[],userSelect:[],letterSpacing:[],textTransform:[],lineHeight:[],textAlign:[],textWrap:[],textAlignLast:[],wrapContent:[],canShrink:[],cursor:[],zoom:[],whiteSpace:[],textDecorationLine:[],textDecorationColor:[],textDecorationStyle:[],textDecorationThickness:[],textUnderlineOffset:[],outline:[],outlineWidth:[],outlineColor:[],outlineStyle:[],outlineOffset:[]},Ca={},_i=u.createContext({rowGap:0,columnGap:0,setNumberOfChildren:De.noop}),yd=({force:e})=>c.jsx("div",{className:ne(nr.break,{[nr.forceBreak]:e})});u.forwardRef(function({children:t,forceBreak:r,...o},a){const{rowGap:n,columnGap:i,setNumberOfChildren:l}=u.useContext(_i);xo(()=>(l(W=>W+1),()=>{l(W=>W-1)}),[l]);const{activeTheme:d,root:v}=Ft(),f=o.width||"100%",p=o.minWidth||void 0,C=o.maxWidth||void 0,{width:b=f,minWidth:g,maxWidth:y,flex:H}=u.useMemo(()=>gd({width:f,maxWidth:C,minWidth:p},{type:"Stack",orientation:"horizontal"}).cssProps||{},[C,p,f,d.themeVars]),A=u.useMemo(()=>{if(b&&typeof b=="string"&&b.startsWith("var(")){if(!Ca[b]){const W=b.substring(4,b.length-1),O=getComputedStyle(v).getPropertyValue(W);Ca[b]=O||f}return Ca[b]}return b||f},[f,v,b]),$=typeof A=="string"&&A.endsWith("%"),B=vs(i),E=fi("(max-width: 420px)"),U=fi("(max-width: 800px)"),Z={minWidth:g,maxWidth:y,width:$?`min(${b} * ${E?"8":U?"4":"1"}, 100%)`:`min(calc(${b} + ${B}), 100%)`,paddingBottom:n,flex:H},P=H!==void 0;return P&&(Z.width="100%",Z.minWidth=g||"1px"),c.jsxs(c.Fragment,{children:[c.jsx("div",{style:{...Z,paddingRight:B},className:ne(nr.flowItem,{[nr.starSized]:P}),ref:a,children:t}),P&&c.jsx(yd,{})]})});const Ai={columnGap:"$gap-normal",rowGap:"$gap-normal"};u.forwardRef(function({style:t,columnGap:r=0,rowGap:o=0,children:a},n){const[i,l]=u.useState(0),d=i===1?0:r,v=ki(o),f=ki(d),p=u.useMemo(()=>({marginRight:`calc(-1 * ${f})`,marginBottom:`calc(-1 * ${v})`}),[f,v]),C=u.useMemo(()=>({rowGap:v,columnGap:f,setNumberOfChildren:l}),[f,v]);return c.jsx(_i.Provider,{value:C,children:c.jsx("div",{style:t,ref:n,children:c.jsx("div",{className:nr.outer,children:c.jsx("div",{className:ne(nr.flowContainer,nr.horizontal),style:p,children:a})})})})});const Ni="FlowLayout",kd=k({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:{description:`This property defines the gap between items in the same row and between rows. The ${Ni} component creates a new row when an item is about to overflow the current row.`,type:"string",defaultValue:"$gap-normal"},columnGap:{description:"The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value.",defaultValue:Ai.columnGap},rowGap:{description:`The \`rowGap\` property specifies the space between the ${Ni} rows; it overrides the \`gap\` value.`,defaultValue:Ai.rowGap}},themeVars:j(nr.themeVars)}),Sd={themeVars:`'{"padding-Footer": "var(--xmlui-padding-Footer)", "paddingHorizontal-Footer": "var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer))", "paddingVertical-Footer": "var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer))", "paddingLeft-Footer": "var(--xmlui-paddingLeft-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingRight-Footer": "var(--xmlui-paddingRight-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingTop-Footer": "var(--xmlui-paddingTop-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "paddingBottom-Footer": "var(--xmlui-paddingBottom-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "border-Footer": "var(--xmlui-border-Footer)", "borderHorizontal-Footer": "var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer))", "borderVertical-Footer": "var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer))", "borderLeft-Footer": "var(--xmlui-borderLeft-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderRight-Footer": "var(--xmlui-borderRight-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderTop-Footer": "var(--xmlui-borderTop-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderBottom-Footer": "var(--xmlui-borderBottom-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderWidth-Footer": "var(--xmlui-borderWidth-Footer)", "borderHorizontalWidth-Footer": "var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderLeftWidth-Footer": "var(--xmlui-borderLeftWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderRightWidth-Footer": "var(--xmlui-borderRightWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderVerticalWidth-Footer": "var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderTopWidth-Footer": "var(--xmlui-borderTopWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderBottomWidth-Footer": "var(--xmlui-borderBottomWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderStyle-Footer": "var(--xmlui-borderStyle-Footer)", "borderHorizontalStyle-Footer": "var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderLeftStyle-Footer": "var(--xmlui-borderLeftStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderRightStyle-Footer": "var(--xmlui-borderRightStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderVerticalStyle-Footer": "var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderTopStyle-Footer": "var(--xmlui-borderTopStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderBottomStyle-Footer": "var(--xmlui-borderBottomStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderColor-Footer": "var(--xmlui-borderColor-Footer)", "borderHorizontalColor-Footer": "var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer))", "borderLeftColor-Footer": "var(--xmlui-borderLeftColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderRightColor-Footer": "var(--xmlui-borderRightColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderVerticalColor-Footer": "var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer))", "borderTopColor-Footer": "var(--xmlui-borderTopColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderBottomColor-Footer": "var(--xmlui-borderBottomColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "radius-start-start-Footer": "var(--xmlui-radius-start-start-Footer, var(--xmlui-borderRadius-Footer))", "radius-start-end-Footer": "var(--xmlui-radius-start-end-Footer, var(--xmlui-borderRadius-Footer))", "radius-end-start-Footer": "var(--xmlui-radius-end-start-Footer, var(--xmlui-borderRadius-Footer))", "radius-end-end-Footer": "var(--xmlui-radius-end-end-Footer, var(--xmlui-borderRadius-Footer))", "backgroundColor-Footer": "var(--xmlui-backgroundColor-Footer)", "textColor-Footer": "var(--xmlui-textColor-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "fontSize-Footer": "var(--xmlui-fontSize-Footer)", "verticalAlign-Footer": "var(--xmlui-verticalAlign-Footer)", "maxWidth-content-Footer": "var(--xmlui-maxWidth-content-Footer)"}'`},lr="Footer",wd=k({description:`The \`${lr}\` is a component that acts as a placeholder within \`App\`.`,themeVars:j(Sd.themeVars),defaultThemeVars:{[`backgroundColor-${lr}`]:"$backgroundColor-AppHeader",[`verticalAlign-${lr}`]:"center",[`fontSize-${lr}`]:"$fontSize-small",[`textColor-${lr}`]:"$textColor-secondary",[`maxWidth-content-${lr}`]:"$maxWidth-content",[`border-${lr}`]:"1px solid $borderColor",[`padding-${lr}`]:"$space-2 $space-4",light:{},dark:{}}}),ya={themeVars:`'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`,wrapper:"_wrapper_wscb6_13",buttonRow:"_buttonRow_wscb6_19"};var ft=(e=>(e.FIELD_LOST_FOCUS="FormActionKind:FIELD_LOST_FOCUS",e.FIELD_VALUE_CHANGED="FormActionKind:FIELD_VALUE_CHANGED",e.FIELD_FOCUSED="FormActionKind:FIELD_FOCUSED",e.FIELD_VALIDATED="FormActionKind:FIELD_VALIDATED",e.FIELD_INITIALIZED="FormActionKind:FIELD_INITIALIZED",e.FIELD_REMOVED="FormActionKind:FIELD_REMOVED",e.TRIED_TO_SUBMIT="FormActionKind:TRIED_TO_SUBMIT",e.BACKEND_VALIDATION_ARRIVED="FormActionKind:BACKEND_VALIDATION_ARRIVED",e.SUBMITTING="FormActionKind:SUBMITTING",e.SUBMITTED="FormActionKind:SUBMITTED",e.RESET="FormActionKind:RESET",e))(ft||{});function Hd(e,t){return{type:"FormActionKind:FIELD_INITIALIZED",payload:{uid:e,value:t}}}function $d(e,t){return{type:"FormActionKind:FIELD_VALUE_CHANGED",payload:{uid:e,value:t}}}function Id(e){return{type:"FormActionKind:FIELD_FOCUSED",payload:{uid:e}}}function Bd(e){return{type:"FormActionKind:FIELD_LOST_FOCUS",payload:{uid:e}}}function Oi(e,t){return{type:"FormActionKind:FIELD_VALIDATED",payload:{uid:e,validationResult:t}}}function Ld(e){return{type:"FormActionKind:FIELD_REMOVED",payload:{uid:e}}}function _d(){return{type:"FormActionKind:TRIED_TO_SUBMIT",payload:{}}}function Ad(){return{type:"FormActionKind:SUBMITTING",payload:{}}}function Nd(){return{type:"FormActionKind:SUBMITTED",payload:{}}}function Od(e){return{type:"FormActionKind:RESET",payload:{originalSubject:e}}}function Wd({generalValidationResults:e=[],fieldValidationResults:t={}}){return{type:"FormActionKind:BACKEND_VALIDATION_ARRIVED",payload:{generalValidationResults:e,fieldValidationResults:t}}}const sr={themeVars:`'{"padding-ModalDialog": "var(--xmlui-padding-ModalDialog)", "paddingHorizontal-ModalDialog": "var(--xmlui-paddingHorizontal-ModalDialog, var(--xmlui-padding-ModalDialog))", "paddingVertical-ModalDialog": "var(--xmlui-paddingVertical-ModalDialog, var(--xmlui-padding-ModalDialog))", "paddingLeft-ModalDialog": "var(--xmlui-paddingLeft-ModalDialog, var(--xmlui-paddingHorizontal-ModalDialog, var(--xmlui-padding-ModalDialog)))", "paddingRight-ModalDialog": "var(--xmlui-paddingRight-ModalDialog, var(--xmlui-paddingHorizontal-ModalDialog, var(--xmlui-padding-ModalDialog)))", "paddingTop-ModalDialog": "var(--xmlui-paddingTop-ModalDialog, var(--xmlui-paddingVertical-ModalDialog, var(--xmlui-padding-ModalDialog)))", "paddingBottom-ModalDialog": "var(--xmlui-paddingBottom-ModalDialog, var(--xmlui-paddingVertical-ModalDialog, var(--xmlui-padding-ModalDialog)))", "padding-overlay-ModalDialog": "var(--xmlui-padding-overlay-ModalDialog)", "paddingHorizontal-overlay-ModalDialog": "var(--xmlui-paddingHorizontal-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog))", "paddingVertical-overlay-ModalDialog": "var(--xmlui-paddingVertical-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog))", "paddingLeft-overlay-ModalDialog": "var(--xmlui-paddingLeft-overlay-ModalDialog, var(--xmlui-paddingHorizontal-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "paddingRight-overlay-ModalDialog": "var(--xmlui-paddingRight-overlay-ModalDialog, var(--xmlui-paddingHorizontal-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "paddingTop-overlay-ModalDialog": "var(--xmlui-paddingTop-overlay-ModalDialog, var(--xmlui-paddingVertical-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "paddingBottom-overlay-ModalDialog": "var(--xmlui-paddingBottom-overlay-ModalDialog, var(--xmlui-paddingVertical-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "Dialog:backgroundColor-ModalDialog": "var(--xmlui-backgroundColor-ModalDialog)", "Dialog:backgroundColor-overlay-ModalDialog": "var(--xmlui-backgroundColor-overlay-ModalDialog)", "Dialog:borderRadius-ModalDialog": "var(--xmlui-borderRadius-ModalDialog)", "Dialog:fontFamily-ModalDialog": "var(--xmlui-fontFamily-ModalDialog)", "Dialog:textColor-ModalDialog": "var(--xmlui-textColor-ModalDialog)", "Dialog:minWidth-ModalDialog": "var(--xmlui-minWidth-ModalDialog)", "Dialog:maxWidth-ModalDialog": "var(--xmlui-maxWidth-ModalDialog)", "Dialog:marginBottom-title-ModalDialog": "var(--xmlui-marginBottom-title-ModalDialog)"}'`,overlay:"_overlay_it5gt_13",fullScreen:"_fullScreen_it5gt_21",content:"_content_it5gt_27",overlayBg:"_overlayBg_it5gt_36",dialogTitle:"_dialogTitle_it5gt_70",innerContent:"_innerContent_it5gt_76",closeButton:"_closeButton_it5gt_102"},Wi=u.createContext(null),Vd=()=>{const e=u.useId(),{registerForm:t,unRegisterForm:r,requestClose:o,amITheSingleForm:a}=u.useContext(Wi)||{};return u.useEffect(()=>{if(t)return t(e),()=>{r==null||r(e)}},[e,t,r]),u.useCallback(()=>{if(o&&a(e))return o()},[a,e,o])};u.forwardRef(({isInitiallyOpen:e,onOpen:t,onClose:r,registerComponentApi:o,renderDialog:a},n)=>{const i=Ei(e,t,r),{doOpen:l,doClose:d,isOpen:v,openParams:f}=i;return u.useEffect(()=>{o==null||o({open:l,close:d})},[d,l,o]),v?c.jsx(Vi.Provider,{value:i,children:a({openParams:f,ref:n})}):null});const Vi=u.createContext(null);function Ei(e,t,r){const[o,a]=u.useState(e),n=u.useRef(!1),[i,l]=u.useState(null),d=ke((...f)=>{l(f),t==null||t(),a(!0)}),v=ke(async()=>{if(!n.current)try{if(n.current=!0,await(r==null?void 0:r())===!1)return}finally{n.current=!1}a(!1)});return u.useMemo(()=>({isOpen:o,doClose:v,doOpen:d,openParams:i}),[v,d,o,i])}function Ed(e=!0,t,r){const o=u.useContext(Vi),a=Ei(e,t,r);return o||a}const zi=u.forwardRef(({children:e,style:t,isInitiallyOpen:r,fullScreen:o,title:a,closeButtonVisible:n=!0,onOpen:i,onClose:l},d)=>{const{root:v}=Ft(),f=u.useRef(null),p=d?Jt(d,f):f,{isOpen:C,doClose:b,doOpen:g}=Ed(r,i,l);u.useEffect(()=>{var A;C&&((A=f.current)==null||A.focus())},[C]),u.useEffect(()=>{if(C){const A=setTimeout(()=>{document.body.style.pointerEvents=""},0);return()=>clearTimeout(A)}else document.body.style.pointerEvents="auto"},[C]);const y=u.useRef(new Set),H=u.useMemo(()=>({registerForm:A=>{y.current.add(A)},unRegisterForm:A=>{y.current.delete(A)},amITheSingleForm:A=>y.current.size===1&&y.current.has(A),requestClose:()=>b()}),[b]);return v?c.jsx(Dr.Root,{open:C,onOpenChange:A=>A?g():b(),children:c.jsxs(Dr.Portal,{container:v,children:[!o&&c.jsx("div",{className:sr.overlayBg}),c.jsx(Dr.Overlay,{className:ne(sr.overlay,{[sr.fullScreen]:o}),children:c.jsxs(Dr.Content,{className:ne(sr.content),onPointerDownOutside:A=>{A.target instanceof Element&&A.target.closest("._debug-inspect-button")!==null&&A.preventDefault()},ref:p,style:{...t,gap:void 0},children:[!!a&&c.jsx(Dr.Title,{style:{marginTop:0},children:c.jsx("header",{id:"dialogTitle",className:sr.dialogTitle,children:a})}),c.jsx("div",{className:sr.innerContent,style:{gap:t==null?void 0:t.gap},children:c.jsx(Wi.Provider,{value:H,children:e})}),n&&c.jsx(Dr.Close,{asChild:!0,children:c.jsx(rt,{variant:"ghost",themeColor:"secondary",className:sr.closeButton,"aria-label":"Close",icon:c.jsx(fe,{name:"close",size:"sm"}),orientation:"vertical"})})]})})]})}):null});zi.displayName="ModalDialog";const Pi=new Set,at=new WeakMap,Xr=new WeakMap,Ir=new WeakMap,ka=new WeakMap,zd=new WeakMap,jr=new WeakMap,Eo=new WeakMap,Co=new WeakSet;let Br;const Kt="__aa_tgt",Sa="__aa_del",Pd=e=>{const t=Ud(e);t&&t.forEach(r=>qd(r))},Dd=e=>{e.forEach(t=>{t.target===Br&&Fd(),at.has(t.target)&&Lr(t.target)})};function Md(e){const t=ka.get(e);t==null||t.disconnect();let r=at.get(e),o=0;const a=5;r||(r=Zr(e),at.set(e,r));const{offsetWidth:n,offsetHeight:i}=Br,d=[r.top-a,n-(r.left+a+r.width),i-(r.top+a+r.height),r.left-a].map(f=>`${-1*Math.floor(f)}px`).join(" "),v=new IntersectionObserver(()=>{++o>1&&Lr(e)},{root:Br,threshold:1,rootMargin:d});v.observe(e),ka.set(e,v)}function Lr(e){clearTimeout(Eo.get(e));const t=zo(e),r=typeof t=="function"?500:t.duration;Eo.set(e,setTimeout(async()=>{const o=Ir.get(e);try{await(o==null?void 0:o.finished),at.set(e,Zr(e)),Md(e)}catch{}},r))}function Fd(){clearTimeout(Eo.get(Br)),Eo.set(Br,setTimeout(()=>{Pi.forEach(e=>Ri(e,t=>Di(()=>Lr(t))))},100))}function Rd(e){setTimeout(()=>{zd.set(e,setInterval(()=>Di(Lr.bind(null,e)),2e3))},Math.round(2e3*Math.random()))}function Di(e){typeof requestIdleCallback=="function"?requestIdleCallback(()=>e()):requestAnimationFrame(()=>e())}let wa,Qr;typeof window<"u"&&(Br=document.documentElement,wa=new MutationObserver(Pd),Qr=new ResizeObserver(Dd),Qr.observe(Br));function Ud(e){return e.reduce((o,a)=>[...o,...Array.from(a.addedNodes),...Array.from(a.removedNodes)],[]).every(o=>o.nodeName==="#comment")?!1:e.reduce((o,a)=>{if(o===!1)return!1;if(a.target instanceof Element){if(Ha(a.target),!o.has(a.target)){o.add(a.target);for(let n=0;n<a.target.children.length;n++){const i=a.target.children.item(n);if(i){if(Sa in i)return!1;Ha(a.target,i),o.add(i)}}}if(a.removedNodes.length)for(let n=0;n<a.removedNodes.length;n++){const i=a.removedNodes[n];if(Sa in i)return!1;i instanceof Element&&(o.add(i),Ha(a.target,i),Xr.set(i,[a.previousSibling,a.nextSibling]))}}return o},new Set)}function Ha(e,t){!t&&!(Kt in e)?Object.defineProperty(e,Kt,{value:e}):t&&!(Kt in t)&&Object.defineProperty(t,Kt,{value:e})}function qd(e){var t;const r=e.isConnected,o=at.has(e);r&&Xr.has(e)&&Xr.delete(e),Ir.has(e)&&((t=Ir.get(e))===null||t===void 0||t.cancel()),o&&r?Yd(e):o&&!r?jd(e):Xd(e)}function Gt(e){return Number(e.replace(/[^0-9.\-]/g,""))}function Gd(e){let t=e.parentElement;for(;t;){if(t.scrollLeft||t.scrollTop)return{x:t.scrollLeft,y:t.scrollTop};t=t.parentElement}return{x:0,y:0}}function Zr(e){const t=e.getBoundingClientRect(),{x:r,y:o}=Gd(e);return{top:t.top+o,left:t.left+r,width:t.width,height:t.height}}function Mi(e,t,r){let o=t.width,a=t.height,n=r.width,i=r.height;const l=getComputedStyle(e);if(l.getPropertyValue("box-sizing")==="content-box"){const v=Gt(l.paddingTop)+Gt(l.paddingBottom)+Gt(l.borderTopWidth)+Gt(l.borderBottomWidth),f=Gt(l.paddingLeft)+Gt(l.paddingRight)+Gt(l.borderRightWidth)+Gt(l.borderLeftWidth);o-=f,n-=f,a-=v,i-=v}return[o,n,a,i].map(Math.round)}function zo(e){return Kt in e&&jr.has(e[Kt])?jr.get(e[Kt]):{duration:250,easing:"ease-in-out"}}function Fi(e){if(Kt in e)return e[Kt]}function $a(e){const t=Fi(e);return t?Co.has(t):!1}function Ri(e,...t){t.forEach(r=>r(e,jr.has(e)));for(let r=0;r<e.children.length;r++){const o=e.children.item(r);o&&t.forEach(a=>a(o,jr.has(o)))}}function Yd(e){const t=at.get(e),r=Zr(e);if(!$a(e))return at.set(e,r);let o;if(!t)return;const a=zo(e);if(typeof a!="function"){const n=t.left-r.left,i=t.top-r.top,[l,d,v,f]=Mi(e,t,r),p={transform:`translate(${n}px, ${i}px)`},C={transform:"translate(0, 0)"};l!==d&&(p.width=`${l}px`,C.width=`${d}px`),v!==f&&(p.height=`${v}px`,C.height=`${f}px`),o=e.animate([p,C],{duration:a.duration,easing:a.easing})}else o=new Animation(a(e,"remain",t,r)),o.play();Ir.set(e,o),at.set(e,r),o.addEventListener("finish",Lr.bind(null,e))}function Xd(e){const t=Zr(e);at.set(e,t);const r=zo(e);if(!$a(e))return;let o;typeof r!="function"?o=e.animate([{transform:"scale(.98)",opacity:0},{transform:"scale(0.98)",opacity:0,offset:.5},{transform:"scale(1)",opacity:1}],{duration:r.duration*1.5,easing:"ease-in"}):(o=new Animation(r(e,"add",t)),o.play()),Ir.set(e,o),o.addEventListener("finish",Lr.bind(null,e))}function jd(e){var t;if(!Xr.has(e)||!at.has(e))return;const[r,o]=Xr.get(e);Object.defineProperty(e,Sa,{value:!0}),o&&o.parentNode&&o.parentNode instanceof Element?o.parentNode.insertBefore(e,o):r&&r.parentNode?r.parentNode.appendChild(e):(t=Fi(e))===null||t===void 0||t.appendChild(e);function a(){var C;e.remove(),at.delete(e),Xr.delete(e),Ir.delete(e),(C=ka.get(e))===null||C===void 0||C.disconnect()}if(!$a(e))return a();const[n,i,l,d]=Qd(e),v=zo(e),f=at.get(e);let p;Object.assign(e.style,{position:"absolute",top:`${n}px`,left:`${i}px`,width:`${l}px`,height:`${d}px`,margin:0,pointerEvents:"none",transformOrigin:"center",zIndex:100}),typeof v!="function"?p=e.animate([{transform:"scale(1)",opacity:1},{transform:"scale(.98)",opacity:0}],{duration:v.duration,easing:"ease-out"}):(p=new Animation(v(e,"remove",f)),p.play()),Ir.set(e,p),p.addEventListener("finish",a)}function Qd(e){const t=at.get(e),[r,,o]=Mi(e,t,Zr(e));let a=e.parentElement;for(;a&&(getComputedStyle(a).position==="static"||a instanceof HTMLBodyElement);)a=a.parentElement;a||(a=document.body);const n=getComputedStyle(a),i=at.get(a)||Zr(a),l=Math.round(t.top-i.top)-Gt(n.borderTopWidth),d=Math.round(t.left-i.left)-Gt(n.borderLeftWidth);return[l,d,r,o]}function Zd(e,t={}){return wa&&Qr&&(window.matchMedia("(prefers-reduced-motion: reduce)").matches&&typeof t!="function"&&!t.disrespectUserMotionPreference||(Co.add(e),getComputedStyle(e).position==="static"&&Object.assign(e.style,{position:"relative"}),Ri(e,Lr,Rd,a=>Qr==null?void 0:Qr.observe(a)),typeof t=="function"?jr.set(e,t):jr.set(e,{duration:250,easing:"ease-in-out",...t}),wa.observe(e,{childList:!0}),Pi.add(e))),Object.freeze({parent:e,enable:()=>{Co.add(e)},disable:()=>{Co.delete(e)},isEnabled:()=>Co.has(e)})}function Ia(e){const[t,r]=u.useState();return[u.useCallback(n=>{n instanceof HTMLElement?r(Zd(n,e)):r(void 0)},[]),n=>{t&&(n?t.enable():t.disable())}]}const dr={summaryContainer:"_summaryContainer_1sc6r_13",validationContainer:"_validationContainer_1sc6r_22",error:"_error_1sc6r_52",heading:"_heading_1sc6r_58",warning:"_warning_1sc6r_62",info:"_info_1sc6r_72",valid:"_valid_1sc6r_22"},Ui={themeVars:'"[]"',spacer:"_spacer_1414d_13"},Jd=()=>c.jsx("div",{className:Ui.spacer});function qi({fieldValidationResults:e=yr,generalValidationResults:t=et}){const[r]=Ia({duration:100}),o=u.useMemo(()=>{const a={};return Object.entries(e).forEach(([n,i])=>{i.validations.forEach(l=>{l.isValid||(a[l.severity]=a[l.severity]||[],a[l.severity].push({field:n,message:l.invalidMessage||""}))})}),t.forEach(n=>{a[n.severity]=a[n.severity]||[],a[n.severity].push({message:n.invalidMessage||""})}),a},[e,t]);return c.jsxs("div",{ref:r,className:dr.summaryContainer,children:[c.jsx(Gi,{issues:o.warning,severity:"warning",heading:"Validation warnings"}),c.jsx(Gi,{issues:o.error,severity:"error",heading:"Validation errors"})]})}const Gi=({heading:e,issues:t=et,severity:r="error",onClose:o})=>{const[a]=Ia({duration:100});return t.length===0?null:c.jsxs("div",{className:ne(dr.validationContainer,{[dr.valid]:r==="valid",[dr.info]:r==="info",[dr.warning]:r==="warning",[dr.error]:r==="error"}),style:{paddingTop:o?void 0:"0.5rem"},children:[c.jsxs(fo,{orientation:"horizontal",verticalAlignment:"center",style:{gap:"0.5rem"},children:[c.jsx(fe,{className:dr.heading,name:r,size:"md"}),c.jsx("div",{className:dr.heading,children:c.jsx(Rr,{children:e})}),!!o&&c.jsxs(c.Fragment,{children:[c.jsx(Jd,{}),c.jsx(rt,{onClick:o,variant:"ghost",themeColor:"secondary",icon:c.jsx(fe,{name:"close",size:"sm"}),orientation:"vertical"})]})]}),c.jsx("ul",{ref:a,children:t.map((n,i)=>c.jsx(Kd,{issue:n},i))})]})},Kd=({issue:e})=>{const{field:t,message:r}=e;return c.jsx("li",{children:c.jsxs("span",{style:{display:"inline-flex",gap:t?"0.25rem":void 0},children:[t&&c.jsx(Rr,{variant:"small",fontWeight:"bold",children:`${t}:`}),c.jsx(Rr,{variant:"small",preserveLinebreaks:!0,children:r})]})})},eu=["error","warning","valid","none"],Yi="errorLate",tu=[{value:"errorLate",description:"Display the error when the field loses focus.If an error is already displayed, continue for every keystroke until input is accepted."},{value:"onChanged",description:"Display error (if present) for every keystroke."},{value:"onLostFocus",description:"Show/hide error (if present) only if the field loses focus."}],Xi=Ka.createContext(void 0);function er(e){return Ka.useContextSelector(Xi,e)}const ru=[{value:"text",description:"Renders TextBox"},{value:"password",description:"Renders TextBox with `password` type"},{value:"textarea",description:"Renders Textarea"},{value:"checkbox",description:"Renders Checkbox"},{value:"number",description:"Renders NumberBox"},{value:"integer",description:"Renders NumberBox with `integersOnly` set to true"},{value:"file",description:"Renders FileInput"},{value:"datePicker",description:"Renders DatePicker"},{value:"radioGroup",description:"Renders RadioGroup"},{value:"switch",description:"Renders Switch"},{value:"select",description:"Renders Select"},{value:"autocomplete",description:"Renders AutoComplete"},{value:"slider",description:"Renders Slider"},{value:"colorpicker",description:"Renders ColorPicker"},{value:"custom",description:"Custom control specified in children"}];function ou(e){return e==null||e===""?!0:typeof e=="string"?e.trim().length===0:De.isEmpty(e)}function ji(e="",t){return typeof e=="string"?e.length>=t:(console.warn("minLength can only be used on strings"),!0)}function Qi(e="",t){return typeof e=="string"?e.length<=t:(console.warn("maxLength can only be used on strings"),!0)}function Zi(e="",t){return typeof e!="string"&&!De.isNumber(e)&&console.warn("Range can only be used on strings and numbers"),Number(e)>=t}function Ji(e="",t){return typeof e!="string"&&!De.isNumber(e)&&console.warn("Range can only be used on strings and numbers"),Number(e)<=t}function au(e="",t){if(typeof e=="string")return r(t).test(e);return console.warn("Regex can only be used on strings"),!0;function r(o){const a=o.match(/^([/~@;%#'])(.*?)\1([gimsuy]*)$/);return a?new RegExp(a[2],a[3]):new RegExp(o)}}class Ki{constructor(t,r,o){this.validations=t,this.onValidate=r,this.value=o,this.preValidate=()=>{const a=this.validateRequired();let n=[a];return(!a||a.isValid)&&n.push(this.validateLength(),this.validateRange(),this.validatePattern(),this.validateRegex()),n=n.filter(i=>i!==void 0),{isValid:n.find(i=>!i.isValid)===void 0,validatedValue:this.value,partial:this.onValidate!==void 0,validations:n}},this.validate=async()=>{const a=this.preValidate(),n=await this.validateCustom()||[];return a.validations.push(...n.map(i=>({...i,async:!0}))),{isValid:a.validations.find(i=>!i.isValid)===void 0,validatedValue:this.value,partial:!1,validations:a.validations}}}validateRequired(){const{required:t,requiredInvalidMessage:r}=this.validations;if(t)return{isValid:!ou(this.value),invalidMessage:r||"This field is required",severity:"error"}}validateLength(){const{minLength:t,maxLength:r,lengthInvalidMessage:o,lengthInvalidSeverity:a="error"}=this.validations;if(!(t===void 0&&r===void 0))return t!==void 0&&r===void 0?{isValid:ji(this.value,t),invalidMessage:o||`Input should be at least ${t} ${tn(t,"character")}`,severity:a}:t===void 0&&r!==void 0?{isValid:Qi(this.value,r),invalidMessage:o||`Input should be up to ${r} ${tn(r,"character")}`,severity:a}:{isValid:ji(this.value,t)&&Qi(this.value,r),invalidMessage:o||`Input length should be between ${t} and ${r}`,severity:a}}validateRange(){const{minValue:t,maxValue:r,rangeInvalidMessage:o,rangeInvalidSeverity:a="error"}=this.validations;if(!(t===void 0&&r===void 0))return t!==void 0&&r===void 0?{isValid:Zi(this.value,t),invalidMessage:o||`Input should be bigger than ${t}`,severity:a}:t===void 0&&r!==void 0?{isValid:Ji(this.value,r),invalidMessage:o||`Input should be smaller than ${r}`,severity:a}:{isValid:Zi(this.value,t)&&Ji(this.value,r),invalidMessage:o||`Input should be between ${t} and ${r}`,severity:a}}validatePattern(){const{pattern:t,patternInvalidMessage:r,patternInvalidSeverity:o="error"}=this.validations;if(t)switch(t.toLowerCase()){case"email":return{isValid:/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(this.value),invalidMessage:r||"Not a valid email address",severity:o};case"phone":return{isValid:/^[a-zA-Z0-9#*)(+.\-_&']+$/g.test(this.value),invalidMessage:r||"Not a valid phone number",severity:o};case"url":let a;try{a=new URL(this.value)}catch{}return!a||a.protocol&&!["http:","https:"].includes(a.protocol)?{isValid:!1,invalidMessage:"Not a valid URL",severity:o}:{isValid:!0,severity:"valid"};default:return console.warn("Unknown pattern provided"),{isValid:!0,severity:"valid"}}}validateRegex(){const{regex:t,regexInvalidMessage:r,regexInvalidSeverity:o="error"}=this.validations;if(t!==void 0)return{isValid:au(this.value,t),invalidMessage:r||"Input is not in the correct format",severity:o}}async validateCustom(){if(!this.onValidate)return;const t=await this.onValidate(this.value);return typeof t=="boolean"?[{isValid:t,invalidMessage:"Invalid input",severity:"error"}]:De.isArray(t)?t:[t]}}async function en(e,t,r){return await new Ki(e,t,r).validate()}function iu(e,t,r,o,a,n=0){const i=u.useDeferredValue(r),l=u.useMemo(()=>n!==0?Ql(en,n,{trailing:!0,leading:!0}):en,[n]);u.useEffect(function(){const v=new Ki(e,t,i);let f=!1;const p=v.preValidate();return f||(o(Oi(a,p)),p.partial&&(async()=>{const C=await l(e,t,i);f||o(Oi(a,C))})()),()=>{f=!0}},[a,i,o,t,l,e])}function nu(e,t,r,o=Yi){const a=er(A=>A.interactionFlags[e])||yr,n=a.forceShowValidationResult,i=a.focused,l=a.isValidLostFocus,d=a.isValidOnFocus,v=a.invalidToValid,f=!r||r.validatedValue!==t,p=a.isDirty,C=(r==null?void 0:r.isValid)===!0;let b="none";for(const A of(r==null?void 0:r.validations)||[])if(!A.isValid&&(b!=="error"&&A.severity==="warning"&&(b="warning"),A.severity==="error")){b="error";break}let g=!1;switch(o){case"errorLate":g=p&&(i?!v&&!d:!l);break;case"onChanged":g=p;break;case"onLostFocus":g=p&&(!i&&!C||!l&&!C)}g=g||n;const[y,H]=u.useState(g);return y!==g&&!f&&H(g),f&&(g=y),{isHelperTextShown:g,validationStatus:g?b:"none"}}function lu(e){const t={error:[],warning:[],valid:[],none:[]};return Object.entries(e).forEach(([r,o])=>{o.validations.forEach(a=>{a.isValid||(t[a.severity]=t[a.severity]||[],t[a.severity].push(a))})}),t}function tn(e,t){return e===1?t:t+"s"}const rn=(e,t,r)=>{const o=t.split(".");for(let a=0;a<o.length;a++){const n=o[a];typeof o[a+1]<"u"?e[n]=e[n]?e[n]:{}:e[n]=r,e=e[n]}},on=(e,t)=>{const r=t.split(".");let o=e;for(let a=0;a<r.length;a++)o=o==null?void 0:o[r[a]];return o};vr((e,t)=>{var o,a,n,i;const{uid:r}=t.payload;switch(r!==void 0&&!e.interactionFlags[r]&&(e.interactionFlags[r]={isDirty:!1,invalidToValid:!1,isValidOnFocus:!1,isValidLostFocus:!1,focused:!1,forceShowValidationResult:!1}),t.type){case ft.FIELD_INITIALIZED:{e.interactionFlags[r].isDirty||rn(e.subject,r,t.payload.value);break}case ft.FIELD_REMOVED:{delete e.validationResults[r];break}case ft.FIELD_VALUE_CHANGED:{rn(e.subject,r,t.payload.value),e.interactionFlags[r].isDirty=!0,e.interactionFlags[r].forceShowValidationResult=!1;break}case ft.FIELD_VALIDATED:{if(t.payload.validationResult.validations.length===0){delete e.validationResults[r];break}const l=(o=e.validationResults[r])==null?void 0:o.isValid;if(t.payload.validationResult.partial){const d=[...t.payload.validationResult.validations,...(((a=e.validationResults[r])==null?void 0:a.validations.filter(v=>v.async))||[]).map(v=>({...v,stale:!0}))];e.validationResults[r]={...t.payload.validationResult,isValid:d.find(v=>!v.isValid)===void 0,validations:d}}else e.validationResults[r]=t.payload.validationResult;e.interactionFlags[r].invalidToValid=!l&&e.validationResults[r].isValid;break}case ft.FIELD_FOCUSED:{e.interactionFlags[r].isValidOnFocus=!!((n=e.validationResults[r])!=null&&n.isValid),e.interactionFlags[r].focused=!0;break}case ft.FIELD_LOST_FOCUS:{e.interactionFlags[r].isValidLostFocus=!!((i=e.validationResults[r])!=null&&i.isValid),e.interactionFlags[r].focused=!1;break}case ft.TRIED_TO_SUBMIT:{Object.keys(e.interactionFlags).forEach(l=>{e.interactionFlags[l].forceShowValidationResult=!0});break}case ft.SUBMITTING:{e.submitInProgress=!0;break}case ft.SUBMITTED:{e.submitInProgress=!1,e.generalValidationResults=[],e.interactionFlags={},Object.keys(e.validationResults).forEach(l=>{var d;e.validationResults[l].validations=(d=e.validationResults[l].validations)==null?void 0:d.filter(v=>!v.fromBackend),e.validationResults[l].isValid=e.validationResults[l].validations.find(v=>!v.isValid)===void 0});break}case ft.BACKEND_VALIDATION_ARRIVED:{e.submitInProgress=!1,e.generalValidationResults=t.payload.generalValidationResults,Object.keys(e.validationResults).forEach(l=>{var d;e.validationResults[l].validations=(d=e.validationResults[l].validations)==null?void 0:d.filter(v=>!v.fromBackend)}),Object.entries(t.payload.fieldValidationResults).forEach(([l,d])=>{var v;e.validationResults[l].validations=[...((v=e.validationResults[l])==null?void 0:v.validations)||[],...d||[]],e.validationResults[l].isValid=e.validationResults[l].validations.find(f=>!f.isValid)===void 0});break}case ft.RESET:{const{originalSubject:l}=t.payload;return{...su,subject:l}}}});const su={subject:{},validationResults:{},generalValidationResults:[],interactionFlags:{},submitInProgress:!1},Jr={cancelLabel:"Cancel",saveLabel:"Save",saveInProgressLabel:"Saving...",itemLabelPosition:"top",itemLabelBreak:!0,keepModalOpenOnSubmit:!1},du=u.forwardRef(function({formState:e,dispatch:t,initialValue:r=yr,children:o,style:a,enabled:n=!0,cancelLabel:i="Cancel",saveLabel:l="Save",saveInProgressLabel:d="Saving...",swapCancelAndSave:v,onSubmit:f,onCancel:p,onReset:C,buttonRow:b,id:g,registerComponentApi:y,itemLabelBreak:H=!0,itemLabelWidth:A,itemLabelPosition:$="top",keepModalOpenOnSubmit:B=!1},E){const U=u.useRef(null);u.useImperativeHandle(E,()=>U.current);const[Z,P]=u.useState(!1),W=Vd(),O=n&&!e.submitInProgress,V=u.useMemo(()=>({itemLabelBreak:H,itemLabelWidth:A,itemLabelPosition:$,subject:e.subject,originalSubject:r,validationResults:e.validationResults,interactionFlags:e.interactionFlags,dispatch:t,enabled:O}),[t,e.interactionFlags,e.subject,e.validationResults,r,O,H,$,A]),x=ke(()=>{p==null||p(),W()}),h=ke(async z=>{var R;if(z==null||z.preventDefault(),!O)return;P(!1),t(_d());const{error:N,warning:I}=lu(Object.values(e.validationResults));if(N.length)return;if(I.length&&!Z){P(!0);return}const M=document.activeElement;t(Ad());try{await(f==null?void 0:f(e.subject,{passAsDefaultBody:!0})),t(Nd()),B||W(),r===yr&&Ja.flushSync(()=>{T()}),M&&typeof M.focus=="function"&&M.focus()}catch(D){const Y=[],Q={};D instanceof Error&&"errorCategory"in D&&D.errorCategory==="GenericBackendError"&&((R=D.details)!=null&&R.issues)&&Array.isArray(D.details.issues)?D.details.issues.forEach(J=>{const K={isValid:!1,invalidMessage:J.message,severity:J.severity||"error",fromBackend:!0};J.field!==void 0?(Q[J.field]=Q[J.field]||[],Q[J.field].push(K)):Y.push(K)}):Y.push({isValid:!1,invalidMessage:D.message||"Couldn't save the form.",severity:"error",fromBackend:!0}),t(Wd({generalValidationResults:Y,fieldValidationResults:Q}))}}),T=ke(()=>{t(Od(r)),C==null||C()}),S=ke(z=>{typeof z!="object"||z===null||z===void 0||Object.entries(z).forEach(([N,I])=>{t({type:ft.FIELD_VALUE_CHANGED,payload:{uid:N,value:I}})})}),_=i===""?null:c.jsx(rt,{type:"button",themeColor:"secondary",variant:"ghost",onClick:x,children:i},"cancel"),G=u.useMemo(()=>c.jsx(rt,{type:"submit",disabled:!O,children:e.submitInProgress?d:l},"submit"),[O,e.submitInProgress,d,l]);return u.useEffect(()=>{y==null||y({reset:T,update:S})},[T,S,y]),c.jsxs(c.Fragment,{children:[c.jsxs("form",{style:a,className:ya.wrapper,onSubmit:h,onReset:T,id:g,ref:U,children:[c.jsx(qi,{generalValidationResults:e.generalValidationResults}),c.jsx(Xi.Provider,{value:V,children:o}),b||c.jsxs("div",{className:ya.buttonRow,children:[v&&[G,_],!v&&[_,G]]})]}),Z&&c.jsx(zi,{onClose:()=>P(!1),isInitiallyOpen:!0,title:"Are you sure want to move forward?",children:c.jsxs(fo,{orientation:"vertical",style:{gap:"0.5rem"},children:[c.jsx(Rr,{children:"The following warnings were found during validation. Please make sure you are willing to move forward despite these issues."}),c.jsx(qi,{generalValidationResults:e.generalValidationResults,fieldValidationResults:e.validationResults}),c.jsxs(fo,{orientation:"horizontal",horizontalAlignment:"end",style:{gap:"1em"},children:[c.jsx(rt,{variant:"ghost",themeColor:"secondary",onClick:()=>P(!1),children:"No"}),c.jsx(rt,{onClick:()=>h(),autoFocus:!0,children:"Yes, proceed"})]})]})})]})});du.displayName="Form";const uu=k({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:Ae("This property allows defining a custom component to display the buttons at the bottom of the form."),itemLabelPosition:{description:"This property sets the position of the item labels within the form.Individual `FormItem` instances can override this property.",availableValues:ii,type:"string",defaultValue:Jr.itemLabelPosition},itemLabelWidth:{description:"This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property.",type:"string"},itemLabelBreak:{description:"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.",type:"boolean",defaultValue:Jr.itemLabelBreak},keepModalOpenOnSubmit:{description:"This property prevents the modal from closing when the form is submitted.",type:"boolean",defaultValue:Jr.keepModalOpenOnSubmit},data:{description:"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:{description:"This property defines the label of the Cancel button.",type:"string",defaultValue:Jr.cancelLabel},saveLabel:{description:"This property defines the label of the Save button.",type:"string",defaultValue:Jr.saveLabel},saveInProgressLabel:{description:"This property defines the label of the Save button to display during the form data submit (save) operation.",type:"string",defaultValue:Jr.saveInProgressLabel},swapCancelAndSave:{description:"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.",type:"boolean"},submitUrl:m("URL to submit the form data."),submitMethod:{description:"This property sets the HTTP method to use when submitting the form data. If not defined, `put` is used when the form has initial data; otherwise, `post`."},enabled:m("Whether the form is enabled or not. The default value is `true`."),_data_url:Ve("when we have an api bound data prop, we inject the url here")},events:{submit:m("The form infrastructure fires this event when the form is submitted. The event argument is the current `data` value to save."),cancel:m("The form infrastructure fires this event when the form is canceled."),reset:m("The form infrastructure fires this event when the form is reset.")},contextVars:{$data:m("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. `$data` also provides an `update` method as a shortcut to the Form's exposed `update` method.")},apis:{reset:m("Call this event to reset the form to its initial state."),update:m("You can pass a data object to update the form data. The properties in the passed data object are updated to their values accordingly. Other form properties remain intact.")},themeVars:j(ya.themeVars),defaultThemeVars:{"gap-Form":"$space-4","gap-buttonRow-Form":"$space-4",light:{"backgroundColor-ValidationDisplay-error":"$color-danger-100","backgroundColor-ValidationDisplay-warning":"$color-warn-100","backgroundColor-ValidationDisplay-info":"$color-primary-100","backgroundColor-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","textColor-ValidationDisplay-error":"$color-error","textColor-ValidationDisplay-warning":"$color-warning","textColor-ValidationDisplay-info":"$color-info","textColor-ValidationDisplay-valid":"$color-valid"},dark:{"backgroundColor-ValidationDisplay-error":"$color-danger-900","backgroundColor-ValidationDisplay-warning":"$color-warn-900","backgroundColor-ValidationDisplay-info":"$color-secondary-800","backgroundColor-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","textColor-ValidationDisplay-error":"$color-danger-500","textColor-ValidationDisplay-warning":"$color-warn-700","textColor-ValidationDisplay-info":"$color-secondary-200","textColor-ValidationDisplay-valid":"$color-success-600"}}});var s=(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))(s||{});class cu{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===`
|
|
6
|
-
`?(this._line++,this._column=0):this._column++,
|
|
7
|
-
`:case"\r":
|
|
8
|
-
`)return y();break;case 3:p==="*"&&(
|
|
9
|
-
`)return H();break;case 17:if(!sn(p))return y();break;case 20:return p===":"?H(s.Global):y();case 5:if(p==="*")
|
|
10
|
-
`||e==="
"||e==="\u2028"||e==="\u2029"}let hu=class Cl extends Error{constructor(t,r){super(t),this.code=r,Object.setPrototypeOf(this,Cl.prototype)}};const Po={W001:"An expression expected",W002:"Unexpected token: {0}",W003:"An identifier expected",W004:"'}' expected",W005:"']' expected",W006:"')' expected",W007:"Invalid object property name type",W008:"':' expected",W009:"'=' expected",W010:"Invalid argument list",W011:"For loop variable must be initialized",W012:"'{' expected",W013:"'catch' or 'finally' expected",W014:"'(' or expected",W015:"'case' or 'default' expected",W016:"'default' case can be used only once within a switch statement",W017:"Invalid sequence expression",W018:"Invalid object literal",W019:"Identifier '{0}' is already imported",W020:"Function '{0}' is already defined in the module",W021:"'{0}' is already exported from the module",W022:"Cannot find module '{0}'",W023:"Module '{0}' does not export '{1}'",W024:"'function' or 'const' expected",W025:"'from' expected",W026:"A string literal expected",W027:"Variables can be declared only in the top level module",W028:"Invalid statement used in a module",W029:"An imported module can contain only exported functions",W030:"Nested declarations cannot be exported",W031:"An identifier in a declaration cannot start with '$'"};class un{constructor(t){this.source=t,this._parseErrors=[],this._statementLevel=0,this._lexer=new mu(new cu(t))}get errors(){return this._parseErrors}get current(){return this._lexer.peek()}get isEof(){return this._lexer.peek().type===s.Eof}getTail(){return this._lexer.getTail()}parseStatements(){this._statementLevel=0;const t=[];for(;!this.isEof;){const r=this.parseStatement();if(!r)return null;t.push(r),r.type!=="EmptyS"&&this.skipToken(s.Semicolon)}return t}parseStatement(t=!0){this._statementLevel++;try{const r=this._lexer.peek();switch(r.type){case s.Semicolon:return this.parseEmptyStatement();case s.Let:return this.parseLetStatement();case s.Const:return this.parseConstStatement();case s.Var:return this.parseVarStatement();case s.LBrace:return this.parseBlockStatement();case s.If:return this.parseIfStatement();case s.Do:return this.parseDoWhileStatement();case s.While:return this.parseWhileStatement();case s.Return:return this.parseReturnStatement();case s.Break:return this._lexer.get(),this.createStatementNode("BrkS",{},r,r);case s.Continue:return this._lexer.get(),this.createStatementNode("ContS",{},r,r);case s.For:return this.parseForStatement();case s.Throw:return this.parseThrowStatement();case s.Try:return this.parseTryStatement();case s.Switch:return this.parseSwitchStatement();case s.Function:return this.parseFunctionDeclaration();case s.Export:return this.parseExport();case s.Import:return this.parseImport();default:return r.type===s.Eof?(this.reportError("W002",r,"EOF"),null):this.isExpressionStart(r)?this.parseExpressionStatement(t):(this.reportError("W002",r,r.text),null)}}finally{this._statementLevel--}}parseEmptyStatement(){const t=this._lexer.get();return this.createStatementNode("EmptyS",{},t,t)}parseExpressionStatement(t=!0){const r=this._lexer.peek(),o=this.getExpression(t);return o?this.createStatementNode("ExprS",{expression:o},r,o.endToken):null}parseLetStatement(){const t=this._lexer.get();let r=t;const o=[];for(;;){const a=this._lexer.peek();let n={};if(a.type===s.LBrace){r=this._lexer.ahead(1);const d=this.parseObjectDestructure();if(d===null)return null;n={objectDestruct:d},r=d.length>0?d[d.length-1].endToken:r}else if(a.type===s.LSquare){r=this._lexer.ahead(1);const d=this.parseArrayDestructure();if(d===null)return null;n={arrayDestruct:d},r=d.length>0?d[d.length-1].endToken:r}else if(a.type===s.Identifier){if(a.text.startsWith("$"))return this.reportError("W031"),null;r=this._lexer.get(),n={id:a.text}}else return this.reportError("W003"),null;const i=this._lexer.peek();let l=null;if(i.type===s.Assignment){if(this._lexer.get(),l=this.getExpression(!1),l===null)return null;n.expression=l,r=l.endToken}else if(n.arrayDestruct||n.objectDestruct)return this.reportError("W009",i),null;if(o.push(this.createExpressionNode("VarD",n,a,r)),this._lexer.peek().type!==s.Comma)break;this._lexer.get()}return this.createStatementNode("LetS",{declarations:o},t,r)}parseConstStatement(){const t=this._lexer.get();let r=t;const o=[];for(;;){const a=this._lexer.peek();let n={};if(a.type===s.LBrace){r=this._lexer.ahead(1);const l=this.parseObjectDestructure();if(l===null)return null;n={objectDestruct:l},r=l.length>0?l[l.length-1].endToken:r}else if(a.type===s.LSquare){r=this._lexer.ahead(1);const l=this.parseArrayDestructure();if(l===null)return null;n={arrayDestruct:l},r=l.length>0?l[l.length-1].endToken:r}else if(a.type===s.Identifier){if(a.text.startsWith("$"))return this.reportError("W031"),null;r=this._lexer.get(),n={id:a.text}}else return this.reportError("W003"),null;this.expectToken(s.Assignment);const i=this.getExpression(!1);if(i===null)return null;if(n.expression=i,r=i.endToken,o.push(this.createExpressionNode("VarD",n,a,r)),this._lexer.peek().type!==s.Comma)break;this._lexer.get()}return this.createStatementNode("ConstS",{declarations:o},t,r)}parseVarStatement(){const t=this._lexer.get();let r=t;const o=[];for(;;){const a=this._lexer.peek();let n={};if(a.type===s.Identifier){if(a.text.startsWith("$"))return this.reportError("W031"),null;r=this._lexer.get(),n={id:a.text}}else return this.reportError("W003"),null;this.expectToken(s.Assignment);const i=this.getExpression(!1);if(i===null)return null;if(n.expression=i,r=i.endToken,o.push(this.createExpressionNode("RVarD",n,a,r)),this._lexer.peek().type!==s.Comma)break;this._lexer.get()}return this.createStatementNode("VarS",{declarations:o},t,r)}parseObjectDestructure(){const t=[],r=this._lexer.get();let o=r,a=this._lexer.peek();for(;a.type===s.Identifier;){const n=a.text;if(n.startsWith("$"))return this.reportError("W031"),null;let i,l,d;if(this._lexer.get(),a=this._lexer.peek(),a.type===s.Colon){if(this._lexer.get(),a=this._lexer.peek(),a.type===s.Identifier)i=a.text,o=a,this._lexer.get();else if(a.type===s.LSquare){if(l=this.parseArrayDestructure(),l===null)return null;o=l[l.length-1].endToken}else if(a.type===s.LBrace){if(d=this.parseObjectDestructure(),d===null)return null;o=d[d.length-1].endToken}}a=this._lexer.peek(),(a.type===s.Comma||a.type===s.RBrace)&&(t.push(this.createExpressionNode("ODestr",{id:n,alias:i,arrayDestruct:l,objectDestruct:d},r,o)),a.type===s.Comma&&(this._lexer.get(),a=this._lexer.peek()))}return this.expectToken(s.RBrace,"W004"),t}parseArrayDestructure(){const t=[],r=this._lexer.get();let o=r;do{let a=this._lexer.peek(),n,i,l;if(a.type===s.Identifier){if(n=a.text,n.startsWith("$"))return this.reportError("W031"),null;o=a,a=this._lexer.get()}else if(a.type===s.LSquare){if(i=this.parseArrayDestructure(),i===null)return null;o=i[i.length-1].endToken}else if(a.type===s.LBrace){if(l=this.parseObjectDestructure(),l===null)return null;o=l[l.length-1].endToken}if(a=this._lexer.peek(),a.type===s.Comma)t.push(this.createExpressionNode("ADestr",{id:n,arrayDestruct:i,objectDestruct:l},r,o)),this._lexer.get();else if(a.type===s.RSquare){(n||i||l)&&t.push(this.createExpressionNode("ADestr",{id:n,arrayDestruct:i,objectDestruct:l},r,o));break}else return this.reportError("W002",a),null}while(!0);return this.expectToken(s.RSquare,"W005"),t}parseBlockStatement(){const t=this._lexer.get(),r=[];for(;this._lexer.peek().type!==s.RBrace;){const a=this.parseStatement();if(!a)return null;r.push(a),a.type!=="EmptyS"&&this.skipToken(s.Semicolon)}const o=this._lexer.get();return this.createStatementNode("BlockS",{statements:r},t,o)}parseIfStatement(){const t=this._lexer.get();let r=t;this.expectToken(s.LParent,"W014");const o=this.getExpression();if(!o)return null;this.expectToken(s.RParent,"W006");const a=this.parseStatement();if(!a)return null;r=a.endToken;let n=!0;a.type!=="BlockS"&&(this._lexer.peek().type===s.Semicolon?this._lexer.get():n=!1);let i=null;if(n&&this._lexer.peek().type===s.Else){if(this._lexer.get(),i=this.parseStatement(),!i)return null;r=i.endToken}return this.createStatementNode("IfS",{condition:o,thenBranch:a,elseBranch:i},t,r)}parseWhileStatement(){const t=this._lexer.get();this.expectToken(s.LParent,"W014");const r=this.getExpression();if(!r)return null;this.expectToken(s.RParent,"W006");const o=this.parseStatement();return o?this.createStatementNode("WhileS",{condition:r,body:o},t,o.endToken):null}parseDoWhileStatement(){const t=this._lexer.get(),r=this.parseStatement();if(!r)return null;r.type!=="BlockS"&&r.type!=="EmptyS"&&this.expectToken(s.Semicolon),this.expectToken(s.While),this.expectToken(s.LParent,"W014");const o=this.getExpression();if(!o)return null;const a=this._lexer.peek();return this.expectToken(s.RParent,"W006"),this.createStatementNode("DoWS",{condition:o,body:r},t,a)}parseReturnStatement(){const t=this._lexer.peek();let r=this._lexer.get(),o;if(_r[this._lexer.peek().type].expressionStart){if(o=this.getExpression(),o===null)return null;r=o.endToken}return this.createStatementNode("RetS",{expression:o},t,r)}parseForStatement(){const t=this._lexer.peek();this._lexer.get(),this.expectToken(s.LParent,"W014");let r=this._lexer.peek();if(r.type===s.Identifier){if(this._lexer.ahead(1).type===s.In)return this.parseForInOfStatement(t,"none",r.text,"ForInS");if(this._lexer.ahead(1).type===s.Of)return this.parseForInOfStatement(t,"none",r.text,"ForOfS")}else if(r.type===s.Let){const l=this._lexer.ahead(1);if(l.type===s.Identifier){const d=this._lexer.ahead(2);if(d.type===s.In)return this.parseForInOfStatement(t,"let",l.text,"ForInS");if(d.type===s.Of)return this.parseForInOfStatement(t,"let",l.text,"ForOfS")}}else if(r.type===s.Const){const l=this._lexer.ahead(1);if(l.type===s.Identifier){const d=this._lexer.ahead(2);if(d.type===s.In)return this.parseForInOfStatement(t,"const",l.text,"ForInS");if(d.type===s.Of)return this.parseForInOfStatement(t,"const",l.text,"ForOfS")}}let o;if(r=this._lexer.peek(),r.type===s.Semicolon)this._lexer.get();else if(r.type===s.Let){const l=this.parseLetStatement();if(l===null)return null;if(o=l,o.declarations.some(d=>!d.expression))return this.reportError("W011"),null;this.expectToken(s.Semicolon)}else if(_r[r.type].expressionStart){const l=this.parseExpressionStatement();if(l===null)return null;o=l,this.expectToken(s.Semicolon)}let a;if(r=this._lexer.peek(),r.type===s.Semicolon)this._lexer.get();else{if(a=this.getExpression(),a===null)return null;this.expectToken(s.Semicolon)}let n;if(r=this._lexer.peek(),r.type!==s.RParent&&(n=this.getExpression(),n===null))return null;this.expectToken(s.RParent,"W006");const i=this.parseStatement();return i?this.createStatementNode("ForS",{init:o,condition:a,update:n,body:i},t,i.endToken):null}parseForInOfStatement(t,r,o,a){if(r!=="none"){if(o.startsWith("$"))return this.reportError("W031"),null;this._lexer.get()}this._lexer.get(),this._lexer.get();const n=this.getExpression(!0);this.expectToken(s.RParent,"W006");const i=this.parseStatement();return i?a==="ForInS"?this.createStatementNode("ForInS",{varBinding:r,id:o,expression:n,body:i},t,i.endToken):this.createStatementNode("ForOfS",{varBinding:r,id:o,expression:n,body:i},t,i.endToken):null}parseThrowStatement(){const t=this._lexer.peek();this._lexer.get();let r;return r=this.getExpression(),r===null?null:this.createStatementNode("ThrowS",{expression:r},t,r.endToken)}parseTryStatement(){const t=this._lexer.peek();let r=this._lexer.get();const o=this,a=v();let n,i,l,d=this._lexer.peek();if(d.type===s.Catch){if(this._lexer.get(),d=this._lexer.peek(),d.type===s.LParent){if(this._lexer.get(),d=this._lexer.peek(),d.type!==s.Identifier)return this.reportError("W003",d),null;i=d.text,this._lexer.get(),this.expectToken(s.RParent,"W006")}n=v(),r=n.endToken,this._lexer.peek().type===s.Finally&&(this._lexer.get(),l=v(),r=l.endToken)}else if(d.type===s.Finally)this._lexer.get(),l=v(),r=l.endToken;else return this.reportError("W013",d),null;return this.createStatementNode("TryS",{tryBlock:a,catchBlock:n,catchVariable:i,finallyBlock:l},t,r);function v(){const f=o._lexer.peek();return f.type!==s.LBrace?(o.reportError("W012",f),null):o.parseBlockStatement()}}parseSwitchStatement(){const t=this._lexer.get();this.expectToken(s.LParent,"W014");const r=this.getExpression();if(!r)return null;this.expectToken(s.RParent,"W006"),this.expectToken(s.LBrace,"W012");const o=[];let a=!1;for(;;){let i=this._lexer.peek(),l;if(i.type===s.Case){if(this._lexer.get(),l=this.getExpression(),!l)return null}else if(i.type===s.Default){if(a)return this.reportError("W016"),null;a=!0,this._lexer.get()}else{if(i.type===s.RBrace)break;return this.reportError("W015"),null}this.expectToken(s.Colon,"W008");let d=[],v=!1;for(;!v;)switch(this._lexer.peek().type){case s.Case:case s.Default:case s.RBrace:v=!0;break;default:const p=this.parseStatement();if(p===null){v=!0;break}d.push(p),p.type!=="EmptyS"&&this.skipToken(s.Semicolon)}o.push(this.createNode("SwitchC",{caseExpression:l,statements:d},t))}const n=this._lexer.peek();return this.expectToken(s.RBrace,"W004"),this.createStatementNode("SwitchS",{expression:r,cases:o},t,n)}parseFunctionDeclaration(t=!1){const r=this._lexer.get();let o;const a=this._lexer.peek();if(t){if(a.type!==s.LParent){if(a.type!==s.Identifier)return this.reportError("W003",a),null;o=a.text,this._lexer.get()}}else{if(a.type!==s.Identifier)return this.reportError("W003",a),null;o=a.text,this._lexer.get()}const n=this._lexer.peek();if(n.type!==s.LParent)return this.reportError("W014",n),null;const i=this.getExpression(!0);let l;const d=[];switch(i.type){case"NoArgE":l=!0;break;case"IdE":l=(i.parenthesized??0)<=1,d.push(i);break;case"SeqE":l=i.parenthesized===1;let f=!1;if(l)for(const p of i.expressions){if(f){l=!1;break}switch(p.type){case"IdE":l=!p.parenthesized,d.push(p);break;case"OLitE":{if(l=!p.parenthesized,l){const C=this.convertToObjectDestructure(p);C&&d.push(C)}break}case"ALitE":{if(l=!p.parenthesized,l){const C=this.convertToArrayDestructure(p);C&&d.push(C)}break}case"SpreadE":{if(f=!0,p.operand.type!=="IdE"){l=!1;break}d.push(p);break}default:l=!1;break}}break;case"OLitE":if(l=i.parenthesized===1,l){const p=this.convertToObjectDestructure(i);p&&d.push(p)}break;case"ALitE":if(l=i.parenthesized===1,l){const p=this.convertToArrayDestructure(i);p&&d.push(p)}break;case"SpreadE":if(i.operand.type!=="IdE"){l=!1;break}l=!0,d.push(i);break;default:l=!1}if(!l)return this.reportError("W010",r),null;if(this._lexer.peek().type!==s.LBrace)return this.reportError("W012",this._lexer.peek()),null;const v=this.parseBlockStatement();return v?this.createStatementNode("FuncD",{name:o,args:d,statement:v},r,v.endToken):null}parseExport(){this._lexer.get();const t=this._lexer.peek();if(t.type===s.Const){if(this._statementLevel>1)return this.reportError("W030",t),null;const r=this.parseConstStatement();return r===null?null:{...r,isExported:!0}}else if(t.type===s.Function){if(this._statementLevel>1)return this.reportError("W030",t),null;const r=this.parseFunctionDeclaration();return r===null?null:{...r,isExported:!0}}return this.reportError("W024",t),null}parseImport(){const t=this._lexer.get();this.expectToken(s.LBrace,"W012");const r={};let o=this._lexer.peek();for(;o.type!==s.RBrace;){if(o.type!==s.Identifier)return this.reportError("W003",o),null;const i=o.text;if(this._lexer.get(),o=this._lexer.peek(),o.type===s.As){if(this._lexer.get(),o=this._lexer.peek(),o.type!==s.Identifier)return this.reportError("W003",o),null;if(r[o.text])return this.reportError("W019",o,o.text),null;r[o.text]=i,this._lexer.get()}else{if(r[i])return this.reportError("W019",o,i),null;r[i]=i}o=this._lexer.peek(),o.type===s.Comma&&(this._lexer.get(),o=this._lexer.peek())}this._lexer.get(),this.expectToken(s.From,"W025");const a=this._lexer.peek();if(a.type!==s.StringLiteral)return this.reportError("W026",a),null;this._lexer.get();const n=this.parseStringLiteral(a);return this.createStatementNode("ImportD",{imports:r,moduleFile:n.value},t,a)}parseExpr(t=!0){return t?this.parseSequenceExpression():this.parseCondOrSpreadOrAsgnOrArrowExpr()}parseSequenceExpression(){const t=this._lexer.peek();let r=t,o=this.parseCondOrSpreadOrAsgnOrArrowExpr();if(!o)return null;r=o.endToken;const a=[];let n=!1;if(this._lexer.peek().type===s.Comma)for(a.push(o);this.skipToken(s.Comma);)if(this._lexer.peek().type===s.Comma)n=!0,r=this._lexer.peek(),a.push(this.createExpressionNode("NoArgE",{},r,r));else{const i=this.parseCondOrSpreadOrAsgnOrArrowExpr();if(!i)break;r=i.endToken,a.push(i)}return a.length&&(o=this.createExpressionNode("SeqE",{expressions:a,loose:n},t,r),n&&(o=this.convertToArrayDestructure(o))),o}parseCondOrSpreadOrAsgnOrArrowExpr(){const t=this._lexer.peek();if(t.type===s.Spread){this._lexer.get();const a=this.parseNullCoalescingExpr();return a?this.createExpressionNode("SpreadE",{operand:a},t,a.endToken):null}if(t.type===s.Function){const a=this.parseFunctionDeclaration(!0);return a?this.createExpressionNode("ArrowE",{name:a.name,args:a.args,statement:a.statement},t,a.endToken):null}const r=this.parseNullCoalescingExpr();if(!r)return null;const o=this._lexer.peek();if(o.type===s.Arrow)return this.parseArrowExpression(t,r);if(o.type===s.QuestionMark){this._lexer.get();const a=this.getExpression(!1);this.expectToken(s.Colon);const n=this.getExpression(!1);return this.createExpressionNode("CondE",{condition:r,consequent:a,alternate:n},t,n.endToken)}if(_r[o.type].isAssignment){this._lexer.get();const a=this.getExpression();return a?this.createExpressionNode("AsgnE",{leftValue:r,operator:o.text,operand:a},t,a.endToken):null}return r}parseArrowExpression(t,r){let o;const a=[];switch(r.type){case"NoArgE":o=!0;break;case"IdE":o=(r.parenthesized??0)<=1,a.push(r);break;case"SeqE":o=r.parenthesized===1;let i=!1;if(o)for(const l of r.expressions){if(i){o=!1;break}switch(l.type){case"IdE":o=!l.parenthesized,a.push(l);break;case"OLitE":{if(o=!l.parenthesized,o){const d=this.convertToObjectDestructure(l);d&&a.push(d)}break}case"ALitE":{if(o=!l.parenthesized,o){const d=this.convertToArrayDestructure(l);d&&a.push(d)}break}case"SpreadE":{if(i=!0,l.operand.type!=="IdE"){o=!1;break}a.push(l);break}default:o=!1;break}}break;case"OLitE":if(o=r.parenthesized===1,o){const l=this.convertToObjectDestructure(r);l&&a.push(l)}break;case"ALitE":if(o=r.parenthesized===1,o){const l=this.convertToArrayDestructure(r);l&&a.push(l)}break;case"SpreadE":o=r.operand.type==="IdE",o&&a.push(r);break;default:o=!1}if(!o)return this.reportError("W010",t),null;this._lexer.get();const n=this.parseStatement(!1);return n?this.createExpressionNode("ArrowE",{args:a,statement:n},t,n.endToken):null}parseNullCoalescingExpr(){const t=this._lexer.peek();let r=this.parseLogicalOrExpr();if(!r)return null;for(;this.skipToken(s.NullCoalesce);){const o=this.parseLogicalOrExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;r=this.createExpressionNode("BinaryE",{operator:"??",left:r,right:o},t,a)}return r}parseLogicalOrExpr(){const t=this._lexer.peek();let r=this.parseLogicalAndExpr();if(!r)return null;for(;this.skipToken(s.LogicalOr);){const o=this.parseLogicalAndExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;r=this.createExpressionNode("BinaryE",{operator:"||",left:r,right:o},t,a)}return r}parseLogicalAndExpr(){const t=this._lexer.peek();let r=this.parseBitwiseOrExpr();if(!r)return null;for(;this.skipToken(s.LogicalAnd);){const o=this.parseBitwiseOrExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;r=this.createExpressionNode("BinaryE",{operator:"&&",left:r,right:o},t,a)}return r}parseBitwiseOrExpr(){const t=this._lexer.peek();let r=this.parseBitwiseXorExpr();if(!r)return null;for(;this.skipToken(s.BitwiseOr);){const o=this.parseBitwiseXorExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;r=this.createExpressionNode("BinaryE",{operator:"|",left:r,right:o},t,a)}return r}parseBitwiseXorExpr(){const t=this._lexer.peek();let r=this.parseBitwiseAndExpr();if(!r)return null;for(;this.skipToken(s.BitwiseXor);){const o=this.parseBitwiseAndExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;r=this.createExpressionNode("BinaryE",{operator:"^",left:r,right:o},t,a)}return r}parseBitwiseAndExpr(){const t=this._lexer.peek();let r=this.parseEquExpr();if(!r)return null;for(;this.skipToken(s.BitwiseAnd);){const o=this.parseEquExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;r=this.createExpressionNode("BinaryE",{operator:"&",left:r,right:o},t,a)}return r}parseEquExpr(){const t=this._lexer.peek();let r=this.parseRelOrInExpr();if(!r)return null;let o;for(;o=this.skipTokens(s.Equal,s.StrictEqual,s.NotEqual,s.StrictNotEqual);){const a=this.parseRelOrInExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;r=this.createExpressionNode("BinaryE",{type:"BinaryE",operator:o.text,left:r,right:a},t,n)}return r}parseRelOrInExpr(){const t=this._lexer.peek();let r=this.parseShiftExpr();if(!r)return null;let o;for(;o=this.skipTokens(s.LessThan,s.LessThanOrEqual,s.GreaterThan,s.GreaterThanOrEqual,s.In);){const a=this.parseShiftExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;r=this.createExpressionNode("BinaryE",{operator:o.text,left:r,right:a},t,n)}return r}parseShiftExpr(){const t=this._lexer.peek();let r=this.parseAddExpr();if(!r)return null;let o;for(;o=this.skipTokens(s.ShiftLeft,s.ShiftRight,s.SignedShiftRight);){const a=this.parseAddExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;r=this.createExpressionNode("BinaryE",{operator:o.text,left:r,right:a},t,n)}return r}parseAddExpr(){const t=this._lexer.peek();let r=this.parseMultExpr();if(!r)return null;let o;for(;o=this.skipTokens(s.Plus,s.Minus);){const a=this.parseMultExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;r=this.createExpressionNode("BinaryE",{operator:o.text,left:r,right:a},t,n)}return r}parseMultExpr(){const t=this._lexer.peek();let r=this.parseExponentialExpr();if(!r)return null;let o;for(;o=this.skipTokens(s.Multiply,s.Divide,s.Remainder);){const a=this.parseExponentialExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;r=this.createExpressionNode("BinaryE",{operator:o.text,left:r,right:a},t,n)}return r}parseExponentialExpr(){const t=this._lexer.peek();let r=this.parseUnaryOrPrefixExpr();if(!r)return null;let o,a=0;for(;o=this.skipToken(s.Exponent);){let n=this.parseUnaryOrPrefixExpr();if(!n)return this.reportError("W001"),null;let i=n.endToken;if(a===0)r=this.createExpressionNode("BinaryE",{operator:o.text,left:r,right:n},t,i);else{const l=r;r=this.createExpressionNode("BinaryE",{operator:o.text,left:l.left,right:{type:"BinaryE",operator:o.text,left:l.right,right:n}},t,i)}a++}return r}parseUnaryOrPrefixExpr(){const t=this._lexer.peek();if(_r[t.type].canBeUnary){this._lexer.get();const r=this.parseUnaryOrPrefixExpr();return r?this.createExpressionNode("UnaryE",{operator:t.text,operand:r},t,r.endToken):null}if(t.type===s.IncOp||t.type===s.DecOp){this._lexer.get();const r=this.parseMemberOrInvocationExpr();return r?this.createExpressionNode("PrefE",{operator:t.text,operand:r},t,r.endToken):null}return this.parseMemberOrInvocationExpr()}parseMemberOrInvocationExpr(){const t=this._lexer.peek();let r=this.parsePrimaryExpr();if(!r)return null;let o=!1;do{const n=this._lexer.peek();switch(n.type){case s.LParent:{this._lexer.get();let f=[];if(this._lexer.peek().type!==s.RParent){const C=this.parseExpr();if(!C)return this.reportError("W001"),null;f=C.type==="SeqE"?C.expressions:[C]}const p=this._lexer.peek();this.expectToken(s.RParent,"W006"),r=this.createExpressionNode("InvokeE",{object:r,arguments:f},t,p);break}case s.Dot:case s.OptionalChaining:this._lexer.get();const i=this._lexer.get();if(!_r[i.type].keywordLike)return this.reportError("W003"),null;r=this.createExpressionNode("MembE",{object:r,member:i.text,isOptional:n.type===s.OptionalChaining},t,i);break;case s.LSquare:this._lexer.get();const d=this.getExpression();if(!d)return null;const v=this._lexer.peek();this.expectToken(s.RSquare,"W005"),r=this.createExpressionNode("CMembE",{object:r,member:d},t,v);break;default:o=!0;break}}while(!o);const a=this._lexer.peek();return a.type===s.IncOp||a.type===s.DecOp?(this._lexer.get(),this.createExpressionNode("PostfE",{operator:a.text,operand:r},t,a)):r}parsePrimaryExpr(){const t=this._lexer.peek();switch(t.type){case s.LParent:if(this._lexer.get(),this._lexer.peek().type===s.RParent){const a=this._lexer.get();return this.createExpressionNode("NoArgE",{},t,a)}const r=this.parseExpr();if(!r)return null;const o=this._lexer.peek();return this.expectToken(s.RParent,"W006"),r.parenthesized??(r.parenthesized=0),r.parenthesized++,r.startToken=t,r.startPosition=t.location.startPosition,r.startLine=t.location.startLine,r.startColumn=t.location.startColumn,r.endToken=o,r.endPosition=o.location.endPosition,r.endLine=o.location.endLine,r.endColumn=o.location.endColumn,r.source=this.getSource(t,o),r;case s.Identifier:{const a=this._lexer.get();return this.createExpressionNode("IdE",{name:a.text},a,a)}case s.Global:{this._lexer.get();const a=this._lexer.get();return a.type!==s.Identifier?(this.reportError("W003"),null):this.createExpressionNode("IdE",{name:a.text,isGlobal:!0},a,a)}case s.Backtick:return this.parseTemplateLiteral();case s.False:case s.True:return this._lexer.get(),this.createExpressionNode("LitE",{value:t.type===s.True},t,t);case s.BinaryLiteral:return this._lexer.get(),this.parseBinaryLiteral(t);case s.DecimalLiteral:return this._lexer.get(),this.parseDecimalLiteral(t);case s.HexadecimalLiteral:return this._lexer.get(),this.parseHexadecimalLiteral(t);case s.RealLiteral:return this._lexer.get(),this.parseRealLiteral(t);case s.StringLiteral:return this._lexer.get(),this.parseStringLiteral(t);case s.Infinity:return this._lexer.get(),this.createExpressionNode("LitE",{value:1/0},t,t);case s.NaN:return this._lexer.get(),this.createExpressionNode("LitE",{value:NaN},t,t);case s.Null:return this._lexer.get(),this.createExpressionNode("LitE",{value:null},t,t);case s.Undefined:return this._lexer.get(),this.createExpressionNode("LitE",{value:void 0},t,t);case s.LSquare:return this.parseArrayLiteral();case s.LBrace:return this.parseObjectLiteral();case s.Divide:return this.parseRegExpLiteral()}return null}parseTemplateLiteral(){const t=this._lexer.get();this._lexer.setStartingPhaseToTemplateLiteral();const r=[];e:for(;;){let a=this._lexer.peek();switch(a.type){case s.StringLiteral:this._lexer.get();const n=this.parseStringLiteral(a,!1);r.push(n);break;case s.DollarLBrace:this._lexer.get();const i=this.parseExpr();r.push(i),this.expectToken(s.RBrace,"W004"),this._lexer.setStartingPhaseToTemplateLiteral();break;case s.Backtick:break e;default:this.reportError("W004")}}const o=this._lexer.get();return this.createExpressionNode("TempLitE",{segments:r},t,o)}parseArrayLiteral(){const t=this._lexer.get();let r=[];if(this._lexer.peek().type!==s.RSquare){const a=this.getExpression();a&&(r=a.type==="SeqE"?a.expressions:[a])}const o=this._lexer.peek();return this.expectToken(s.RSquare),this.createExpressionNode("ALitE",{items:r},t,o)}parseObjectLiteral(){const t=this._lexer.get();let r=[];if(this._lexer.peek().type!==s.RBrace)for(;this._lexer.peek().type!==s.RBrace;){const a=this._lexer.peek(),n=_r[a.type];let i;if(n.expressionStart)if(a.type===s.LSquare){if(this._lexer.get(),i=this.getExpression(),!i)return null;this.expectToken(s.RSquare,"W005"),i=this.createExpressionNode("SeqE",{expressions:[i]},t)}else if(n.isPropLiteral){if(i=this.getExpression(!1),!i)return null;if(i.type!=="IdE"&&i.type!=="LitE"&&i.type!=="SpreadE")return this.reportError("W007"),null}else return this.reportError("W007"),null;else if(n.keywordLike)i={type:"IdE",name:a.text,value:void 0,startPosition:a.location.startPosition,startLine:a.location.startLine,startColumn:a.location.startColumn,endPosition:a.location.endPosition,endLine:a.location.endLine,endColumn:a.location.endColumn,source:a.text,startToken:a,endToken:a},this._lexer.get();else return this.reportError("W001"),null;const l=i.type;if(l==="SpreadE")r.push(i);else{if(l==="LitE"){const f=i.value;if(typeof f!="number"&&typeof f!="string")return this.expectToken(s.RBrace,"W007"),null}let v=null;if(l==="IdE"){const f=this._lexer.peek();(f.type===s.Comma||f.type===s.RBrace)&&(v={...i})}if(!v&&(this.expectToken(s.Colon,"W008"),v=this.getExpression(!1),!v))return null;r.push([i,v])}const d=this._lexer.peek().type;if(d===s.Comma)this._lexer.get();else if(d!==s.RBrace)break}const o=this._lexer.peek();return this.expectToken(s.RBrace,"W004"),this.createExpressionNode("OLitE",{props:r},t,o)}parseRegExpLiteral(){const t=this._lexer.peek(),r=this._lexer.getRegEx();return r.success?this.createExpressionNode("LitE",{value:new RegExp(r.pattern,r.flags)},t,this._lexer.peek()):(this.reportError("W002",t,r.pattern??""),null)}getExpression(t=!0){const r=this.parseExpr(t);return r||(this.reportError("W001"),null)}expectToken(t,r,o){const a=this._lexer.peek();return a.type===t||o&&a.type===s.Eof?this._lexer.get():(this.reportError(r??"W002",a,a.text),null)}skipToken(t){const r=this._lexer.peek();return r.type===t?(this._lexer.get(),r):null}skipTokens(...t){const r=this._lexer.peek();for(const o of t)if(r.type===o)return this._lexer.get(),r;return null}reportError(t,r,...o){let a=Po[t]??"Unkonwn error";throw o&&o.forEach((i,l)=>a=n(a,`{${l}}`,o[l].toString())),r||(r=this._lexer.peek()),this._parseErrors.push({code:t,text:a,line:r.location.startLine,column:r.location.startColumn,position:r.location.startPosition}),new hu(a,t);function n(i,l,d){do i=i.replace(l,d);while(i.includes(l));return i}}createNode(t,r,o,a,n){a||(a=this._lexer.peek());const i=o.location.startPosition,l=a.location.startPosition;return Object.assign({},r,{type:t,startPosition:i,endPosition:l,startLine:o.location.startLine,startColumn:o.location.startColumn,endLine:a.location.endLine,endColumn:a.location.endColumn,source:n??this.getSource(o,a)})}createExpressionNode(t,r={},o,a,n){a||(a=this._lexer.peek()),o||(o=a);const i=o.location.startPosition,l=a.location.endPosition;return Object.assign({},r,{type:t,startPosition:i,endPosition:l,startLine:o.location.startLine,startColumn:o.location.startColumn,endLine:a.location.endLine,endColumn:a.location.endColumn,source:n??this.getSource(o,a),startToken:o,endToken:a})}createStatementNode(t,r,o,a){var d,v,f,p,C;const n=(d=o==null?void 0:o.location)==null?void 0:d.startPosition,i=this._lexer.peek(),l=a?a.location.endPosition:i.type===s.Eof?i.location.startPosition+1:i.location.startPosition;return Object.assign({},r,{type:t,startPosition:n,endPosition:l,startLine:(v=o==null?void 0:o.location)==null?void 0:v.startLine,startColumn:(f=o==null?void 0:o.location)==null?void 0:f.startColumn,endLine:a?a.location.endLine:(p=o==null?void 0:o.location)==null?void 0:p.endLine,endColumn:a?a.location.endColumn:(C=o==null?void 0:o.location)==null?void 0:C.endColumn,source:this.source&&n!==void 0&&l!==void 0?this.source.substring(n,l):void 0,startToken:o,endToken:a})}getSource(t,r){return this.source.substring(t.location.startPosition,r.type===s.Eof?r.location.startPosition:r.location.endPosition)}parseBinaryLiteral(t){let r;const o=BigInt(t.text.replace(/[_']/g,""));return o<Number.MIN_SAFE_INTEGER||o>Number.MAX_SAFE_INTEGER?r=o:r=parseInt(t.text.substring(2).replace(/[_']/g,""),2),this.createExpressionNode("LitE",{value:r},t,t)}parseDecimalLiteral(t){let r;const o=BigInt(t.text.replace(/[_']/g,""));return o<Number.MIN_SAFE_INTEGER||o>Number.MAX_SAFE_INTEGER?r=o:r=parseInt(t.text.replace(/[_']/g,""),10),this.createExpressionNode("LitE",{value:r},t,t)}parseHexadecimalLiteral(t){let r;const o=BigInt(t.text.replace(/[_']/g,""));return o<Number.MIN_SAFE_INTEGER||o>Number.MAX_SAFE_INTEGER?r=o:r=parseInt(t.text.substring(2).replace(/[_']/g,""),16),this.createExpressionNode("LitE",{value:r},t,t)}parseRealLiteral(t){let r=parseFloat(t.text.replace(/[_']/g,""));return this.createExpressionNode("LitE",{value:r},t,t)}parseStringLiteral(t,r=!0){let o=t.text;r&&(o=t.text.length<2?"":o.substring(1,o.length-1));let a="",n=0,i=0;for(const d of o)switch(n){case 0:d==="\\"?n=1:a+=d;break;case 1:switch(n=0,d){case"b":a+="\b";break;case"f":a+="\f";break;case"n":a+=`
|
|
11
|
-
`;break;case"r":a+="\r";break;case"t":a+=" ";break;case"v":a+="\v";break;case"S":a+=" ";break;case"0":a+="\0";break;case"'":a+="'";break;case'"':a+='"';break;case"\\":a+="\\";break;case"x":n=2;break;case"u":n=4;break;default:a+=d;break}break;case 2:l(d)?(i=parseInt(d,16),n=3):(a+="x",n=0);break;case 3:l(d)?(i=i*16+parseInt(d,16),a+=String.fromCharCode(i),n=0):(a+=String.fromCharCode(i),a+=d,n=0);break;case 4:if(d==="{"){n=8;break}l(d)?(i=parseInt(d,16),n=5):(a+="x",n=0);break;case 5:l(d)?(i=i*16+parseInt(d,16),n=6):(a+=String.fromCharCode(i),a+=d,n=0);break;case 6:l(d)?(i=i*16+parseInt(d,16),n=7):(a+=String.fromCharCode(i),a+=d,n=0);break;case 7:l(d)?(i=i*16+parseInt(d,16),a+=String.fromCharCode(i),n=0):(a+=String.fromCharCode(i),a+=d,n=0);break;case 8:l(d)?(i=parseInt(d,16),n=9):(a+="x",n=0);break;case 9:l(d)?(i=i*16+parseInt(d,16),n=10):(a+=String.fromCharCode(i),a+=d,n=0);break;case 10:l(d)?(i=i*16+parseInt(d,16),n=11):(a+=String.fromCharCode(i),a+=d,n=0);break;case 11:l(d)?(i=i*16+parseInt(d,16),n=12):(a+=String.fromCharCode(i),a+=d,n=0);break;case 12:l(d)?(i=i*16+parseInt(d,16),n=13):(a+=String.fromCharCode(i),a+=d,n=0);break;case 13:l(d)?(i=i*16+parseInt(d,16),n=14):(a+=String.fromCharCode(i),a+=d,n=0);break;case 14:a+=String.fromCharCode(i),d!=="}"&&(a+=d),n=0;break}switch(n){case 1:a+="\\";break;case 2:a+="x";break;case 3:a+=String.fromCharCode(i);break}return this.createExpressionNode("LitE",{value:a},t,t);function l(d){return d>="0"&&d<="9"||d>="a"&&d<="f"||d>="A"&&d<="F"}}convertToArrayDestructure(t){var a;const r=t.type==="SeqE"?t.expressions:t.items,o=this.createExpressionNode("Destr",{arrayDestruct:[]},t.startToken,t.endToken);for(const n of r){let i;switch(n.type){case"NoArgE":i=this.createExpressionNode("ADestr",{},n.startToken,n.endToken);break;case"IdE":i=this.createExpressionNode("ADestr",{id:n.name},n.startToken,n.endToken);break;case"Destr":o.arrayDestruct.push(...n.arrayDestruct);break;case"ADestr":i=n;break;case"ALitE":{const l=this.convertToArrayDestructure(n);l&&(i=this.createExpressionNode("ADestr",{arrayDestruct:l.arrayDestruct},n.startToken,n.endToken));break}case"ODestr":i=this.createExpressionNode("ADestr",{objectDestruct:n},n.startToken,n.endToken);break;case"OLitE":{const l=this.convertToObjectDestructure(n);l&&(i=this.createExpressionNode("ADestr",{objectDestruct:l.objectDestruct},n.startToken,n.endToken));break}default:return this.reportError("W017"),null}i&&((a=o.arrayDestruct)==null||a.push(i))}return o}convertToObjectDestructure(t){var o;const r=this.createExpressionNode("Destr",{objectDestruct:[]},t.startToken,t.endToken);for(const a of t.props){if(!Array.isArray(a))return this.reportError("W018"),null;const[n,i]=a;if(n.type!=="IdE")return this.reportError("W018"),null;let l;switch(i.type){case"IdE":i.name===n.name?l=this.createExpressionNode("ODestr",{id:n.name},i.startToken,i.endToken):l=this.createExpressionNode("ODestr",{id:n.name,alias:i.name},i.startToken,i.endToken);break;case"ADestr":{l=this.createExpressionNode("ODestr",{id:n.name,arrayDestruct:i},n.startToken,i.endToken);break}case"ALitE":{const d=this.convertToArrayDestructure(i);d&&(l=this.createExpressionNode("ODestr",{id:n.name,arrayDestruct:d.arrayDestruct},n.startToken,i.endToken));break}case"ODestr":l=i;break;case"OLitE":{const d=this.convertToObjectDestructure(i);d&&(l=this.createExpressionNode("ODestr",{id:n.name,objectDestruct:d.objectDestruct},n.startToken,i.endToken));break}default:return this.reportError("W018"),null}l&&((o=r.objectDestruct)==null||o.push(l))}return r}isExpressionStart(t){var r;return((r=_r[t.type])==null?void 0:r.expressionStart)??!1}}function re(e,t,r,o,a,n){if(t.cancel)return t;if(t.skipChildren=!1,Array.isArray(e)){for(const i of e)t=re(i,t,r,o,a,n);return t}switch(e.type){case"BlockS":{if(t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel)return t;if(!t.skipChildren){for(const i of e.statements)if(t=re(i,t,r,o,e,"statements"),t.cancel)return t}return t=(r==null?void 0:r(!1,e,t,a,n))||t,t}case"EmptyS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t;case"ExprS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.expression,t,r,o,e,"expression"),t.cancel)||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"ArrowS":return t;case"LetS":{if(t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel)return t;if(!t.skipChildren){for(const i of e.declarations)if(t=re(i,t,r,o,e,"declarations"),t.cancel)return t}return t=(r==null?void 0:r(!1,e,t,a,n))||t,t}case"ConstS":{if(t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel)return t;if(!t.skipChildren){for(const i of e.declarations)if(t=re(i,t,r,o,e,"declarations"),t.cancel)return t}return t=(r==null?void 0:r(!1,e,t,a,n))||t,t}case"VarS":{if(t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel)return t;if(!t.skipChildren){for(const i of e.declarations)if(t=re(i,t,r,o,e,"declarations"),t.cancel)return t}return t=(r==null?void 0:r(!1,e,t,a,n))||t,t}case"IfS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.condition,t,r,o,e,"condition"),t.cancel||(e.thenBranch&&(t=re(e.thenBranch,t,r,o,e,"thenBranch")),t.cancel)||(e.elseBranch&&(t=re(e.elseBranch,t,r,o,e,"elseBranch")),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"RetS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(e.expression&&(t=re(e.expression,t,r,o,e,"expression")),t.cancel)||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"BrkS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t;case"ContS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t;case"WhileS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.condition,t,r,o,e,"condition"),t.cancel||(t=re(e.body,t,r,o,e,"body"),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"DoWS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.body,t,r,o,e,"body"),t.cancel||(t=re(e.condition,t,r,o,e,"condition"),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"ForS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(e.init&&(t=re(e.init,t,r,o,e,"init")),t.cancel||(e.condition&&(t=re(e.condition,t,r,o,e,"condition")),t.cancel)||(e.update&&(t=re(e.update,t,r,o,e,"update")),t.cancel)||(t=re(e.body,t,r,o,e,"body"),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"ForInS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.expression,t,r,o,e,"expression"),t.cancel||(t=re(e.body,t,r,o,e,"body"),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"ForOfS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.expression,t,r,o,e,"expression"),t.cancel||(t=re(e.body,t,r,o,e,"body"),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"ThrowS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(t=re(e.expression,t,r,o,e,"expression"),t.cancel)||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"TryS":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||!t.skipChildren&&(e.tryBlock&&(t=re(e.tryBlock,t,r,o,e,"tryBlock")),t.cancel||(e.catchBlock&&(t=re(e.catchBlock,t,r,o,e,"catchBlock")),t.cancel)||(e.finallyBlock&&(t=re(e.finallyBlock,t,r,o,e,"finallyBlock")),t.cancel))||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"SwitchS":{if(t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel)return t;if(!t.skipChildren){if(t=re(e.expression,t,r,o,e,"expression"),t.cancel)return t;for(const i of e.cases){if(i.caseExpression&&(t=re(i.caseExpression,t,r,o,e,"caseExpression")),t.cancel)return t;if(i.statements!==void 0){for(const l of i.statements)if(t=re(l,t,r,o,e,"switchStatement"),t.cancel)return t}}}return t=(r==null?void 0:r(!1,e,t,a,n))||t,t}case"FuncD":{if(t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel)return t;if(!t.skipChildren){for(const i of e.args)if(t=re(i,t,r,o,e,"arg"),t.cancel)return t;if(t=re(e.statement,t,r,o,e,"statement"),t.cancel)return t}return t=(r==null?void 0:r(!1,e,t,a,n))||t,t}case"ImportD":return t=(r==null?void 0:r(!0,e,t,a,n))||t,t.cancel||(t=(r==null?void 0:r(!1,e,t,a,n))||t),t;case"UnaryE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.operand,t,r,o,e,"operand"),t.cancel)||(t=t),t;case"BinaryE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.left,t,r,o,e,"left"),t.cancel||(t=re(e.right,t,r,o,e,"right"),t.cancel))||(t=t),t;case"SeqE":{if(t=t,t.cancel)return t;if(!t.skipChildren){for(const i of e.expressions)if(t=re(i,t,r,o,e,"expression"),t.cancel)return t}return t=t,t}case"CondE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.condition,t,r,o,e,"condition"),t.cancel||(t=re(e.consequent,t,r,o,e,"consequent"),t.cancel)||(t=re(e.alternate,t,r,o,e,"alternate"),t.cancel))||(t=t),t;case"InvokeE":{if(t=t,t.cancel)return t;if(!t.skipChildren){for(const i of e.arguments)if(t=re(i,t,r,o,e,"argument"),t.cancel)return t;if(t=re(e.object,t,r,o,e,"object"),t.cancel)return t}return t=t,t}case"MembE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.object,t,r,o,e,"object"),t.cancel)||(t=t),t;case"CMembE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.object,t,r,o,e,"object"),t.cancel||(t=re(e.member,t,r,o,e,"member"),t.cancel))||(t=t),t;case"IdE":return t=t,t;case"LitE":return t=t,t;case"ALitE":{if(t=t,t.cancel)return t;if(!t.skipChildren){for(const i of e.items)if(t=re(i,t,r,o,e,"item"),t.cancel)return t}return t=t,t}case"OLitE":{if(t=t,t.cancel)return t;if(!t.skipChildren){for(const i of e.props)if(Array.isArray(i)){const[l,d]=i;if(t=re(l,t,r,o,e,"propKey"),t.cancel||(t=re(d,t,r,o,e,"propValue"),t.cancel))return t}else if(t=re(i,t,r,o,e,"prop"),t.cancel)return t}return t=t,t}case"SpreadE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.operand,t,r,o,e,"operand"),t.cancel)||(t=t),t;case"AsgnE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.operand,t,r,o,e,"operand"),t.cancel||(t=re(e.leftValue,t,r,o,e,"leftValue"),t.cancel))||(t=t),t;case"NoArgE":return t=t,t;case"ArrowE":{if(t=t,t.cancel)return t;if(!t.skipChildren){for(const i of e.args)if(t=re(i,t,r,o,e,"arg"),t.cancel)return t;if(t=re(e.statement,t,r,o,e,"statement"),t.cancel)return t}return t=t,t}case"PrefE":case"PostfE":return t=t,t.cancel||!t.skipChildren&&(t=re(e.operand,t,r,o,e,"operand"),t.cancel)||(t=t),t;case"VarD":{if(t=t,t.cancel)return t;if(!t.skipChildren){if(e.arrayDestruct!==void 0){for(const i of e.arrayDestruct)if(t=re(i,t,r,o,e),t.cancel)return t}if(e.objectDestruct!==void 0){for(const i of e.objectDestruct)if(t=re(i,t,r,o,e),t.cancel)return t}if(e.expression&&(t=re(e.expression,t,r,o,e,"expression")),t.cancel)return t}return t=t,t}case"Destr":case"ODestr":case"ADestr":{if(t=t,t.cancel)return t;if(!t.skipChildren){if(e.arrayDestruct!==void 0){for(const i of e.arrayDestruct)if(t=re(i,t,r,o,e),t.cancel)return t}if(e.objectDestruct!==void 0){for(const i of e.objectDestruct)if(t=re(i,t,r,o,e),t.cancel)return t}}return t=t,t}case"RVarD":return t=t,t.cancel||!t.skipChildren&&(e.expression&&(t=re(e.expression,t,r,o,e,"expression")),t.cancel)||(t=t),t;case"TempLitE":return t;default:return t}}function xu(e){return e.type!=="ScriptModule"}function fu(e,t,r,o=!1){const a=new Map,n={},i=l(e,t,r,!0);return!i||Object.keys(n).length>0?n:i;function l(d,v,f,p=!1){var C;if(a.has(d))return a.get(d);const b=new un(v);let g=[];try{g=b.parseStatements()}catch{return n[d]=b.errors,null}const y=b.current;if(y.type!==s.Eof)return n[d]??(n[d]=[]),n[d].push({code:"W002",text:Po.W002.replace(/\{(\d+)}/g,()=>y.text),position:y.location.startLine,line:y.location.startLine,column:y.location.startColumn}),null;const H=[];re(g,{data:null,cancel:!1,skipChildren:!1},(W,O,V,x,h)=>{if(!W)return V;if(p)switch(O.type){case"VarS":x&&P("W027",O);break;case"FuncD":case"ImportD":break;default:o&&!x&&P("W028",O,O.type);break}else switch(O.type){case"VarS":P("W027",O);break;case"FuncD":o&&!O.isExported&&P("W029",O);break;case"ImportD":break;default:o&&!x&&P("W028",O,O.type);break}return V});const $={};g.filter(W=>W.type==="FuncD").forEach(W=>{const O=W;if($[O.name]){P("W020",W,O.name);return}$[O.name]=O});const B=new Map;g.forEach(W=>{W.type==="ConstS"&&W.isExported?bu(W,O=>{B.has(O)?P("W021",W,O):B.set(O,W)}):W.type==="FuncD"&&W.isExported&&(B.has(W.name)?P("W021",W,W.name):B.set(W.name,W))});const E={type:"ScriptModule",name:d,exports:B,importedModules:[],imports:{},functions:$,statements:g,executed:!1};a.set(d,E);const U=[],Z={};for(let W=0;W<g.length;W++){const O=g[W];if(O.type!=="ImportD")continue;const V=f(d,O.moduleFile);if(V===null){P("W022",O,O.moduleFile);continue}const x=l(O.moduleFile,V,f);if(!x)return;U.push(x);const h=Object.keys(O.imports);h.length>0&&(Z[C=O.moduleFile]??(Z[C]={}));for(const T of h)x.exports.has(O.imports[T])?Z[O.moduleFile][T]=x.exports.get(O.imports[T]):P("W023",O,O.moduleFile,T)}if(H.length>0)return n[d]=H,null;return U.forEach(W=>W.parent=E),E.importedModules=U,E.imports=Z,E;function P(W,O,...V){let x=Po[W];V&&V.forEach((h,T)=>x=x.replaceAll(`{${T}}`,V[T].toString())),H.push({code:W,text:Po[W].replace(/\{(\d+)}/g,(h,T)=>V[T]),position:O.startPosition,line:O.startLine,column:O.startColumn})}}}function cn(e){var r;const t=((r=e.blocks)==null?void 0:r.slice(0))??[];return e.parent?[...cn(e.parent),...t]:t}function bu(e,t){for(let n=0;n<e.declarations.length;n++){const i=e.declarations[n];r(i,t)}function r(n,i){if(n.id)i(n.id);else if(n.arrayDestruct)o(n.arrayDestruct,i);else if(n.objectDestruct)a(n.objectDestruct,i);else throw new Error("Unknown declaration specifier")}function o(n,i){for(let l=0;l<n.length;l++){const d=n[l];d.id?i(d.id):d.arrayDestruct?o(d.arrayDestruct,i):d.objectDestruct&&a(d.objectDestruct,i)}}function a(n,i){for(let l=0;l<n.length;l++){const d=n[l];d.arrayDestruct?o(d.arrayDestruct,i):d.objectDestruct?a(d.objectDestruct,i):i(d.alias??d.id)}}}function vu(e,t){if(e==null)return t;if(typeof e=="number")return e!==0;if(typeof e=="string"){if(e=e.trim().toLowerCase(),e==="")return!1;if(e==="true")return!0;if(e==="false")return!1;if(e!=="")return!0}if(typeof e=="boolean")return e;throw new Error(`A boolean value expected but ${typeof e} received.`)}const Ze={themeVars:`'{"Input:borderRadius-NumberBox-default": "var(--xmlui-borderRadius-NumberBox-default)", "Input:borderColor-NumberBox-default": "var(--xmlui-borderColor-NumberBox-default)", "Input:borderWidth-NumberBox-default": "var(--xmlui-borderWidth-NumberBox-default)", "Input:borderStyle-NumberBox-default": "var(--xmlui-borderStyle-NumberBox-default)", "Input:fontSize-NumberBox-default": "var(--xmlui-fontSize-NumberBox-default)", "Input:backgroundColor-NumberBox-default": "var(--xmlui-backgroundColor-NumberBox-default)", "Input:boxShadow-NumberBox-default": "var(--xmlui-boxShadow-NumberBox-default)", "Input:textColor-NumberBox-default": "var(--xmlui-textColor-NumberBox-default)", "Input:borderColor-NumberBox-default--hover": "var(--xmlui-borderColor-NumberBox-default--hover)", "Input:backgroundColor-NumberBox-default--hover": "var(--xmlui-backgroundColor-NumberBox-default--hover)", "Input:boxShadow-NumberBox-default--hover": "var(--xmlui-boxShadow-NumberBox-default--hover)", "Input:textColor-NumberBox-default--hover": "var(--xmlui-textColor-NumberBox-default--hover)", "Input:borderColor-NumberBox-default--focus": "var(--xmlui-borderColor-NumberBox-default--focus)", "Input:backgroundColor-NumberBox-default--focus": "var(--xmlui-backgroundColor-NumberBox-default--focus)", "Input:boxShadow-NumberBox-default--focus": "var(--xmlui-boxShadow-NumberBox-default--focus)", "Input:textColor-NumberBox-default--focus": "var(--xmlui-textColor-NumberBox-default--focus)", "Input:outlineWidth-NumberBox-default--focus": "var(--xmlui-outlineWidth-NumberBox-default--focus)", "Input:outlineColor-NumberBox-default--focus": "var(--xmlui-outlineColor-NumberBox-default--focus)", "Input:outlineStyle-NumberBox-default--focus": "var(--xmlui-outlineStyle-NumberBox-default--focus)", "Input:outlineOffset-NumberBox-default--focus": "var(--xmlui-outlineOffset-NumberBox-default--focus)", "Input:textColor-placeholder-NumberBox-default": "var(--xmlui-textColor-placeholder-NumberBox-default)", "Input:textColor-adornment-NumberBox-default": "var(--xmlui-textColor-adornment-NumberBox-default)", "Input:borderRadius-NumberBox-error": "var(--xmlui-borderRadius-NumberBox-error)", "Input:borderColor-NumberBox-error": "var(--xmlui-borderColor-NumberBox-error)", "Input:borderWidth-NumberBox-error": "var(--xmlui-borderWidth-NumberBox-error)", "Input:borderStyle-NumberBox-error": "var(--xmlui-borderStyle-NumberBox-error)", "Input:fontSize-NumberBox-error": "var(--xmlui-fontSize-NumberBox-error)", "Input:backgroundColor-NumberBox-error": "var(--xmlui-backgroundColor-NumberBox-error)", "Input:boxShadow-NumberBox-error": "var(--xmlui-boxShadow-NumberBox-error)", "Input:textColor-NumberBox-error": "var(--xmlui-textColor-NumberBox-error)", "Input:borderColor-NumberBox-error--hover": "var(--xmlui-borderColor-NumberBox-error--hover)", "Input:backgroundColor-NumberBox-error--hover": "var(--xmlui-backgroundColor-NumberBox-error--hover)", "Input:boxShadow-NumberBox-error--hover": "var(--xmlui-boxShadow-NumberBox-error--hover)", "Input:textColor-NumberBox-error--hover": "var(--xmlui-textColor-NumberBox-error--hover)", "Input:borderColor-NumberBox-error--focus": "var(--xmlui-borderColor-NumberBox-error--focus)", "Input:backgroundColor-NumberBox-error--focus": "var(--xmlui-backgroundColor-NumberBox-error--focus)", "Input:boxShadow-NumberBox-error--focus": "var(--xmlui-boxShadow-NumberBox-error--focus)", "Input:textColor-NumberBox-error--focus": "var(--xmlui-textColor-NumberBox-error--focus)", "Input:outlineWidth-NumberBox-error--focus": "var(--xmlui-outlineWidth-NumberBox-error--focus)", "Input:outlineColor-NumberBox-error--focus": "var(--xmlui-outlineColor-NumberBox-error--focus)", "Input:outlineStyle-NumberBox-error--focus": "var(--xmlui-outlineStyle-NumberBox-error--focus)", "Input:outlineOffset-NumberBox-error--focus": "var(--xmlui-outlineOffset-NumberBox-error--focus)", "Input:textColor-placeholder-NumberBox-error": "var(--xmlui-textColor-placeholder-NumberBox-error)", "Input:textColor-adornment-NumberBox-error": "var(--xmlui-textColor-adornment-NumberBox-error)", "Input:borderRadius-NumberBox-warning": "var(--xmlui-borderRadius-NumberBox-warning)", "Input:borderColor-NumberBox-warning": "var(--xmlui-borderColor-NumberBox-warning)", "Input:borderWidth-NumberBox-warning": "var(--xmlui-borderWidth-NumberBox-warning)", "Input:borderStyle-NumberBox-warning": "var(--xmlui-borderStyle-NumberBox-warning)", "Input:fontSize-NumberBox-warning": "var(--xmlui-fontSize-NumberBox-warning)", "Input:backgroundColor-NumberBox-warning": "var(--xmlui-backgroundColor-NumberBox-warning)", "Input:boxShadow-NumberBox-warning": "var(--xmlui-boxShadow-NumberBox-warning)", "Input:textColor-NumberBox-warning": "var(--xmlui-textColor-NumberBox-warning)", "Input:borderColor-NumberBox-warning--hover": "var(--xmlui-borderColor-NumberBox-warning--hover)", "Input:backgroundColor-NumberBox-warning--hover": "var(--xmlui-backgroundColor-NumberBox-warning--hover)", "Input:boxShadow-NumberBox-warning--hover": "var(--xmlui-boxShadow-NumberBox-warning--hover)", "Input:textColor-NumberBox-warning--hover": "var(--xmlui-textColor-NumberBox-warning--hover)", "Input:borderColor-NumberBox-warning--focus": "var(--xmlui-borderColor-NumberBox-warning--focus)", "Input:backgroundColor-NumberBox-warning--focus": "var(--xmlui-backgroundColor-NumberBox-warning--focus)", "Input:boxShadow-NumberBox-warning--focus": "var(--xmlui-boxShadow-NumberBox-warning--focus)", "Input:textColor-NumberBox-warning--focus": "var(--xmlui-textColor-NumberBox-warning--focus)", "Input:outlineWidth-NumberBox-warning--focus": "var(--xmlui-outlineWidth-NumberBox-warning--focus)", "Input:outlineColor-NumberBox-warning--focus": "var(--xmlui-outlineColor-NumberBox-warning--focus)", "Input:outlineStyle-NumberBox-warning--focus": "var(--xmlui-outlineStyle-NumberBox-warning--focus)", "Input:outlineOffset-NumberBox-warning--focus": "var(--xmlui-outlineOffset-NumberBox-warning--focus)", "Input:textColor-placeholder-NumberBox-warning": "var(--xmlui-textColor-placeholder-NumberBox-warning)", "Input:textColor-adornment-NumberBox-warning": "var(--xmlui-textColor-adornment-NumberBox-warning)", "Input:borderRadius-NumberBox-success": "var(--xmlui-borderRadius-NumberBox-success)", "Input:borderColor-NumberBox-success": "var(--xmlui-borderColor-NumberBox-success)", "Input:borderWidth-NumberBox-success": "var(--xmlui-borderWidth-NumberBox-success)", "Input:borderStyle-NumberBox-success": "var(--xmlui-borderStyle-NumberBox-success)", "Input:fontSize-NumberBox-success": "var(--xmlui-fontSize-NumberBox-success)", "Input:backgroundColor-NumberBox-success": "var(--xmlui-backgroundColor-NumberBox-success)", "Input:boxShadow-NumberBox-success": "var(--xmlui-boxShadow-NumberBox-success)", "Input:textColor-NumberBox-success": "var(--xmlui-textColor-NumberBox-success)", "Input:borderColor-NumberBox-success--hover": "var(--xmlui-borderColor-NumberBox-success--hover)", "Input:backgroundColor-NumberBox-success--hover": "var(--xmlui-backgroundColor-NumberBox-success--hover)", "Input:boxShadow-NumberBox-success--hover": "var(--xmlui-boxShadow-NumberBox-success--hover)", "Input:textColor-NumberBox-success--hover": "var(--xmlui-textColor-NumberBox-success--hover)", "Input:borderColor-NumberBox-success--focus": "var(--xmlui-borderColor-NumberBox-success--focus)", "Input:backgroundColor-NumberBox-success--focus": "var(--xmlui-backgroundColor-NumberBox-success--focus)", "Input:boxShadow-NumberBox-success--focus": "var(--xmlui-boxShadow-NumberBox-success--focus)", "Input:textColor-NumberBox-success--focus": "var(--xmlui-textColor-NumberBox-success--focus)", "Input:outlineWidth-NumberBox-success--focus": "var(--xmlui-outlineWidth-NumberBox-success--focus)", "Input:outlineColor-NumberBox-success--focus": "var(--xmlui-outlineColor-NumberBox-success--focus)", "Input:outlineStyle-NumberBox-success--focus": "var(--xmlui-outlineStyle-NumberBox-success--focus)", "Input:outlineOffset-NumberBox-success--focus": "var(--xmlui-outlineOffset-NumberBox-success--focus)", "Input:textColor-placeholder-NumberBox-success": "var(--xmlui-textColor-placeholder-NumberBox-success)", "Input:textColor-adornment-NumberBox-success": "var(--xmlui-textColor-adornment-NumberBox-success)", "Input:backgroundColor-NumberBox--disabled": "var(--xmlui-backgroundColor-NumberBox--disabled)", "Input:textColor-NumberBox--disabled": "var(--xmlui-textColor-NumberBox--disabled)", "Input:borderColor-NumberBox--disabled": "var(--xmlui-borderColor-NumberBox--disabled)"}'`,inputRoot:"_inputRoot_1dsq1_13",input:"_input_1dsq1_13",adornment:"_adornment_1dsq1_53",error:"_error_1dsq1_56",warning:"_warning_1dsq1_90",valid:"_valid_1dsq1_124",spinnerBox:"_spinnerBox_1dsq1_184",spinnerButton:"_spinnerButton_1dsq1_191",readOnly:"_readOnly_1dsq1_197"},mn=999999999999999,Ba=".",Do="e",gu=/^-?\d+$/,Tu=/^-?\d+(\.\d+)?([eE][+-]?\d+)?$/,Cu=1;function pn(e){return typeof e>"u"||e===null||e===""}function La(e){return typeof e=="string"?e:typeof e=="number"?e.toString():""}function yu(e,t,r){let o=e;return e<t&&(o=t),e>r&&(o=r),o}function hn(e,t=!1){return(t?wu:ku)(e)?(typeof e=="string"&&(e=t?Number.parseInt(e):+e),e):null}function ku(e){return typeof e=="string"&&e.length>0?!Number.isNaN(+e)&&Su(e):typeof e=="number"}function Su(e){const t=e.split(".")[0];return Math.abs(Number.parseInt(t))<=mn}function wu(e){return typeof e=="string"&&e.length>0&&![Do,Ba].some(t=>e.includes(t))?Number.isSafeInteger(+e):typeof e=="number"?Number.isSafeInteger(e):!1}const Hu=u.forwardRef(function({id:t,value:r,initialValue:o,style:a,enabled:n=!0,placeholder:i,validationStatus:l="none",hasSpinBox:d=!0,step:v,integersOnly:f=!1,zeroOrPositive:p=!1,min:C=p?0:-999999999999999,max:b=mn,maxLength:g,updateState:y=ie,onDidChange:H=ie,onFocus:A=ie,onBlur:$=ie,registerComponentApi:B,startText:E,startIcon:U,endText:Z,endIcon:P,autoFocus:W,readOnly:O,required:V,label:x,labelPosition:h,labelWidth:T,labelBreak:S},_){C=Math.max(p?0:-999999999999999,C);const G=hn(v,!0)??Cu,z=u.useRef(null),N=u.useRef(null),I=u.useRef(null);u.useEffect(()=>{W&&setTimeout(()=>{var X;(X=z.current)==null||X.focus()},0)},[W]);const[M,R]=u.useState(La(r));u.useEffect(()=>{R(La(r))},[r]),u.useEffect(()=>{y({value:o},{initial:!0})},[o,y]);const D=u.useCallback((X,F)=>{R(F),y({value:X}),H(X)},[H,y]),Y=u.useCallback(X=>{const F=X.target.value;D(F,F)},[D]),Q=u.useCallback(()=>{if(O)return;const X=xn(M,G,C,b,f);X!==void 0&&D(X,X.toString())},[M,G,C,b,f,D,O]),J=u.useCallback(()=>{if(O)return;const X=xn(M,-G,C,b,f);X!==void 0&&D(X,X.toString())},[M,G,C,b,f,D,O]);fn(N.current,Q),fn(I.current,J);const K=X=>{var Ho;let F=!1;const le=X.target.value??"",$e=X.target.selectionStart,Ge=le.substring(0,X.target.selectionStart).indexOf(Do);switch(X.data){case"-":F=!0,Ge===-1?le.startsWith("-")||zr("-"+le,$e+1):le[Ge+1]!=="-"&&zr(le.substring(0,Ge+1)+"-"+le.substring(Ge+1),$e+1);break;case"+":F=!0,Ge===-1?le.startsWith("-")&&zr(le.substring(1),$e-1):le[Ge+1]==="-"&&zr(le.substring(0,Ge+1)+le.substring(Ge+2),$e-1);break;case Ba:(f||le.includes(Ba)||Ge!==-1)&&(F=!0);break;case Do:if(f){F=!0;break}(le.includes(Do)||co($e,2))&&(F=!0);break;default:let Le=X.data;const Re=X.target.selectionStart;if(((Ho=X.data)==null?void 0:Ho.length)>0){if(Le.startsWith("-")){if(Re>0){F=!0;break}}else if(Le.startsWith("+")){F=!0;break}const Ue=le.substring(0,Re)+Le+le.substring(X.target.selectionEnd);f&&!gu.test(Ue)?F=!0:Tu.test(Ue)||(F=!0);break}if(X.data<"0"||X.data>"9"){F=!0;break}if(le.startsWith("-")&&Re===0){F=!0;break}Ge!==-1&&co(Ge+1,1)&&(F=!0);break}F&&X.preventDefault();return;function co(Le,Re){let Ue=0;for(;Le<le.length;)if(/\d/.test(le[Le++]))Ue++;else{Ue=Re+1;break}return Ue>Re}function zr(Le,Re){var Ue;X.target.value=Le,D(Le,Le),(Ue=z.current)==null||Ue.setSelectionRange(Re,Re)}},ce=u.useCallback(X=>{X.code==="ArrowUp"&&(X.preventDefault(),Q()),X.code==="ArrowDown"&&(X.preventDefault(),J())},[Q,J]),Ee=u.useCallback(()=>{A==null||A()},[A]),Be=u.useCallback(()=>{R(La(r)),$==null||$()},[r,$]),oe=u.useCallback(()=>{var X;(X=z.current)==null||X.focus()},[]),te=ke(X=>{D(X,pn(X)?"":String(X))});return u.useEffect(()=>{B==null||B({focus:oe,setValue:te})},[oe,B,te]),c.jsx(mt,{ref:_,labelPosition:h,label:x,labelWidth:T,labelBreak:S,required:V,enabled:n,onFocus:A,onBlur:$,style:a,children:c.jsxs("div",{className:ne(Ze.inputRoot,{[Ze.readOnly]:O,[Ze.disabled]:!n,[Ze.noSpinBox]:!d,[Ze.error]:l==="error",[Ze.warning]:l==="warning",[Ze.valid]:l==="valid"}),tabIndex:-1,onFocus:()=>{var X;(X=z.current)==null||X.focus()},children:[c.jsx(Ur,{text:E,iconName:U,className:Ze.adornment}),c.jsx("input",{id:t,type:"text",inputMode:"numeric",className:ne(Ze.input,{[Ze.readOnly]:O}),disabled:!n,value:M,step:v,placeholder:i,onChange:Y,onFocus:Ee,onBlur:Be,onBeforeInput:K,onKeyDown:ce,readOnly:O,ref:z,autoFocus:W,maxLength:g,required:V}),c.jsx(Ur,{text:Z,iconName:P,className:Ze.adornment}),d&&c.jsxs("div",{className:Ze.spinnerBox,children:[c.jsx(rt,{"data-spinner":"up",type:"button",variant:"ghost",themeColor:"secondary",tabIndex:-1,className:Ze.spinnerButton,disabled:!n||O,ref:N,children:c.jsx(fe,{name:"chevronup",size:"sm"})}),c.jsx(rt,{"data-spinner":"down",type:"button",tabIndex:-1,variant:"ghost",themeColor:"secondary",className:Ze.spinnerButton,disabled:!n||O,ref:I,children:c.jsx(fe,{name:"chevrondown",size:"sm"})})]})]})})});function xn(e,t,r,o,a){const n=hn(e,a);if(!pn(n))return yu(n+t,r,o)}function fn(e,t,r=500){const o=u.useRef(0),a=u.useRef(0),n=u.useRef(t);u.useEffect(()=>{n.current=t},[t]),u.useEffect(()=>{const i=()=>{var v;(v=n.current)==null||v.call(n),o.current=window.setTimeout(()=>{a.current=window.setInterval(()=>{var f;(f=n.current)==null||f.call(n)},100)},r)},l=()=>{clearTimeout(o.current),clearInterval(a.current)},d=()=>{clearTimeout(o.current),clearInterval(a.current)};return e==null||e.addEventListener("mousedown",i),e==null||e.addEventListener("mouseup",l),e==null||e.addEventListener("mouseout",d),()=>{e==null||e.removeEventListener("mousedown",i),e==null||e.removeEventListener("mouseup",l),e==null||e.removeEventListener("mouseout",d)}},[e,t,r])}function Kr(){return Kr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Kr.apply(null,arguments)}function $u(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function bn(...e){return t=>e.forEach(r=>$u(r,t))}function Iu(...e){return u.useCallback(bn(...e),e)}const vn=u.forwardRef((e,t)=>{const{children:r,...o}=e,a=u.Children.toArray(r),n=a.find(Lu);if(n){const i=n.props.children,l=a.map(d=>d===n?u.Children.count(i)>1?u.Children.only(null):u.isValidElement(i)?i.props.children:null:d);return u.createElement(_a,Kr({},o,{ref:t}),u.isValidElement(i)?u.cloneElement(i,void 0,l):null)}return u.createElement(_a,Kr({},o,{ref:t}),r)});vn.displayName="Slot";const _a=u.forwardRef((e,t)=>{const{children:r,...o}=e;return u.isValidElement(r)?u.cloneElement(r,{..._u(o,r.props),ref:t?bn(t,r.ref):r.ref}):u.Children.count(r)>1?u.Children.only(null):null});_a.displayName="SlotClone";const Bu=({children:e})=>u.createElement(u.Fragment,null,e);function Lu(e){return u.isValidElement(e)&&e.type===Bu}function _u(e,t){const r={...t};for(const o in t){const a=e[o],n=t[o];/^on[A-Z]/.test(o)?a&&n?r[o]=(...l)=>{n(...l),a(...l)}:a&&(r[o]=a):o==="style"?r[o]={...a,...n}:o==="className"&&(r[o]=[a,n].filter(Boolean).join(" "))}return{...e,...r}}const Au=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((e,t)=>{const r=u.forwardRef((o,a)=>{const{asChild:n,...i}=o,l=n?vn:t;return u.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),u.createElement(l,Kr({},i,{ref:a}))});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function gn(e){const t=u.useRef(e);return u.useEffect(()=>{t.current=e}),u.useMemo(()=>(...r)=>{var o;return(o=t.current)===null||o===void 0?void 0:o.call(t,...r)},[])}const Aa="focusScope.autoFocusOnMount",Na="focusScope.autoFocusOnUnmount",Tn={bubbles:!1,cancelable:!0},Nu=u.forwardRef((e,t)=>{const{loop:r=!1,trapped:o=!1,onMountAutoFocus:a,onUnmountAutoFocus:n,...i}=e,[l,d]=u.useState(null),v=gn(a),f=gn(n),p=u.useRef(null),C=Iu(t,y=>d(y)),b=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(o){let y=function(B){if(b.paused||!l)return;const E=B.target;l.contains(E)?p.current=E:ur(p.current,{select:!0})},H=function(B){if(b.paused||!l)return;const E=B.relatedTarget;E!==null&&(l.contains(E)||ur(p.current,{select:!0}))},A=function(B){if(document.activeElement===document.body)for(const U of B)U.removedNodes.length>0&&ur(l)};document.addEventListener("focusin",y),document.addEventListener("focusout",H);const $=new MutationObserver(A);return l&&$.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",y),document.removeEventListener("focusout",H),$.disconnect()}}},[o,l,b.paused]),u.useEffect(()=>{if(l){kn.add(b);const y=document.activeElement;if(!l.contains(y)){const A=new CustomEvent(Aa,Tn);l.addEventListener(Aa,v),l.dispatchEvent(A),A.defaultPrevented||(Ou(Pu(Cn(l)),{select:!0}),document.activeElement===y&&ur(l))}return()=>{l.removeEventListener(Aa,v),setTimeout(()=>{const A=new CustomEvent(Na,Tn);l.addEventListener(Na,f),l.dispatchEvent(A),A.defaultPrevented||ur(y??document.body,{select:!0}),l.removeEventListener(Na,f),kn.remove(b)},0)}}},[l,v,f,b]);const g=u.useCallback(y=>{if(!r&&!o||b.paused)return;const H=y.key==="Tab"&&!y.altKey&&!y.ctrlKey&&!y.metaKey,A=document.activeElement;if(H&&A){const $=y.currentTarget,[B,E]=Wu($);B&&E?!y.shiftKey&&A===E?(y.preventDefault(),r&&ur(B,{select:!0})):y.shiftKey&&A===B&&(y.preventDefault(),r&&ur(E,{select:!0})):A===$&&y.preventDefault()}},[r,o,b.paused]);return u.createElement(Au.div,Kr({tabIndex:-1},i,{ref:C,onKeyDown:g}))});function Ou(e,{select:t=!1}={}){const r=document.activeElement;for(const o of e)if(ur(o,{select:t}),document.activeElement!==r)return}function Wu(e){const t=Cn(e),r=yn(t,e),o=yn(t.reverse(),e);return[r,o]}function Cn(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const a=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||a?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function yn(e,t){for(const r of e)if(!Vu(r,{upTo:t}))return r}function Vu(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function Eu(e){return e instanceof HTMLInputElement&&"select"in e}function ur(e,{select:t=!1}={}){if(e&&e.focus){const r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&Eu(e)&&t&&e.select()}}const kn=zu();function zu(){let e=[];return{add(t){const r=e[0];t!==r&&(r==null||r.pause()),e=Sn(e,t),e.unshift(t)},remove(t){var r;e=Sn(e,t),(r=e[0])===null||r===void 0||r.resume()}}}function Sn(e,t){const r=[...e],o=r.indexOf(t);return o!==-1&&r.splice(o,1),r}function Pu(e){return e.filter(t=>t.tagName!=="A")}const ge={themeVars:`'{"Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`,selectValue:"_selectValue_1gnmc_13",error:"_error_1gnmc_21",warning:"_warning_1gnmc_29",valid:"_valid_1gnmc_37",selectTrigger:"_selectTrigger_1gnmc_46",badgeListContainer:"_badgeListContainer_1gnmc_170",badgeList:"_badgeList_1gnmc_170",badge:"_badge_1gnmc_170",actions:"_actions_1gnmc_210",placeholder:"_placeholder_1gnmc_216",emptyList:"_emptyList_1gnmc_221",selectScrollUpButton:"_selectScrollUpButton_1gnmc_231",selectScrollDownButton:"_selectScrollDownButton_1gnmc_240",command:"_command_1gnmc_249",commandInputContainer:"_commandInputContainer_1gnmc_259",commandInput:"_commandInput_1gnmc_259",commandList:"_commandList_1gnmc_284",selectContent:"_selectContent_1gnmc_289",fadeIn:"_fadeIn_1gnmc_1",zoomIn:"_zoomIn_1gnmc_1",fadeOut:"_fadeOut_1gnmc_1",zoomOut:"_zoomOut_1gnmc_1",slideInFromTop:"_slideInFromTop_1gnmc_1",slideInFromRight:"_slideInFromRight_1gnmc_1",slideInFromLeft:"_slideInFromLeft_1gnmc_1",slideInFromBottom:"_slideInFromBottom_1gnmc_1",multiComboboxOption:"_multiComboboxOption_1gnmc_329",selectItem:"_selectItem_1gnmc_349",selectItemIndicator:"_selectItemIndicator_1gnmc_377",selectViewport:"_selectViewport_1gnmc_388",selectEmpty:"_selectEmpty_1gnmc_394",srOnly:"_srOnly_1gnmc_405"},wn=u.createContext(null);function Hn(){return u.useContext(wn)}const $n=u.createContext(null);function Du(){return u.useContext($n)}function Mo({children:e,Component:t}){return c.jsx($n.Provider,{value:t,children:e})}const Oa=u.createContext({onOptionAdd:()=>{},onOptionRemove:()=>{}});function Wa(){return u.useContext(Oa)}const Mu=u.forwardRef(function(t,r){const{root:o}=Ft(),{enabled:a,onBlur:n,autoFocus:i,onValueChange:l,validationStatus:d,children:v,value:f,height:p,style:C,placeholder:b,id:g,triggerRef:y,onFocus:H,options:A}=t,$=r?Jt(y,r):y,B=f+"",E=u.useCallback(U=>{var P;const Z=(P=Array.from(A.values()).find(W=>W.value+""===U))==null?void 0:P.value;l(Z)},[l,A]);return c.jsx(Mo,{Component:Bn,children:c.jsxs(lt.Root,{value:B,onValueChange:E,children:[c.jsxs(lt.Trigger,{id:g,style:C,onFocus:H,onBlur:n,disabled:!a,className:ne(ge.selectTrigger,{[ge.error]:d==="error",[ge.warning]:d==="warning",[ge.valid]:d==="valid"}),ref:$,autoFocus:i,children:[c.jsx("div",{className:ge.selectValue,children:c.jsx(lt.Value,{placeholder:b})}),c.jsx(lt.Icon,{asChild:!0,children:c.jsx(fe,{name:"chevrondown"})})]}),c.jsx(lt.Portal,{container:o,children:c.jsxs(lt.Content,{className:ge.selectContent,position:"popper",style:{height:p},children:[c.jsx(lt.ScrollUpButton,{className:ge.selectScrollUpButton,children:c.jsx(fe,{name:"chevronup"})}),c.jsx(lt.Viewport,{className:ne(ge.selectViewport),children:v}),c.jsx(lt.ScrollDownButton,{className:ge.selectScrollDownButton,children:c.jsx(fe,{name:"chevrondown"})})]})})]})})}),Fu=u.forwardRef(function({id:t,initialValue:r,value:o,enabled:a=!0,placeholder:n,updateState:i=ie,validationStatus:l="none",onDidChange:d=ie,onFocus:v=ie,onBlur:f=ie,registerComponentApi:p,emptyListTemplate:C,optionLabelRenderer:b,valueRenderer:g,style:y,dropdownHeight:H,children:A,autoFocus:$=!1,searchable:B=!1,multiSelect:E=!1,label:U,labelPosition:Z,labelWidth:P,labelBreak:W,required:O=!1},V){var oe;const[x,h]=u.useState(null),[T,S]=u.useState(!1),[_,G]=u.useState(0),z=u.useRef(),{root:N}=Ft(),[I,M]=u.useState(new Set);u.useEffect(()=>{r!==void 0&&i({value:r},{initial:!0})},[r,i]),u.useEffect(()=>{var X;const te=x;return(X=z.current)==null||X.disconnect(),te&&(z.current=new ResizeObserver(()=>G(te.clientWidth)),z.current.observe(te)),()=>{var F;(F=z.current)==null||F.disconnect()}},[x]);const R=u.useCallback(te=>{const X=E?Array.isArray(o)?o.includes(te)?o.filter(F=>F!==te):[...o,te]:[te]:te===o?null:te;i({value:X}),d(X),S(!1)},[E,o,i,d]),D=u.useCallback(()=>{const te=E?[]:"";i({value:te}),d(te)},[E,i,d]),Y=u.useCallback(()=>{x==null||x.focus()},[x]),Q=ke(te=>{R(te)});u.useEffect(()=>{p==null||p({focus:Y,setValue:Q})},[Y,p,Q]);const J=u.useMemo(()=>C??c.jsxs("div",{className:ge.selectEmpty,children:[c.jsx(fe,{name:"noresult"}),c.jsx("span",{children:"List is empty"})]}),[C]),K=u.useCallback(te=>{M(X=>new Set(X).add(te))},[]),ce=u.useCallback(te=>{M(X=>{const F=new Set(X);return F.delete(te),F})},[]),Ee=u.useMemo(()=>({onOptionAdd:K,onOptionRemove:ce}),[K,ce]),Be=u.useMemo(()=>({multiSelect:E,value:o,optionLabelRenderer:b,onChange:R}),[E,R,o,b]);return c.jsx(wn.Provider,{value:Be,children:c.jsx(Oa.Provider,{value:Ee,children:B||E?c.jsxs(Mo,{Component:In,children:[A,c.jsx(mt,{ref:V,labelPosition:Z,label:U,labelWidth:P,labelBreak:W,required:O,enabled:a,onFocus:v,onBlur:f,style:y,children:c.jsxs(gr.Popover,{open:T,onOpenChange:S,modal:!1,children:[c.jsx(gr.PopoverTrigger,{asChild:!0,children:c.jsxs("button",{id:t,ref:h,onFocus:v,onBlur:f,disabled:!a,"aria-expanded":T,onClick:()=>S(te=>!te),className:ne(ge.selectTrigger,ge[l],{[ge.disabled]:!a,[ge.multi]:E}),autoFocus:$,children:[E?Array.isArray(o)&&o.length>0?c.jsx("div",{className:ge.badgeListContainer,children:c.jsx("div",{className:ge.badgeList,children:o.map(te=>{var X;return g?g(Array.from(I).find(F=>F.value===te),()=>{R(te)}):c.jsxs("span",{className:ge.badge,children:[(X=Array.from(I).find(F=>F.value===te))==null?void 0:X.label,c.jsx(fe,{name:"close",size:"sm",onClick:F=>{F.stopPropagation(),R(te)}})]},te)})})}):c.jsx("span",{className:ge.placeholder,children:n||""}):o!=null?c.jsx("div",{children:(oe=Array.from(I).find(te=>te.value===o))==null?void 0:oe.label}):c.jsx("span",{className:ge.placeholder,children:n||""}),c.jsxs("div",{className:ge.actions,children:[E&&Array.isArray(o)&&o.length>0&&c.jsx(fe,{name:"close",onClick:te=>{te.stopPropagation(),D()}}),c.jsx(fe,{name:"chevrondown"})]})]})}),T&&c.jsx(lt.Portal,{container:N,children:c.jsx(Nu,{asChild:!0,loop:!0,trapped:!0,children:c.jsx(gr.PopoverContent,{style:{width:_,height:H},className:ge.selectContent,children:c.jsxs(st.Command,{className:ge.command,shouldFilter:B,filter:(te,X,F)=>(te+" "+F.join(" ")).toLowerCase().includes(X.toLowerCase())?1:0,children:[B?c.jsxs("div",{className:ge.commandInputContainer,children:[c.jsx(fe,{name:"search"}),c.jsx(st.CommandInput,{className:ne(ge.commandInput),placeholder:"Search..."})]}):c.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:ge.srOnly}),c.jsxs(st.CommandList,{className:ge.commandList,children:[Array.from(I).map(({value:te,label:X,enabled:F,keywords:le})=>c.jsx(Ru,{value:te,label:X,enabled:F,keywords:le},te)),c.jsx(st.CommandEmpty,{children:J})]})]})})})})]})})]}):c.jsx(Mu,{ref:V,value:o,options:I,onValueChange:R,id:t,style:y,onFocus:v,onBlur:f,enabled:a,validationStatus:l,triggerRef:h,autoFocus:$,placeholder:n,height:H,children:A||J})})})}),Ru=u.forwardRef(function(t,r){const o=u.useId(),{label:a,value:n,enabled:i=!0,keywords:l}=t,{value:d,onChange:v,multi:f,optionLabelRenderer:p}=Hn(),C=Array.isArray(d)&&f?d.includes(n):d===n;return c.jsxs(st.CommandItem,{id:o,ref:r,disabled:!i,value:n,className:ge.multiComboboxOption,onSelect:()=>{v(n)},"data-state":C?"checked":void 0,keywords:l,children:[p?p({label:a,value:n}):a,C&&c.jsx(fe,{name:"checkmark"})]},o)});function In(e){const{onOptionRemove:t,onOptionAdd:r}=Wa(),[o,a]=u.useState(null),n=u.useMemo(()=>({...e,labelText:(o==null?void 0:o.textContent)??"",keywords:[(o==null?void 0:o.textContent)??""]}),[e,o]);return u.useEffect(()=>(r(n),()=>t(n)),[n,r,t]),c.jsx("div",{ref:i=>a(i),style:{display:"none"},children:e.label})}const Bn=u.forwardRef((e,t)=>{const{value:r,label:o,enabled:a=!0}=e,{onOptionRemove:n,onOptionAdd:i}=Wa(),{optionLabelRenderer:l}=Hn();return u.useLayoutEffect(()=>(i(e),()=>n(e)),[e,i,n]),c.jsxs(lt.Item,{ref:t,className:ge.selectItem,value:r+"",disabled:!a,children:[c.jsx(lt.ItemText,{children:l?l({value:r,label:o}):o}),c.jsx("span",{className:ge.selectItemIndicator,children:c.jsx(lt.ItemIndicator,{children:c.jsx(fe,{name:"checkmark"})})})]})});Bn.displayName="SelectOption";const nt={themeVars:`'{"gap-RadioGroupOption": "var(--xmlui-gap-RadioGroupOption)", "Input:backgroundColor-RadioGroupOption-default": "var(--xmlui-backgroundColor-RadioGroupOption-default)", "borderWidth-RadioGroupOption": "var(--xmlui-borderWidth-RadioGroupOption)", "Input:borderColor-RadioGroupOption-default": "var(--xmlui-borderColor-RadioGroupOption-default)", "Input:borderColor-RadioGroupOption-default--hover": "var(--xmlui-borderColor-RadioGroupOption-default--hover)", "Input:borderColor-RadioGroupOption-default--active": "var(--xmlui-borderColor-RadioGroupOption-default--active)", "Input:borderColor-RadioGroupOption--disabled": "var(--xmlui-borderColor-RadioGroupOption--disabled)", "Input:color-RadioGroupOption--disabled": "var(--xmlui-color-RadioGroupOption--disabled)", "Input:borderColor-RadioGroupOption-error": "var(--xmlui-borderColor-RadioGroupOption-error)", "Input:borderColor-RadioGroupOption-warning": "var(--xmlui-borderColor-RadioGroupOption-warning)", "Input:borderColor-RadioGroupOption-success": "var(--xmlui-borderColor-RadioGroupOption-success)", "backgroundColor-checked-RadioGroupOption-default": "var(--xmlui-backgroundColor-checked-RadioGroupOption-default)", "backgroundColor-checked-RadioGroupOption--disabled": "var(--xmlui-backgroundColor-checked-RadioGroupOption--disabled)", "backgroundColor-checked-RadioGroupOption-error": "var(--xmlui-backgroundColor-checked-RadioGroupOption-error)", "backgroundColor-checked-RadioGroupOption-warning": "var(--xmlui-backgroundColor-checked-RadioGroupOption-warning)", "backgroundColor-checked-RadioGroupOption-success": "var(--xmlui-backgroundColor-checked-RadioGroupOption-success)", "Input:fontSize-RadioGroupOption": "var(--xmlui-fontSize-RadioGroupOption)", "Input:fontWeight-RadioGroupOption": "var(--xmlui-fontWeight-RadioGroupOption)", "Input:color-RadioGroupOption-default": "var(--xmlui-color-RadioGroupOption-default)", "Input:color-RadioGroupOption-error": "var(--xmlui-color-RadioGroupOption-error)", "Input:color-RadioGroupOption-warning": "var(--xmlui-color-RadioGroupOption-warning)", "Input:color-RadioGroupOption-success": "var(--xmlui-color-RadioGroupOption-success)", "Input:outlineWidth-RadioGroupOption--focus": "var(--xmlui-outlineWidth-RadioGroupOption--focus)", "Input:outlineColor-RadioGroupOption--focus": "var(--xmlui-outlineColor-RadioGroupOption--focus)", "Input:outlineStyle-RadioGroupOption--focus": "var(--xmlui-outlineStyle-RadioGroupOption--focus)", "Input:outlineOffset-RadioGroupOption--focus": "var(--xmlui-outlineOffset-RadioGroupOption--focus)"}'`,radioGroupContainer:"_radioGroupContainer_294hm_13",radioOptionContainer:"_radioOptionContainer_294hm_20",radioOption:"_radioOption_294hm_20",error:"_error_294hm_55",warning:"_warning_294hm_58",valid:"_valid_294hm_61",indicator:"_indicator_294hm_65",disabled:"_disabled_294hm_78",itemContainer:"_itemContainer_294hm_91",optionLabel:"_optionLabel_294hm_99",label:"_label_294hm_104"},Ln=u.createContext({status:"none"}),Uu=u.forwardRef(function({id:t,value:r="",initialValue:o="",enabled:a=!0,validationStatus:n="none",label:i,labelPosition:l,labelWidth:d,labelBreak:v,required:f=!1,updateState:p=ie,onDidChange:C=ie,onFocus:b=ie,onBlur:g=ie,children:y,registerComponentApi:H,style:A},$){const[B,E]=u.useState(!1);u.useEffect(()=>{p({value:o},{initial:!0})},[o,p]);const U=u.useCallback(x=>{p({value:x}),C(x)},[C,p]),Z=u.useCallback(x=>{U(x)},[U]),P=u.useCallback(()=>{E(!0),b==null||b()},[b]),W=u.useCallback(()=>{E(!1),g==null||g()},[g]),O=ke(x=>{U(x)});u.useEffect(()=>{H==null||H({setValue:O})},[H,O]);const V=u.useMemo(()=>({value:r,status:n}),[r,n]);return c.jsx(mt,{ref:$,labelPosition:l,label:i,labelWidth:d,labelBreak:v,required:f,enabled:a,onFocus:b,onBlur:g,style:A,children:c.jsx(Mo,{Component:qu,children:c.jsx(Ln.Provider,{value:V,children:c.jsx(ea.Root,{id:t,onBlur:W,onFocus:P,onValueChange:Z,value:r,disabled:!a,className:ne(nt.radioGroupContainer,{[nt.focused]:B,[nt.disabled]:!a}),children:y})})})})}),qu=({value:e,label:t,enabled:r=!0,optionRenderer:o,style:a})=>{const n=u.useId(),i=u.useContext(Ln),l=u.useMemo(()=>({[nt.disabled]:!r,[nt.error]:e===i.value&&i.status==="error",[nt.warning]:e===i.value&&i.status==="warning",[nt.valid]:e===i.value&&i.status==="valid"}),[r,i.status,i.value,e]),d=u.useMemo(()=>c.jsxs(c.Fragment,{children:[c.jsx(ea.Item,{className:ne(nt.radioOption,l),value:e,disabled:!r,id:n,children:c.jsx(ea.Indicator,{className:ne(nt.indicator,l)})}),c.jsx("label",{htmlFor:n,className:ne(nt.label,l),children:t??e})]}),[r,n,t,l,e]);return c.jsx("div",{className:nt.radioOptionContainer,style:a,children:o?c.jsxs("label",{className:nt.optionLabel,children:[c.jsx("div",{className:nt.itemContainer,children:d}),o({$checked:e===i.value})]}):d},n)},Xt={themeVars:`'{"Input:borderRadius-Textarea-default": "var(--xmlui-borderRadius-Textarea-default)", "Input:borderColor-Textarea-default": "var(--xmlui-borderColor-Textarea-default)", "Input:borderWidth-Textarea-default": "var(--xmlui-borderWidth-Textarea-default)", "Input:borderStyle-Textarea-default": "var(--xmlui-borderStyle-Textarea-default)", "Input:fontSize-Textarea-default": "var(--xmlui-fontSize-Textarea-default)", "Input:padding-Textarea-default": "var(--xmlui-padding-Textarea-default)", "Input:backgroundColor-Textarea-default": "var(--xmlui-backgroundColor-Textarea-default)", "Input:boxShadow-Textarea-default": "var(--xmlui-boxShadow-Textarea-default)", "Input:textColor-Textarea-default": "var(--xmlui-textColor-Textarea-default)", "Input:borderColor-Textarea-default--hover": "var(--xmlui-borderColor-Textarea-default--hover)", "Input:backgroundColor-Textarea-default--hover": "var(--xmlui-backgroundColor-Textarea-default--hover)", "Input:boxShadow-Textarea-default--hover": "var(--xmlui-boxShadow-Textarea-default--hover)", "Input:textColor-Textarea-default--hover": "var(--xmlui-textColor-Textarea-default--hover)", "Input:borderColor-Textarea-default--focus": "var(--xmlui-borderColor-Textarea-default--focus)", "Input:backgroundColor-Textarea-default--focus": "var(--xmlui-backgroundColor-Textarea-default--focus)", "Input:boxShadow-Textarea-default--focus": "var(--xmlui-boxShadow-Textarea-default--focus)", "Input:textColor-Textarea-default--focus": "var(--xmlui-textColor-Textarea-default--focus)", "Input:outlineWidth-Textarea-default--focus": "var(--xmlui-outlineWidth-Textarea-default--focus)", "Input:outlineColor-Textarea-default--focus": "var(--xmlui-outlineColor-Textarea-default--focus)", "Input:outlineStyle-Textarea-default--focus": "var(--xmlui-outlineStyle-Textarea-default--focus)", "Input:outlineOffset-Textarea-default--focus": "var(--xmlui-outlineOffset-Textarea-default--focus)", "Input:color-placeholder-Textarea-default": "var(--xmlui-color-placeholder-Textarea-default)", "Input:borderRadius-Textarea-error": "var(--xmlui-borderRadius-Textarea-error)", "Input:borderColor-Textarea-error": "var(--xmlui-borderColor-Textarea-error)", "Input:borderWidth-Textarea-error": "var(--xmlui-borderWidth-Textarea-error)", "Input:borderStyle-Textarea-error": "var(--xmlui-borderStyle-Textarea-error)", "Input:fontSize-Textarea-error": "var(--xmlui-fontSize-Textarea-error)", "Input:padding-Textarea-error": "var(--xmlui-padding-Textarea-error)", "Input:backgroundColor-Textarea-error": "var(--xmlui-backgroundColor-Textarea-error)", "Input:boxShadow-Textarea-error": "var(--xmlui-boxShadow-Textarea-error)", "Input:textColor-Textarea-error": "var(--xmlui-textColor-Textarea-error)", "Input:borderColor-Textarea-error--hover": "var(--xmlui-borderColor-Textarea-error--hover)", "Input:backgroundColor-Textarea-error--hover": "var(--xmlui-backgroundColor-Textarea-error--hover)", "Input:boxShadow-Textarea-error--hover": "var(--xmlui-boxShadow-Textarea-error--hover)", "Input:textColor-Textarea-error--hover": "var(--xmlui-textColor-Textarea-error--hover)", "Input:borderColor-Textarea-error--focus": "var(--xmlui-borderColor-Textarea-error--focus)", "Input:backgroundColor-Textarea-error--focus": "var(--xmlui-backgroundColor-Textarea-error--focus)", "Input:boxShadow-Textarea-error--focus": "var(--xmlui-boxShadow-Textarea-error--focus)", "Input:textColor-Textarea-error--focus": "var(--xmlui-textColor-Textarea-error--focus)", "Input:outlineWidth-Textarea-error--focus": "var(--xmlui-outlineWidth-Textarea-error--focus)", "Input:outlineColor-Textarea-error--focus": "var(--xmlui-outlineColor-Textarea-error--focus)", "Input:outlineStyle-Textarea-error--focus": "var(--xmlui-outlineStyle-Textarea-error--focus)", "Input:outlineOffset-Textarea-error--focus": "var(--xmlui-outlineOffset-Textarea-error--focus)", "Input:color-placeholder-Textarea-error": "var(--xmlui-color-placeholder-Textarea-error)", "Input:borderRadius-Textarea-warning": "var(--xmlui-borderRadius-Textarea-warning)", "Input:borderColor-Textarea-warning": "var(--xmlui-borderColor-Textarea-warning)", "Input:borderWidth-Textarea-warning": "var(--xmlui-borderWidth-Textarea-warning)", "Input:borderStyle-Textarea-warning": "var(--xmlui-borderStyle-Textarea-warning)", "Input:fontSize-Textarea-warning": "var(--xmlui-fontSize-Textarea-warning)", "Input:padding-Textarea-warning": "var(--xmlui-padding-Textarea-warning)", "Input:backgroundColor-Textarea-warning": "var(--xmlui-backgroundColor-Textarea-warning)", "Input:boxShadow-Textarea-warning": "var(--xmlui-boxShadow-Textarea-warning)", "Input:textColor-Textarea-warning": "var(--xmlui-textColor-Textarea-warning)", "Input:borderColor-Textarea-warning--hover": "var(--xmlui-borderColor-Textarea-warning--hover)", "Input:backgroundColor-Textarea-warning--hover": "var(--xmlui-backgroundColor-Textarea-warning--hover)", "Input:boxShadow-Textarea-warning--hover": "var(--xmlui-boxShadow-Textarea-warning--hover)", "Input:textColor-Textarea-warning--hover": "var(--xmlui-textColor-Textarea-warning--hover)", "Input:borderColor-Textarea-warning--focus": "var(--xmlui-borderColor-Textarea-warning--focus)", "Input:backgroundColor-Textarea-warning--focus": "var(--xmlui-backgroundColor-Textarea-warning--focus)", "Input:boxShadow-Textarea-warning--focus": "var(--xmlui-boxShadow-Textarea-warning--focus)", "Input:textColor-Textarea-warning--focus": "var(--xmlui-textColor-Textarea-warning--focus)", "Input:outlineWidth-Textarea-warning--focus": "var(--xmlui-outlineWidth-Textarea-warning--focus)", "Input:outlineColor-Textarea-warning--focus": "var(--xmlui-outlineColor-Textarea-warning--focus)", "Input:outlineStyle-Textarea-warning--focus": "var(--xmlui-outlineStyle-Textarea-warning--focus)", "Input:outlineOffset-Textarea-warning--focus": "var(--xmlui-outlineOffset-Textarea-warning--focus)", "Input:color-placeholder-Textarea-warning": "var(--xmlui-color-placeholder-Textarea-warning)", "Input:borderRadius-Textarea-success": "var(--xmlui-borderRadius-Textarea-success)", "Input:borderColor-Textarea-success": "var(--xmlui-borderColor-Textarea-success)", "Input:borderWidth-Textarea-success": "var(--xmlui-borderWidth-Textarea-success)", "Input:borderStyle-Textarea-success": "var(--xmlui-borderStyle-Textarea-success)", "Input:fontSize-Textarea-success": "var(--xmlui-fontSize-Textarea-success)", "Input:padding-Textarea-success": "var(--xmlui-padding-Textarea-success)", "Input:backgroundColor-Textarea-success": "var(--xmlui-backgroundColor-Textarea-success)", "Input:boxShadow-Textarea-success": "var(--xmlui-boxShadow-Textarea-success)", "Input:textColor-Textarea-success": "var(--xmlui-textColor-Textarea-success)", "Input:borderColor-Textarea-success--hover": "var(--xmlui-borderColor-Textarea-success--hover)", "Input:backgroundColor-Textarea-success--hover": "var(--xmlui-backgroundColor-Textarea-success--hover)", "Input:boxShadow-Textarea-success--hover": "var(--xmlui-boxShadow-Textarea-success--hover)", "Input:textColor-Textarea-success--hover": "var(--xmlui-textColor-Textarea-success--hover)", "Input:borderColor-Textarea-success--focus": "var(--xmlui-borderColor-Textarea-success--focus)", "Input:backgroundColor-Textarea-success--focus": "var(--xmlui-backgroundColor-Textarea-success--focus)", "Input:boxShadow-Textarea-success--focus": "var(--xmlui-boxShadow-Textarea-success--focus)", "Input:textColor-Textarea-success--focus": "var(--xmlui-textColor-Textarea-success--focus)", "Input:outlineWidth-Textarea-success--focus": "var(--xmlui-outlineWidth-Textarea-success--focus)", "Input:outlineColor-Textarea-success--focus": "var(--xmlui-outlineColor-Textarea-success--focus)", "Input:outlineStyle-Textarea-success--focus": "var(--xmlui-outlineStyle-Textarea-success--focus)", "Input:outlineOffset-Textarea-success--focus": "var(--xmlui-outlineOffset-Textarea-success--focus)", "Input:color-placeholder-Textarea-success": "var(--xmlui-color-placeholder-Textarea-success)", "Input:backgroundColor-Textarea--disabled": "var(--xmlui-backgroundColor-Textarea--disabled)", "Input:textColor-Textarea--disabled": "var(--xmlui-textColor-Textarea--disabled)", "Input:borderColor-Textarea--disabled": "var(--xmlui-borderColor-Textarea--disabled)"}'`,textarea:"_textarea_y6osp_13",error:"_error_y6osp_53",warning:"_warning_y6osp_85",valid:"_valid_y6osp_117",resizeHorizontal:"_resizeHorizontal_y6osp_156",resizeVertical:"_resizeVertical_y6osp_160",resizeBoth:"_resizeBoth_y6osp_164"},_n=(e,t)=>{if(typeof e=="function"){e(t);return}e.current=t},Gu=(e,t)=>{const r=Ne.useRef();return Ne.useCallback(o=>{e.current=o,r.current&&_n(r.current,null),r.current=t,t&&_n(t,o)},[t])},Yu=()=>{},Xu=({maxRows:e,minRows:t,onChange:r=Yu,style:o,...a},n)=>{const i=u.useRef(null),l=Gu(i,n),[d,v]=Ne.useState(),[f,p]=Ne.useState();return u.useEffect(()=>{if(!i.current)return;const C=getComputedStyle(i.current),b=parseFloat(C.lineHeight),g=parseFloat(C.paddingTop)+parseFloat(C.paddingBottom),y=parseFloat(C.borderTop)+parseFloat(C.borderBottom),H=(C.boxSizing==="border-box"?y:0)+g;v(b*(t??1)+H),p(b*(e??1e4)+H)},[i.current,e,t]),c.jsx("textarea",{ref:l,...a,onChange:r,style:{...o,minHeight:d,maxHeight:f}})},ju=Ne.forwardRef(Xu),Qu={horizontal:Xt.resizeHorizontal,vertical:Xt.resizeVertical,both:Xt.resizeBoth},Zu=u.forwardRef(function({id:t,value:r="",placeholder:o="",required:a=!1,readOnly:n=!1,allowCopy:i=!0,updateState:l=ie,validationStatus:d,autoFocus:v=!1,initialValue:f="",resize:p,onDidChange:C=ie,onFocus:b=ie,onBlur:g=ie,controlled:y=!0,enterSubmits:H=!0,escResets:A,style:$,registerComponentApi:B,autoSize:E,maxRows:U,minRows:Z,maxLength:P,rows:W=2,enabled:O=!0,label:V,labelPosition:x,labelWidth:h,labelBreak:T},S){const _=u.useRef(null),[G,z]=u.useState(null),[N,I]=u.useState(!1),M=u.useCallback(oe=>{l({value:oe}),C(oe)},[C,l]),R=u.useCallback(oe=>{M(oe.target.value)},[M]);u.useEffect(()=>{l({value:f},{initial:!0})},[f,l]);const D=oe=>i?!0:(oe.preventDefault(),!1),Y=()=>{I(!0),b==null||b()},Q=()=>{I(!1),g==null||g()},J=u.useCallback(()=>{setTimeout(()=>{var oe;(oe=_.current)==null||oe.focus()},0)},[]),K=u.useCallback(oe=>{const te=_==null?void 0:_.current;if(te&&oe){const X=te.selectionStart,F=te.value;R({target:{value:F.substring(0,X)+oe+F.substring(X)}}),z(X+oe.length)}},[_,R]),ce=ke(oe=>{M(oe)});u.useEffect(()=>{if(G){const oe=_==null?void 0:_.current;oe&&(oe.setSelectionRange(G,G),z(null))}},[r,G,_]),u.useEffect(()=>{B==null||B({focus:J,insert:K,setValue:ce})},[J,K,B,ce]);const Ee=u.useCallback(oe=>{var te,X;oe.currentTarget.form&&H&&oe.key.toLowerCase()==="enter"&&!oe.shiftKey&&(oe.preventDefault(),(te=oe.currentTarget.form)==null||te.requestSubmit()),oe.currentTarget.form&&A&&oe.key.toLowerCase()==="escape"&&!oe.shiftKey&&(oe.preventDefault(),(X=oe.currentTarget.form)==null||X.reset())},[H,A]),Be={className:ne(Xt.textarea,p?Qu[p]:"",{[Xt.focused]:N,[Xt.disabled]:!O,[Xt.error]:d==="error",[Xt.warning]:d==="warning",[Xt.valid]:d==="valid"}),ref:_,style:$,value:y?r||"":void 0,disabled:!O,autoFocus:v,name:t,placeholder:o,required:a,maxLength:P,"aria-multiline":!0,"aria-readonly":n,readOnly:n,onChange:R,onCopy:D,onFocus:Y,onBlur:Q,onKeyDown:Ee,autoComplete:"off"};return p==="both"||p==="horizontal"||p==="vertical"?c.jsx(mt,{ref:S,labelPosition:x,label:V,labelWidth:h,labelBreak:T,required:a,enabled:O,onFocus:b,onBlur:g,style:$,children:c.jsx(ju,{...Be,style:$,maxRows:U,minRows:Z,rows:W})}):E||!De.isNil(U)||!De.isNil(Z)?c.jsx(mt,{ref:S,labelPosition:x,label:V,labelWidth:h,labelBreak:T,required:a,enabled:O,onFocus:b,onBlur:g,style:$,children:c.jsx(Il,{...Be,style:$,maxRows:U,minRows:Z,rows:W})}):c.jsx(mt,{ref:S,labelPosition:x,label:V,labelWidth:h,labelBreak:T,required:a,enabled:O,onFocus:b,onBlur:g,style:$,children:c.jsx("textarea",{...Be,rows:W})})}),Ye={themeVars:`'{"border-AutoComplete": "var(--xmlui-border-AutoComplete)", "borderHorizontal-AutoComplete": "var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete))", "borderVertical-AutoComplete": "var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete))", "borderLeft-AutoComplete": "var(--xmlui-borderLeft-AutoComplete, var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderRight-AutoComplete": "var(--xmlui-borderRight-AutoComplete, var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderTop-AutoComplete": "var(--xmlui-borderTop-AutoComplete, var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderBottom-AutoComplete": "var(--xmlui-borderBottom-AutoComplete, var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderWidth-AutoComplete": "var(--xmlui-borderWidth-AutoComplete)", "borderHorizontalWidth-AutoComplete": "var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete))", "borderLeftWidth-AutoComplete": "var(--xmlui-borderLeftWidth-AutoComplete, var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderRightWidth-AutoComplete": "var(--xmlui-borderRightWidth-AutoComplete, var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderVerticalWidth-AutoComplete": "var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete))", "borderTopWidth-AutoComplete": "var(--xmlui-borderTopWidth-AutoComplete, var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderBottomWidth-AutoComplete": "var(--xmlui-borderBottomWidth-AutoComplete, var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderStyle-AutoComplete": "var(--xmlui-borderStyle-AutoComplete)", "borderHorizontalStyle-AutoComplete": "var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete))", "borderLeftStyle-AutoComplete": "var(--xmlui-borderLeftStyle-AutoComplete, var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderRightStyle-AutoComplete": "var(--xmlui-borderRightStyle-AutoComplete, var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderVerticalStyle-AutoComplete": "var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete))", "borderTopStyle-AutoComplete": "var(--xmlui-borderTopStyle-AutoComplete, var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderBottomStyle-AutoComplete": "var(--xmlui-borderBottomStyle-AutoComplete, var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderColor-AutoComplete": "var(--xmlui-borderColor-AutoComplete)", "borderHorizontalColor-AutoComplete": "var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete))", "borderLeftColor-AutoComplete": "var(--xmlui-borderLeftColor-AutoComplete, var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderRightColor-AutoComplete": "var(--xmlui-borderRightColor-AutoComplete, var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderVerticalColor-AutoComplete": "var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete))", "borderTopColor-AutoComplete": "var(--xmlui-borderTopColor-AutoComplete, var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderBottomColor-AutoComplete": "var(--xmlui-borderBottomColor-AutoComplete, var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "radius-start-start-AutoComplete": "var(--xmlui-radius-start-start-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "radius-start-end-AutoComplete": "var(--xmlui-radius-start-end-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "radius-end-start-AutoComplete": "var(--xmlui-radius-end-start-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "radius-end-end-AutoComplete": "var(--xmlui-radius-end-end-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "padding-AutoComplete-badge": "var(--xmlui-padding-AutoComplete-badge)", "paddingHorizontal-AutoComplete-badge": "var(--xmlui-paddingHorizontal-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge))", "paddingVertical-AutoComplete-badge": "var(--xmlui-paddingVertical-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge))", "paddingLeft-AutoComplete-badge": "var(--xmlui-paddingLeft-AutoComplete-badge, var(--xmlui-paddingHorizontal-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "paddingRight-AutoComplete-badge": "var(--xmlui-paddingRight-AutoComplete-badge, var(--xmlui-paddingHorizontal-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "paddingTop-AutoComplete-badge": "var(--xmlui-paddingTop-AutoComplete-badge, var(--xmlui-paddingVertical-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "paddingBottom-AutoComplete-badge": "var(--xmlui-paddingBottom-AutoComplete-badge, var(--xmlui-paddingVertical-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "border-AutoComplete-badge": "var(--xmlui-border-AutoComplete-badge)", "borderHorizontal-AutoComplete-badge": "var(--xmlui-borderHorizontal-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge))", "borderVertical-AutoComplete-badge": "var(--xmlui-borderVertical-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge))", "borderLeft-AutoComplete-badge": "var(--xmlui-borderLeft-AutoComplete-badge, var(--xmlui-borderHorizontal-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderRight-AutoComplete-badge": "var(--xmlui-borderRight-AutoComplete-badge, var(--xmlui-borderHorizontal-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderTop-AutoComplete-badge": "var(--xmlui-borderTop-AutoComplete-badge, var(--xmlui-borderVertical-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderBottom-AutoComplete-badge": "var(--xmlui-borderBottom-AutoComplete-badge, var(--xmlui-borderVertical-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderWidth-AutoComplete-badge": "var(--xmlui-borderWidth-AutoComplete-badge)", "borderHorizontalWidth-AutoComplete-badge": "var(--xmlui-borderHorizontalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge))", "borderLeftWidth-AutoComplete-badge": "var(--xmlui-borderLeftWidth-AutoComplete-badge, var(--xmlui-borderHorizontalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderRightWidth-AutoComplete-badge": "var(--xmlui-borderRightWidth-AutoComplete-badge, var(--xmlui-borderHorizontalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderVerticalWidth-AutoComplete-badge": "var(--xmlui-borderVerticalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge))", "borderTopWidth-AutoComplete-badge": "var(--xmlui-borderTopWidth-AutoComplete-badge, var(--xmlui-borderVerticalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderBottomWidth-AutoComplete-badge": "var(--xmlui-borderBottomWidth-AutoComplete-badge, var(--xmlui-borderVerticalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderStyle-AutoComplete-badge": "var(--xmlui-borderStyle-AutoComplete-badge)", "borderHorizontalStyle-AutoComplete-badge": "var(--xmlui-borderHorizontalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge))", "borderLeftStyle-AutoComplete-badge": "var(--xmlui-borderLeftStyle-AutoComplete-badge, var(--xmlui-borderHorizontalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderRightStyle-AutoComplete-badge": "var(--xmlui-borderRightStyle-AutoComplete-badge, var(--xmlui-borderHorizontalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderVerticalStyle-AutoComplete-badge": "var(--xmlui-borderVerticalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge))", "borderTopStyle-AutoComplete-badge": "var(--xmlui-borderTopStyle-AutoComplete-badge, var(--xmlui-borderVerticalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderBottomStyle-AutoComplete-badge": "var(--xmlui-borderBottomStyle-AutoComplete-badge, var(--xmlui-borderVerticalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderColor-AutoComplete-badge": "var(--xmlui-borderColor-AutoComplete-badge)", "borderHorizontalColor-AutoComplete-badge": "var(--xmlui-borderHorizontalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge))", "borderLeftColor-AutoComplete-badge": "var(--xmlui-borderLeftColor-AutoComplete-badge, var(--xmlui-borderHorizontalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderRightColor-AutoComplete-badge": "var(--xmlui-borderRightColor-AutoComplete-badge, var(--xmlui-borderHorizontalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderVerticalColor-AutoComplete-badge": "var(--xmlui-borderVerticalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge))", "borderTopColor-AutoComplete-badge": "var(--xmlui-borderTopColor-AutoComplete-badge, var(--xmlui-borderVerticalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderBottomColor-AutoComplete-badge": "var(--xmlui-borderBottomColor-AutoComplete-badge, var(--xmlui-borderVerticalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "radius-start-start-AutoComplete-badge": "var(--xmlui-radius-start-start-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "radius-start-end-AutoComplete-badge": "var(--xmlui-radius-start-end-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "radius-end-start-AutoComplete-badge": "var(--xmlui-radius-end-start-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "radius-end-end-AutoComplete-badge": "var(--xmlui-radius-end-end-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "Input:borderRadius-AutoComplete-default": "var(--xmlui-borderRadius-AutoComplete-default)", "Input:borderColor-AutoComplete-default": "var(--xmlui-borderColor-AutoComplete-default)", "Input:borderWidth-AutoComplete-default": "var(--xmlui-borderWidth-AutoComplete-default)", "Input:borderStyle-AutoComplete-default": "var(--xmlui-borderStyle-AutoComplete-default)", "Input:fontSize-AutoComplete-default": "var(--xmlui-fontSize-AutoComplete-default)", "Input:backgroundColor-AutoComplete-default": "var(--xmlui-backgroundColor-AutoComplete-default)", "Input:boxShadow-AutoComplete-default": "var(--xmlui-boxShadow-AutoComplete-default)", "Input:textColor-AutoComplete-default": "var(--xmlui-textColor-AutoComplete-default)", "Input:borderColor-AutoComplete-default--hover": "var(--xmlui-borderColor-AutoComplete-default--hover)", "Input:backgroundColor-AutoComplete-default--hover": "var(--xmlui-backgroundColor-AutoComplete-default--hover)", "Input:boxShadow-AutoComplete-default--hover": "var(--xmlui-boxShadow-AutoComplete-default--hover)", "Input:textColor-AutoComplete-default--hover": "var(--xmlui-textColor-AutoComplete-default--hover)", "Input:textColor-placeholder-AutoComplete-default": "var(--xmlui-textColor-placeholder-AutoComplete-default)", "Input:borderRadius-AutoComplete-error": "var(--xmlui-borderRadius-AutoComplete-error)", "Input:borderColor-AutoComplete-error": "var(--xmlui-borderColor-AutoComplete-error)", "Input:borderWidth-AutoComplete-error": "var(--xmlui-borderWidth-AutoComplete-error)", "Input:borderStyle-AutoComplete-error": "var(--xmlui-borderStyle-AutoComplete-error)", "Input:fontSize-AutoComplete-error": "var(--xmlui-fontSize-AutoComplete-error)", "Input:backgroundColor-AutoComplete-error": "var(--xmlui-backgroundColor-AutoComplete-error)", "Input:boxShadow-AutoComplete-error": "var(--xmlui-boxShadow-AutoComplete-error)", "Input:textColor-AutoComplete-error": "var(--xmlui-textColor-AutoComplete-error)", "Input:borderColor-AutoComplete-error--hover": "var(--xmlui-borderColor-AutoComplete-error--hover)", "Input:backgroundColor-AutoComplete-error--hover": "var(--xmlui-backgroundColor-AutoComplete-error--hover)", "Input:boxShadow-AutoComplete-error--hover": "var(--xmlui-boxShadow-AutoComplete-error--hover)", "Input:textColor-AutoComplete-error--hover": "var(--xmlui-textColor-AutoComplete-error--hover)", "Input:textColor-placeholder-AutoComplete-error": "var(--xmlui-textColor-placeholder-AutoComplete-error)", "Input:borderRadius-AutoComplete-warning": "var(--xmlui-borderRadius-AutoComplete-warning)", "Input:borderColor-AutoComplete-warning": "var(--xmlui-borderColor-AutoComplete-warning)", "Input:borderWidth-AutoComplete-warning": "var(--xmlui-borderWidth-AutoComplete-warning)", "Input:borderStyle-AutoComplete-warning": "var(--xmlui-borderStyle-AutoComplete-warning)", "Input:fontSize-AutoComplete-warning": "var(--xmlui-fontSize-AutoComplete-warning)", "Input:backgroundColor-AutoComplete-warning": "var(--xmlui-backgroundColor-AutoComplete-warning)", "Input:boxShadow-AutoComplete-warning": "var(--xmlui-boxShadow-AutoComplete-warning)", "Input:textColor-AutoComplete-warning": "var(--xmlui-textColor-AutoComplete-warning)", "Input:borderColor-AutoComplete-warning--hover": "var(--xmlui-borderColor-AutoComplete-warning--hover)", "Input:backgroundColor-AutoComplete-warning--hover": "var(--xmlui-backgroundColor-AutoComplete-warning--hover)", "Input:boxShadow-AutoComplete-warning--hover": "var(--xmlui-boxShadow-AutoComplete-warning--hover)", "Input:textColor-AutoComplete-warning--hover": "var(--xmlui-textColor-AutoComplete-warning--hover)", "Input:textColor-placeholder-AutoComplete-warning": "var(--xmlui-textColor-placeholder-AutoComplete-warning)", "Input:borderRadius-AutoComplete-success": "var(--xmlui-borderRadius-AutoComplete-success)", "Input:borderColor-AutoComplete-success": "var(--xmlui-borderColor-AutoComplete-success)", "Input:borderWidth-AutoComplete-success": "var(--xmlui-borderWidth-AutoComplete-success)", "Input:borderStyle-AutoComplete-success": "var(--xmlui-borderStyle-AutoComplete-success)", "Input:fontSize-AutoComplete-success": "var(--xmlui-fontSize-AutoComplete-success)", "Input:backgroundColor-AutoComplete-success": "var(--xmlui-backgroundColor-AutoComplete-success)", "Input:boxShadow-AutoComplete-success": "var(--xmlui-boxShadow-AutoComplete-success)", "Input:textColor-AutoComplete-success": "var(--xmlui-textColor-AutoComplete-success)", "Input:borderColor-AutoComplete-success--hover": "var(--xmlui-borderColor-AutoComplete-success--hover)", "Input:backgroundColor-AutoComplete-success--hover": "var(--xmlui-backgroundColor-AutoComplete-success--hover)", "Input:boxShadow-AutoComplete-success--hover": "var(--xmlui-boxShadow-AutoComplete-success--hover)", "Input:textColor-AutoComplete-success--hover": "var(--xmlui-textColor-AutoComplete-success--hover)", "Input:textColor-placeholder-AutoComplete-success": "var(--xmlui-textColor-placeholder-AutoComplete-success)", "Input:backgroundColor-AutoComplete--disabled": "var(--xmlui-backgroundColor-AutoComplete--disabled)", "Input:textColor-AutoComplete--disabled": "var(--xmlui-textColor-AutoComplete--disabled)", "Input:borderColor-AutoComplete--disabled": "var(--xmlui-borderColor-AutoComplete--disabled)", "Input:outlineWidth-AutoComplete--focus": "var(--xmlui-outlineWidth-AutoComplete--focus)", "Input:outlineColor-AutoComplete--focus": "var(--xmlui-outlineColor-AutoComplete--focus)", "Input:outlineStyle-AutoComplete--focus": "var(--xmlui-outlineStyle-AutoComplete--focus)", "Input:outlineOffset-AutoComplete--focus": "var(--xmlui-outlineOffset-AutoComplete--focus)", "Input:fontSize-AutoComplete-badge": "var(--xmlui-fontSize-AutoComplete-badge)", "Input:backgroundColor-AutoComplete-badge": "var(--xmlui-backgroundColor-AutoComplete-badge)", "Input:textColor-AutoComplete-badge": "var(--xmlui-textColor-AutoComplete-badge)", "Input:backgroundColor-AutoComplete-badge--hover": "var(--xmlui-backgroundColor-AutoComplete-badge--hover)", "Input:textColor-AutoComplete-badge--hover": "var(--xmlui-textColor-AutoComplete-badge--hover)", "Input:backgroundColor-AutoComplete-badge--active": "var(--xmlui-backgroundColor-AutoComplete-badge--active)", "Input:textColor-AutoComplete-badge--active": "var(--xmlui-textColor-AutoComplete-badge--active)", "Input:textColor-placeholder-AutoComplete": "var(--xmlui-textColor-placeholder-AutoComplete)", "Input:backgroundColor-menu-AutoComplete": "var(--xmlui-backgroundColor-menu-AutoComplete)", "Input:borderRadius-menu-AutoComplete": "var(--xmlui-borderRadius-menu-AutoComplete)", "Input:boxShadow-menu-AutoComplete": "var(--xmlui-boxShadow-menu-AutoComplete)", "backgroundColor-item-AutoComplete": "var(--xmlui-backgroundColor-item-AutoComplete)", "backgroundColor-item-AutoComplete--hover": "var(--xmlui-backgroundColor-item-AutoComplete--hover)", "textColor-item-AutoComplete--disabled": "var(--xmlui-textColor-item-AutoComplete--disabled)"}'`,command:"_command_dpz2y_13",badgeListWrapper:"_badgeListWrapper_dpz2y_20",error:"_error_dpz2y_43",warning:"_warning_dpz2y_62",valid:"_valid_dpz2y_81",disabled:"_disabled_dpz2y_100",focused:"_focused_dpz2y_107",badgeList:"_badgeList_dpz2y_20",badge:"_badge_dpz2y_20",commandInput:"_commandInput_dpz2y_172",actions:"_actions_dpz2y_188",autoCompleteEmpty:"_autoCompleteEmpty_dpz2y_194",commandList:"_commandList_dpz2y_204","fade-in":"_fade-in_dpz2y_1",autoCompleteOption:"_autoCompleteOption_dpz2y_217"},An=u.createContext({value:null,onChange:e=>{},optionRenderer:e=>c.jsx("div",{children:e.label}),inputValue:"",options:new Set});function Nn(){return u.useContext(An)}function Ju(e){return c.jsx("div",{children:e.label})}function Ku(e,t){return t.some(r=>Array.from(e).some(o=>o.value===r.value||o.label===r.label))}const ec=u.forwardRef(function({id:t,initialValue:r,value:o,enabled:a=!0,placeholder:n,updateState:i=ie,validationStatus:l="none",onDidChange:d=ie,onFocus:v=ie,onBlur:f=ie,registerComponentApi:p,optionRenderer:C=Ju,emptyListTemplate:b,style:g,children:y,autoFocus:H=!1,dropdownHeight:A,multi:$=!1,label:B,labelPosition:E,labelWidth:U,labelBreak:Z,required:P=!1},W){const[O,V]=u.useState(null),x=u.useRef(null),[h,T]=u.useState(!1),S=u.useRef(null),[_,G]=u.useState(new Set),[z,N]=u.useState(""),{root:I}=Ft(),[M,R]=u.useState(0),D=u.useRef();u.useEffect(()=>{r!==void 0&&i({value:r||[]},{initial:!0})},[r,i]),u.useEffect(()=>{var le;const F=O;return(le=D.current)==null||le.disconnect(),F&&(D.current=new ResizeObserver(()=>R(F.clientWidth)),D.current.observe(F)),()=>{var $e;($e=D.current)==null||$e.disconnect()}},[O]);const Y=u.useCallback(F=>{if($?N(""):T(!0),F==="")return;const le=$?Array.isArray(o)?o.includes(F)?o.filter($e=>$e!==F):[...o,F]:[F]:F===o?null:F;i({value:le}),d(le)},[$,o,i,d]);u.useEffect(()=>{var F;$||N(((F=Array.from(_).find(le=>le.value===o))==null?void 0:F.labelText)||"")},[$,_,o]);const Q=u.useCallback(()=>{const F=$?[]:"";N(""),i({value:F}),d(F)},[$,i,d]),J=u.useCallback(F=>{G(le=>new Set(le).add(F))},[]),K=u.useCallback(F=>{G(le=>{const $e=new Set(le);return $e.delete(F),$e})},[]),ce=F=>{S.current&&!S.current.contains(F.target)&&x.current&&!x.current.contains(F.target)&&(T(!1),x.current.blur())};u.useEffect(()=>(h?(document.addEventListener("mousedown",ce),document.addEventListener("touchend",ce)):(document.removeEventListener("mousedown",ce),document.removeEventListener("touchend",ce)),()=>{document.removeEventListener("mousedown",ce),document.removeEventListener("touchend",ce)}),[h]);const Ee=u.useMemo(()=>b??c.jsxs("div",{className:Ye.autoCompleteEmpty,children:[c.jsx(fe,{name:"noresult"}),c.jsx("span",{children:"List is empty"})]}),[b]),Be=u.useCallback(()=>{var F;(F=x==null?void 0:x.current)==null||F.focus()},[x]),oe=ke(F=>{i({value:Array.isArray(F)?F:[F]})});u.useEffect(()=>{p==null||p({focus:Be,setValue:oe})},[Be,p,oe]);const te=u.useMemo(()=>({onOptionAdd:J,onOptionRemove:K}),[J,K]),X=u.useMemo(()=>({multi:$,value:o,onChange:Y,optionRenderer:C,options:_,inputValue:z}),[z,$,C,_,Y,o]);return c.jsx(An.Provider,{value:X,children:c.jsx(Mo,{Component:In,children:c.jsxs(Oa.Provider,{value:te,children:[y,c.jsx(mt,{ref:W,labelPosition:E,label:B,labelWidth:U,labelBreak:Z,required:P,enabled:a,onFocus:v,onBlur:f,style:g,children:c.jsx(gr.Popover,{open:h,children:c.jsxs(st.Command,{ref:S,className:Ye.command,filter:(F,le,$e)=>(F+" "+$e.join(" ")).toLowerCase().includes(le.toLowerCase())?1:0,children:[c.jsx(gr.PopoverTrigger,{style:{width:"100%"},children:c.jsxs("div",{ref:V,onClick:()=>{var F;a&&((F=x==null?void 0:x.current)==null||F.focus())},style:g,className:ne(Ye.badgeListWrapper,Ye[l],{[Ye.disabled]:!a,[Ye.focused]:document.activeElement===x.current}),children:[$?c.jsxs("div",{className:Ye.badgeList,children:[Array.isArray(o)&&o.map(F=>{var le;return c.jsxs("span",{className:Ye.badge,children:[(le=Array.from(_).find($e=>$e.value===F))==null?void 0:le.label,c.jsx(fe,{name:"close",size:"sm",onClick:$e=>{$e.stopPropagation(),Y(F)}})]},F)}),c.jsx(st.CommandInput,{id:t,autoFocus:H,ref:x,value:z,disabled:!a,onValueChange:F=>{T(!0),N(F)},onFocus:()=>{T(!0),v()},onBlur:()=>{T(!1),f()},placeholder:n,className:Ye.commandInput})]}):c.jsx(st.CommandInput,{id:t,autoFocus:H,ref:x,value:z,disabled:!a,onValueChange:F=>{T(!0),N(F)},onFocus:()=>{T(!0),v()},onBlur:()=>{T(!1),f()},placeholder:n,className:Ye.commandInput}),c.jsxs("div",{className:Ye.actions,children:[(o==null?void 0:o.length)>0&&a&&c.jsx("button",{onClick:F=>{F.stopPropagation(),Q()},children:c.jsx(fe,{name:"close"})}),c.jsx("button",{onClick:()=>T(!0),children:c.jsx(fe,{name:"chevrondown"})})]})]})}),h&&c.jsx(gr.Portal,{container:I,children:c.jsx(gr.PopoverContent,{asChild:!0,style:{width:M,height:A},className:Ye.popoverContent,align:"start",onOpenAutoFocus:F=>F.preventDefault(),children:c.jsxs(st.CommandList,{className:Ye.commandList,onMouseUp:()=>{var F;(F=x==null?void 0:x.current)==null||F.focus()},style:{height:A},children:[c.jsx(st.CommandEmpty,{children:Ee}),c.jsx(tc,{}),c.jsx(st.CommandGroup,{children:Array.from(_).map(({value:F,label:le,enabled:$e,keywords:Er,labelText:Ge})=>c.jsx(rc,{value:F,label:le,enabled:$e,keywords:Er,labelText:Ge},F))})]})})})]})})})]})})})});function tc(){const{value:e,options:t,inputValue:r,onChange:o}=Nn(),{onOptionAdd:a}=Wa();if(Ku(t,[{value:r,label:r}])||Array.isArray(e)&&(e!=null&&e.find(i=>i===r))||r===e)return c.jsx("span",{style:{display:"none"}});const n=c.jsx(st.CommandItem,{value:r,className:Ye.autoCompleteOption,onMouseDown:i=>{i.preventDefault(),i.stopPropagation()},onSelect:i=>{a({value:i,label:i,enabled:!0,labelText:i}),o(i)},children:`Create "${r}"`});return r.length>0?n:c.jsx("span",{style:{display:"none"}})}function rc({value:e,label:t,enabled:r=!0,keywords:o}){const a=u.useId(),{value:n,onChange:i,optionRenderer:l,multi:d}=Nn(),v=d?n==null?void 0:n.includes(e):n===e;return c.jsxs(st.CommandItem,{id:a,disabled:!r,value:`${e}`,className:Ye.autoCompleteOption,onMouseDown:f=>{f.preventDefault(),f.stopPropagation()},onSelect:()=>{i(e)},"data-state":v?"checked":void 0,keywords:o,children:[l({label:t,value:e}),v&&c.jsx(fe,{name:"checkmark"})]},a)}const jt={themeVars:`'{"Input:backgroundColor-track-Slider": "var(--xmlui-backgroundColor-track-Slider)", "Input:borderRadius-Slider-default": "var(--xmlui-borderRadius-Slider-default)", "Input:borderColor-Slider-default": "var(--xmlui-borderColor-Slider-default)", "Input:borderWidth-Slider-default": "var(--xmlui-borderWidth-Slider-default)", "Input:borderStyle-Slider-default": "var(--xmlui-borderStyle-Slider-default)", "Input:boxShadow-Slider-default": "var(--xmlui-boxShadow-Slider-default)", "Input:borderColor-Slider-default--hover": "var(--xmlui-borderColor-Slider-default--hover)", "Input:boxShadow-Slider-default--hover": "var(--xmlui-boxShadow-Slider-default--hover)", "Input:borderColor-Slider-default--focus": "var(--xmlui-borderColor-Slider-default--focus)", "Input:boxShadow-Slider-default--focus": "var(--xmlui-boxShadow-Slider-default--focus)", "Input:borderRadius-Slider-error": "var(--xmlui-borderRadius-Slider-error)", "Input:borderColor-Slider-error": "var(--xmlui-borderColor-Slider-error)", "Input:borderWidth-Slider-error": "var(--xmlui-borderWidth-Slider-error)", "Input:borderStyle-Slider-error": "var(--xmlui-borderStyle-Slider-error)", "Input:boxShadow-Slider-error": "var(--xmlui-boxShadow-Slider-error)", "Input:borderColor-Slider-error--hover": "var(--xmlui-borderColor-Slider-error--hover)", "Input:boxShadow-Slider-error--hover": "var(--xmlui-boxShadow-Slider-error--hover)", "Input:borderColor-Slider-error--focus": "var(--xmlui-borderColor-Slider-error--focus)", "Input:boxShadow-Slider-error--focus": "var(--xmlui-boxShadow-Slider-error--focus)", "Input:borderRadius-Slider-warning": "var(--xmlui-borderRadius-Slider-warning)", "Input:borderColor-Slider-warning": "var(--xmlui-borderColor-Slider-warning)", "Input:borderWidth-Slider-warning": "var(--xmlui-borderWidth-Slider-warning)", "Input:borderStyle-Slider-warning": "var(--xmlui-borderStyle-Slider-warning)", "Input:boxShadow-Slider-warning": "var(--xmlui-boxShadow-Slider-warning)", "Input:borderColor-Slider-warning--hover": "var(--xmlui-borderColor-Slider-warning--hover)", "Input:boxShadow-Slider-warning--hover": "var(--xmlui-boxShadow-Slider-warning--hover)", "Input:borderColor-Slider-warning--focus": "var(--xmlui-borderColor-Slider-warning--focus)", "Input:boxShadow-Slider-warning--focus": "var(--xmlui-boxShadow-Slider-warning--focus)", "Input:borderRadius-Slider-success": "var(--xmlui-borderRadius-Slider-success)", "Input:borderColor-Slider-success": "var(--xmlui-borderColor-Slider-success)", "Input:borderWidth-Slider-success": "var(--xmlui-borderWidth-Slider-success)", "Input:borderStyle-Slider-success": "var(--xmlui-borderStyle-Slider-success)", "Input:boxShadow-Slider-success": "var(--xmlui-boxShadow-Slider-success)", "Input:borderColor-Slider-success--hover": "var(--xmlui-borderColor-Slider-success--hover)", "Input:boxShadow-Slider-success--hover": "var(--xmlui-boxShadow-Slider-success--hover)", "Input:borderColor-Slider-success--focus": "var(--xmlui-borderColor-Slider-success--focus)", "Input:boxShadow-Slider-success--focus": "var(--xmlui-boxShadow-Slider-success--focus)", "Input:backgroundColor-track-Slider--disabled": "var(--xmlui-backgroundColor-track-Slider--disabled)", "Input:backgroundColor-range-Slider": "var(--xmlui-backgroundColor-range-Slider)", "Input:backgroundColor-range-Slider--disabled": "var(--xmlui-backgroundColor-range-Slider--disabled)", "Input:borderWidth-thumb-Slider": "var(--xmlui-borderWidth-thumb-Slider)", "Input:borderStyle-thumb-Slider": "var(--xmlui-borderStyle-thumb-Slider)", "Input:borderColor-thumb-Slider": "var(--xmlui-borderColor-thumb-Slider)", "Input:backgroundColor-thumb-Slider": "var(--xmlui-backgroundColor-thumb-Slider)", "Input:boxShadow-thumb-Slider": "var(--xmlui-boxShadow-thumb-Slider)"}'`,sliderRoot:"_sliderRoot_1irri_13",sliderTrack:"_sliderTrack_1irri_22",error:"_error_1irri_43",warning:"_warning_1irri_58",valid:"_valid_1irri_73",sliderRange:"_sliderRange_1irri_92",sliderThumb:"_sliderThumb_1irri_101"},On=u.forwardRef(({style:e,step:t=1,min:r,max:o,inverted:a,updateState:n,onDidChange:i=ie,onFocus:l=ie,onBlur:d=ie,registerComponentApi:v,enabled:f=!0,value:p,autoFocus:C,readOnly:b,tabIndex:g=-1,label:y,labelPosition:H,labelWidth:A,labelBreak:$,required:B,validationStatus:E="none",initialValue:U,minStepsBetweenThumbs:Z,rangeStyle:P,thumbStyle:W},O)=>{const V=u.useRef(null),[x,h]=u.useState([]);u.useEffect(()=>{typeof p=="object"?h(p):typeof p=="number"&&h([p])},[p]),u.useEffect(()=>{n({value:U},{initial:!0})},[U,n]);const T=u.useCallback(I=>{n({value:I}),i(I)},[i,n]),S=u.useCallback(I=>{I.length>1?T(I):I.length===1&&T(I[0])},[T]),_=u.useCallback(()=>{l==null||l()},[l]),G=u.useCallback(()=>{d==null||d()},[d]),z=u.useCallback(()=>{var I;(I=V.current)==null||I.focus()},[]),N=ke(I=>{T(I)});return u.useEffect(()=>{v==null||v({focus:z,setValue:N})},[z,v,N]),c.jsx(mt,{labelPosition:H,label:y,labelWidth:A,labelBreak:$,required:B,enabled:f,onFocus:l,onBlur:d,style:e,ref:O,children:c.jsxs(mo.Root,{minStepsBetweenThumbs:Z,ref:V,tabIndex:g,"aria-readonly":b,className:ne(jt.sliderRoot),style:e,max:o,min:r,inverted:a,step:t,disabled:!f,onFocus:_,onBlur:G,onValueChange:S,"aria-required":B,value:x,autoFocus:C,children:[c.jsx(mo.Track,{className:ne(jt.sliderTrack,{[jt.disabled]:!f,[jt.readOnly]:b,[jt.error]:E==="error",[jt.warning]:E==="warning",[jt.valid]:E==="valid"}),children:c.jsx(mo.Range,{className:jt.sliderRange,style:P})}),x==null?void 0:x.map((I,M)=>c.jsx(mo.Thumb,{className:jt.sliderThumb,style:W},M))]})})});On.displayName=mo.Root.displayName;const eo={themeVars:`'{"Input:backgroundColor-ColorPicker": "var(--xmlui-backgroundColor-ColorPicker)", "Input:borderRadius-ColorPicker-default": "var(--xmlui-borderRadius-ColorPicker-default)", "Input:borderColor-ColorPicker-default": "var(--xmlui-borderColor-ColorPicker-default)", "Input:borderWidth-ColorPicker-default": "var(--xmlui-borderWidth-ColorPicker-default)", "Input:borderStyle-ColorPicker-default": "var(--xmlui-borderStyle-ColorPicker-default)", "Input:boxShadow-ColorPicker-default": "var(--xmlui-boxShadow-ColorPicker-default)", "Input:borderColor-ColorPicker-default--hover": "var(--xmlui-borderColor-ColorPicker-default--hover)", "Input:boxShadow-ColorPicker-default--hover": "var(--xmlui-boxShadow-ColorPicker-default--hover)", "Input:borderColor-ColorPicker-default--focus": "var(--xmlui-borderColor-ColorPicker-default--focus)", "Input:boxShadow-ColorPicker-default--focus": "var(--xmlui-boxShadow-ColorPicker-default--focus)", "Input:borderRadius-ColorPicker-error": "var(--xmlui-borderRadius-ColorPicker-error)", "Input:borderColor-ColorPicker-error": "var(--xmlui-borderColor-ColorPicker-error)", "Input:borderWidth-ColorPicker-error": "var(--xmlui-borderWidth-ColorPicker-error)", "Input:borderStyle-ColorPicker-error": "var(--xmlui-borderStyle-ColorPicker-error)", "Input:boxShadow-ColorPicker-error": "var(--xmlui-boxShadow-ColorPicker-error)", "Input:borderColor-ColorPicker-error--hover": "var(--xmlui-borderColor-ColorPicker-error--hover)", "Input:boxShadow-ColorPicker-error--hover": "var(--xmlui-boxShadow-ColorPicker-error--hover)", "Input:borderColor-ColorPicker-error--focus": "var(--xmlui-borderColor-ColorPicker-error--focus)", "Input:boxShadow-ColorPicker-error--focus": "var(--xmlui-boxShadow-ColorPicker-error--focus)", "Input:borderRadius-ColorPicker-warning": "var(--xmlui-borderRadius-ColorPicker-warning)", "Input:borderColor-ColorPicker-warning": "var(--xmlui-borderColor-ColorPicker-warning)", "Input:borderWidth-ColorPicker-warning": "var(--xmlui-borderWidth-ColorPicker-warning)", "Input:borderStyle-ColorPicker-warning": "var(--xmlui-borderStyle-ColorPicker-warning)", "Input:boxShadow-ColorPicker-warning": "var(--xmlui-boxShadow-ColorPicker-warning)", "Input:borderColor-ColorPicker-warning--hover": "var(--xmlui-borderColor-ColorPicker-warning--hover)", "Input:boxShadow-ColorPicker-warning--hover": "var(--xmlui-boxShadow-ColorPicker-warning--hover)", "Input:borderColor-ColorPicker-warning--focus": "var(--xmlui-borderColor-ColorPicker-warning--focus)", "Input:boxShadow-ColorPicker-warning--focus": "var(--xmlui-boxShadow-ColorPicker-warning--focus)", "Input:borderRadius-ColorPicker-success": "var(--xmlui-borderRadius-ColorPicker-success)", "Input:borderColor-ColorPicker-success": "var(--xmlui-borderColor-ColorPicker-success)", "Input:borderWidth-ColorPicker-success": "var(--xmlui-borderWidth-ColorPicker-success)", "Input:borderStyle-ColorPicker-success": "var(--xmlui-borderStyle-ColorPicker-success)", "Input:boxShadow-ColorPicker-success": "var(--xmlui-boxShadow-ColorPicker-success)", "Input:borderColor-ColorPicker-success--hover": "var(--xmlui-borderColor-ColorPicker-success--hover)", "Input:boxShadow-ColorPicker-success--hover": "var(--xmlui-boxShadow-ColorPicker-success--hover)", "Input:borderColor-ColorPicker-success--focus": "var(--xmlui-borderColor-ColorPicker-success--focus)", "Input:boxShadow-ColorPicker-success--focus": "var(--xmlui-boxShadow-ColorPicker-success--focus)"}'`,colorInput:"_colorInput_ays9f_13",error:"_error_ays9f_41",warning:"_warning_ays9f_56",valid:"_valid_ays9f_71"},yo={initialValue:"",value:"",enabled:!0,validationStatus:"none"},Wn=u.forwardRef(({style:e,updateState:t,onDidChange:r=ie,onFocus:o=ie,onBlur:a=ie,registerComponentApi:n,enabled:i=yo.enabled,value:l=yo.value,autoFocus:d,tabIndex:v=-1,label:f,labelPosition:p,labelWidth:C,labelBreak:b,required:g,validationStatus:y=yo.validationStatus,initialValue:H=yo.initialValue},A)=>{const $=u.useRef(null),B=u.useCallback(O=>{t({value:O}),r(O)},[r,t]),E=u.useCallback(O=>{B(O.target.value)},[B]);u.useEffect(()=>{t({value:H},{initial:!0})},[H,t]);const U=u.useCallback(()=>{o==null||o()},[o]),Z=u.useCallback(()=>{a==null||a()},[a]),P=u.useCallback(()=>{var O;(O=$.current)==null||O.focus()},[]),W=ke(O=>{B(O)});return u.useEffect(()=>{n==null||n({focus:P,setValue:W})},[P,n,W]),c.jsx(mt,{labelPosition:p,label:f,labelWidth:C,labelBreak:b,required:g,enabled:i,onFocus:o,onBlur:a,style:e,ref:A,children:c.jsx("input",{className:ne(eo.colorInput,{[eo.disabled]:!i,[eo.error]:y==="error",[eo.warning]:y==="warning",[eo.valid]:y==="valid"}),disabled:!i,onFocus:U,onChange:E,autoFocus:d,onBlur:Z,required:g,type:"color",inputMode:"text",ref:$,value:l,tabIndex:v})})});Wn.displayName="ColorPicker";const ko={helper:"_helper_1qbfk_13",helperText:"_helperText_1qbfk_24",valid:"_valid_1qbfk_29",error:"_error_1qbfk_34",warning:"_warning_1qbfk_39"};var Vn={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},En=u.createContext&&u.createContext(Vn),cr=function(){return cr=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++){t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},cr.apply(this,arguments)},oc=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]]);return r};function zn(e){return e&&e.map(function(t,r){return u.createElement(t.tag,cr({key:r},t.attr),zn(t.child))})}function to(e){return function(t){return u.createElement(ac,cr({attr:cr({},e.attr)},t),zn(e.child))}}function ac(e){var t=function(r){var o=e.attr,a=e.size,n=e.title,i=oc(e,["attr","size","title"]),l=a||r.size||"1em",d;return r.className&&(d=r.className),e.className&&(d=(d?d+" ":"")+e.className),u.createElement("svg",cr({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,o,i,{className:d,style:cr(cr({color:e.color||r.color},r.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),n&&u.createElement("title",null,n),e.children)};return En!==void 0?u.createElement(En.Consumer,null,function(r){return t(r)}):t(Vn)}function ic(e){return to({attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M464 720a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8zm475.7 440l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zm-783.5-27.9L512 239.9l339.8 588.2H172.2z"}}]})(e)}const nc=e=>c.jsx(ic,{...e});function lc(e){return to({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z"}},{tag:"path",attr:{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}}]})(e)}const sc=e=>c.jsx(lc,{...e}),Pn=({text:e="",status:t,style:r})=>{const o=()=>{if(t==="warning")return c.jsx(nc,{color:"var(--xmlui-color-warning)"});if(t==="error")return c.jsx(sc,{color:"var(--xmlui-color-error)"})};return c.jsxs("div",{style:r,className:ne(ko.helper,{[ko.valid]:t==="valid",[ko.warning]:t==="warning",[ko.error]:t==="error"}),children:[t&&c.jsx("div",{style:{flexShrink:0},children:o()}),e&&c.jsx("div",{className:ko.helperText,children:e})]})},dc={checkbox:"end"},Ar={type:"text",labelBreak:!0,enabled:!0,customValidationsDebounce:0};u.memo(function({style:t,bindTo:r,type:o=Ar.type,label:a,enabled:n=Ar.enabled,labelPosition:i,labelWidth:l,labelBreak:d=Ar.labelBreak,children:v,validations:f,onValidate:p,customValidationsDebounce:C=Ar.customValidationsDebounce,validationMode:b,registerComponentApi:g,maxTextLength:y,inputRenderer:H,...A}){const $=er(I=>l||I.itemLabelWidth),B=er(I=>d!==void 0?d:I.itemLabelBreak),E=er(I=>i||I.itemLabelPosition||dc[o]),U=er(I=>on(I.originalSubject,r)),Z=U===void 0?A.initialValue:U,P=er(I=>on(I.subject,r)),W=er(I=>I.validationResults[r]),O=er(I=>I.dispatch),V=er(I=>I.enabled),x=n&&V;u.useEffect(()=>{O(Hd(r,Z))},[r,O,Z]),iu(f,p,P,O,r,C);const h=u.useCallback(({value:I},M)=>{M!=null&&M.initial||O($d(r,I))},[r,O]);u.useEffect(()=>()=>{O(Ld(r))},[r,O]);const{validationStatus:T,isHelperTextShown:S}=nu(r,P,W,b);let _=null;switch(o){case"select":{_=c.jsx(Fu,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,children:v});break}case"autocomplete":{_=c.jsx(ec,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,children:v});break}case"datePicker":{_=c.jsx(td,{...A,value:P,updateState:h,enabled:x,validationStatus:T});break}case"radioGroup":{_=c.jsx(Uu,{...A,value:P,updateState:h,enabled:x,validationStatus:T,children:v});break}case"number":case"integer":{_=c.jsx(Hu,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,integersOnly:o==="integer",validationStatus:T,min:f.minValue,max:f.maxValue,maxLength:y??(f==null?void 0:f.maxLength)});break}case"switch":case"checkbox":{_=c.jsx(ba,{...A,value:P,updateState:h,enabled:x,validationStatus:T,variant:o,inputRenderer:H});break}case"file":{_=c.jsx(ud,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,multiple:vu(A.multiple,!1)});break}case"text":{_=c.jsx(pa,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,maxLength:y??(f==null?void 0:f.maxLength)});break}case"password":{_=c.jsx(pa,{...A,type:"password",value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,maxLength:y??(f==null?void 0:f.maxLength)});break}case"textarea":{_=c.jsx(Zu,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,maxLength:y??(f==null?void 0:f.maxLength)});break}case"slider":{_=c.jsx(On,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T,min:f.minValue,max:f.maxValue});break}case"colorpicker":{_=c.jsx(Wn,{...A,value:P,updateState:h,registerComponentApi:g,enabled:x,validationStatus:T});break}case"custom":{_=v;break}default:{console.warn(`unknown form item type ${o}`),_=c.jsx("div",{children:P});break}}const G=ke(()=>{O(Id(r))}),z=ke(()=>{O(Bd(r))}),[N]=Ia({duration:100});return c.jsx(mt,{labelPosition:E,label:a,labelWidth:$,labelBreak:B,enabled:x,required:f.required,validationInProgress:W==null?void 0:W.partial,onFocus:G,onBlur:z,style:t,validationResult:c.jsx("div",{ref:N,children:S&&(W==null?void 0:W.validations.map((I,M)=>c.jsxs(u.Fragment,{children:[I.isValid&&!!I.validMessage&&c.jsx(Pn,{text:I.validMessage,status:"valid",style:{opacity:I.stale?.5:void 0}}),!I.isValid&&!!I.invalidMessage&&c.jsx(Pn,{text:I.invalidMessage,status:I.severity,style:{opacity:I.stale?.5:void 0}})]},M)))}),children:_})});const ro="FormItem",Fo=eu.filter(e=>e!=="none"),uc=k({status:"experimental",description:`A \`${ro}\` component represents a single input element within a \`Form\`. The value within the \`${ro}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,props:{bindTo:{description:"This property binds a particular input field to one of the attributes of the `Form` data. It names the property of the form's `data` data to get the input's initial value.When the field is saved, its value will be stored in the `data` property with this name."},autoFocus:je(),label:Pe(),labelPosition:Lt(),labelWidth:m("This property sets the width of the item label."),labelBreak:{description:"This boolean value indicates if the label can be split into multiple lines if it would overflow the available label width.",type:"boolean",defaultValue:Ar.labelBreak},enabled:qe(),type:{description:"This property is used to determine the specific input control the FormItem will wrap around. Note that the control names start with a lowercase letter and map to input components found in XMLUI.",availableValues:ru,defaultValue:Ar.type,valueType:"string"},customValidationsDebounce:{description:"This optional number prop determines the time interval between two runs of a custom validation.",type:"number",defaultValue:Ar.customValidationsDebounce},validationMode:{description:"This property sets what kind of validation mode or strategy to employ for a particular input field.",availableValues:tu,defaultValue:Yi},initialValue:ct(),required:St(),requiredInvalidMessage:{description:"This optional string property is used to customize the message that is displayed if the field is not filled in.",valueType:"string"},minLength:{description:"Checks whether the input has a minimum length of a specified value.",valueType:"number"},maxLength:{description:"Checks whether the input has a maximum length of a specified value.",valueType:"number"},maxTextLength:{description:"The maximum length of the text in the input field",valueType:"number"},lengthInvalidMessage:{description:"This optional string property is used to customize the message that is displayed on a failed length check: [minLength](#minlength) or [maxLength](#maxlength).",valueType:"string"},lengthInvalidSeverity:{description:"This property sets the severity level of the length validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},minValue:{description:"Checks whether the input has the minimum specified value.",valueType:"number"},maxValue:{description:"Checks whether the input has the maximum specified value.",valueType:"number"},rangeInvalidMessage:{description:"This optional string property is used to customize the message that is displayed when a value is out of range.",valueType:"string"},rangeInvalidSeverity:{description:"This property sets the severity level of the value range validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},pattern:{description:"Checks whether the input fits a predefined regular expression.",valueType:"string"},patternInvalidMessage:{description:"This optional string property is used to customize the message that is displayed on a failed pattern test.",valueType:"string"},patternInvalidSeverity:{description:"This property sets the severity level of the pattern validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},regex:{description:"Checks whether the input fits the provided regular expression.",valueType:"string"},regexInvalidMessage:{description:"This optional string property is used to customize the message that is displayed on a failed regular expression test.",valueType:"string"},regexInvalidSeverity:{description:"This property sets the severity level of regular expression validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},inputTemplate:{description:"This property is used to define a custom input template."}},events:{validate:m("This event is used to define a custom validation function.")},contextVars:{$value:m(`The context variable represents the current value of the \`${ro}\`. It can be used in expressions and code snippets within the \`${ro}\` instance.`),$setValue:m(`This function can be invoked to set the \`${ro}\` instance's value. The function has a single argument, the new value to set.`),$validationResult:m(`This variable represents the result of the latest validation of the \`${ro}\` instance.`)},themeVars:j(wt.themeVars),defaultThemeVars:{"textColor-FormItemLabel":"$textColor-primary","fontSize-FormItemLabel":"$fontSize-small","fontWeight-FormItemLabel":"$fontWeight-medium","font-style-FormItemLabel":"normal","textTransform-FormItemLabel":"none","textColor-FormItemLabel-requiredMark":"$color-danger-400"}}),Wt="Heading",Nr=m(`This property determines the text displayed in the heading. \`${Wt}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`),Or=m("This property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified."),cc={description:"This property indicates whether ellipses should be displayed (`true`) when the heading text is cropped or not (`false`).",type:"boolean",defaultValue:fa.ellipses},mc=m("This property indicates whether linebreaks should be preserved when displaying text."),oo=e=>`Represents a heading level ${e} text`,Wr={description:"If true, this heading will be excluded from the table of contents.",type:"boolean",defaultValue:fa.omitFromToc},pc=k({description:"Represents a heading text",props:{value:Nr,level:{description:"This property sets the visual significance (level) of the heading.",availableValues:["h1","h2","h3","h4","h5","h6"],defaultValue:fa.level},maxLines:Or,ellipses:cc,preserveLinebreaks:mc,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontFamily-${Wt}`]:"$fontFamily",[`textColor-${Wt}`]:"inherit",[`fontWeight-${Wt}`]:"$fontWeight-bold",[`letterSpacing-${Wt} `]:"0",light:{},dark:{}}}),Va="H1",hc=k({description:oo(1),specializedFrom:Wt,props:{value:Nr,maxLines:Or,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontSize-${Va}`]:"$fontSize-large",[`marginTop-${Va}`]:"0",[`marginBottom-${Va}`]:"0",light:{},dark:{}}}),Ea="H2",xc=k({description:oo(2),specializedFrom:Wt,props:{value:Nr,maxLines:Or,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontSize-${Ea}`]:"$fontSize-medium",[`marginTop-${Ea}`]:"0",[`marginBottom-${Ea}`]:"0",light:{},dark:{}}}),za="H3",fc=k({description:oo(3),specializedFrom:Wt,props:{value:Nr,maxLines:Or,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontSize-${za}`]:"$fontSize-normal",[`marginTop-${za}`]:"0",[`marginBottom-${za}`]:"0",light:{},dark:{}}}),Pa="H4",bc=k({description:oo(4),specializedFrom:Wt,props:{value:Nr,maxLines:Or,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontSize-${Pa}`]:"$fontSize-small",[`marginTop-${Pa}`]:"0",[`marginBottom-${Pa}`]:"0",light:{},dark:{}}}),Da="H5",vc=k({description:oo(5),specializedFrom:Wt,props:{value:Nr,maxLines:Or,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontSize-${Da}`]:"$fontSize-smaller",[`marginTop-${Da}`]:"0",[`marginBottom-${Da}`]:"0",light:{},dark:{}}}),Ma="H6",gc=k({description:oo(6),specializedFrom:Wt,props:{value:Nr,maxLines:Or,omitFromToc:Wr},themeVars:j($t.themeVars),defaultThemeVars:{[`fontSize-${Ma}`]:"$fontSize-tiny",[`marginTop-${Ma}`]:"0",[`marginBottom-${Ma}`]:"0",light:{},dark:{}}}),Tc=k({status:"deprecated",description:"(**OBSOLETE**) This component displays some content when its parent component is hovered.",props:{triggerTemplate:Ae("The component that opens the hover card when hovered.")}}),Dn="Icon",Cc=k({status:"experimental",description:"This component is the representation of an icon.",props:{name:m("This string property specifies the name of the icon to display. All icons have unique names and identifying the name is case-sensitive."),size:{description:`This property defines the size of the \`${Dn}\`. Note that setting the \`height\` and/or the \`width\` of the component will override this property.`,availableValues:["xs","sm","md","lg"]},fallback:m("This optional property provides a way to handle situations when the provided [icon name](#name) is not found in the registry.")},themeVars:j(hi.themeVars),defaultThemeVars:{[`size-${Dn}`]:"1.25em"}}),Mn="Image",yc=k({description:`The \`${Mn}\` component represents or depicts an object, scene, idea, or other concept with a picture.`,props:{src:m("This property is used to indicate the source (path) of the image to display."),alt:m("This property specifies an alternate text for the image."),fit:{description:"This property sets how the image content should be resized to fit its container.",type:"string",defaultValue:"contain"},lazyLoad:m("Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it). The default value is eager (`false`)."),aspectRatio:m("This property sets a preferred aspect ratio for the image, which will be used in the calculation of auto sizes and some other layout functions."),animation:m("The animation object to be applied to the component")},events:{click:Mr(Mn)},themeVars:j(_s.themeVars)}),kc=k({description:"The `Items` component maps sequential data items into component instances, representing each data item as a particular component.",props:{items:Ve("This property contains the list of data items this component renders."),data:m("This property contains the list of data items (obtained from a data source) this component renders."),reverse:{description:"This property reverses the order in which data is mapped to template components."},itemTemplate:Ae("The component template to display a single item")},contextVars:{$item:Ae("This value represents the current iteration item while the component renders its children."),$itemIndex:Ae("This integer value represents the current iteration index (zero-based) while rendering children."),$isFirst:Ae("This boolean value indicates if the component renders its first item."),$isLast:Ae("This boolean value indicates if the component renders its last item.")},opaque:!0}),Ie="Link",Sc=k({description:`A \`${Ie}\` component represents a navigation target within the app or a reference to an external web URL.`,props:{to:m("This property defines the URL of the link."),enabled:qe(),active:{description:"Indicates whether this link is active or not. If so, it will have a distinct visual appearance.",type:"boolean",defaultValue:!1},target:{description:`This property specifies where to open the link represented by the \`${Ie}\`. This property accepts the following values (in accordance with the HTML standard):`,availableValues:ri,type:"string",defaultValue:"_self"},label:Pe(),icon:m("This property allows you to add an icon (specify the icon's name) to the link.")},themeVars:j(qr.themeVars),themeVarDescriptions:{[`gap-icon-${Ie}`]:"This property defines the size of the gap between the icon and the label."},defaultThemeVars:{[`border-${Ie}`]:"0px solid $borderColor",[`textColor-${Ie}--hover--active`]:`$textColor-${Ie}--active`,[`textDecorationColor-${Ie}--hover`]:"$color-surface-400A80",[`textDecorationColor-${Ie}--active`]:"$color-surface200",[`fontWeight-${Ie}--active`]:"$fontWeight-bold",[`textDecorationColor-${Ie}`]:"$color-surface-400",[`textUnderlineOffset-${Ie}`]:"$space-1",[`textDecorationLine-${Ie}`]:"underline",[`textDecorationStyle-${Ie}`]:"dashed",[`textDecorationThickness-${Ie}`]:"$space-0_5",[`outlineColor-${Ie}--focus`]:"$outlineColor--focus",[`outlineWidth-${Ie}--focus`]:"$outlineWidth--focus",[`outlineStyle-${Ie}--focus`]:"$outlineStyle--focus",[`outlineOffset-${Ie}--focus`]:"$outlineOffset--focus",[`fontSize-${Ie}`]:"inherit",[`gap-icon-${Ie}`]:"$gap-tight",[`padding-icon-${Ie}`]:"$space-0_5",light:{[`textColor-${Ie}`]:"$color-primary-500",[`textColor-${Ie}--active`]:"$color-primary-500"},dark:{[`textColor-${Ie}`]:"$color-primary-500",[`textColor-${Ie}--active`]:"$color-primary-500"}}}),wc={themeVars:'"[]"'},ao="List",Hc=k({status:"experimental",description:`The \`${ao}\` component is a robust layout container that renders associated data items as a list of components. \`${ao}\` is virtualized; it renders only items that are visible in the viewport.`,props:{data:m("The component receives data via this property. The `data` property is a list of items that the `List` can display."),items:Ve("You can use `items` as an alias for the `data` property. When you bind the list to a data source (e.g. an API endpoint), the `data` acts as the property that accepts a URL to fetch information from an API.When both `items` and `data` are used, `items` has priority."),loading:m("This property delays the rendering of children until it is set to `false`, or the component receives usable list items via the [`data`](#data) property."),limit:m(`This property limits the number of items displayed in the \`${ao}\`.`),scrollAnchor:{description:"This property pins the scroll position to a specified location of the list. Available values are shown below.",availableValues:Rl,type:"string",defaultValue:"top"},groupBy:m("This property sets which attribute of the data is used to group the list items. If the attribute does not appear in the data, it will be ignored."),orderBy:m("This property enables the ordering of list items by specifying an attribute in the data."),availableGroups:m(`This property is an array of group names that the \`${ao}\` will display.`),groupHeaderTemplate:Ae("Enables the customization of how the groups are displayed, similarly to the [`itemTemplate`](#itemtemplate). You can use the `$item` context variable to access an item group and map its individual attributes."),groupFooterTemplate:Ae("Enables the customization of how the the footer of each group is displayed. Combine with [`groupHeaderTemplate`](#groupHeaderTemplate) to customize sections. You can use the `$item` context variable to access an item group and map its individual attributes."),itemTemplate:Ae("This property allows the customization of mapping data items to components. You can use the `$item` context variable to access an item and map its individual attributes."),emptyListTemplate:Ae("This property defines the template to display when the list is empty."),pageInfo:m(`This property contains the current page information. Setting this property also enures the \`${ao}\` uses pagination.`),idKey:{description:"Denotes which attribute of an item acts as the ID or key of the item",type:"string",defaultValue:"id"},groupsInitiallyExpanded:m("This Boolean property defines whether the list groups are initially expanded."),defaultGroups:m(`This property adds a list of default groups for the \`${ao}\` and displays the group headers in the specified order. If the data contains group headers not in this list, those headers are also displayed (after the ones in this list); however, their order is not deterministic.`),hideEmptyGroups:{description:"This boolean property indicates if empty groups should be hidden (no header and footer are displayed).",valueType:"boolean",defaultValue:!0},borderCollapse:{description:"Collapse items borders",valueType:"boolean",defaultValue:!0}},apis:{scrollToTop:m("This method scrolls the list to the top."),scrollToBottom:m("This method scrolls the list to the bottom."),scrollToIndex:m("This method scrolls the list to a specific index. The method accepts an index as a parameter."),scrollToId:m("This method scrolls the list to a specific item. The method accepts an item ID as a parameter.")},contextVars:{$item:m("This property represents the value of an item in the data list.")},themeVars:j(wc.themeVars)}),$c=k({status:"experimental",description:"The `Logo` component represents a logo or a brand symbol. Usually, you use this component in the [`AppHeader`](./AppHeader.mdx#logotemplate)."}),Ic={themeVars:`'{"borderColor-HorizontalRule": "var(--xmlui-borderColor-HorizontalRule)", "borderWidth-HorizontalRule": "var(--xmlui-borderWidth-HorizontalRule)", "borderStyle-HorizontalRule": "var(--xmlui-borderStyle-HorizontalRule)", "backgroundColor-Blockquote": "var(--xmlui-backgroundColor-Blockquote)", "accent-Blockquote": "var(--xmlui-accent-Blockquote)", "borderRadius-Blockquote": "var(--xmlui-borderRadius-Blockquote)", "boxShadow-Blockquote": "var(--xmlui-boxShadow-Blockquote)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "margin-Blockquote": "var(--xmlui-margin-Blockquote)", "backgroundColor-Admonition": "var(--xmlui-backgroundColor-Admonition)", "textColor-Admonition": "var(--xmlui-textColor-Admonition)", "size-icon-Admonition": "var(--xmlui-size-icon-Admonition)", "paddingLeft-UnorderedList": "var(--xmlui-paddingLeft-UnorderedList)", "paddingLeft-OrderedList": "var(--xmlui-paddingLeft-OrderedList)", "paddingLeft-ListItem": "var(--xmlui-paddingLeft-ListItem)", "color-marker-ListItem": "var(--xmlui-color-marker-ListItem)", "marginTop-HtmlHeading": "var(--xmlui-marginTop-HtmlHeading)", "marginBottom-HtmlHeading": "var(--xmlui-marginBottom-HtmlHeading)"}'`},Je={themeVarsTable:`'{"textColor-HtmlTable": "var(--xmlui-textColor-HtmlTable)", "backgroundColor-HtmlTable": "var(--xmlui-backgroundColor-HtmlTable)", "fontFamily-HtmlTable": "var(--xmlui-fontFamily-HtmlTable)", "fontSize-HtmlTable": "var(--xmlui-fontSize-HtmlTable)", "fontWeight-HtmlTable": "var(--xmlui-fontWeight-HtmlTable)", "textTransform-HtmlTable": "var(--xmlui-textTransform-HtmlTable)", "marginTop-HtmlTable": "var(--xmlui-marginTop-HtmlTable)", "marginBottom-HtmlTable": "var(--xmlui-marginBottom-HtmlTable)", "border-HtmlTable": "var(--xmlui-border-HtmlTable)", "borderHorizontal-HtmlTable": "var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable))", "borderVertical-HtmlTable": "var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable))", "borderLeft-HtmlTable": "var(--xmlui-borderLeft-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderRight-HtmlTable": "var(--xmlui-borderRight-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderTop-HtmlTable": "var(--xmlui-borderTop-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderBottom-HtmlTable": "var(--xmlui-borderBottom-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderWidth-HtmlTable": "var(--xmlui-borderWidth-HtmlTable)", "borderHorizontalWidth-HtmlTable": "var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderLeftWidth-HtmlTable": "var(--xmlui-borderLeftWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderRightWidth-HtmlTable": "var(--xmlui-borderRightWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderVerticalWidth-HtmlTable": "var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderTopWidth-HtmlTable": "var(--xmlui-borderTopWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderBottomWidth-HtmlTable": "var(--xmlui-borderBottomWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderStyle-HtmlTable": "var(--xmlui-borderStyle-HtmlTable)", "borderHorizontalStyle-HtmlTable": "var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderLeftStyle-HtmlTable": "var(--xmlui-borderLeftStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderRightStyle-HtmlTable": "var(--xmlui-borderRightStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderVerticalStyle-HtmlTable": "var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderTopStyle-HtmlTable": "var(--xmlui-borderTopStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderBottomStyle-HtmlTable": "var(--xmlui-borderBottomStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderColor-HtmlTable": "var(--xmlui-borderColor-HtmlTable)", "borderHorizontalColor-HtmlTable": "var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderLeftColor-HtmlTable": "var(--xmlui-borderLeftColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderRightColor-HtmlTable": "var(--xmlui-borderRightColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderVerticalColor-HtmlTable": "var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderTopColor-HtmlTable": "var(--xmlui-borderTopColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderBottomColor-HtmlTable": "var(--xmlui-borderBottomColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "radius-start-start-HtmlTable": "var(--xmlui-radius-start-start-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "radius-start-end-HtmlTable": "var(--xmlui-radius-start-end-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "radius-end-start-HtmlTable": "var(--xmlui-radius-end-start-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "radius-end-end-HtmlTable": "var(--xmlui-radius-end-end-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "padding-HtmlTable": "var(--xmlui-padding-HtmlTable)", "paddingHorizontal-HtmlTable": "var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingVertical-HtmlTable": "var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingLeft-HtmlTable": "var(--xmlui-paddingLeft-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingRight-HtmlTable": "var(--xmlui-paddingRight-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingTop-HtmlTable": "var(--xmlui-paddingTop-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingBottom-HtmlTable": "var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))"}'`,themeVarsThead:`'{"backgroundColor-HtmlThead": "var(--xmlui-backgroundColor-HtmlThead)", "textColor-HtmlThead": "var(--xmlui-textColor-HtmlThead)", "fontWeight-HtmlThead": "var(--xmlui-fontWeight-HtmlThead)", "fontSize-HtmlThead": "var(--xmlui-fontSize-HtmlThead)", "textTransform-HtmlThead": "var(--xmlui-textTransform-HtmlThead)", "border-HtmlThead": "var(--xmlui-border-HtmlThead)", "borderHorizontal-HtmlThead": "var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead))", "borderVertical-HtmlThead": "var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead))", "borderLeft-HtmlThead": "var(--xmlui-borderLeft-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderRight-HtmlThead": "var(--xmlui-borderRight-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderTop-HtmlThead": "var(--xmlui-borderTop-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderBottom-HtmlThead": "var(--xmlui-borderBottom-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderWidth-HtmlThead": "var(--xmlui-borderWidth-HtmlThead)", "borderHorizontalWidth-HtmlThead": "var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderLeftWidth-HtmlThead": "var(--xmlui-borderLeftWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderRightWidth-HtmlThead": "var(--xmlui-borderRightWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderVerticalWidth-HtmlThead": "var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderTopWidth-HtmlThead": "var(--xmlui-borderTopWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderBottomWidth-HtmlThead": "var(--xmlui-borderBottomWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderStyle-HtmlThead": "var(--xmlui-borderStyle-HtmlThead)", "borderHorizontalStyle-HtmlThead": "var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderLeftStyle-HtmlThead": "var(--xmlui-borderLeftStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderRightStyle-HtmlThead": "var(--xmlui-borderRightStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderVerticalStyle-HtmlThead": "var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderTopStyle-HtmlThead": "var(--xmlui-borderTopStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderBottomStyle-HtmlThead": "var(--xmlui-borderBottomStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderColor-HtmlThead": "var(--xmlui-borderColor-HtmlThead)", "borderHorizontalColor-HtmlThead": "var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderLeftColor-HtmlThead": "var(--xmlui-borderLeftColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderRightColor-HtmlThead": "var(--xmlui-borderRightColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderVerticalColor-HtmlThead": "var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderTopColor-HtmlThead": "var(--xmlui-borderTopColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderBottomColor-HtmlThead": "var(--xmlui-borderBottomColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "radius-start-start-HtmlThead": "var(--xmlui-radius-start-start-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "radius-start-end-HtmlThead": "var(--xmlui-radius-start-end-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "radius-end-start-HtmlThead": "var(--xmlui-radius-end-start-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "radius-end-end-HtmlThead": "var(--xmlui-radius-end-end-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "padding-HtmlThead": "var(--xmlui-padding-HtmlThead)", "paddingHorizontal-HtmlThead": "var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingVertical-HtmlThead": "var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingLeft-HtmlThead": "var(--xmlui-paddingLeft-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingRight-HtmlThead": "var(--xmlui-paddingRight-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingTop-HtmlThead": "var(--xmlui-paddingTop-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingBottom-HtmlThead": "var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))"}'`,themeVarsTbody:`'{"backgroundColor-HtmlTbody": "var(--xmlui-backgroundColor-HtmlTbody)", "textColor-HtmlTbody": "var(--xmlui-textColor-HtmlTbody)", "textAlign-HtmlTbody": "var(--xmlui-textAlign-HtmlTbody)", "verticalAlign-HtmlTbody": "var(--xmlui-verticalAlign-HtmlTbody)", "textTransform-HtmlTbody": "var(--xmlui-textTransform-HtmlTbody)"}'`,themeVarsTfoot:`'{"backgroundColor-HtmlTfoot": "var(--xmlui-backgroundColor-HtmlTfoot)", "textColor-HtmlTfoot": "var(--xmlui-textColor-HtmlTfoot)"}'`,themeVarsTh:`'{"backgroundColor-HtmlTh": "var(--xmlui-backgroundColor-HtmlTh)", "textColor-HtmlTh": "var(--xmlui-textColor-HtmlTh)", "fontWeight-HtmlTh": "var(--xmlui-fontWeight-HtmlTh)", "fontSize-HtmlTh": "var(--xmlui-fontSize-HtmlTh)", "backgroundColor-HtmlTh--hover": "var(--xmlui-backgroundColor-HtmlTh--hover)", "border-HtmlTh": "var(--xmlui-border-HtmlTh)", "borderHorizontal-HtmlTh": "var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh))", "borderVertical-HtmlTh": "var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh))", "borderLeft-HtmlTh": "var(--xmlui-borderLeft-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderRight-HtmlTh": "var(--xmlui-borderRight-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderTop-HtmlTh": "var(--xmlui-borderTop-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderBottom-HtmlTh": "var(--xmlui-borderBottom-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderWidth-HtmlTh": "var(--xmlui-borderWidth-HtmlTh)", "borderHorizontalWidth-HtmlTh": "var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderLeftWidth-HtmlTh": "var(--xmlui-borderLeftWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderRightWidth-HtmlTh": "var(--xmlui-borderRightWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderVerticalWidth-HtmlTh": "var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderTopWidth-HtmlTh": "var(--xmlui-borderTopWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderBottomWidth-HtmlTh": "var(--xmlui-borderBottomWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderStyle-HtmlTh": "var(--xmlui-borderStyle-HtmlTh)", "borderHorizontalStyle-HtmlTh": "var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderLeftStyle-HtmlTh": "var(--xmlui-borderLeftStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderRightStyle-HtmlTh": "var(--xmlui-borderRightStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderVerticalStyle-HtmlTh": "var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderTopStyle-HtmlTh": "var(--xmlui-borderTopStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderBottomStyle-HtmlTh": "var(--xmlui-borderBottomStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderColor-HtmlTh": "var(--xmlui-borderColor-HtmlTh)", "borderHorizontalColor-HtmlTh": "var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderLeftColor-HtmlTh": "var(--xmlui-borderLeftColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderRightColor-HtmlTh": "var(--xmlui-borderRightColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderVerticalColor-HtmlTh": "var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderTopColor-HtmlTh": "var(--xmlui-borderTopColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderBottomColor-HtmlTh": "var(--xmlui-borderBottomColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "radius-start-start-HtmlTh": "var(--xmlui-radius-start-start-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "radius-start-end-HtmlTh": "var(--xmlui-radius-start-end-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "radius-end-start-HtmlTh": "var(--xmlui-radius-end-start-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "radius-end-end-HtmlTh": "var(--xmlui-radius-end-end-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "padding-HtmlTh": "var(--xmlui-padding-HtmlTh)", "paddingHorizontal-HtmlTh": "var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingVertical-HtmlTh": "var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingLeft-HtmlTh": "var(--xmlui-paddingLeft-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingRight-HtmlTh": "var(--xmlui-paddingRight-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingTop-HtmlTh": "var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingBottom-HtmlTh": "var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))"}'`,themeVarsTr:`'{"backgroundColor-HtmlTr": "var(--xmlui-backgroundColor-HtmlTr)", "backgroundColor-HtmlTr--hover": "var(--xmlui-backgroundColor-HtmlTr--hover)", "backgroundColor-even-HtmlTr": "var(--xmlui-backgroundColor-even-HtmlTr)", "textColor-HtmlTr": "var(--xmlui-textColor-HtmlTr)", "textColor-HtmlTr--hover": "var(--xmlui-textColor-HtmlTr--hover)", "fontSize-HtmlTr": "var(--xmlui-fontSize-HtmlTr)", "fontWeight-HtmlTr": "var(--xmlui-fontWeight-HtmlTr)", "border-HtmlTr": "var(--xmlui-border-HtmlTr)", "borderHorizontal-HtmlTr": "var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr))", "borderVertical-HtmlTr": "var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr))", "borderLeft-HtmlTr": "var(--xmlui-borderLeft-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderRight-HtmlTr": "var(--xmlui-borderRight-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderTop-HtmlTr": "var(--xmlui-borderTop-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderBottom-HtmlTr": "var(--xmlui-borderBottom-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderWidth-HtmlTr": "var(--xmlui-borderWidth-HtmlTr)", "borderHorizontalWidth-HtmlTr": "var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderLeftWidth-HtmlTr": "var(--xmlui-borderLeftWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderRightWidth-HtmlTr": "var(--xmlui-borderRightWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderVerticalWidth-HtmlTr": "var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderTopWidth-HtmlTr": "var(--xmlui-borderTopWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderBottomWidth-HtmlTr": "var(--xmlui-borderBottomWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderStyle-HtmlTr": "var(--xmlui-borderStyle-HtmlTr)", "borderHorizontalStyle-HtmlTr": "var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderLeftStyle-HtmlTr": "var(--xmlui-borderLeftStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderRightStyle-HtmlTr": "var(--xmlui-borderRightStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderVerticalStyle-HtmlTr": "var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderTopStyle-HtmlTr": "var(--xmlui-borderTopStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderBottomStyle-HtmlTr": "var(--xmlui-borderBottomStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderColor-HtmlTr": "var(--xmlui-borderColor-HtmlTr)", "borderHorizontalColor-HtmlTr": "var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderLeftColor-HtmlTr": "var(--xmlui-borderLeftColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderRightColor-HtmlTr": "var(--xmlui-borderRightColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderVerticalColor-HtmlTr": "var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderTopColor-HtmlTr": "var(--xmlui-borderTopColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderBottomColor-HtmlTr": "var(--xmlui-borderBottomColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "radius-start-start-HtmlTr": "var(--xmlui-radius-start-start-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "radius-start-end-HtmlTr": "var(--xmlui-radius-start-end-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "radius-end-start-HtmlTr": "var(--xmlui-radius-end-start-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "radius-end-end-HtmlTr": "var(--xmlui-radius-end-end-HtmlTr, var(--xmlui-borderRadius-HtmlTr))"}'`,themeVarsTd:`'{"backgroundColor-HtmlTd": "var(--xmlui-backgroundColor-HtmlTd)", "text-align-HtmlTd": "var(--xmlui-text-align-HtmlTd)", "verticalAlign-HtmlTd": "var(--xmlui-verticalAlign-HtmlTd)", "fontSize-HtmlTd": "var(--xmlui-fontSize-HtmlTd)", "fontWeight-HtmlTd": "var(--xmlui-fontWeight-HtmlTd)", "border-HtmlTd": "var(--xmlui-border-HtmlTd)", "borderHorizontal-HtmlTd": "var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd))", "borderVertical-HtmlTd": "var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd))", "borderLeft-HtmlTd": "var(--xmlui-borderLeft-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderRight-HtmlTd": "var(--xmlui-borderRight-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderTop-HtmlTd": "var(--xmlui-borderTop-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderBottom-HtmlTd": "var(--xmlui-borderBottom-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderWidth-HtmlTd": "var(--xmlui-borderWidth-HtmlTd)", "borderHorizontalWidth-HtmlTd": "var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderLeftWidth-HtmlTd": "var(--xmlui-borderLeftWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderRightWidth-HtmlTd": "var(--xmlui-borderRightWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderVerticalWidth-HtmlTd": "var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderTopWidth-HtmlTd": "var(--xmlui-borderTopWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderBottomWidth-HtmlTd": "var(--xmlui-borderBottomWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderStyle-HtmlTd": "var(--xmlui-borderStyle-HtmlTd)", "borderHorizontalStyle-HtmlTd": "var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderLeftStyle-HtmlTd": "var(--xmlui-borderLeftStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderRightStyle-HtmlTd": "var(--xmlui-borderRightStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderVerticalStyle-HtmlTd": "var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderTopStyle-HtmlTd": "var(--xmlui-borderTopStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderBottomStyle-HtmlTd": "var(--xmlui-borderBottomStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderColor-HtmlTd": "var(--xmlui-borderColor-HtmlTd)", "borderHorizontalColor-HtmlTd": "var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderLeftColor-HtmlTd": "var(--xmlui-borderLeftColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderRightColor-HtmlTd": "var(--xmlui-borderRightColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderVerticalColor-HtmlTd": "var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderTopColor-HtmlTd": "var(--xmlui-borderTopColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderBottomColor-HtmlTd": "var(--xmlui-borderBottomColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "radius-start-start-HtmlTd": "var(--xmlui-radius-start-start-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "radius-start-end-HtmlTd": "var(--xmlui-radius-start-end-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "radius-end-start-HtmlTd": "var(--xmlui-radius-end-start-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "radius-end-end-HtmlTd": "var(--xmlui-radius-end-end-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "padding-HtmlTd": "var(--xmlui-padding-HtmlTd)", "paddingHorizontal-HtmlTd": "var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingVertical-HtmlTd": "var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingLeft-HtmlTd": "var(--xmlui-paddingLeft-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingRight-HtmlTd": "var(--xmlui-paddingRight-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingTop-HtmlTd": "var(--xmlui-paddingTop-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingBottom-HtmlTd": "var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))"}'`,themeVarsList:`'{"marginTop-HtmlOl": "var(--xmlui-marginTop-HtmlOl)", "marginBottom-HtmlOl": "var(--xmlui-marginBottom-HtmlOl)", "marginTop-HtmlUl": "var(--xmlui-marginTop-HtmlUl)", "marginBottom-HtmlUl": "var(--xmlui-marginBottom-HtmlUl)"}'`,themeVarsHeading:`'{"marginTop-HtmlHeading": "var(--xmlui-marginTop-HtmlHeading)", "marginBottom-HtmlHeading": "var(--xmlui-marginBottom-HtmlHeading)"}'`},Bc=k({description:"`Markdown` displays plain text styled using markdown syntax.",themeVars:j(Ic.themeVars),props:{content:m("This property sets the markdown content to display."),removeIndents:{description:"This boolean property specifies whether leading indents should be removed from the markdown content. If set to `true`, the shortest indent found at the start of the content lines is removed from the beginning of every line.",valueType:"boolean",defaultValue:!1}},defaultThemeVars:{"borderColor-HorizontalRule":"$borderColor","borderWidth-HorizontalRule":"1px","borderStyle-HorizontalRule":"solid","accent-Blockquote":"$color-primary","padding-Blockquote":"$space-2 $space-6","margin-Blockquote":"$space-2","paddingLeft-UnorderedList":"$space-6","paddingLeft-OrderedList":"$space-6","paddingLeft-ListItem":"$space-1",light:{},dark:{}}}),bt="ModalDialog",Lc=k({description:`The \`${bt}\` component defines a modal dialog UI element that can be displayed over the existing UI - triggered by some action.`,props:{fullScreen:{description:"Toggles whether the dialog encompasses the whole UI (`true`) or not and has a minimum width and height (`false`).",valueType:"boolean",defaultValue:!1},title:m("Provides a prestyled heading to display the intent of the dialog."),closeButtonVisible:{description:"Shows (`true`) or hides (`false`) the visibility of the close button on the dialog.",valueType:"boolean",defaultValue:!0}},events:{open:m(`This event is fired when the \`${bt}\` is opened either via a \`when\` or an imperative API call (\`open()\`).`),close:m(`This event is fired when the close button is pressed or the user clicks outside the \`${bt}\`.`)},apis:{close:m(`This method is used to close the \`${bt}\`. Invoke it using \`modalId.close()\` where \`modalId\` refers to a \`ModalDialog\` component.`),open:m("This method imperatively opens the modal dialog. You can pass an arbitrary number of parameters to the method. In the `ModalDialog` instance, you can access those with the `$paramq` and `$params` context values.")},contextVars:{$param:m("This value represents the first parameters passed to the `open()` method to display the modal dialog."),$params:m("This value represents the array of parameters passed to the `open()` 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]`.")},themeVars:j(sr.themeVars),defaultThemeVars:{...ha(bt,{all:"$space-7"}),[`backgroundColor-${bt}`]:"$backgroundColor-primary",[`backgroundColor-overlay-${bt}`]:"$backgroundColor-overlay",[`textColor-${bt}`]:"$textColor-primary",[`borderRadius-${bt}`]:"$borderRadius",[`fontFamily-${bt}`]:"$fontFamily",[`maxWidth-${bt}`]:"450px",[`marginBottom-title-${bt}`]:"0",dark:{[`backgroundColor-${bt}`]:"$backgroundColor-primary"}}}),_c={themeVars:`'{"backgroundColor-dropdown-NavGroup": "var(--xmlui-backgroundColor-dropdown-NavGroup)", "boxShadow-dropdown-NavGroup": "var(--xmlui-boxShadow-dropdown-NavGroup)", "borderRadius-dropdown-NavGroup": "var(--xmlui-borderRadius-dropdown-NavGroup)"}'`},Ro="NavGroup",Ac=k({description:"The `NavGroup` component is a container for grouping related navigation targets (`NavLink` components). It can be displayed as a submenu in the App's UI.",props:{label:Pe(),icon:m(`This property defines an optional icon to display along with the \`${Ro}\` label.`),to:m("This property defines an optional navigation link.")},themeVars:j(_c.themeVars),defaultThemeVars:{[`backgroundColor-dropdown-${Ro}`]:"$backgroundColor-primary",[`borderRadius-dropdown-${Ro}`]:"$borderRadius",[`boxShadow-dropdown-${Ro}`]:"$boxShadow-spread"}}),we="NavLink",Nc=k({description:`The \`${we}\` component defines a navigation target (app navigation menu item) within the app; it is associated with a particular in-app navigation target (or an external link).`,props:{to:m("This property defines the URL of the link."),enabled:qe(),active:{description:"This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [`displayActive`](#displayactive) property is set to `true`.",valueType:"boolean",defaultValue:!1},target:{description:"This property specifies how to open the clicked link.",availableValues:ri,type:"string",defaultValue:"_self"},label:Pe(),vertical:{description:`This property sets how the active status is displayed on the \`${we}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu.`,valueType:"boolean",defaultValue:!1},displayActive:{description:"This Boolean property indicates if the active state of a link should have a visual indication. Setting it to `false` removes the visual indication of an active link.",valueType:"boolean",defaultValue:!0},icon:m("This property allows you to add an icon (specify the icon's name) to the navigation link.")},events:{click:Mr(we)},themeVars:j(As.themeVars),themeVarDescriptions:{[`color-indicator-${we}`]:"Provides the following states: `--hover`, `--active`, `--pressed`"},defaultThemeVars:{[`border-${we}`]:"0px solid $borderColor",[`borderRadius-${we}`]:"$borderRadius",[`backgroundColor-${we}`]:"transparent",[`paddingHorizontal-${we}`]:"$space-4",[`paddingVertical-${we}`]:"$space-2",[`fontSize-${we}`]:"$fontSize-small",[`fontWeight-${we}`]:"$fontWeight-normal",[`fontFamily-${we}`]:"$fontFamily",[`textColor-${we}`]:"$textColor-primary",[`fontWeight-${we}--pressed`]:"$fontWeight-normal",[`thickness-indicator-${we}`]:"$space-0_5",[`outlineColor-${we}--focus`]:"$outlineColor--focus",[`outlineWidth-${we}--focus`]:"$outlineWidth--focus",[`outlineStyle-${we}--focus`]:"$outlineStyle--focus",[`outlineOffset-${we}--focus`]:"-1px",[`borderRadius-indicator-${we}`]:"$borderRadius",light:{[`color-icon-${we}`]:"$color-surface-500",[`color-indicator-${we}--active`]:"$color-primary-500",[`color-indicator-${we}--pressed`]:"$color-primary-500",[`color-indicator-${we}--hover`]:"$color-primary-600"},dark:{[`color-indicator-${we}--active`]:"$color-primary-500",[`color-indicator-${we}--pressed`]:"$color-primary-500",[`color-indicator-${we}--hover`]:"$color-primary-400"}}}),tr="NavPanel",Oc=k({description:`\`${tr}\` is a placeholder within \`App\` to define the app's navigation (menu) structure.`,props:{logoTemplate:Ae("This property defines the logo template to display in the navigation panel with the `vertical` and `vertical-sticky` layout.")},themeVars:j(Os.themeVars),defaultThemeVars:{[`backgroundColor-${tr}`]:"transparent",[`border-${tr}`]:"0px solid $borderColor",[`paddingHorizontal-${tr}`]:"$space-4",[`paddingVertical-logo-${tr}`]:"$space-4",[`paddingHorizontal-logo-${tr}`]:"$space-4",[`marginBottom-logo-${tr}`]:"$space-4",light:{[`boxShadow-${tr}-vertical`]:"4px 0 4px 0 rgb(0 0 0 / 10%)"},dark:{[`boxShadow-${tr}-vertical`]:"4px 0 6px 0 rgba(0, 0, 0, 0.2)"}}}),Wc={themeVars:`'{"padding-NoResult": "var(--xmlui-padding-NoResult)", "paddingHorizontal-NoResult": "var(--xmlui-paddingHorizontal-NoResult, var(--xmlui-padding-NoResult))", "paddingVertical-NoResult": "var(--xmlui-paddingVertical-NoResult, var(--xmlui-padding-NoResult))", "paddingLeft-NoResult": "var(--xmlui-paddingLeft-NoResult, var(--xmlui-paddingHorizontal-NoResult, var(--xmlui-padding-NoResult)))", "paddingRight-NoResult": "var(--xmlui-paddingRight-NoResult, var(--xmlui-paddingHorizontal-NoResult, var(--xmlui-padding-NoResult)))", "paddingTop-NoResult": "var(--xmlui-paddingTop-NoResult, var(--xmlui-paddingVertical-NoResult, var(--xmlui-padding-NoResult)))", "paddingBottom-NoResult": "var(--xmlui-paddingBottom-NoResult, var(--xmlui-paddingVertical-NoResult, var(--xmlui-padding-NoResult)))", "border-NoResult": "var(--xmlui-border-NoResult)", "borderHorizontal-NoResult": "var(--xmlui-borderHorizontal-NoResult, var(--xmlui-border-NoResult))", "borderVertical-NoResult": "var(--xmlui-borderVertical-NoResult, var(--xmlui-border-NoResult))", "borderLeft-NoResult": "var(--xmlui-borderLeft-NoResult, var(--xmlui-borderHorizontal-NoResult, var(--xmlui-border-NoResult)))", "borderRight-NoResult": "var(--xmlui-borderRight-NoResult, var(--xmlui-borderHorizontal-NoResult, var(--xmlui-border-NoResult)))", "borderTop-NoResult": "var(--xmlui-borderTop-NoResult, var(--xmlui-borderVertical-NoResult, var(--xmlui-border-NoResult)))", "borderBottom-NoResult": "var(--xmlui-borderBottom-NoResult, var(--xmlui-borderVertical-NoResult, var(--xmlui-border-NoResult)))", "borderWidth-NoResult": "var(--xmlui-borderWidth-NoResult)", "borderHorizontalWidth-NoResult": "var(--xmlui-borderHorizontalWidth-NoResult, var(--xmlui-borderWidth-NoResult))", "borderLeftWidth-NoResult": "var(--xmlui-borderLeftWidth-NoResult, var(--xmlui-borderHorizontalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderRightWidth-NoResult": "var(--xmlui-borderRightWidth-NoResult, var(--xmlui-borderHorizontalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderVerticalWidth-NoResult": "var(--xmlui-borderVerticalWidth-NoResult, var(--xmlui-borderWidth-NoResult))", "borderTopWidth-NoResult": "var(--xmlui-borderTopWidth-NoResult, var(--xmlui-borderVerticalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderBottomWidth-NoResult": "var(--xmlui-borderBottomWidth-NoResult, var(--xmlui-borderVerticalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderStyle-NoResult": "var(--xmlui-borderStyle-NoResult)", "borderHorizontalStyle-NoResult": "var(--xmlui-borderHorizontalStyle-NoResult, var(--xmlui-borderStyle-NoResult))", "borderLeftStyle-NoResult": "var(--xmlui-borderLeftStyle-NoResult, var(--xmlui-borderHorizontalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderRightStyle-NoResult": "var(--xmlui-borderRightStyle-NoResult, var(--xmlui-borderHorizontalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderVerticalStyle-NoResult": "var(--xmlui-borderVerticalStyle-NoResult, var(--xmlui-borderStyle-NoResult))", "borderTopStyle-NoResult": "var(--xmlui-borderTopStyle-NoResult, var(--xmlui-borderVerticalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderBottomStyle-NoResult": "var(--xmlui-borderBottomStyle-NoResult, var(--xmlui-borderVerticalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderColor-NoResult": "var(--xmlui-borderColor-NoResult)", "borderHorizontalColor-NoResult": "var(--xmlui-borderHorizontalColor-NoResult, var(--xmlui-borderColor-NoResult))", "borderLeftColor-NoResult": "var(--xmlui-borderLeftColor-NoResult, var(--xmlui-borderHorizontalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderRightColor-NoResult": "var(--xmlui-borderRightColor-NoResult, var(--xmlui-borderHorizontalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderVerticalColor-NoResult": "var(--xmlui-borderVerticalColor-NoResult, var(--xmlui-borderColor-NoResult))", "borderTopColor-NoResult": "var(--xmlui-borderTopColor-NoResult, var(--xmlui-borderVerticalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderBottomColor-NoResult": "var(--xmlui-borderBottomColor-NoResult, var(--xmlui-borderVerticalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "radius-start-start-NoResult": "var(--xmlui-radius-start-start-NoResult, var(--xmlui-borderRadius-NoResult))", "radius-start-end-NoResult": "var(--xmlui-radius-start-end-NoResult, var(--xmlui-borderRadius-NoResult))", "radius-end-start-NoResult": "var(--xmlui-radius-end-start-NoResult, var(--xmlui-borderRadius-NoResult))", "radius-end-end-NoResult": "var(--xmlui-radius-end-end-NoResult, var(--xmlui-borderRadius-NoResult))", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`},So="NoResult",Vc=k({description:`\`${So}\` is a component that displays a visual indication that some data query (search) resulted in no (zero) items.`,props:{label:Pe(),icon:m("This property defines the icon to display with the component."),hideIcon:{description:"This boolean property indicates if the icon should be hidden.",valueType:"boolean",defaultValue:"false"}},themeVars:j(Wc.themeVars),defaultThemeVars:{[`border-${So}`]:"0px solid $borderColor",[`paddingVertical-${So}`]:"$space-2",[`gap-icon-${So}`]:"$space-2",[`size-icon-${So}`]:"$space-8",light:{},dark:{}}}),Vr="NumberBox",Ec=k({status:"experimental",description:`A \`${Vr}\` component allows users to input numeric values: either integer or floating point numbers. It also accepts empty values, where the stored value will be of type \`null\`.`,props:{placeholder:Cr(),initialValue:ct(),label:Pe(),labelPosition:Lt("top"),labelWidth:zt(Vr),labelBreak:Pt(Vr),maxLength:ho(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),startText:ia(),startIcon:na(),endText:la(),endIcon:sa(),hasSpinBox:{description:"This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field.",valueType:"boolean",defaultValue:!0},step:{description:"This prop governs how big the step when clicking on the spinner of the field.",valueType:"number",defaultValue:1},integersOnly:{description:"This boolean property signs whether the input field accepts integers only (`true`) or not (`false`).",valueType:"boolean",defaultValue:!1},zeroOrPositive:{description:"This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`).",valueType:"boolean",defaultValue:!1},minValue:m("The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."),maxValue:m("The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.")},events:{gotFocus:dt(Vr),lostFocus:ut(Vr),didChange:Xe(Vr)},apis:{focus:Mt(Vr),value:Lo(),setValue:Dt()},themeVars:j(Ze.themeVars)}),zc={themeVars:`'{"border-OffCanvas": "var(--xmlui-border-OffCanvas)", "borderHorizontal-OffCanvas": "var(--xmlui-borderHorizontal-OffCanvas, var(--xmlui-border-OffCanvas))", "borderVertical-OffCanvas": "var(--xmlui-borderVertical-OffCanvas, var(--xmlui-border-OffCanvas))", "borderLeft-OffCanvas": "var(--xmlui-borderLeft-OffCanvas, var(--xmlui-borderHorizontal-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderRight-OffCanvas": "var(--xmlui-borderRight-OffCanvas, var(--xmlui-borderHorizontal-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderTop-OffCanvas": "var(--xmlui-borderTop-OffCanvas, var(--xmlui-borderVertical-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderBottom-OffCanvas": "var(--xmlui-borderBottom-OffCanvas, var(--xmlui-borderVertical-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderWidth-OffCanvas": "var(--xmlui-borderWidth-OffCanvas)", "borderHorizontalWidth-OffCanvas": "var(--xmlui-borderHorizontalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas))", "borderLeftWidth-OffCanvas": "var(--xmlui-borderLeftWidth-OffCanvas, var(--xmlui-borderHorizontalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderRightWidth-OffCanvas": "var(--xmlui-borderRightWidth-OffCanvas, var(--xmlui-borderHorizontalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderVerticalWidth-OffCanvas": "var(--xmlui-borderVerticalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas))", "borderTopWidth-OffCanvas": "var(--xmlui-borderTopWidth-OffCanvas, var(--xmlui-borderVerticalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderBottomWidth-OffCanvas": "var(--xmlui-borderBottomWidth-OffCanvas, var(--xmlui-borderVerticalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderStyle-OffCanvas": "var(--xmlui-borderStyle-OffCanvas)", "borderHorizontalStyle-OffCanvas": "var(--xmlui-borderHorizontalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas))", "borderLeftStyle-OffCanvas": "var(--xmlui-borderLeftStyle-OffCanvas, var(--xmlui-borderHorizontalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderRightStyle-OffCanvas": "var(--xmlui-borderRightStyle-OffCanvas, var(--xmlui-borderHorizontalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderVerticalStyle-OffCanvas": "var(--xmlui-borderVerticalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas))", "borderTopStyle-OffCanvas": "var(--xmlui-borderTopStyle-OffCanvas, var(--xmlui-borderVerticalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderBottomStyle-OffCanvas": "var(--xmlui-borderBottomStyle-OffCanvas, var(--xmlui-borderVerticalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderColor-OffCanvas": "var(--xmlui-borderColor-OffCanvas)", "borderHorizontalColor-OffCanvas": "var(--xmlui-borderHorizontalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas))", "borderLeftColor-OffCanvas": "var(--xmlui-borderLeftColor-OffCanvas, var(--xmlui-borderHorizontalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderRightColor-OffCanvas": "var(--xmlui-borderRightColor-OffCanvas, var(--xmlui-borderHorizontalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderVerticalColor-OffCanvas": "var(--xmlui-borderVerticalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas))", "borderTopColor-OffCanvas": "var(--xmlui-borderTopColor-OffCanvas, var(--xmlui-borderVerticalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderBottomColor-OffCanvas": "var(--xmlui-borderBottomColor-OffCanvas, var(--xmlui-borderVerticalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "radius-start-start-OffCanvas": "var(--xmlui-radius-start-start-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "radius-start-end-OffCanvas": "var(--xmlui-radius-start-end-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "radius-end-start-OffCanvas": "var(--xmlui-radius-end-start-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "radius-end-end-OffCanvas": "var(--xmlui-radius-end-end-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "padding-OffCanvas": "var(--xmlui-padding-OffCanvas)", "paddingHorizontal-OffCanvas": "var(--xmlui-paddingHorizontal-OffCanvas, var(--xmlui-padding-OffCanvas))", "paddingVertical-OffCanvas": "var(--xmlui-paddingVertical-OffCanvas, var(--xmlui-padding-OffCanvas))", "paddingLeft-OffCanvas": "var(--xmlui-paddingLeft-OffCanvas, var(--xmlui-paddingHorizontal-OffCanvas, var(--xmlui-padding-OffCanvas)))", "paddingRight-OffCanvas": "var(--xmlui-paddingRight-OffCanvas, var(--xmlui-paddingHorizontal-OffCanvas, var(--xmlui-padding-OffCanvas)))", "paddingTop-OffCanvas": "var(--xmlui-paddingTop-OffCanvas, var(--xmlui-paddingVertical-OffCanvas, var(--xmlui-padding-OffCanvas)))", "paddingBottom-OffCanvas": "var(--xmlui-paddingBottom-OffCanvas, var(--xmlui-paddingVertical-OffCanvas, var(--xmlui-padding-OffCanvas)))", "boxShadow-vertical-OffCanvas": "var(--xmlui-boxShadow-vertical-OffCanvas)", "boxShadow-horizontal-OffCanvas": "var(--xmlui-boxShadow-horizontal-OffCanvas)", "backgroundColor-OffCanvas": "var(--xmlui-backgroundColor-OffCanvas)", "width-OffCanvas": "var(--xmlui-width-OffCanvas)", "marginBottom-title-OffCanvas": "var(--xmlui-marginBottom-title-OffCanvas)"}'`},Uo="OffCanvas",Pc=k({status:"in progress",description:"(**NOT IMPLEMENTED YET**) The `OffCanvas` component is a hidden panel that slides into view from the side of the screen. It helps display additional content or navigation without disrupting the main interface.",props:{title:m("This property sets the title of the component.",null,"string"),isInitiallyOpen:m("This property indicates if the component is initially open.",null,"boolean",!1),enableBackdrop:m("This property indicates if the backdrop is enabled when the component is displayed. When the backdrop is not enabled, clicking outside `OffCanvas` will not close it.",null,"boolean",!0),enableBodyScroll:m("This property indicates if the body scroll is enabled when the component is displayed.",null,"boolean",!1),noCloseOnBackdropClick:m(`When this property is set to \`true\`, the ${Uo} does not close when the user clicks on its backdrop.`,null,"boolean",!1),placement:m(`This property indicates the position where the ${Uo} should be docked to.`,Dl),autoCloseInMs:m("This property sets a timeout. When the timeout expires, the component gets hidden.")},events:{didOpen:Xl(Uo),didClose:jl(Uo)},apis:{open:m("This method opens the component. It triggers the `didOpen` event with the argument set to `false`."),close:m("This method closes the component. It triggers the `didClose` event with the argument set to `false`.")},themeVars:j(zc.themeVars),defaultThemeVars:{"width-OffCanvas":"600px","padding-OffCanvas":"$padding-tight","paddingVertical-OffCanvas":"$padding-tight","paddingHorizontal-OffCanvas":"$padding-normal","backgroundColor-OffCanvas":"$backgroundColor","boxShadow-horizontal-OffCanvas":"0 2px 10px rgba(0, 0, 0, 0.2)","boxShadow-vertical-OffCanvas":"0 2px 10px rgba(0, 0, 0, 0.2)",light:{},dark:{}}}),Dc=k({description:"A PageMetaTitle component allows setting up (or changing) the app title to display with the current browser tab.",props:{value:m("This property sets the page's title to display in the browser tab.")}}),Fn="Page",Mc=k({status:"stable",docFolder:Fn,description:`The \`${Fn}\` component defines what content is displayed when the user navigates to a particular URL that is associated with the page.`,props:{url:m("The URL of the route associated with the content.")}}),Fc=k({description:"The `Pages` component is used as a container for [`Page`](./Page.mdx) components within an [`App`](./App.mdx).",props:{defaultRoute:m("The default route when displaying the app")}}),Rc={themeVars:'"[]"'},Uc=k({status:"deprecated",description:"(**OBSOLETE**) This component was created for the ChatEngine app.",props:{visibleOnHover:m("No description")},themeVars:j(Rc.themeVars)}),qc={themeVars:`'{"backgroundColor-ProgressBar": "var(--xmlui-backgroundColor-ProgressBar)", "color-indicator-ProgressBar": "var(--xmlui-color-indicator-ProgressBar)", "borderRadius-ProgressBar": "var(--xmlui-borderRadius-ProgressBar)", "borderRadius-indicator-ProgressBar": "var(--xmlui-borderRadius-indicator-ProgressBar)", "thickness-ProgressBar": "var(--xmlui-thickness-ProgressBar)"}'`},mr="ProgressBar",Gc=k({description:`A \`${mr}\` component visually represents the progress of a task or process.`,props:{value:{description:"This property defines the progress value with a number between 0 and 1.",valueType:"number",defaultValue:0}},themeVars:j(qc.themeVars),defaultThemeVars:{[`borderRadius-${mr}`]:"$borderRadius",[`borderRadius-indicator-${mr}`]:"0px",[`thickness-${mr}`]:"$space-2",light:{[`backgroundColor-${mr}`]:"$color-surface-200",[`color-indicator-${mr}`]:"$color-primary-500"},dark:{[`backgroundColor-${mr}`]:"$color-surface-700",[`color-indicator-${mr}`]:"$color-primary-500"}}}),Yc=k({description:"The `Queue` component provides an API to enqueue elements and defines events to process queued elements in a FIFO order.",props:{progressFeedback:m("This property defines the component template of the UI that displays progress information whenever, the queue's `progressReport` function in invoked."),resultFeedback:m("This property defines the component template of the UI that displays result information when the queue becomes empty after processing all queued items."),clearAfterFinish:m("This property indicates the completed items (successful or error) should be removed from the queue after completion.")},nonVisual:!0,events:{willProcess:m("This event is triggered to process a particular item."),process:m("This event is fired to process the next item in the queue. If the processing cannot proceed because of some error, raise an exception, and the queue will handle that."),didProcess:m("This event is fired when the processing of a queued item has been successfully processed."),processError:m("This event is fired when processing an item raises an error. The event handler method receives two parameters. The first is the error raised during the processing of the item; the second is an object with these properties:"),complete:m("The queue fires this event when the queue gets empty after processing all items. The event handler has no arguments.")},apis:{enqueueItem:m("This method enqueues the item passed in the method parameter. The new item will be processed after the current queue items have been handled. The method retrieves the unique ID of the newly added item; this ID can be used later in other methods, such as `remove`."),enqueueItems:m("This method enqueues the array of items passed in the method parameter. The new items will be processed after the current queue items have been handled. The method retrieves an array of unique IDs, one for each new item. An item ID can be used later in other methods, such as `remove`."),getQueuedItems:m("You can use this method to return the items in the queue. These items contain all entries not removed from the queue yet, including pending, in-progress, and completed items."),getQueueLength:m("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet."),remove:m("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet.")},contextVars:{$completedItems:m("A list containing the queue items that have been completed (fully processed)."),$queuedItems:m("A list containing the items waiting in the queue, icluding the completed items.")}}),io="RadioGroup",He="RadioGroupOption",Xc=k({description:`The \`${io}\` input component is a group of radio buttons ([\`RadioGroupOption\`](./RadioGroupOption.mdx) components) that allow users to select only one option from the group at a time.`,props:{initialValue:ct(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),orientation:m("(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group."),label:Pe(),labelPosition:Lt("top"),labelWidth:zt(io),labelBreak:Pt(io)},events:{gotFocus:dt(io),lostFocus:ut(io),didChange:Xe(io)},themeVars:j(nt.themeVars),defaultThemeVars:{[`gap-${He}`]:"$space-1_5",[`borderWidth-${He}`]:"2px",[`backgroundColor-checked-${He}--disabled]`]:`$borderColor-${He}--disabled`,[`backgroundColor-checked-${He}-error`]:`$borderColor-${He}-error`,[`backgroundColor-checked-${He}-warning`]:`$borderColor-${He}-warning`,[`backgroundColor-checked-${He}-success`]:`$borderColor-${He}-success`,[`fontSize-${He}`]:"$fontSize-small",[`fontWeight-${He}`]:"$fontWeight-bold",[`textColor-${He}-error`]:`$borderColor-${He}-error`,[`textColor-${He}-warning`]:`$borderColor-${He}-warning`,[`textColor-${He}-success`]:`$borderColor-${He}-success`,light:{[`backgroundColor-checked-${He}-default`]:"$color-primary-500",[`borderColor-${He}-default`]:"$color-surface-500",[`borderColor-${He}-default--hover`]:"$color-surface-700",[`borderColor-${He}-default--active`]:"$color-primary-500"},dark:{[`backgroundColor-checked-${He}-default`]:"$color-primary-500",[`borderColor-${He}-default`]:"$color-surface-500",[`borderColor-${He}-default--hover`]:"$color-surface-300",[`borderColor-${He}-default--active`]:"$color-primary-400"}}}),jc=k({status:"experimental",description:"`RealTimeAdapter` is a non-visual component that listens to real-time events through long-polling.",props:{url:m("This property specifies the URL to use for long-polling.")},events:{eventArrived:m("This event is raised when data arrives from the backend using long-polling.")}}),Qc=k({description:"`Redirect` is a component that immediately redirects the browser to the URL in its `to` property when it gets visible (its `when` property gets `true`). The redirection works only within the app.",props:{to:m("This property defines the URL to which this component is about to redirect requests.")}}),Te="Select",Zc=k({description:"Provides a dropdown with a list of options to choose from.",status:"experimental",props:{placeholder:Cr(),initialValue:ct(),maxLength:ho(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),label:Pe(),labelPosition:Lt("top"),labelWidth:zt(Te),labelBreak:Pt(Te),optionLabelTemplate:Ae("This property allows replacing the default template to display an option in the dropdown list."),valueTemplate:Ae("This property allows replacing the default template to display a selected value when multiple selections (`multiSelect` is `true`) are enabled."),dropdownHeight:m("This property sets the height of the dropdown list."),emptyListTemplate:m("This optional property provides the ability to customize what is displayed when the list of options is empty."),multiSelect:ui(),searchable:m("This property enables the search functionality in the dropdown list.")},events:{gotFocus:dt(Te),lostFocus:ut(Te),didChange:Xe(Te)},apis:{focus:Mt(Te),setValue:Dt(),value:Lo()},contextVars:{$item:m("This property represents the value of an item in the dropdown list."),$itemContext:m("This property provides a `removeItem` method to delete the particular value from the selection.")},themeVars:j(ge.themeVars),defaultThemeVars:{[`backgroundColor-menu-${Te}`]:"$backgroundColor-primary",[`boxShadow-menu-${Te}`]:"$boxShadow-md",[`borderRadius-menu-${Te}`]:"$borderRadius",[`borderWidth-menu-${Te}`]:"1px",[`borderColor-menu-${Te}`]:"$borderColor",[`backgroundColor-item-${Te}`]:"$backgroundColor-dropdown-item",[`backgroundColor-item-${Te}--hover`]:"$backgroundColor-dropdown-item--active",[`backgroundColor-item-${Te}--active`]:"$backgroundColor-dropdown-item--active","minHeight-Input":"39px",[`backgroundColor-${Te}-badge`]:"$color-primary-500",[`fontSize-${Te}-badge`]:"$fontSize-small",[`paddingHorizontal-${Te}-badge`]:"$space-1",[`paddingVertical-${Te}-badge`]:"$space-1",[`opacity-text-item-${Te}--disabled`]:"0.5",[`opacity-${Te}--disabled`]:"0.5",light:{[`backgroundColor-${Te}-badge--hover`]:"$color-primary-400",[`backgroundColor-${Te}-badge--active`]:"$color-primary-500",[`textColor-item-${Te}--disabled`]:"$color-surface-200",[`textColor-${Te}-badge`]:"$color-surface-50"},dark:{[`backgroundColor-${Te}-badge--hover`]:"$color-primary-600",[`backgroundColor-${Te}-badge--active`]:"$color-primary-500",[`textColor-${Te}-badge`]:"$color-surface-50",[`textColor-item-${Te}--disabled`]:"$color-surface-800"}}}),Jc={value:et},Kc=({children:e})=>{const[t,r]=u.useState(Jc);return c.jsx(em,{updateState:r,selectedItems:t.value,children:e})},em=({updateState:e=De.noop,idKey:t="id",children:r,selectedItems:o=et,registerComponentApi:a=De.noop})=>{const[n,i]=u.useState(o),l=u.useRef(!1),d=ke((C=et)=>{i(C);let b=C.filter(g=>!!o.find(y=>y[t]===g[t]));(!De.isEqual(o,b)||!l.current)&&(l.current=!0,e({value:b}))}),v=ke(C=>{e({value:n.filter(b=>C.includes(b[t]))})}),f=ke(()=>{v(et)});u.useLayoutEffect(()=>{a({clearSelection:f,setSelectedRowIds:v,refreshSelection:d})},[f,v,a,d]);const p=u.useMemo(()=>({selectedItems:o,setSelectedRowIds:v,refreshSelection:d,idKey:t}),[d,o,v,t]);return c.jsx(Rn.Provider,{value:p,children:r})},Rn=u.createContext(null);function Un(){return u.useContext(Rn)}const tm=k({status:"deprecated",description:"The `SelectionStore` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.",props:{idKey:m('The selected items in the selection store needs to have a unique ID to use as an unambiguous key for that particular item. This property uniquely identifies the selected object item via a given property. By default, the key attribute is `"id"`.')}}),rm=k({description:"The `SpaceFiller` is a component that works well in layout containers to fill the remaining (unused) space. Its behavior depends on the layout container in which it is used.",themeVars:j(Ui.themeVars)}),wo="Spinner",om=k({description:`The \`${wo}\` component is an animated indicator that represents a particular action in progress without a deterministic progress value.`,props:{delay:{description:"The delay in milliseconds before the spinner is displayed.",valueType:"number",defaultValue:400},fullScreen:{description:"If set to `true`, the component will be rendered in a full screen container.",valueType:"boolean",defaultValue:!1},themeColor:m("(**NOT IMPLEMENTED YET**) The theme color of the component.")},themeVars:j(ma.themeVars),defaultThemeVars:{[`size-${wo}`]:"$space-10",[`thickness-${wo}`]:"$space-0_5",light:{[`borderColor-${wo}`]:"$color-surface-400"},dark:{[`borderColor-${wo}`]:"$color-surface-600"}}}),am={themeVars:`'{"boxShadow-Splitter": "var(--xmlui-boxShadow-Splitter)", "backgroundColor-Splitter": "var(--xmlui-backgroundColor-Splitter)", "borderRadius-Splitter": "var(--xmlui-borderRadius-Splitter)", "borderColor-Splitter": "var(--xmlui-borderColor-Splitter)", "borderWidth-Splitter": "var(--xmlui-borderWidth-Splitter)", "borderStyle-Splitter": "var(--xmlui-borderStyle-Splitter)", "border-Splitter": "var(--xmlui-border-Splitter)", "backgroundColor-resizer-Splitter": "var(--xmlui-backgroundColor-resizer-Splitter)", "thickness-resizer-Splitter": "var(--xmlui-thickness-resizer-Splitter)", "cursor-resizer-horizontal-Splitter": "var(--xmlui-cursor-resizer-horizontal-Splitter)", "cursor-resizer-vertical-Splitter": "var(--xmlui-cursor-resizer-vertical-Splitter)"}'`},pr="Splitter",qo=k({description:`The \`${pr}\` component divides a container (such as a window, panel, pane, etc.) into two resizable sections.`,props:{swapped:{description:`This optional booelan property indicates whether the \`${pr}\` sections are layed out as primary and secondary (\`false\`) or secondary and primary (\`true\`) from left to right.`,valueType:"boolean",defaultValue:!1},splitterTemplate:Ae("The divider can be customized using XMLUI components via this property."),initialPrimarySize:{description:"This optional number property sets the initial size of the primary section. The unit of the size value is in pixels or percentages.",valueType:"string",defaultValue:"50%"},minPrimarySize:{description:"This property sets the minimum size the primary section can have. The unit of the size value is in pixels or percentages.",valueType:"string",defaultValue:"0%"},maxPrimarySize:{description:"This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages.",valueType:"string",defaultValue:"100%"},floating:{description:"Toggles whether the resizer is visible (`false`) or not (`true`) when not hovered or dragged. The default value is `false`, meaning the resizer is visible all the time.",valueType:"boolean",defaultValue:!1},orientation:{description:"Sets whether the `Splitter` divides the container horizontally and lays out the section on top of each other (`vertical`), or vertically by placing the sections next to each other (`horizontal`).",valueType:"string",availableValues:["horizontal","vertical"],defaultValue:"vertical"}},events:{resize:m("This event fires when the component is resized.")},themeVars:j(am.themeVars),defaultThemeVars:{[`backgroundColor-resizer-${pr}`]:"$backgroundColor-Card",[`thickness-resizer-${pr}`]:"5px",[`cursor-resizer-horizontal-${pr}`]:"ew-resize",[`cursor-resizer-vertical-${pr}`]:"ns-resize"}}),im={...qo,props:{...qo.props}},nm={...qo,specializedFrom:pr},lm={...qo,specializedFrom:pr},sm={themeVars:'"[]"'},qn="StickyBox",dm=k({status:"experimental",description:`The \`${qn}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,props:{to:{description:"This property determines whether the StickyBox should be anchored to the `top` or `bottom`.",availableValues:["top","bottom"],valueType:"string",defaultValue:"top"}},themeVars:j(sm.themeVars),defaultThemeVars:{[`backgroundColor-${qn}`]:"$backgroundColor"}}),be="Switch",um=k({description:`The \`${be}\` component is a user interface element that allows users to toggle between two states: on and off. It consists of a small rectangular or circular button that can be moved left or right to change its state.`,props:{indeterminate:di(Ot.indeterminate),label:Pe(),labelPosition:Lt("end"),labelWidth:zt(be),labelBreak:Pt(be),required:St(),initialValue:ct(Ot.initialValue),autoFocus:je(),readOnly:yt(),enabled:qe(),validationStatus:kt(Ot.validationStatus),description:Ve(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${be} besides its label.`)},events:{gotFocus:dt(be),lostFocus:ut(be),didChange:Xe(be)},apis:{value:ci(),setValue:Dt()},themeVars:j(Rt.themeVars),defaultThemeVars:{[`borderColor-checked-${be}-error`]:`$borderColor-${be}-error`,[`backgroundColor-checked-${be}-error`]:`$borderColor-${be}-error`,[`borderColor-checked-${be}-warning`]:`$borderColor-${be}-warning`,[`backgroundColor-checked-${be}-warning`]:`$borderColor-${be}-warning`,[`borderColor-checked-${be}-success`]:`$borderColor-${be}-success`,[`backgroundColor-checked-${be}-success`]:`$borderColor-${be}-success`,light:{[`backgroundColor-${be}`]:"$color-surface-400",[`borderColor-${be}`]:"$color-surface-400",[`backgroundColor-indicator-${be}`]:"$backgroundColor-primary",[`borderColor-checked-${be}`]:"$color-primary-500",[`backgroundColor-checked-${be}`]:"$color-primary-500",[`backgroundColor-${be}--disabled`]:"$color-surface-200"},dark:{[`backgroundColor-${be}`]:"$color-surface-500",[`borderColor-${be}`]:"$color-surface-500",[`backgroundColor-indicator-${be}`]:"$backgroundColor-primary",[`borderColor-checked-${be}`]:"$color-primary-400",[`backgroundColor-checked-${be}`]:"$color-primary-400",[`backgroundColor-${be}--disabled`]:"$color-surface-800"}}}),Ce={themeVars:`'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "radius-start-start-cell-Table": "var(--xmlui-radius-start-start-cell-Table, var(--xmlui-borderRadius-cell-Table))", "radius-start-end-cell-Table": "var(--xmlui-radius-start-end-cell-Table, var(--xmlui-borderRadius-cell-Table))", "radius-end-start-cell-Table": "var(--xmlui-radius-end-start-cell-Table, var(--xmlui-borderRadius-cell-Table))", "radius-end-end-cell-Table": "var(--xmlui-radius-end-end-cell-Table, var(--xmlui-borderRadius-cell-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)"}'`,wrapper:"_wrapper_1wfr8_13",noScroll:"_noScroll_1wfr8_19",headerWrapper:"_headerWrapper_1wfr8_23",tableBody:"_tableBody_1wfr8_23",clickableHeader:"_clickableHeader_1wfr8_29",headerContent:"_headerContent_1wfr8_43",headerRow:"_headerRow_1wfr8_76",columnCell:"_columnCell_1wfr8_81",cell:"_cell_1wfr8_81",table:"_table_1wfr8_23",row:"_row_1wfr8_93",checkBoxWrapper:"_checkBoxWrapper_1wfr8_99",showInHeader:"_showInHeader_1wfr8_103",selected:"_selected_1wfr8_106",allSelected:"_allSelected_1wfr8_106",focused:"_focused_1wfr8_152",disabled:"_disabled_1wfr8_164",noRows:"_noRows_1wfr8_193",pagination:"_pagination_1wfr8_199",paginationLabel:"_paginationLabel_1wfr8_215",paginationSelect:"_paginationSelect_1wfr8_220",paginationButtons:"_paginationButtons_1wfr8_226",loadingWrapper:"_loadingWrapper_1wfr8_238",resizer:"_resizer_1wfr8_253",isResizing:"_isResizing_1wfr8_275"},Gn=u.createContext({registerColumn:(e,t)=>{},unRegisterColumn:e=>{}});function cm(e){return to({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"15 18 9 12 15 6"}}]})(e)}function mm(e){return to({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"9 18 15 12 9 6"}}]})(e)}function pm(e){return to({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"11 17 6 12 11 7"}},{tag:"polyline",attr:{points:"18 17 13 12 18 7"}}]})(e)}function hm(e){return to({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"13 17 18 12 13 7"}},{tag:"polyline",attr:{points:"6 17 11 12 6 7"}}]})(e)}function xm({items:e=et,visibleItems:t=e,rowsSelectable:r,enableMultiRowSelection:o,onSelectionDidChange:a}){const[n,i]=u.useState(-1),[l,d]=u.useState(null),{selectedItems:v,setSelectedRowIds:f,refreshSelection:p,idKey:C}=Un(),b=u.useMemo(()=>t.map(V=>V[C]),[C,t]);u.useEffect(()=>{p(r?e:et)},[p,e,r]);const g=xi(o);u.useEffect(()=>{g&&!o&&v.length>1&&f([v[0][C]])},[o,C,g,v,f]),u.useEffect(()=>{r&&n!==-1&&!b[n]&&b[0]&&i(0)},[n,r,i,b]);const y=ke((V,x={})=>{if(!r)return;const h=b[V],{shiftKey:T,metaKey:S,ctrlKey:_}=x,G=!o||!T&&!S&&!_;let z,N=[...v.map(I=>I[C])];if(G)z={from:h,to:h},N=[h];else if(T){let I,M,R,D;if(l){let Q=b.indexOf(l.from),J=b.indexOf(l.to),K=Math.min(Q,J),ce=Math.max(Q,J);const Ee=b.slice(K,ce+1);N=N.filter(te=>!Ee.includes(te)),R=l.from,D=h;let Be=b.indexOf(R),oe=b.indexOf(D);I=Math.min(Be,oe),M=Math.max(Be,oe)}else R=h,D=h,I=V,M=V;const Y=b.slice(I,M+1);N=De.union(N,Y),z={from:R,to:D}}else z={from:h,to:h},S||_?N.includes(h)?N=N.filter(I=>I!==h):N.push(h):N=[h];i(V),f(De.uniq(N)),d(z)}),H=ke((V,x)=>{if(!r)return;const h=b.indexOf(V[C]);y(h,x)}),A=ke(V=>{if(r){if(V.key==="ArrowDown"){V.preventDefault();let x=Math.min(t.length-1,n+1);n!==t.length-1&&y(x,V)}if(V.key==="PageDown"){V.preventDefault();const x=Math.min(t.length-1,n+8);y(x,V)}if(V.key==="ArrowUp"){V.preventDefault();let x=Math.max(0,n-1);n>=0&&y(x,V)}if(V.key==="PageUp"){V.preventDefault();const x=Math.max(0,n-8);y(x,V)}}});u.useEffect(()=>{a==null||a(v)},[v,a]);const $=ke(V=>{r&&(!o&&V||f(V?e.map(x=>x[C]):[]))}),B=u.useMemo(()=>{let V={};return v.forEach(x=>{V[x[C]]=!0}),V},[C,v]),E=u.useCallback(()=>v,[v]),U=u.useCallback(()=>v.map(V=>V[C]),[C,v]),Z=u.useCallback(()=>{$(!1)},[$]),P=u.useCallback(()=>{$(!0)},[$]),W=u.useCallback(V=>{if(!r)return;let x=Array.isArray(V)?V:[V];x.length>1&&!o&&(x=[x[0]]),f(x)},[o,r,f]),O=u.useMemo(()=>({getSelectedItems:E,getSelectedIds:U,clearSelection:Z,selectAll:P,selectId:W}),[Z,U,E,P,W]);return{onKeyDown:A,focusedIndex:n,toggleRowIndex:y,toggleRow:H,checkAllRows:$,selectedRowIdMap:B,selectedItems:v,idKey:C,selectionApi:O}}function fm(e){return!1}const bm=42,vm=[10],Yn=e=>{const t=e.getIsPinned();return{left:t==="left"?`${e.getStart("left")}px`:void 0,right:t==="right"?`${e.getAfter("right")}px`:void 0,opacity:t?.95:void 0,position:t?"sticky":"relative",backgroundColor:t?"inherit":void 0,zIndex:t?1:void 0}},gm=u.forwardRef(({data:e=et,columns:t=et,isPaginated:r=!1,loading:o=!1,headerHeight:a,rowsSelectable:n=!1,enableMultiRowSelection:i=!0,pageSizes:l=vm,rowDisabledPredicate:d=fm,sortBy:v,sortingDirection:f="ascending",iconSortAsc:p,iconSortDesc:C,iconNoSort:b,sortingDidChange:g,willSort:y,style:H,noDataRenderer:A,autoFocus:$=!1,hideHeader:B=!1,hideNoDataView:E=!1,alwaysShowSelectionHeader:U=!1,registerComponentApi:Z,onSelectionDidChange:P},W)=>{var xl,fl,bl,vl;const{getThemeVar:O}=Ft(),V=Array.isArray(e)?e:et,x=u.useRef(null),h=W?Jt(x,W):x,T=u.useRef(null),S=u.useRef(null),_=v!==void 0,G=u.useMemo(()=>t||(V.length?Object.keys(V[0]).map(ae=>({header:ae,accessorKey:ae})):et),[t,V]);u.useEffect(()=>{$&&x.current.focus()},[$]);const[z,N]=u.useState(et),{toggleRow:I,checkAllRows:M,focusedIndex:R,onKeyDown:D,selectedRowIdMap:Y,idKey:Q,selectionApi:J}=xm({items:V,visibleItems:z,rowsSelectable:n,enableMultiRowSelection:i,onSelectionDidChange:P}),K=u.useMemo(()=>V.map((ae,ve)=>({...ae,order:ve+1})),[V]),[ce,Ee]=u.useState(v),[Be,oe]=u.useState(f);u.useLayoutEffect(()=>{Ee(v)},[v]),u.useLayoutEffect(()=>{oe(f)},[f]);const te=u.useMemo(()=>!ce||_?K:De.orderBy(K,ce,Be==="ascending"?"asc":"desc"),[ce,Be,K,_]),X=u.useCallback(async ae=>{let ve="ascending",se=ae;ce===ae&&(Be==="ascending"?ve="descending":se=void 0),await(y==null?void 0:y(se,ve))!==!1&&(oe(ve),Ee(se),g==null||g(se,ve))},[ce,y,g,Be]),F=u.useMemo(()=>G.map((ae,ve)=>{const{width:se,starSizedWidth:he}=Bt(ae.width,!0,"width"),{width:Tt}=Bt(ae.minWidth,!1,"minWidth"),{width:_e}=Bt(ae.maxWidth,!1,"maxWidth");return{...ae,header:ae.header??ae.accessorKey??" ",id:"col_"+ve,size:se,minSize:Tt,maxSize:_e,enableResizing:ae.canResize,enableSorting:ae.canSort,enablePinning:ae.pinTo!==void 0,meta:{starSizedWidth:he,pinTo:ae.pinTo,style:ae.style,accessorKey:ae.accessorKey,cellRenderer:ae.cellRenderer}};function Bt(Ct,Qt,$x){let Io,Ko;const Pr=ws(Ct)?O(Ct):Ct;if(typeof Pr=="number")Ko=Pr;else if(typeof Pr=="string"){const Ix=Pr.match(/^\s*\*\s*$/);if(Qt&&Ix)Io="1*";else{const gl=Pr.match(/^\s*(\d+)\s*\*\s*$/);if(Qt&&gl)Io=gl[1]+"*";else{const Tl=Pr.match(/^\s*(\d+)\s*(px)?\s*$/);if(Tl)Ko=Number(Tl[1]);else throw new Error(`Invalid TableColumnDef '${$x}' value: ${Pr}`)}}}return Ko===void 0&&Io===void 0&&Qt&&(Io="1*"),{width:Ko,starSizedWidth:Io}}}),[O,G]),le=u.useMemo(()=>n?[{id:"select",size:bm,enableResizing:!1,enablePinning:!0,meta:{pinTo:"left"},header:({table:ve})=>i?c.jsx(ba,{className:ne(Ce.checkBoxWrapper,{[Ce.showInHeader]:U}),value:ve.getIsAllRowsSelected(),indeterminate:ve.getIsSomeRowsSelected(),onDidChange:se=>{M(se)}}):null,cell:({row:ve})=>c.jsx(ba,{className:Ce.checkBoxWrapper,value:ve.getIsSelected(),indeterminate:ve.getIsSomeSelected(),onDidChange:()=>{I(ve.original,{metaKey:!0})}})},...F]:F,[n,F,i,U,M,I]),[$e,Er]=u.useState({pageSize:r?l[0]:Number.MAX_VALUE,pageIndex:0}),Ge=xi(r);u.useEffect(()=>{!Ge&&r&&Er(ae=>({...ae,pageSize:l[0]})),Ge&&!r&&Er(ae=>({pageIndex:0,pageSize:Number.MAX_VALUE}))},[r,l,Ge]);const[co,zr]=u.useState({}),Ho=u.useMemo(()=>{const ae=[],ve=[];return le.forEach(se=>{var he,Tt;((he=se.meta)==null?void 0:he.pinTo)==="right"&&ve.push(se.id),((Tt=se.meta)==null?void 0:Tt.pinTo)==="left"&&ae.push(se.id)}),{left:ae,right:ve}},[le]),Le=po.useReactTable({columns:le,data:te,getCoreRowModel:po.getCoreRowModel(),getPaginationRowModel:r?po.getPaginationRowModel():void 0,enableRowSelection:n,enableMultiRowSelection:i,columnResizeMode:"onChange",getRowId:u.useCallback(ae=>ae[Q]+"",[Q]),state:u.useMemo(()=>({pagination:$e,rowSelection:Y,columnSizing:co,columnPinning:Ho}),[Ho,co,$e,Y]),onColumnSizingChange:zr,onPaginationChange:Er}),Re=Le.getRowModel().rows;u.useEffect(()=>{N(Re.map(ae=>ae.original))},[Re]);const Ue=u.useContext(Bs),$o=Ue&&(H==null?void 0:H.maxHeight)===void 0&&(H==null?void 0:H.height)===void 0&&(H==null?void 0:H.flex)===void 0,Hx=u.useCallback((ae,ve)=>ei.observeElementOffset(ae,(se,he)=>{var _e;const Tt=$o&&((_e=x.current)==null?void 0:_e.offsetTop)||0;ve(se-Tt,he)}),[$o]),br=ei.useVirtualizer({count:Re.length,getScrollElement:u.useCallback(()=>$o&&(Ue!=null&&Ue.current)?Ue==null?void 0:Ue.current:x.current,[Ue,$o]),observeElementOffset:Hx,estimateSize:u.useCallback(()=>S.current||30,[]),overscan:5}),ml=br.getVirtualItems().length>0&&((fl=(xl=br.getVirtualItems())==null?void 0:xl[0])==null?void 0:fl.start)||0,pl=br.getVirtualItems().length>0?br.getTotalSize()-(((vl=(bl=br.getVirtualItems())==null?void 0:bl[br.getVirtualItems().length-1])==null?void 0:vl.end)||0):0,Zo=V.length!==0,Qa=u.useRef({}),hl=u.useCallback(ae=>{Qa.current[ae]=!0},[]),Jo=ke(()=>{if(!T.current)return;let ae=T.current.clientWidth-1;const ve={},se=[],he={};Le.getAllColumns().forEach(_e=>{var ar,Bt;if(_e.columnDef.size!==void 0||Qa.current[_e.id])ae-=co[_e.id]||_e.columnDef.size||0;else{se.push(_e);let Ct;(ar=_e.columnDef.meta)!=null&&ar.starSizedWidth?Ct=Number((Bt=_e.columnDef.meta)==null?void 0:Bt.starSizedWidth.replace("*","").trim())||1:Ct=1,he[_e.id]=Ct}});const Tt=Object.values(he).reduce((_e,ar)=>_e+ar,0);se.forEach(_e=>{ve[_e.id]=Math.floor(ae*(he[_e.id]/Tt))}),Ja.flushSync(()=>{zr(_e=>({..._e,...ve}))})});return Kl(T,Jo),xo(()=>{queueMicrotask(()=>{Jo()})},[Jo,G]),xo(()=>{Z(J)},[Z,J]),c.jsxs("div",{className:ne(Ce.wrapper,{[Ce.noScroll]:$o}),tabIndex:-1,onKeyDown:D,ref:h,style:H,children:[c.jsxs("table",{className:Ce.table,ref:T,style:{borderRight:"1px solid transparent"},children:[!B&&c.jsx("thead",{style:{height:a},className:Ce.headerWrapper,children:Le.getHeaderGroups().map((ae,ve)=>c.jsx("tr",{className:ne(Ce.headerRow,{[Ce.allSelected]:Le.getIsAllRowsSelected()}),children:ae.headers.map((se,he)=>{var Bt,Ct;const{width:Tt,..._e}=((Bt=se.column.columnDef.meta)==null?void 0:Bt.style)||{},ar=se.getSize();return c.jsxs("th",{className:Ce.columnCell,colSpan:se.colSpan,style:{position:"relative",width:ar,...Yn(se.column)},children:[c.jsx(Tm,{hasSorting:se.column.columnDef.enableSorting,updateSorting:()=>{var Qt;return X((Qt=se.column.columnDef.meta)==null?void 0:Qt.accessorKey)},children:c.jsxs("div",{className:Ce.headerContent,style:_e,children:[po.flexRender(se.column.columnDef.header,se.getContext()),c.jsx("span",{style:{display:"inline-flex",maxWidth:16},children:se.column.columnDef.enableSorting&&c.jsx(Cm,{iconSortAsc:p,iconSortDesc:C,iconNoSort:b,direction:((Ct=se.column.columnDef.meta)==null?void 0:Ct.accessorKey)===ce?Be:void 0})})]})}),se.column.getCanResize()&&c.jsx("div",{onDoubleClick:()=>{Qa.current[se.column.id]=!1,se.column.columnDef.size!==void 0?se.column.resetSize():Jo()},onMouseDown:Qt=>{hl(se.column.id),se.getResizeHandler()(Qt)},onTouchStart:Qt=>{hl(se.column.id),se.getResizeHandler()(Qt)},className:ne(Ce.resizer,{[Ce.isResizing]:se.column.getIsResizing()})})]},`${se.id}-${he}`)})},`${ae.id}-${ve}`))}),Zo&&c.jsxs("tbody",{className:Ce.tableBody,children:[ml>0&&c.jsx("tr",{children:c.jsx("td",{style:{height:`${ml}px`}})}),br.getVirtualItems().map(ae=>{const ve=ae.index,se=Re[ve];return c.jsx("tr",{"data-index":ve,className:ne(Ce.row,{[Ce.selected]:se.getIsSelected(),[Ce.focused]:R===ve,[Ce.disabled]:d(se.original)}),ref:he=>{he&&S.current===null&&(S.current=Math.round(he.getBoundingClientRect().height)),br.measureElement(he)},onClick:he=>{he.defaultPrevented||he.target.tagName.toLowerCase()==="input"||I(se.original,he)},children:se.getVisibleCells().map((he,Tt)=>{var Bt,Ct;const _e=(Ct=(Bt=he.column.columnDef)==null?void 0:Bt.meta)==null?void 0:Ct.cellRenderer,ar=he.column.getSize();return c.jsx("td",{className:Ce.cell,style:{width:ar,...Yn(he.column)},children:_e?_e(he.row.original,ve,Tt,he==null?void 0:he.getValue()):po.flexRender(he.column.columnDef.cell,he.getContext())},`${he.id}-${Tt}`)})},`${se.id}-${ve}`)}),pl>0&&c.jsx("tr",{children:c.jsx("td",{style:{height:`${pl}px`}})})]})]}),o&&!Zo&&c.jsx("div",{className:Ce.loadingWrapper,children:c.jsx(Si,{})}),!E&&!o&&!Zo&&(A?A():c.jsx("div",{className:Ce.noRows,children:"No data available"})),r&&Zo&&Re.length>0&&$e&&c.jsxs("div",{className:Ce.pagination,children:[c.jsx("div",{style:{flex:1},children:c.jsxs("span",{className:Ce.paginationLabel,children:["Showing ",Re[0].original.order," to ",Re[Re.length-1].original.order," of"," ",V.length," entries"]})}),l.length>1&&c.jsxs("div",{children:[c.jsx("span",{className:Ce.paginationLabel,children:"Rows per page"}),c.jsx("select",{className:Ce.paginationSelect,value:$e.pageSize,onChange:ae=>{Le.setPageSize(Number(ae.target.value))},children:l.map(ae=>c.jsx("option",{value:ae,children:ae},ae))})]}),c.jsxs("div",{className:Ce.paginationButtons,children:[c.jsx(rt,{onClick:()=>Le.setPageIndex(0),disabled:!Le.getCanPreviousPage(),type:"button",variant:"ghost",children:c.jsx(pm,{})}),c.jsx(rt,{onClick:()=>Le.previousPage(),disabled:!Le.getCanPreviousPage(),type:"button",variant:"ghost",children:c.jsx(cm,{})}),c.jsx(rt,{onClick:()=>Le.nextPage(),disabled:!Le.getCanNextPage(),type:"button",variant:"ghost",children:c.jsx(mm,{})}),c.jsx(rt,{onClick:()=>Le.setPageIndex(Le.getPageCount()-1),disabled:!Le.getCanNextPage(),type:"button",variant:"ghost",children:c.jsx(hm,{})})]})]})]})});function Tm({hasSorting:e,updateSorting:t,children:r}){return e?c.jsx("button",{className:Ce.clickableHeader,onClick:t,children:r}):c.jsx(c.Fragment,{children:r})}function Cm({direction:e,iconSortAsc:t="sortasc:Table",iconSortDesc:r="sortdesc:Table",iconNoSort:o="nosort:Table"}){return e==="ascending"?c.jsx(fe,{name:t,fallback:"sortasc",size:"12"}):e==="descending"?c.jsx(fe,{name:r,fallback:"sortdesc",size:"12"}):o!=="-"?c.jsx(fe,{name:o,fallback:"nosort",size:"12"}):c.jsx(fe,{name:o,size:"12"})}const ue="Table",ym=k({description:`\`${ue}\` is a component that displays cells organized into rows and columns. The \`${ue}\` component is virtualized so it only renders visible cells.`,props:{items:Ve("You can use `items` as an alias for the `data` property. When you bind the table to a data source (e.g. an API endpoint), the `data` acts as the property that accepts a URL to fetch information from an API. When both `items` and `data` are used, `items` has priority."),data:m("The component receives data via this property. The `data` property is a list of items that the `Table` can display."),isPaginated:{description:`This property adds pagination controls to the \`${ue}\`.`,valueType:"boolean",defaultValue:!1},loading:m("This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time."),headerHeight:m("This optional property is used to specify the height of the table header."),rowsSelectable:m("Indicates whether the rows are selectable (`true`) or not (`false`)."),pageSizes:{description:"This property holds an array of page sizes (numbers) the user can select for pagination. If this property is not defined, the component allows only a page size of 10 items."},rowDisabledPredicate:m("This property defines a predicate function with a return value that determines if the row should be disabled. The function retrieves the item to display and should return a Boolean-like value."),noDataTemplate:Ae("A property to customize what to display if the table does not contain any data."),sortBy:m("This property is used to determine which data attributes to sort by."),sortDirection:m("This property determines the sort order to be `ascending` or `descending`. This property only works if the [`sortBy`](#sortby) property is also set."),autoFocus:je(),hideHeader:{description:"Set the header visibility using this property. Set it to `true` to hide the header.",valueType:"boolean",defaultValue:!1},iconNoSort:m(`Allows setting the icon displayed in the ${ue} column header when sorting is enabled, but the column remains unsorted.`),iconSortAsc:m(`Allows setting the icon displayed in the ${ue} column header when sorting is enabled, and the column is sorted in ascending order.`),iconSortDesc:m(`Allows setting the icon displayed in the ${ue} column header when sorting is enabled, and the column is sorted in descending order.`),enableMultiRowSelection:{description:"This boolean property indicates whether you can select multiple rows in the table. This property only has an effect when the rowsSelectable property is set. Setting it to `false` limits selection to a single row.",valueType:"boolean",defaultValue:!0},alwaysShowSelectionHeader:{description:"This property indicates when the row selection header is displayed. When the value is `true,` the selection header is always visible. Otherwise, it is displayed only when hovered.",valueType:"boolean",defaultValue:!1}},events:{sortingDidChange:m("This event is fired when the table data sorting has changed. It has two arguments: the column's name and the sort direction. When the column name is empty, the table displays the data list as it received it."),willSort:m("This event is fired before the table data is sorted. It has two arguments: the column's name and the sort direction. When the method returns a literal `false` value (and not any other falsy one), the method indicates that the sorting should be aborted."),selectionDidChange:m("This event is triggered when the table's current selection (the rows selected) changes. Its parameter is an array of the selected table row items. ")},apis:{clearSelection:m("This method clears the list of currently selected table rows."),getSelectedItems:m("This method returns the list of currently selected table rows items."),getSelectedIds:m("This method returns the list of currently selected table rows IDs."),selectAll:m("This method selects all the rows in the table. This method has no effect if the rowsSelectable property is set to `false`."),selectId:m("This method selects the row with the specified ID. This method has no effect if the `rowsSelectable` property is set to `false`. The method argument can be a single id or an array of them.")},themeVars:j(Ce.themeVars),defaultThemeVars:{[`padding-heading-${ue}`]:"$space-2",[`paddingHorizontal-cell-${ue}`]:"$space-2",[`paddingHorizontal-cell-first-${ue}`]:"$space-5",[`paddingHorizontal-cell-last-${ue}`]:"$space-5",[`paddingVertical-cell-${ue}`]:"$space-2",[`border-cell-${ue}`]:"1px solid $borderColor",[`outlineWidth-heading-${ue}--focus`]:"$outlineWidth--focus",[`outlineStyle-heading-${ue}--focus`]:"$outlineStyle--focus",[`outlineOffset-heading-${ue}--focus`]:"$outlineOffset--focus",[`fontSize-heading-${ue}`]:"$fontSize-tiny",[`fontWeight-heading-${ue}`]:"$fontWeight-bold",[`textTransform-heading-${ue}`]:"uppercase",[`fontSize-row-${ue}`]:"$fontSize-small",[`backgroundColor-${ue}`]:"$backgroundColor",[`backgroundColor-row-${ue}`]:"inherit",[`backgroundColor-selected-${ue}--hover`]:`$backgroundColor-row-${ue}--hover`,[`backgroundColor-pagination-${ue}`]:`$backgroundColor-${ue}`,[`outlineColor-heading-${ue}--focus`]:"$outlineColor--focus",[`textColor-pagination-${ue}`]:"$color-secondary",light:{[`backgroundColor-row-${ue}--hover`]:"$color-primary-50",[`backgroundColor-selected-${ue}`]:"$color-primary-100",[`backgroundColor-heading-${ue}--hover`]:"$color-surface-200",[`backgroundColor-heading-${ue}--active`]:"$color-surface-300",[`backgroundColor-heading-${ue}`]:"$color-surface-100",[`textColor-heading-${ue}`]:"$color-surface-500"},dark:{[`backgroundColor-row-${ue}--hover`]:"$color-primary-900",[`backgroundColor-selected-${ue}`]:"$color-primary-800",[`backgroundColor-heading-${ue}--hover`]:"$color-surface-800",[`backgroundColor-heading-${ue}`]:"$color-surface-950",[`backgroundColor-heading-${ue}--active`]:"$color-surface-700"}}});u.forwardRef(({extractValue:e,node:t,renderChild:r,lookupEventHandler:o,lookupSyncCallback:a,layoutCss:n,registerComponentApi:i},l)=>{var U,Z,P,W,O,V;const d=e(t.props.items)||e(t.props.data),[v,f]=u.useState(et),[p,C]=u.useState(yr),b=u.useRef([]),[g,y]=u.useState(0),H=u.useMemo(()=>({registerColumn:(x,h)=>{f(vr(T=>{T.findIndex(_=>_===h)<0&&T.push(h)})),C(vr(T=>{T[h]=x}))},unRegisterColumn:x=>{f(vr(h=>h.filter(T=>T!==x))),C(vr(h=>{delete h[x]}))}}),[]),A=u.useMemo(()=>({registerColumn:(x,h)=>{b.current.find(T=>T===h)||(y(T=>T+1),b.current.push(h))},unRegisterColumn:x=>{b.current.find(h=>h===x)&&(b.current=b.current.filter(h=>h!==x),y(h=>h+1))}}),[]),$=u.useMemo(()=>v.map(x=>p[x]),[v,p]),B=Un(),E=c.jsxs(c.Fragment,{children:[c.jsx(Gn.Provider,{value:H,children:r(t.children)},g),c.jsx(Gn.Provider,{value:A,children:r(t.children)}),c.jsx(gm,{ref:l,data:d,columns:$,pageSizes:e(t.props.pageSizes),rowsSelectable:e.asOptionalBoolean(t.props.rowsSelectable),registerComponentApi:i,noDataRenderer:t.props.noDataTemplate&&(()=>r(t.props.noDataTemplate)),hideNoDataView:t.props.noDataTemplate===null||t.props.noDataTemplate==="",loading:e.asOptionalBoolean(t.props.loading),isPaginated:e.asOptionalBoolean((U=t.props)==null?void 0:U.isPaginated),headerHeight:e.asSize(t.props.headerHeight),rowDisabledPredicate:a(t.props.rowDisabledPredicate),sortBy:e((Z=t.props)==null?void 0:Z.sortBy),sortingDirection:e((P=t.props)==null?void 0:P.sortDirection),iconSortAsc:e.asOptionalString((W=t.props)==null?void 0:W.iconSortAsc),iconSortDesc:e.asOptionalString((O=t.props)==null?void 0:O.iconSortDesc),iconNoSort:e.asOptionalString((V=t.props)==null?void 0:V.iconNoSort),sortingDidChange:o("sortingDidChange"),onSelectionDidChange:o("selectionDidChange"),willSort:o("willSort"),style:n,uid:t.uid,autoFocus:e.asOptionalBoolean(t.props.autoFocus),hideHeader:e.asOptionalBoolean(t.props.hideHeader),enableMultiRowSelection:e.asOptionalBoolean(t.props.enableMultiRowSelection),alwaysShowSelectionHeader:e.asOptionalBoolean(t.props.alwaysShowSelectionHeader)})]});return B===null?c.jsx(Kc,{children:E}):E});const km=k({description:"The `Column` component can be used within a `Table` to define a particular table column's visual properties and data bindings.",props:{bindTo:{description:"Indicates what part of the data to lay out in the column.",valueType:"string"},header:{description:"Adds a label for a particular column.",valueType:"string"},width:{description:"This property defines the width of the column. You can use a numeric value, a pixel value (such as `100px`), or a star size value (such as `*`, `2*`, etc.). You will get an error if you use any other unit (or value).",valueType:"any"},minWidth:{description:"Indicates the minimum width a particular column can have. Same rules apply as with [width](#width).",valueType:"any"},maxWidth:{description:"Indicates the maximum width a particular column can have. Same rules apply as with [width](#width).",valueType:"any"},canSort:{description:"This property sets whether the user can sort by a column by clicking on its header (`true`) or not (`false`).",valueType:"boolean"},pinTo:{description:"This property allows the column to be pinned to the `left` (left-to-right writing style) or `right` (left-to-right writing style) edge of the table. If the writing style is right-to-left, the locations are switched.",availableValues:["left","right"],valueType:"string"},canResize:{description:"This property indicates whether the user can resize the column. If set to `true`, the column can be resized by dragging the column border. If set to `false`, the column cannot be resized. Double-clicking the column border resets to the original size.",valueType:"boolean"}},contextVars:{$item:{description:"The data item being rendered."},$row:{description:"The data item being rendered (the same as `$item`)."},$itemIndex:{description:"The index of the data item being rendered."},$rowIndex:{description:"The index of the data item being rendered (the same as `$itemIndex`)."},$colIndex:{description:"The index of the column being rendered."},$cell:{description:"The value of the cell being rendered."}}}),Sm={themeVars:`'{"padding-TableOfContentsItem": "var(--xmlui-padding-TableOfContentsItem)", "paddingHorizontal-TableOfContentsItem": "var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem))", "paddingVertical-TableOfContentsItem": "var(--xmlui-paddingVertical-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem))", "paddingLeft-TableOfContentsItem": "var(--xmlui-paddingLeft-TableOfContentsItem, var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "paddingRight-TableOfContentsItem": "var(--xmlui-paddingRight-TableOfContentsItem, var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "paddingTop-TableOfContentsItem": "var(--xmlui-paddingTop-TableOfContentsItem, var(--xmlui-paddingVertical-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "paddingBottom-TableOfContentsItem": "var(--xmlui-paddingBottom-TableOfContentsItem, var(--xmlui-paddingVertical-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "padding-TableOfContentsItem-level-1": "var(--xmlui-padding-TableOfContentsItem-level-1)", "paddingHorizontal-TableOfContentsItem-level-1": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1))", "paddingVertical-TableOfContentsItem-level-1": "var(--xmlui-paddingVertical-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1))", "paddingLeft-TableOfContentsItem-level-1": "var(--xmlui-paddingLeft-TableOfContentsItem-level-1, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "paddingRight-TableOfContentsItem-level-1": "var(--xmlui-paddingRight-TableOfContentsItem-level-1, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "paddingTop-TableOfContentsItem-level-1": "var(--xmlui-paddingTop-TableOfContentsItem-level-1, var(--xmlui-paddingVertical-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "paddingBottom-TableOfContentsItem-level-1": "var(--xmlui-paddingBottom-TableOfContentsItem-level-1, var(--xmlui-paddingVertical-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "padding-TableOfContentsItem-level-2": "var(--xmlui-padding-TableOfContentsItem-level-2)", "paddingHorizontal-TableOfContentsItem-level-2": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2))", "paddingVertical-TableOfContentsItem-level-2": "var(--xmlui-paddingVertical-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2))", "paddingLeft-TableOfContentsItem-level-2": "var(--xmlui-paddingLeft-TableOfContentsItem-level-2, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "paddingRight-TableOfContentsItem-level-2": "var(--xmlui-paddingRight-TableOfContentsItem-level-2, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "paddingTop-TableOfContentsItem-level-2": "var(--xmlui-paddingTop-TableOfContentsItem-level-2, var(--xmlui-paddingVertical-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "paddingBottom-TableOfContentsItem-level-2": "var(--xmlui-paddingBottom-TableOfContentsItem-level-2, var(--xmlui-paddingVertical-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "padding-TableOfContentsItem-level-3": "var(--xmlui-padding-TableOfContentsItem-level-3)", "paddingHorizontal-TableOfContentsItem-level-3": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3))", "paddingVertical-TableOfContentsItem-level-3": "var(--xmlui-paddingVertical-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3))", "paddingLeft-TableOfContentsItem-level-3": "var(--xmlui-paddingLeft-TableOfContentsItem-level-3, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "paddingRight-TableOfContentsItem-level-3": "var(--xmlui-paddingRight-TableOfContentsItem-level-3, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "paddingTop-TableOfContentsItem-level-3": "var(--xmlui-paddingTop-TableOfContentsItem-level-3, var(--xmlui-paddingVertical-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "paddingBottom-TableOfContentsItem-level-3": "var(--xmlui-paddingBottom-TableOfContentsItem-level-3, var(--xmlui-paddingVertical-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "padding-TableOfContentsItem-level-4": "var(--xmlui-padding-TableOfContentsItem-level-4)", "paddingHorizontal-TableOfContentsItem-level-4": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4))", "paddingVertical-TableOfContentsItem-level-4": "var(--xmlui-paddingVertical-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4))", "paddingLeft-TableOfContentsItem-level-4": "var(--xmlui-paddingLeft-TableOfContentsItem-level-4, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "paddingRight-TableOfContentsItem-level-4": "var(--xmlui-paddingRight-TableOfContentsItem-level-4, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "paddingTop-TableOfContentsItem-level-4": "var(--xmlui-paddingTop-TableOfContentsItem-level-4, var(--xmlui-paddingVertical-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "paddingBottom-TableOfContentsItem-level-4": "var(--xmlui-paddingBottom-TableOfContentsItem-level-4, var(--xmlui-paddingVertical-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "padding-TableOfContentsItem-level-5": "var(--xmlui-padding-TableOfContentsItem-level-5)", "paddingHorizontal-TableOfContentsItem-level-5": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5))", "paddingVertical-TableOfContentsItem-level-5": "var(--xmlui-paddingVertical-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5))", "paddingLeft-TableOfContentsItem-level-5": "var(--xmlui-paddingLeft-TableOfContentsItem-level-5, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "paddingRight-TableOfContentsItem-level-5": "var(--xmlui-paddingRight-TableOfContentsItem-level-5, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "paddingTop-TableOfContentsItem-level-5": "var(--xmlui-paddingTop-TableOfContentsItem-level-5, var(--xmlui-paddingVertical-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "paddingBottom-TableOfContentsItem-level-5": "var(--xmlui-paddingBottom-TableOfContentsItem-level-5, var(--xmlui-paddingVertical-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "padding-TableOfContentsItem-level-6": "var(--xmlui-padding-TableOfContentsItem-level-6)", "paddingHorizontal-TableOfContentsItem-level-6": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6))", "paddingVertical-TableOfContentsItem-level-6": "var(--xmlui-paddingVertical-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6))", "paddingLeft-TableOfContentsItem-level-6": "var(--xmlui-paddingLeft-TableOfContentsItem-level-6, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "paddingRight-TableOfContentsItem-level-6": "var(--xmlui-paddingRight-TableOfContentsItem-level-6, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "paddingTop-TableOfContentsItem-level-6": "var(--xmlui-paddingTop-TableOfContentsItem-level-6, var(--xmlui-paddingVertical-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "paddingBottom-TableOfContentsItem-level-6": "var(--xmlui-paddingBottom-TableOfContentsItem-level-6, var(--xmlui-paddingVertical-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "backgroundColor-TableOfContents": "var(--xmlui-backgroundColor-TableOfContents)", "width-TableOfContents": "var(--xmlui-width-TableOfContents)", "height-TableOfContents": "var(--xmlui-height-TableOfContents)", "borderRadius-TableOfContents": "var(--xmlui-borderRadius-TableOfContents)", "borderColor-TableOfContents": "var(--xmlui-borderColor-TableOfContents)", "borderWidth-TableOfContents": "var(--xmlui-borderWidth-TableOfContents)", "borderStyle-TableOfContents": "var(--xmlui-borderStyle-TableOfContents)", "marginTop-TableOfContents": "var(--xmlui-marginTop-TableOfContents)", "marginBottom-TableOfContents": "var(--xmlui-marginBottom-TableOfContents)", "paddingVertical-TableOfContents": "var(--xmlui-paddingVertical-TableOfContents)", "paddingHorizontal-TableOfContents": "var(--xmlui-paddingHorizontal-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)", "textColor-TableOfContentsItem": "var(--xmlui-textColor-TableOfContentsItem)", "fontSize-TableOfContentsItem": "var(--xmlui-fontSize-TableOfContentsItem)", "fontWeight-TableOfContentsItem": "var(--xmlui-fontWeight-TableOfContentsItem)", "fontFamily-TableOfContentsItem": "var(--xmlui-fontFamily-TableOfContentsItem)", "textTransform-TableOfContentsItem": "var(--xmlui-textTransform-TableOfContentsItem)", "verticalAlign-TableOfContentsItem": "var(--xmlui-verticalAlign-TableOfContentsItem)", "letterSpacing-TableOfContentsItem": "var(--xmlui-letterSpacing-TableOfContentsItem)", "borderColor-TableOfContentsItem--active": "var(--xmlui-borderColor-TableOfContentsItem--active)", "color-TableOfContentsItem--active": "var(--xmlui-color-TableOfContentsItem--active)", "fontWeight-TableOfContentsItem--active": "var(--xmlui-fontWeight-TableOfContentsItem--active)"}'`},de="TableOfContents",wm=k({status:"experimental",description:`The \`${de}\` 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:{description:"This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.",valueType:"boolean",defaultValue:"false"},maxHeadingLevel:{description:"Defines the maximum heading level (1 to 6) to include in the table of contents. For example, if it is 2, then `H1` and `H2` are displayed, but lower levels (`H3` to `H6`) are not.",valueType:"number",defaultValue:"6"}},themeVars:j(Sm.themeVars),defaultThemeVars:{[`width-${de}`]:"auto",[`height-${de}`]:"auto",[`fontSize-${de}Item`]:"$fontSize-smaller",[`fontWeight-${de}Item`]:"$fontWeight-normal",[`fontFamily-${de}Item`]:"$fontFamily",[`borderRadius-${de}Item`]:"0",[`border-width-${de}Item`]:"$space-0_5",[`border-style-${de}Item`]:"solid",[`borderRadius-${de}Item--active`]:"0",[`border-width-${de}Item--active`]:"$space-0_5",[`border-style-${de}Item--active`]:"solid",[`fontWeight-${de}Item--active`]:"$fontWeight-bold",[`backgroundColor-${de}`]:"transparent",[`paddingHorizontal-${de}`]:"$space-8",[`paddingVertical-${de}`]:"$space-4",[`paddingHorizontal-${de}Item`]:"$space-2",[`paddingVertical-${de}Item`]:"$space-2",[`paddingHorizontal-${de}Item-level-1`]:"unset",[`paddingHorizontal-${de}Item-level-2`]:"unset",[`paddingHorizontal-${de}Item-level-3`]:"unset",[`paddingHorizontal-${de}Item-level-4`]:"unset",[`paddingHorizontal-${de}Item-level-5`]:"unset",[`paddingHorizontal-${de}Item-level-6`]:"unset",[`marginTop-${de}`]:"0",[`marginBottom-${de}`]:"0",[`borderRadius-${de}`]:"0",[`border-width-${de}`]:"0",[`borderColor-${de}`]:"transparent",[`border-style-${de}`]:"solid",[`textTransform-${de}Item`]:"none",[`verticalAlign-${de}Item`]:"baseline",[`letterSpacing-${de}Item`]:"0",light:{[`color-${de}Item`]:"$textColor-primary",[`borderColor-${de}Item`]:"$borderColor",[`borderColor-${de}Item--active`]:"$color-primary-500",[`color-${de}Item--active`]:"$color-primary-500"},dark:{[`color-${de}Item`]:"$textColor-primary",[`borderColor-${de}Item`]:"$borderColor",[`borderColor-${de}Item--active`]:"$color-primary-500",[`color-${de}Item--active`]:"$textColor-secondary"}}}),Hm={themeVars:`'{"backgroundColor-Tabs": "var(--xmlui-backgroundColor-Tabs)", "borderColor-Tabs": "var(--xmlui-borderColor-Tabs)", "borderWidth-Tabs": "var(--xmlui-borderWidth-Tabs)", "borderColor-active-Tabs": "var(--xmlui-borderColor-active-Tabs)", "backgroundColor-trigger-Tabs": "var(--xmlui-backgroundColor-trigger-Tabs)", "textColor-trigger-Tabs": "var(--xmlui-textColor-trigger-Tabs)", "backgroundColor-trigger-Tabs--hover": "var(--xmlui-backgroundColor-trigger-Tabs--hover)", "backgroundColor-list-Tabs": "var(--xmlui-backgroundColor-list-Tabs)"}'`},vt="Tabs",$m=k({status:"experimental",description:`The \`${vt}\` component provides a tabbed layout where each tab has a clickable label and content.`,props:{activeTab:m("This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."),orientation:{description:"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.",availableValues:["horizontal","vertical"],defaultValue:"vertical",valueType:"string"},tabTemplate:Ae("This property declares the template for the clickable tab area.")},apis:{next:m("This method selects the next tab.")},themeVars:j(Hm.themeVars),defaultThemeVars:{[`backgroundColor-${vt}`]:"$backgroundColor-primary",[`borderStyle-${vt}`]:"solid",[`borderColor-${vt}`]:"$borderColor",[`borderColor-active-${vt}`]:"$color-primary",[`borderWidth-${vt}`]:"2px",[`backgroundColor-trigger-${vt}`]:"$backgroundColor-primary",light:{[`backgroundColor-trigger-${vt}--hover`]:"$color-primary-50",[`backgroundColor-list-${vt}`]:"$color-primary-50",[`textColor-trigger-${vt}`]:"$color-primary-100"},dark:{[`backgroundColor-trigger-${vt}--hover`]:"$color-primary-800",[`backgroundColor-list-${vt}`]:"$color-primary-800",[`textColor-trigger-${vt}`]:"$color-primary-100"}}}),ee="Text",Im=k({description:`The \`${ee}\` component displays textual information in a number of optional styles and variants.`,props:{value:m(`The text to be displayed. This value can also be set via nesting the text into the \`${ee}\` component.`),variant:{description:"An optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color, and other parameters. If not defined, the text uses the current style of its context.",availableValues:Ul},maxLines:m("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. When the value is not defined, there is no limit on the displayed lines."),preserveLinebreaks:{description:"This property indicates if linebreaks should be preserved when displaying text.",valueType:"boolean",defaultValue:"false"},ellipses:{description:"This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).",valueType:"boolean",defaultValue:!1}},themeVars:j(Fr.themeVars),defaultThemeVars:{[`borderRadius-${ee}`]:"$borderRadius",[`borderStyle-${ee}`]:"solid",[`fontSize-${ee}`]:"$fontSize-small",[`borderWidth-${ee}`]:"$space-0",[`fontWeight-${ee}-abbr`]:"$fontWeight-bold",[`textTransform-${ee}-abbr`]:"uppercase",[`fontSize-${ee}-secondary`]:"$fontSize-small",[`font-style-${ee}-cite`]:"italic",[`textColor-${ee}`]:"$textColor-primary",[`fontFamily-${ee}`]:"$fontFamily",[`fontWeight-${ee}`]:"$fontWeight-normal",[`fontFamily-${ee}-code`]:"$fontFamily-monospace",[`fontSize-${ee}-code`]:"$fontSize-small",[`borderWidth-${ee}-code`]:"1px",[`paddingHorizontal-${ee}-code`]:"$space-1",[`textDecorationLine-${ee}-deleted`]:"line-through",[`textDecorationLine-${ee}-inserted`]:"underline",[`fontFamily-${ee}-keyboard`]:"$fontFamily-monospace",[`fontSize-${ee}-keyboard`]:"$fontSize-small",[`fontWeight-${ee}-keyboard`]:"$fontWeight-bold",[`borderWidth-${ee}-keyboard`]:"1px",[`paddingHorizontal-${ee}-keyboard`]:"$space-1",[`fontFamily-${ee}-sample`]:"$fontFamily-monospace",[`fontSize-${ee}-sample`]:"$fontSize-small",[`fontSize-${ee}-sup`]:"$fontSize-smaller",[`verticalAlign-${ee}-sup`]:"super",[`fontSize-${ee}-sub`]:"$fontSize-smaller",[`verticalAlign-${ee}-sub`]:"sub",[`font-style-${ee}-var`]:"italic",[`fontFamily-${ee}-mono`]:"$fontFamily-monospace",[`fontSize-${ee}-title`]:"$fontSize-large",[`fontSize-${ee}-subtitle`]:"$fontSize-medium",[`fontSize-${ee}-small`]:"$fontSize-small",[`lineHeight-${ee}-small`]:"$lineHeight-tight",[`letterSpacing-${ee}-caption`]:"0.05rem",[`fontSize-${ee}-placeholder`]:"$fontSize-small",[`fontFamily-${ee}-codefence`]:"$fontFamily-monospace",[`paddingHorizontal-${ee}-codefence`]:"$space-3",[`paddingVertical-${ee}-codefence`]:"$space-2",[`paddingVertical-${ee}-paragraph`]:"$space-1",[`fontSize-${ee}-subheading`]:"$fontSize-H6",[`fontWeight-${ee}-subheading`]:"$fontWeight-bold",[`letterSpacing-${ee}-subheading`]:"0.04em",[`textTransform-${ee}-subheading`]:"uppercase",[`marginTop-${ee}-tableheading`]:"$space-1",[`marginBottom-${ee}-tableheading`]:"$space-4",[`paddingHorizontal-${ee}-tableheading`]:"$space-1",[`fontWeight-${ee}-tableheading`]:"$fontWeight-bold",light:{[`backgroundColor-${ee}-code`]:"$color-surface-100",[`borderColor-${ee}-code`]:"$color-surface-200",[`backgroundColor-${ee}-keyboard`]:"$color-surface-200",[`borderColor-${ee}-keyboard`]:"$color-surface-300",[`backgroundColor-${ee}-marked`]:"yellow",[`color-${ee}-placeholder`]:"$color-surface-500",[`backgroundColor-${ee}-codefence`]:"$color-primary-100",[`color-${ee}-codefence`]:"$color-surface-900",[`color-${ee}-subheading`]:"$textColor-secondary",[`color-${ee}-secondary`]:"$textColor-secondary"},dark:{[`backgroundColor-${ee}-code`]:"$color-surface-800",[`borderColor-${ee}-code`]:"$color-surface-700",[`backgroundColor-${ee}-keyboard`]:"$color-surface-800",[`borderColor-${ee}-keyboard`]:"$color-surface-700",[`backgroundColor-${ee}-marked`]:"orange",[`color-${ee}-placeholder`]:"$color-surface-500",[`backgroundColor-${ee}-codefence`]:"$color-primary-800",[`color-${ee}-codefence`]:"$color-surface-200",[`color-${ee}-subheading`]:"$textColor-secondary",[`color-${ee}-secondary`]:"$textColor-secondary"}}}),Vt="TextArea",Bm=[{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"}],Lm=k({status:"experimental",description:`\`${Vt}\` is a component that provides a multiline text input area.`,props:{enterSubmits:{description:"This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit.",valueType:"boolean",defaultValue:!0},escResets:{description:`This boolean property indicates whether the ${Vt} contents should be reset when pressing the ESC key.`,valueType:"boolean",defaultValue:!1},maxRows:m(`This optional property sets the maximum number of text rows the \`${Vt}\` can grow.`),minRows:m(`This optional property sets the minimum number of text rows the \`${Vt}\` can shrink.`),rows:{description:"Specifies the number of rows the component initially has.",valueType:"number",defaultValue:2},autoSize:{description:`If set to \`true\`, this boolean property enables the \`${Vt}\` to resize automatically based on the number of lines inside it.`,valueType:"boolean",defaultValue:!1},placeholder:Cr(),initialValue:ct(),label:Pe(),labelPosition:Lt("top"),labelWidth:zt(Vt),labelBreak:Pt(Vt),maxLength:ho(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),resize:{description:"This optional property specifies in which dimensions can the `TextArea` be resized by the user.",availableValues:Bm}},events:{gotFocus:dt(Vt),lostFocus:ut(Vt),didChange:Xe(Vt)},apis:{focus:Mt(Vt),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dt()},themeVars:j(Xt.themeVars)}),Xn={themeVars:`'{"border-Accordion": "var(--xmlui-border-Accordion)", "borderHorizontal-Accordion": "var(--xmlui-borderHorizontal-Accordion, var(--xmlui-border-Accordion))", "borderVertical-Accordion": "var(--xmlui-borderVertical-Accordion, var(--xmlui-border-Accordion))", "borderLeft-Accordion": "var(--xmlui-borderLeft-Accordion, var(--xmlui-borderHorizontal-Accordion, var(--xmlui-border-Accordion)))", "borderRight-Accordion": "var(--xmlui-borderRight-Accordion, var(--xmlui-borderHorizontal-Accordion, var(--xmlui-border-Accordion)))", "borderTop-Accordion": "var(--xmlui-borderTop-Accordion, var(--xmlui-borderVertical-Accordion, var(--xmlui-border-Accordion)))", "borderBottom-Accordion": "var(--xmlui-borderBottom-Accordion, var(--xmlui-borderVertical-Accordion, var(--xmlui-border-Accordion)))", "borderWidth-Accordion": "var(--xmlui-borderWidth-Accordion)", "borderHorizontalWidth-Accordion": "var(--xmlui-borderHorizontalWidth-Accordion, var(--xmlui-borderWidth-Accordion))", "borderLeftWidth-Accordion": "var(--xmlui-borderLeftWidth-Accordion, var(--xmlui-borderHorizontalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderRightWidth-Accordion": "var(--xmlui-borderRightWidth-Accordion, var(--xmlui-borderHorizontalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderVerticalWidth-Accordion": "var(--xmlui-borderVerticalWidth-Accordion, var(--xmlui-borderWidth-Accordion))", "borderTopWidth-Accordion": "var(--xmlui-borderTopWidth-Accordion, var(--xmlui-borderVerticalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderBottomWidth-Accordion": "var(--xmlui-borderBottomWidth-Accordion, var(--xmlui-borderVerticalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderStyle-Accordion": "var(--xmlui-borderStyle-Accordion)", "borderHorizontalStyle-Accordion": "var(--xmlui-borderHorizontalStyle-Accordion, var(--xmlui-borderStyle-Accordion))", "borderLeftStyle-Accordion": "var(--xmlui-borderLeftStyle-Accordion, var(--xmlui-borderHorizontalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderRightStyle-Accordion": "var(--xmlui-borderRightStyle-Accordion, var(--xmlui-borderHorizontalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderVerticalStyle-Accordion": "var(--xmlui-borderVerticalStyle-Accordion, var(--xmlui-borderStyle-Accordion))", "borderTopStyle-Accordion": "var(--xmlui-borderTopStyle-Accordion, var(--xmlui-borderVerticalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderBottomStyle-Accordion": "var(--xmlui-borderBottomStyle-Accordion, var(--xmlui-borderVerticalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderColor-Accordion": "var(--xmlui-borderColor-Accordion)", "borderHorizontalColor-Accordion": "var(--xmlui-borderHorizontalColor-Accordion, var(--xmlui-borderColor-Accordion))", "borderLeftColor-Accordion": "var(--xmlui-borderLeftColor-Accordion, var(--xmlui-borderHorizontalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderRightColor-Accordion": "var(--xmlui-borderRightColor-Accordion, var(--xmlui-borderHorizontalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderVerticalColor-Accordion": "var(--xmlui-borderVerticalColor-Accordion, var(--xmlui-borderColor-Accordion))", "borderTopColor-Accordion": "var(--xmlui-borderTopColor-Accordion, var(--xmlui-borderVerticalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderBottomColor-Accordion": "var(--xmlui-borderBottomColor-Accordion, var(--xmlui-borderVerticalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "radius-start-start-Accordion": "var(--xmlui-radius-start-start-Accordion, var(--xmlui-borderRadius-Accordion))", "radius-start-end-Accordion": "var(--xmlui-radius-start-end-Accordion, var(--xmlui-borderRadius-Accordion))", "radius-end-start-Accordion": "var(--xmlui-radius-end-start-Accordion, var(--xmlui-borderRadius-Accordion))", "radius-end-end-Accordion": "var(--xmlui-radius-end-end-Accordion, var(--xmlui-borderRadius-Accordion))", "padding-Accordion": "var(--xmlui-padding-Accordion)", "paddingHorizontal-Accordion": "var(--xmlui-paddingHorizontal-Accordion, var(--xmlui-padding-Accordion))", "paddingVertical-Accordion": "var(--xmlui-paddingVertical-Accordion, var(--xmlui-padding-Accordion))", "paddingLeft-Accordion": "var(--xmlui-paddingLeft-Accordion, var(--xmlui-paddingHorizontal-Accordion, var(--xmlui-padding-Accordion)))", "paddingRight-Accordion": "var(--xmlui-paddingRight-Accordion, var(--xmlui-paddingHorizontal-Accordion, var(--xmlui-padding-Accordion)))", "paddingTop-Accordion": "var(--xmlui-paddingTop-Accordion, var(--xmlui-paddingVertical-Accordion, var(--xmlui-padding-Accordion)))", "paddingBottom-Accordion": "var(--xmlui-paddingBottom-Accordion, var(--xmlui-paddingVertical-Accordion, var(--xmlui-padding-Accordion)))", "borderRadius-Accordion": "var(--xmlui-borderRadius-Accordion)", "verticalAlign-header-Accordion": "var(--xmlui-verticalAlign-header-Accordion)", "fontSize-header-Accordion": "var(--xmlui-fontSize-header-Accordion)", "fontWeight-header-Accordion": "var(--xmlui-fontWeight-header-Accordion)", "font-style-header-Accordion": "var(--xmlui-font-style-header-Accordion)", "paddingVertical-header-Accordion": "var(--xmlui-paddingVertical-header-Accordion)", "paddingHorizontal-header-Accordion": "var(--xmlui-paddingHorizontal-header-Accordion)", "backgroundColor-header-Accordion": "var(--xmlui-backgroundColor-header-Accordion)", "color-header-Accordion": "var(--xmlui-color-header-Accordion)", "backgroundColor-header-Accordion-hover": "var(--xmlui-backgroundColor-header-Accordion-hover)", "color-content-Accordion": "var(--xmlui-color-content-Accordion)", "backgroundColor-content-Accordion": "var(--xmlui-backgroundColor-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_1dkwb_13"},_m=u.createContext({expandedItems:null,rotateExpanded:null,expandItem:ie,register:ie,unRegister:ie,hideIcon:null,expandedIcon:null,collapsedIcon:null,triggerPosition:null}),hr={hideIcon:!1,collapsedIcon:"chevrondown",triggerPosition:"end",rotateExpanded:"180deg"};u.forwardRef(function({style:t,children:r,hideIcon:o=hr.hideIcon,expandedIcon:a,collapsedIcon:n=hr.collapsedIcon,triggerPosition:i=hr.triggerPosition,onDisplayDidChange:l=ie,registerComponentApi:d,rotateExpanded:v=hr.rotateExpanded},f){const[p,C]=u.useState([]),[b,g]=u.useState(new Set),y=u.useCallback(P=>{C(W=>W.filter(O=>O!==`${P}`))},[C]),H=u.useCallback(P=>{p.includes(`${P}`)||C(W=>[...W,`${P}`])},[C,p]),A=u.useCallback(P=>{p.includes(`${P}`)?y(P):H(P)},[y,H,p]),$=u.useCallback(P=>{g(W=>(W.add(P),W))},[g]),B=u.useCallback(P=>{g(W=>(W.delete(P),W))},[g]),E=u.useCallback(P=>{if(b.has(`trigger_${P}`)){const W=document.getElementById(`trigger_${P}`);W&&W.focus()}},[b]),U=u.useCallback(P=>p.includes(`${P}`),[p]);u.useEffect(()=>{d==null||d({expanded:U,expand:H,collapse:y,toggle:A,focus:E})},[d,H,y,A,E,U]);const Z=u.useMemo(()=>({register:$,unRegister:B,expandItem:H,expandedItems:p,hideIcon:o,expandedIcon:a,collapsedIcon:n,triggerPosition:i,rotateExpanded:v}),[$,B,p,o,a,n,i,H,v]);return u.useEffect(()=>{l==null||l(p)},[p,l]),c.jsx(_m.Provider,{value:Z,children:c.jsx(Ol.Root,{style:t,ref:f,value:p,type:"multiple",className:Xn.root,onValueChange:P=>C(P),children:r})})});const ye="Accordion",Am=k({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${ye}\` 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:{description:"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.",defaultValue:hr.triggerPosition,valueType:"string",availableValues:Ml},collapsedIcon:{description:"This property is the name of the icon that is displayed when the accordion is collapsed.",valueType:"string",defaultValue:hr.collapsedIcon},expandedIcon:{description:"This property is the name of the icon that is displayed when the accordion is expanded.",valueType:"string"},hideIcon:{description:"This property indicates that the trigger icon is not displayed (`true`).",defaultValue:hr.hideIcon,valueType:"boolean"},rotateExpanded:{description:"This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).",valueType:"string",defaultValue:hr.rotateExpanded}},events:{displayDidChange:Xe(ye)},apis:{expanded:ql(ye),expand:Gl(ye),collapse:Yl(ye),toggle:m(`This method toggles the state of the ${ye} between expanded and collapsed.`),focus:Mt(ye)},themeVars:j(Xn.themeVars),defaultThemeVars:{[`paddingHorizontal-header-${ye}`]:"$space-3",[`paddingVertical-header-${ye}`]:"$space-3",[`verticalAlign-header-${ye}`]:"center",[`fontSize-header-${ye}`]:"$fontSize-normal",[`fontWeight-header-${ye}`]:"$fontWeight-normal",[`fontFamily-header-${ye}`]:"$fontFamily",[`border-${ye}`]:"0px solid $borderColor",[`width-icon-${ye}`]:"",[`height-icon-${ye}`]:"",light:{[`backgroundColor-header-${ye}`]:"$color-primary-500",[`backgroundColor-header-${ye}-hover`]:"$color-primary-400",[`color-header-${ye}`]:"$color-surface-50",[`color-content-${ye}`]:"$textColor-primary",[`backgroundColor-content-${ye}`]:"transparent",[`color-icon-${ye}`]:"$color-surface-50"},dark:{[`backgroundColor-header-${ye}`]:"$color-primary-500",[`backgroundColor-header-${ye}-hover`]:"$color-primary-600",[`color-header-${ye}`]:"$color-surface-50",[`color-content-${ye}`]:"$textColor-primary",[`backgroundColor-content-${ye}`]:"transparent",[`color-icon-${ye}`]:"$color-surface-50"}}}),Nm={themeVars:'"[]"'},Go="Alert",Om=k({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Go}\` 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:{description:`The value of this optional property sets the string to provide a color scheme for the ${Go}.`,availableValues:Pl,valueType:"string",defaultValue:"primary"},dismissable:{description:`This property's \`true\` value indicates if this alert is dismissable by the user. When the user closes the ${Go}, it gets hidden.`,valueType:"boolean",defaultValue:!0},autoDismissInMs:{description:"Timeout for the alert to be dismissed",valueType:"number"},showIcon:{description:"Indicates if the alert should display an icon",valueType:"boolean",defaultValue:!0},icon:{description:"Icon to be displayed in the alert",valueType:"string"}},events:{},apis:{dismiss:m(`This method dismisses the ${Go}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`)},themeVars:j(Nm.themeVars),defaultThemeVars:{light:{},dark:{}}}),jn="TabItem",Wm=k({description:`\`${jn}\` is a non-visual component describing a tab. Tabs component may use nested ${jn} instances from which the user can select.`,props:{label:Pe()}}),Vm=k({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}),Em=k({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:Ae("The template for each item in the tree.")}}),Yo="APICall",zm=k({description:`\`${Yo}\` 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:{description:"The method of data manipulation can be done via setting this property.",valueType:"string",availableValues:li,defaultValue:"get"},url:{description:"Use this property to set the URL to send data to.",isRequired:!0,valueType:"string"},rawBody:{description:"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.",valueType:"string"},body:{description:"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.",valueType:"string"},queryParams:{description:"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:{description:"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:{description:`This optional string sets the title in the confirmation dialog that is displayed before the \`${Yo}\` is executed.`,valueType:"string"},confirmMessage:{description:`This optional string sets the message in the confirmation dialog that is displayed before the \`${Yo}\` is executed.`,valueType:"string"},confirmButtonLabel:{description:`This optional string property enables the customization of the submit button in the confirmation dialog that is displayed before the \`${Yo}\` is executed.`,valueType:"string"},inProgressNotificationMessage:{description:"This property customizes the message that is displayed in a toast while the API operation is in progress.",valueType:"string"},errorNotificationMessage:{description:"This property defines the message to display automatically when the operation results in an error.",valueType:"string"},completedNotificationMessage:{description:"This property defines the message to display automatically when the operation has been completed.",valueType:"string"},payloadType:Ve(),invalidates:Ve(),updates:Ve(),optimisticValue:Ve(),getOptimisticValue:Ve()},events:{beforeRequest:m("This event fires before the request is sent. Returning an explicit boolean`false` value will prevent the request from being sent."),success:m("This event fires when a request results in a success."),error:m("This event fires when a request results in an error."),progress:Ve()},contextVars:{$param:m("This value represents the first parameters passed to the `execute()` method to display the modal dialog."),$params:m("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:m("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.")}}),Fa="DataSource",Pm=k({status:"stable",description:`The \`${Fa}\` 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:{description:"The method by which the data fetching request is made.",defaultValue:"get",availableValues:li},url:{description:"This property represents the URL to fetch the data.",isRequired:!0,valueType:"string"},rawBody:{description:"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.",valueType:"string"},body:{description:"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:{description:"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:{description:"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:{description:"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.",valueType:"number"},inProgressNotificationMessage:{description:"This property defines the message to display when the data fetch operation is in progress.",valueType:"string"},completedNotificationMessage:{description:"This property defines the message to display when the data fetch operation has been completed.",valueType:"string"},errorNotificationMessage:{description:"This property defines the message to display when the data fetch operation results in an error.",valueType:"string"},resultSelector:{description:"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:{description:"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:{description:`When using \`${Fa}\` 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:{description:`When using \`${Fa}\` 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:m("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:m("This event fires when a request results in an error.")}});var L=(e=>(e[e.EOF=-1]="EOF",e[e.nullCharacter=0]="nullCharacter",e[e.maxAsciiCharacter=127]="maxAsciiCharacter",e[e.lineFeed=10]="lineFeed",e[e.carriageReturn=13]="carriageReturn",e[e.lineSeparator=8232]="lineSeparator",e[e.paragraphSeparator=8233]="paragraphSeparator",e[e.nextLine=133]="nextLine",e[e.space=32]="space",e[e.nonBreakingSpace=160]="nonBreakingSpace",e[e.enQuad=8192]="enQuad",e[e.emQuad=8193]="emQuad",e[e.enSpace=8194]="enSpace",e[e.emSpace=8195]="emSpace",e[e.threePerEmSpace=8196]="threePerEmSpace",e[e.fourPerEmSpace=8197]="fourPerEmSpace",e[e.sixPerEmSpace=8198]="sixPerEmSpace",e[e.figureSpace=8199]="figureSpace",e[e.punctuationSpace=8200]="punctuationSpace",e[e.thinSpace=8201]="thinSpace",e[e.hairSpace=8202]="hairSpace",e[e.zeroWidthSpace=8203]="zeroWidthSpace",e[e.narrowNoBreakSpace=8239]="narrowNoBreakSpace",e[e.ideographicSpace=12288]="ideographicSpace",e[e.mathematicalSpace=8287]="mathematicalSpace",e[e.ogham=5760]="ogham",e[e.replacementCharacter=65533]="replacementCharacter",e[e._=95]="_",e[e.$=36]="$",e[e._0=48]="_0",e[e._1=49]="_1",e[e._2=50]="_2",e[e._3=51]="_3",e[e._4=52]="_4",e[e._5=53]="_5",e[e._6=54]="_6",e[e._7=55]="_7",e[e._8=56]="_8",e[e._9=57]="_9",e[e.a=97]="a",e[e.b=98]="b",e[e.c=99]="c",e[e.d=100]="d",e[e.e=101]="e",e[e.f=102]="f",e[e.g=103]="g",e[e.h=104]="h",e[e.i=105]="i",e[e.j=106]="j",e[e.k=107]="k",e[e.l=108]="l",e[e.m=109]="m",e[e.n=110]="n",e[e.o=111]="o",e[e.p=112]="p",e[e.q=113]="q",e[e.r=114]="r",e[e.s=115]="s",e[e.t=116]="t",e[e.u=117]="u",e[e.v=118]="v",e[e.w=119]="w",e[e.x=120]="x",e[e.y=121]="y",e[e.z=122]="z",e[e.A=65]="A",e[e.B=66]="B",e[e.C=67]="C",e[e.D=68]="D",e[e.E=69]="E",e[e.F=70]="F",e[e.G=71]="G",e[e.H=72]="H",e[e.I=73]="I",e[e.J=74]="J",e[e.K=75]="K",e[e.L=76]="L",e[e.M=77]="M",e[e.N=78]="N",e[e.O=79]="O",e[e.P=80]="P",e[e.Q=81]="Q",e[e.R=82]="R",e[e.S=83]="S",e[e.T=84]="T",e[e.U=85]="U",e[e.V=86]="V",e[e.W=87]="W",e[e.X=88]="X",e[e.Y=89]="Y",e[e.Z=90]="Z",e[e.ampersand=38]="ampersand",e[e.asterisk=42]="asterisk",e[e.at=64]="at",e[e.backslash=92]="backslash",e[e.backtick=96]="backtick",e[e.bar=124]="bar",e[e.caret=94]="caret",e[e.closeBrace=125]="closeBrace",e[e.closeBracket=93]="closeBracket",e[e.closeParen=41]="closeParen",e[e.colon=58]="colon",e[e.comma=44]="comma",e[e.dot=46]="dot",e[e.doubleQuote=34]="doubleQuote",e[e.equals=61]="equals",e[e.exclamation=33]="exclamation",e[e.greaterThan=62]="greaterThan",e[e.hash=35]="hash",e[e.lessThan=60]="lessThan",e[e.minus=45]="minus",e[e.openBrace=123]="openBrace",e[e.openBracket=91]="openBracket",e[e.openParen=40]="openParen",e[e.percent=37]="percent",e[e.plus=43]="plus",e[e.question=63]="question",e[e.semicolon=59]="semicolon",e[e.singleQuote=39]="singleQuote",e[e.slash=47]="slash",e[e.tilde=126]="tilde",e[e.backspace=8]="backspace",e[e.formFeed=12]="formFeed",e[e.byteOrderMark=65279]="byteOrderMark",e[e.tab=9]="tab",e[e.verticalTab=11]="verticalTab",e))(L||{}),no=(e=>(e[e.Warning=0]="Warning",e[e.Error=1]="Error",e[e.Suggestion=2]="Suggestion",e[e.Message=3]="Message",e))(no||{}),xr=(e=>(e.onlyOneElem="U002",e.expTagOpen="U003",e.expTagIdent="U004",e.expCloseStart="U005",e.expEndOrClose="U006",e.tagNameMismatch="U007",e.expEnd="U008",e.expAttrIdent="U009",e.expEq="U010",e.expAttrValue="U011",e.duplAttr="U012",e.uppercaseAttr="U013",e.invalidChar="W001",e.untermStr="W002",e.untermComment="W007",e.untermCData="W008",e.untermScript="W009",e))(xr||{});const Ra={code:"W001",category:1,message:"Invalid character."},Dm={code:"W002",category:1,message:"Unterminated string literal."},Mm={code:"W007",category:1,message:"Unterminated comment"},Fm={code:"W008",category:1,message:"Unterminated CDATA section"},Rm={code:"W009",category:1,message:"Unterminated script section"},Um={category:1,code:"U008",message:"A '>' token expected."},qm={category:1,code:"U005",message:"A '</' token expected."},Qn={category:1,code:"U004",message:"A tag identifier expected."},Gm={category:1,code:"U011",message:"An attribute value expected."},Ym={category:1,code:"U003",message:"A '<' token expected."},Xm={category:1,code:"U006",message:"A '>' or '/>' token expected."},Zn={category:1,code:"U009",message:"An attribute identifier expected."};var w=(e=>(e[e.Unknown=0]="Unknown",e[e.EndOfFileToken=1]="EndOfFileToken",e[e.CommentTrivia=2]="CommentTrivia",e[e.NewLineTrivia=3]="NewLineTrivia",e[e.WhitespaceTrivia=4]="WhitespaceTrivia",e[e.Identifier=5]="Identifier",e[e.OpenNodeStart=6]="OpenNodeStart",e[e.CloseNodeStart=7]="CloseNodeStart",e[e.NodeEnd=8]="NodeEnd",e[e.NodeClose=9]="NodeClose",e[e.Colon=10]="Colon",e[e.Equal=11]="Equal",e[e.StringLiteral=12]="StringLiteral",e[e.CData=13]="CData",e[e.Script=14]="Script",e[e.TextNode=15]="TextNode",e[e.AmpersandEntity=16]="AmpersandEntity",e[e.LessThanEntity=17]="LessThanEntity",e[e.GreaterThanEntity=18]="GreaterThanEntity",e[e.SingleQuoteEntity=19]="SingleQuoteEntity",e[e.DoubleQuoteEntity=20]="DoubleQuoteEntity",e[e.ElementNode=21]="ElementNode",e[e.AttributeNode=22]="AttributeNode",e[e.AttributeKeyNode=23]="AttributeKeyNode",e[e.ContentListNode=24]="ContentListNode",e[e.AttributeListNode=25]="AttributeListNode",e[e.TagNameNode=26]="TagNameNode",e[e.ErrorNode=27]="ErrorNode",e))(w||{});function jm(e){return e>=2&&e<=4}function Jn(e){switch(e){case 0:return"Unknown";case 1:return"EndOfFileToken";case 2:return"CommentTrivia";case 3:return"NewLineTrivia";case 4:return"WhitespaceTrivia";case 5:return"Identifier";case 6:return"OpenNodeStart";case 7:return"CloseNodeStart";case 8:return"NodeEnd";case 9:return"NodeClose";case 10:return"Colon";case 11:return"Equal";case 12:return"StringLiteral";case 13:return"CData";case 14:return"Script";case 16:return"AmpersandEntity";case 17:return"LessThanEntity";case 18:return"GreaterThanEntity";case 19:return"SingleQuoteEntity";case 20:return"DoubleQuoteEntity";case 21:return"ElementNode";case 22:return"AttributeNode";case 15:return"TextNode";case 24:return"ContentListNode";case 25:return"AttributeListNode";case 26:return"TagNameNode";case 27:return"ErrorNode";case 23:return"AttributeKeyNode"}return Qm()}function Qm(e){throw new Error("Didn't expect to get here")}function Zm(e,t,r,o,a){let n=t,i,l,d,v,f,p;return U(n,o,a),{getStartPos:()=>d,getTokenEnd:()=>i,getToken:()=>f,getTokenStart:()=>v,getTokenText:()=>n.substring(v,i),getTokenValue:()=>p,isIdentifier:()=>f===w.Identifier,peekChar:C,scanChar:b,scan:g,scanTrivia:y,scanText:H,getText:A,setText:U,setOnError:Z,resetTokenState:P,back:W};function C(T){if(i+(T??0)>=l)return null;const S=B(i+(T??0));return isNaN(S)?null:S}function b(){if(i>=l)return null;const T=B(i);return i+=rr(T),T}function g(){for(d=i;;){if(v=i,i>=l)return f=w.EndOfFileToken;const T=B(i);switch(T){case L.lineFeed:case L.carriageReturn:return T===L.carriageReturn&&i+1<l&&$(i+1)===L.lineFeed?i+=2:i++,f=w.NewLineTrivia;case L.tab:case L.verticalTab:case L.formFeed:case L.space:case L.nonBreakingSpace:case L.ogham:case L.enQuad:case L.emQuad:case L.enSpace:case L.emSpace:case L.threePerEmSpace:case L.fourPerEmSpace:case L.sixPerEmSpace:case L.figureSpace:case L.punctuationSpace:case L.thinSpace:case L.hairSpace:case L.zeroWidthSpace:case L.narrowNoBreakSpace:case L.mathematicalSpace:case L.ideographicSpace:case L.byteOrderMark:{for(;i<l&&el($(i));)i++;return f=w.WhitespaceTrivia}case L.doubleQuote:case L.singleQuote:case L.backtick:return p=x(),f=w.StringLiteral;case L.ampersand:return $(i+1)===L.a&&$(i+2)===L.m&&$(i+3)===L.p&&$(i+4)===L.semicolon?(i+=5,f=w.AmpersandEntity):$(i+1)===L.l&&$(i+2)===L.t&&$(i+3)===L.semicolon?(i+=4,f=w.LessThanEntity):$(i+1)===L.g&&$(i+2)===L.t&&$(i+3)===L.semicolon?(i+=4,f=w.GreaterThanEntity):$(i+1)===L.q&&$(i+2)===L.u&&$(i+3)===L.o&&$(i+4)===L.t&&$(i+5)===L.semicolon?(i+=6,f=w.DoubleQuoteEntity):$(i+1)===L.a&&$(i+2)===L.p&&$(i+3)===L.o&&$(i+4)===L.s&&$(i+5)===L.semicolon?(i+=6,f=w.SingleQuoteEntity):(i++,h(Ra,1),f=w.Unknown);case L.equals:return i++,f=w.Equal;case L.colon:return i++,f=w.Colon;case L.lessThan:if($(i+1)===L.slash)return i+=2,f=w.CloseNodeStart;if($(i+1)===L.exclamation&&$(i+2)===L.minus&&$(i+3)===L.minus){for(i+=4;i<l;){if($(i)===L.minus&&$(i+1)===L.minus&&$(i+2)===L.greaterThan)return i+=3,f=w.CommentTrivia;i+=rr($(i))}return h(Mm,4),f=w.Unknown}else if($(i+1)===L.exclamation&&$(i+2)===L.openBracket&&$(i+3)===L.C&&$(i+4)===L.D&&$(i+5)===L.A&&$(i+6)===L.T&&$(i+7)===L.A&&$(i+8)===L.openBracket){for(i+=9;i<l;){if($(i)===L.closeBracket&&$(i+1)===L.closeBracket&&$(i+2)===L.greaterThan)return i+=3,f=w.CData;i+=rr($(i))}return h(Fm,9),f=w.CData}else if($(i+1)===L.s&&$(i+2)===L.c&&$(i+3)===L.r&&$(i+4)===L.i&&$(i+5)===L.p&&$(i+6)===L.t&&$(i+7)===L.greaterThan){for(i+=8;i<l;){if($(i)===L.lessThan&&$(i+1)===L.slash&&$(i+2)===L.s&&$(i+3)===L.c&&$(i+4)===L.r&&$(i+5)===L.i&&$(i+6)===L.p&&$(i+7)===L.t&&$(i+8)===L.greaterThan)return i+=9,f=w.Script;i+=rr($(i))}return h(Rm,9),f=w.Script}return i++,f=w.OpenNodeStart;case L.slash:return $(i+1)===L.greaterThan?(i+=2,f=w.NodeClose):(i++,h(Ra,1),f=w.Unknown);case L.greaterThan:return i++,f=w.NodeEnd;default:const S=O(T);if(S)return f=S;if(el(T)){i+=rr(T);continue}else if(rp(T)){i+=rr(T);continue}const _=rr(T);return i+=_,h(Ra,_),f=w.Unknown}}}function y(){const T=i,S=g();return jm(S)?S:(P(T),null)}function H(){return w.Unknown}function A(){return n}function $(T){return n.charCodeAt(T)}function B(T){return E(n,T)}function E(T,S){return T.codePointAt(S)??0}function U(T,S,_){n=T||"",l=_===void 0?n.length:S+_,P(S||0)}function Z(T){r=T}function P(T){i=T,d=T,v=T,f=w.Unknown,p=void 0}function W(){P(d)}function O(T){let S=T;if(ep(S)){for(i+=rr(S);i<l&&tp(S=B(i));)i+=rr(S);return p=n.substring(v,i),V()}}function V(){return f=w.Identifier}function x(){const T=$(i);i++;let S="",_=i;for(;;){if(i>=l){S+=n.substring(_,i),h(Dm,1);break}if($(i)===T){S+=n.substring(_,i),i++;break}i++}return S}function h(T,S=0){r&&r(T,S)}}function rr(e){return e>=65536?2:e===L.EOF?0:1}function Kn(e){return e>=L.A&&e<=L.Z||e>=L.a&&e<=L.z}function Jm(e){return Kn(e)||Km(e)||e===L._}function Km(e){return e>=L._0&&e<=L._9}function ep(e){return Kn(e)||e===L.$||e===L._}function tp(e){return Jm(e)||e===L.$||e===L.minus||e===L.dot}function el(e){return e===L.space||e===L.tab||e===L.verticalTab||e===L.formFeed||e===L.nonBreakingSpace||e===L.nextLine||e===L.ogham||e>=L.enQuad&&e<=L.zeroWidthSpace||e===L.narrowNoBreakSpace||e===L.mathematicalSpace||e===L.ideographicSpace||e===L.byteOrderMark}function rp(e){return e===L.lineFeed||e===L.carriageReturn||e===L.lineSeparator||e===L.paragraphSeparator}function op(e,t,r){var n,i;const o=((n=e.children)==null?void 0:n.filter(l=>l.kind!==w.ErrorNode))??[],a=((i=t.children)==null?void 0:i.filter(l=>l.kind!==w.ErrorNode))??[];if(o.length!==a.length)return!1;for(let l=0;l<o.length;++l)if(r(o[l])!==r(a[l]))return!1;return!0}const Xo={uppercaseAttr:function(e){return{category:no.Error,code:xr.uppercaseAttr,message:`Attribute name '${e}' cannot start with an uppercase letter.`}},duplAttr:function(e){return{category:no.Error,code:xr.duplAttr,message:`Duplicated attribute: '${e}'.`}},tagNameMismatch:function(e,t){return{category:no.Error,code:xr.tagNameMismatch,message:`Opening and closing tag names should match. Opening tag has a name '${e}', but the closing tag name is '${t}'.`}},invalidChar:function(e){return{category:no.Error,code:xr.invalidChar,message:`Invalid character '${e}'.`}}};function ap(e){return{parse:()=>ip(e),getText:(t,r=!0)=>e.substring(r?t.pos??t.start??0:t.start??t.pos??0,t.end)}}function ip(e){const t=[],r=[];let o,a={children:[]},n;const l=Zm(!1,e,function(N,I){n={message:N,prefixLength:I}});function d(N,I=!0){return e.substring(I?N.pos:N.start,N.end)}function v(){h();e:for(;;){const N=O();switch(N.kind){case w.TextNode:case w.StringLiteral:V(N.kind);break;case w.CloseNodeStart:break e;case w.EndOfFileToken:break e;default:p();break}}a.children&&a.children.length>0?T(w.ContentListNode):G()}function f(){for(;;)switch(O().kind){case w.EndOfFileToken:x();return;default:p();break}}function p(){!B(w.CData)&&!B(w.Script)&&($(w.OpenNodeStart)?C():_(Ym))}function C(){h(),V(w.OpenNodeStart);let N;if($(w.Identifier)?N=b():Z(Qn),g(),B(w.NodeClose)){T(w.ElementNode);return}else if(B(w.NodeEnd)){if(v(),B(w.CloseNodeStart)){if($(w.Identifier)){const I=b();N!==void 0&&!op(N,I,d)&&Z(Xo.tagNameMismatch(d(N),d(I)))}else U(Qn,[w.NodeEnd]);B(w.NodeEnd)||Z(Um)}else Z(qm);T(w.ElementNode);return}else Z(Xm)}function b(){return h(),V(w.Identifier),B(w.Colon)&&B(w.Identifier),T(w.TagNameNode)}function g(){h();const N=[];for(;!E([w.EndOfFileToken,w.NodeEnd,w.NodeClose]);)y(N);a.children.length===0?G():T(w.AttributeListNode)}function y(N){if(h(),$(w.Identifier))H(N);else{const I=[w.Equal];if(!U(Zn,I))return}if(B(w.Equal)&&!B(w.StringLiteral)&&!B(w.Identifier)){const I=[w.NodeEnd,w.NodeClose];U(Gm,I)}T(w.AttributeNode)}function H(N){const I=W();let M;h(),V(w.Identifier),B(w.Colon)&&($(w.Identifier)?M=V(w.Identifier):U(Zn,[w.NodeClose,w.NodeEnd,w.Equal])),A(N,{nsIdent:M,nameIdent:I}),T(w.AttributeKeyNode)}function A(N,{nameIdent:I,nsIdent:M}){const R=d(I),D=M===void 0?void 0:d(M),Y=({ns:ce,name:Ee})=>Ee===R&&ce===D,Q=N.findIndex(Y)!==-1,J="A"<=R[0]&&R[0]<="Z",K=Q||J;Q&&P(Xo.duplAttr(R),I.pos,I.end),J&&P(Xo.uppercaseAttr(R),I.pos,I.end),K||N.push({name:R})}function $(N){return W().kind===N}function B(N){const I=$(N);return I&&x(),I}function E(N){return N.includes(W().kind)}function U(N,I){return E(I)||$(w.EndOfFileToken)?(Z(N),!0):(h(),Z(N),x(),T(w.ErrorNode),!1)}function Z({code:N,message:I,category:M}){const{pos:R,end:D}=W();t.push({category:M,code:N,message:I,pos:R,end:D})}function P({code:N,message:I,category:M},R,D){t.push({category:M,code:N,message:I,pos:R,end:D})}function W(N=!1){return o!==void 0||(o=S(N)),o}function O(){const N=W(!0);if(N.kind===w.EndOfFileToken||N.kind===w.OpenNodeStart||N.kind===w.Script||N.kind===w.CData||N.kind===w.CloseNodeStart)return N;const I=N.triviaBefore,M=(I==null?void 0:I.length)??0;let R=0,D=[],Y=-1;for(;R<M;++R)if(I[R].kind===w.CommentTrivia)D.push(I[R]);else{Y=R;break}let Q=-1;for(;R<M;++R)if(I[R].kind===w.CommentTrivia){Q=R;break}let J=!1;if(N.kind===w.StringLiteral){const te=N.end,X=S(!0);J=X.kind===w.CData||X.kind===w.CloseNodeStart||X.kind===w.Script||X.kind===w.OpenNodeStart,l.resetTokenState(te)}let K;J?K=N.pos:D.length>0?K=D[D.length-1].end:Y!==-1?K=I[Y].pos:K=N.start;let ce=K,Ee;D.length>0&&(Ee=D,ce=D[0].pos);let Be=w.TextNode,oe=-1;if(Q!==-1)oe=I[Q].pos,l.resetTokenState(oe);else if(J)Be=w.StringLiteral,oe=N.end;else{for(;;){const te=l.peekChar();if(te===null||te===L.lessThan)break;l.scanChar()}oe=l.getTokenEnd()}return o={kind:Be,start:ce,pos:K,end:oe,triviaBefore:Ee},o}function V(N){const I=x();if(I.kind!==N)throw new Error(`expected ${Jn(N)}, bumped a ${Jn(I.kind)}`);return I}function x(){if(o){a.children.push(o);const I=o;return o=void 0,I}const N=S(!1);return a.children.push(N),N}function h(){r.push(a),a={children:[]}}function T(N){const I=tl(N,a.children),M=r[r.length-1];return M.children.push(I),a=M,r.pop(),I}function S(N){let I,M=[],R=null;for(;;){if(I=l.scan(),R===null&&(R=l.getTokenStart()),n!==void 0){let D;n.message.code===xr.invalidChar?D=Xo.invalidChar(l.getTokenText()):D=n.message;const Y=l.getTokenStart(),Q={kind:I,start:R,pos:Y,end:l.getTokenEnd(),triviaBefore:M.length>0?M:void 0};if(M=[],N&&D.code===xr.invalidChar)return n=void 0,Q;const J=Y+n.prefixLength;return Q.end=J,l.resetTokenState(J),h(),a.children.push(Q),P(D,Y,J),T(w.ErrorNode),n=void 0,S(N)}switch(I){case w.CommentTrivia:case w.NewLineTrivia:case w.WhitespaceTrivia:M.push({kind:I,start:R,pos:l.getTokenStart(),end:l.getTokenEnd()});break;default:return{kind:I,start:R,pos:l.getTokenStart(),end:l.getTokenEnd(),triviaBefore:M.length>0?M:void 0}}}}function _(N){U(N,[])}function G(){const N=r[r.length-1];N.children.push(...a.children),a=N,r.pop()}return f(),{node:tl(w.ContentListNode,a.children),errors:t}}function tl(e,t){const r=t[0],o=t[t.length-1];return{kind:e,start:r.start,pos:r.pos,end:o.end,children:t}}const Ua="__PARSED__";function np(e,t,r,o){const a={vars:{},moduleErrors:{},functions:{}},n={},i=fu(e,t,r,!0);if(xu(i))return{...a,moduleErrors:i};const l=o(i.name);return i.statements.forEach(f=>{switch(f.type){case"VarS":f.declarations.forEach(p=>{if(p.id in a.vars)throw new Error(`Duplicated var declaration: '${p.id}'`);a.vars[p.id]={[Ua]:!0,source:p.expression.source,tree:p.expression}});break;case"FuncD":v(l,f);break;case"ImportD":break;default:throw new Error(`'${f.type}' is not allowed in a code-behind module.`)}}),d(i),a;function d(f){var C;const p=o(f.name);if(!((C=n==null?void 0:n[p])!=null&&C.collectedImportsFrom)){for(const b in f.imports){const g=o(b),y=f.imports[b];for(const H of Object.values(y))H.type==="FuncD"&&v(g,H)}n[p]??(n[p]={collectedImportsFrom:!0}),n[p].collectedImportsFrom=!0;for(let b of f.importedModules)d(b)}}function v(f,p){var H,A,$,B;var C;if(((A=(H=n==null?void 0:n[f])==null?void 0:H.functions)==null?void 0:A[p.name])!==void 0)return;if(p.name in a.functions)throw new Error(`Duplicated function declaration: '${p.name}'`);const b=p.args.length===1?`${p.args[0].source} => ${p.statement.source}`:`(${p.args.map(E=>E.source).join(", ")}) => ${p.statement.source}`,g={type:"ArrowE",args:p.args.slice(),statement:p.statement,closureContext:cn({blocks:[{vars:{}}]})},y=(B=($=g.closureContext[0])==null?void 0:$.vars)==null?void 0:B[p.name];y!=null&&y.closureContext&&delete y.closureContext,n[f]??(n[f]={functions:{},collectedImportsFrom:!1}),(C=n[f]).functions??(C.functions={}),n[f].functions[p.name]={[Ua]:!0,source:b,tree:g},a.functions[p.name]={[Ua]:!0,source:b,tree:g}}}class qa extends Error{constructor(t,r){super(`${r?`${r}: `:""}${t}`),this.code=r,Object.setPrototypeOf(this,qa.prototype)}}const lp={U001:"Unexpected token: {0}.",U002:"A component definition can have exactly one XMLUI element.",U003:"A '<' token expected.",U004:"A node identifier expected.",U005:"A '</' token expected.",U006:"A '>' or '/>' token expected.",U007:"An '{0}' ID expected in the closing tag but '{1}' received.",U008:"A '>' token expected.",U009:"An attribute identifier expected.",U010:"An '=' token expected.",U011:"An attribute value expected.",U012:"Duplicated attribute: '{0}'.",U013:"Attribute name cannot start with an uppercase letter.",U014:"An '{0}' ID expected in the closing tag's namespace but '{1}' received.",U015:"Unexpected token in text element: {0}.",T001:"A component definition must have exactly one XMLUI element.",T002:"A component definition's name must start with an uppercase letter.",T003:"A reusable component must have a non-empty name.",T004:"A reusable component's name must start with an uppercase letter.",T005:"A reusable component must have at least one nested component definition.",T006:"A reusable component definition cannot nest another one.",T007:"Invalid attribute name: '{0}'",T008:"Event attribute names should not start with 'on' prefix: '{0}'",T009:"Invalid node name '{0}' in a component definition",T010:"The '{0}' element does not accept a text child",T011:"Only 'name', 'value', and type hint attributes are accepted in '{0}'.",T012:"The 'name' attribute in '{0}' is required.",T013:"A loader element must have an id.",T014:"A loader element must not have '{0}'.",T015:"The uses element must define only a non-empty 'value' attribute.",T016:"Only 'field' or 'item' are accepted as a child element.",T017:"Cannot mix 'field' and 'item' nodes within an element.",T018:"The '{0}' node cannot have a 'name' attribute.",T019:"The 'value' attribute in '{0}' is required.",T020:"Cannot mix nested components and non-component children.",T021:"Invalid reusable component attribute '{0}'.",T022:"The 'script' tag must not have any attribute.",T023:"A 'script' tag cannot nest other child nodes, only text.",T024:"Cannot put a reusable component definitions into a slot.",T025:"Duplicate xmlns found: '{0}'.",T026:"The top level component's name cannot have a namespace.",T027:"Cannot resolve namespace '{0}'. It was not defined in any of the ancestor components.",T028:"Incorrect namespace value '{0}'. {1}",T029:"Incorrect scheme specified before ':' (colon) in namespace {0}. Delete it to get the default '{1}'."},rl="Component",Ga=/^[A-Z]/,ol=/^on[A-Z]/,sp=["name","value"],dp=9,Ya="component-ns",up="app-ns",cp="#app-ns",mp="core-ns",pp="#xmlui-core-ns",fr={property:"property",event:"event",variable:"variable",loaders:"loaders",uses:"uses",method:"method",item:"item",field:"field"};function hp(e,t,r,o=()=>""){const a=x=>x.text??t(x),n=vp(e),i=U(n),l=[],d=[];return v(l,i);function v(x,h){const T=sl(h,a,d);if(T===rl)return p(h);let S={type:T,debug:{source:{start:h.start,end:h.end,fileId:r}}};return C(x,S,h),S}function f(x,h){const T=sl(h,a,d);T===rl&&me("T006");let S={type:T,debug:{source:{start:h.start,end:h.end,fileId:r}}};return C(x,S,h),S}function p(x){const h=lo(x).map(B),T=h.find(K=>K.name==="name");T||me("T003"),Ga.test(T.value)||me("T004");let S;const _=h.filter(K=>K.startSegment==="method");_.length>0&&(S={},_.forEach(K=>{S[K.name]=K.value}));let G;const z=h.filter(K=>K.startSegment==="var");z.length>0&&(G={},z.forEach(K=>{G[K.name]=K.value}));const N=so(x),I=N.filter(K=>K.kind===w.ElementNode&&!(or(K,a)in fr));I.length===0&&I.push(al(""));const M=[],R=[];for(let K of N)if(K.kind===w.ElementNode){const ce=or(K,a);ce===fr.variable?R.push(K):ce in fr&&M.push(K)}let D;I.length>1||R.length>0?D=il([...R,...I]):D=I[0],d.push(new Map),h.filter(K=>K.namespace==="xmlns").forEach(K=>{ll(d,D,K.unsegmentedName,K.value)});let Y=f(l,D);d.pop();const Q={name:T.value,component:Y,debug:{source:{start:x.start,end:x.end,fileId:r}}};S&&(Q.api=S),G&&(Y.vars={...Y.vars,...G}),Y.debug={source:{start:D.start,end:D.end,fileId:r}};const J=nl(x,M);return C(l,Q,J),Q}function C(x,h,T){var I;const S=!Et(h),_=lo(T);if(d.push(new Map),_.forEach(M=>{b(h,M)}),so(T).forEach(M=>{if(M.kind===w.Script){lo(M).length>0&&me("T022");const D=a(M),Y=D.slice(D.indexOf(">")+1,D.lastIndexOf("</"));h.script??(h.script=""),h.script.length>0&&(h.script+=`
|
|
12
|
-
`),h.script+=Y;return}if(M.kind===w.TextNode&&!S){h.children=jo(h.children,a(M));return}const R=or(M,a);if(!(S&&M.kind===w.ElementNode&&!(R in fr))){if(!(R in fr)&&!S){const D=f(x,M);D&&(h.children?typeof h.children=="string"?h.children=[h.children,D]:Array.isArray(h.children)&&h.children.push(D):h.children=[D]);return}switch(R){case"property":A(x,h,M,D=>{var Y;return Et(h)?(Y=h.props)==null?void 0:Y[D]:void 0},(D,Y)=>{Et(h)&&(h.props??(h.props={}),h.props[D]=Y)});return;case"event":A(x,h,M,D=>{var Y;return Et(h)?(Y=h.events)==null?void 0:Y[D]:void 0},(D,Y)=>{Et(h)&&(h.events??(h.events={}),h.events[D]=Y)},D=>{ol.test(D)&&me("T008",D)});return;case fr.variable:A(x,h,M,D=>{var Y;return Et(h)?(Y=h.vars)==null?void 0:Y[D]:void 0},(D,Y)=>{Et(h)&&(h.vars??(h.vars={}),h.vars[D]=Y)});return;case"loaders":H(x,h,M);return;case"uses":$(h,M);return;case"method":A(x,h,M,D=>{var Y;return Et(h)?(Y=h.api)==null?void 0:Y[D]:void 0},(D,Y)=>{h.api??(h.api={}),h.api[D]=Y});return;default:me("T009",R);return}}}),d.pop(),!h.script||h.script.trim().length===0)return;const z=new un(h.script);try{z.parseStatements(),h.scriptCollected=np("Main",h.script,o,M=>M)}catch(M){z.errors&&z.errors.length>0?h.scriptError=z.errors:h.scriptError=M}const N=((I=h.scriptCollected)==null?void 0:I.moduleErrors)??{};Object.keys(N).length>0&&(h.scriptError=N)}function b(x,h){const{namespace:T,startSegment:S,name:_,value:G,unsegmentedName:z}=B(h);if(T==="xmlns")return ll(d,x,z,G);if(!Et(x)){if(S&&S!=="method"&&S!=="var"){me("T021");return}if(_==="name"&&!S)return;!S&&_&&me("T021",_);return}switch(_){case"id":x.uid=G;return;case"testId":x.testId=G;return;case"when":x.when=G;return;default:if(S==="var")x.vars??(x.vars={}),x.vars[_]=G;else if(S==="method")x.api??(x.api={}),x.api[_]=G;else if(S==="event")x.events??(x.events={}),x.events[_]=G;else if(ol.test(_)){x.events??(x.events={});const I=_[2].toLowerCase()+_.substring(3);x.events[I]=G}else x.props??(x.props={}),x.props[_]=G;return}}function g(x,h){let T=null;if(!h)return T;let S=null;return h.forEach(_=>{if(_.kind===w.TextNode){T=jo(T,a(_));return}if(_.kind!==w.ElementNode)return;const G=or(_,a);if(G!=="field"&&G!=="item"){me("T016");return}if(G==="field"){if(!S)S=G,T={};else if(S!==G){me("T017");return}}else if(G==="item"){if(!S)S=G,T=[];else if(S!==G){me("T017");return}}let z=y(x,_,G==="field");if(!z)return null;S==="field"?T[z.name]=z.value:T.push(z.value)}),T}function y(x,h,T=!0){const S=or(h,a),_=so(h),G=_.filter(Q=>Q.kind===w.ElementNode&&Ga.test(or(Q,a))),z=_.filter(Q=>Q.kind===w.ElementNode&&!Ga.test(or(Q,a))),N=lo(h).map(B),I=N.filter(Q=>sp.indexOf(Q.name)>=0);if(N.length>I.length)return me("T011",S),null;const M=I.find(Q=>Q.name==="name");if(T){if(!(M!=null&&M.value))return me("T012",S),null}else if(M)return me("T018",S),null;const R=M==null?void 0:M.value,D=I.find(Q=>Q.name==="value");if(D&&D.value===void 0)return me("T019",S),null;if(R&&G.length>=1){if(z.length>0)return me("T020"),null;const Q=G.map(J=>f(x,J));return{name:R,value:Q.length===1?Q[0]:Q}}let Y=D==null?void 0:D.value;return Y===null?null:typeof Y=="string"?{name:R,value:Y}:{name:R,value:g(x,_)}}function H(x,h,T){var G;if(!Et(h)){me("T009","loaders");return}const S=so(T);if(S.length===0&&(h.loaders??(h.loaders=[])),(G=T.children)==null?void 0:G.some(z=>z.kind===w.AttributeListNode)){me("T014","attributes");return}S.forEach(z=>{if(z.kind===w.TextNode){me("T010","loader");return}const N=f(x,z);if(!N.uid){me("T013");return}if(N.vars){me("T014","vars");return}if(N.loaders){me("T014","loaders");return}if(N.uses){me("T014","uses");return}h.loaders??(h.loaders=[]),h.loaders.push(N)})}function A(x,h,T,S,_,G){const z=y(x,T);if(!z)return;G==null||G((z==null?void 0:z.name)??"");const N=z.name,I=z.value;if((z==null?void 0:z.value)!==void 0)_(N,jo(S(N),I));else{const M=so(T),R=g(x,M);let D=S(N);D=jo(D,R),_(N,D)}}function $(x,h){if(!Et(x)){me("T009","uses");return}const T=lo(h).map(B),S=T.find(_=>_.name==="value");if(!(S!=null&&S.value)||T.length!==1){me("T015","uses");return}x.uses??(x.uses=S.value.split(",").map(_=>_.trim()))}function B(x){let h=x.children[0];const T=h.children.length===3;let S;T&&(S=a(h.children[0]));let _=a(h.children[h.children.length-1]);const G=_.split(".");G.length>2&&me("T007",x,h);let z,N;G.length===2?(N=G[0],z=G[1],z.trim()===""&&me("T007",x,z)):z=_;const I=a(x.children[2]),M=I.substring(1,I.length-1);return{namespace:S,startSegment:N,name:z,value:M,unsegmentedName:_}}function E(x){for(let h of x){const T=h.children[h.children.length-1],S=O(a(T));S!==null&&(T.text=S)}}function U(x){const h=so(x),T=or(x,a),_=!(T in fr)||T==="property",G=T!=="event"&&T!=="method",z=lo(x);fp(z),bp(z,a),E(z),W(h),V(h,G);let N=!1,I=!1;for(let Y=0;Y<h.length;++Y){const Q=h[Y];let J;if(Q.kind==w.Script){I=!0;continue}if(Q.kind===w.ElementNode){J=U(Q),h[Y]=J;continue}let K=a(Q);Q.kind===w.StringLiteral?K=K.slice(1,-1):Q.kind===w.CData&&(N=!0),_?N?J=xp(K):J=al(K):J={kind:w.TextNode,text:K},h[Y]=J}const M=[],R=[];let D=!1;for(const Y of h){if(Y.kind===w.ElementNode){if((or(Y,a)??void 0)in fr){M.push(Y);continue}D=!0}R.push(Y)}if(I&&D){const Y=il(R);return M.push(Y),nl(x,M)}return x}function Z(x){for(let h=0;h<x.length;++h)if(x[h].kind===w.StringLiteral||x[h].kind===w.TextNode){const T=/[\f\n\r\t\v\u0020\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]+/g;x[h].text=a(x[h]).replace(T," ")}}function P(x){for(let h=0;h<x.length;++h)x[h].kind===w.CData&&(x[h].text=a(x[h]).slice(dp,-3))}function W(x){for(let h of x)if(h.kind===w.StringLiteral||h.kind===w.TextNode){const T=O(a(h));T!==null&&(h.text=T)}}function O(x){let h="",T=0;for(let S=0;S<x.length;++S)if(x.charCodeAt(S)===L.ampersand)switch(x.charCodeAt(S+1)){case L.a:switch(x.charCodeAt(S+2)){case L.m:x.charCodeAt(S+3)===L.p&&x.charCodeAt(S+4)===L.semicolon&&(h=h+x.substring(T,S)+"&",S+=4,T=S+1);break;case L.p:x.charCodeAt(S+3)===L.o&&x.charCodeAt(S+4)===L.s&&x.charCodeAt(S+5)===L.semicolon&&(h=h+x.substring(T,S)+"'",S+=5,T=S+1);break}break;case L.g:x.charCodeAt(S+2)===L.t&&x.charCodeAt(S+3)===L.semicolon&&(h=h+x.substring(T,S)+">",S+=3,T=S+1);break;case L.l:x.charCodeAt(S+2)===L.t&&x.charCodeAt(S+3)===L.semicolon&&(h=h+x.substring(T,S)+"<",S+=3,T=S+1);break;case L.q:x.charCodeAt(S+2)===L.u&&x.charCodeAt(S+3)===L.o&&x.charCodeAt(S+4)===L.t&&x.charCodeAt(S+5)===L.semicolon&&(h=h+x.substring(T,S)+'"',S+=5,T=S+1);break;case L.n:x.charCodeAt(S+2)===L.b&&x.charCodeAt(S+3)===L.s&&x.charCodeAt(S+4)===L.p&&x.charCodeAt(S+5)===L.semicolon&&(h=h+x.substring(T,S)+" ",S+=5,T=S+1);break}return T===0?null:(h+=x.substring(T),h)}function V(x,h){h&&Z(x),P(x);for(let T=x.length-1;T>0;--T){const S=x[T-1],_=x[T];S.kind===w.StringLiteral&&_.kind===w.CData?(x[T-1]={kind:w.CData,text:a(S).slice(1,-1)+a(_)},x.pop()):S.kind===w.CData&&_.kind===w.StringLiteral?(x[T-1]={kind:w.CData,text:a(S)+a(_).slice(1,-1)},x.pop()):S.kind===w.CData&&_.kind===w.TextNode?(x[T-1]={kind:w.CData,text:a(S)+a(_)},x.pop()):S.kind===w.CData&&_.kind===w.CData?(x[T-1]={kind:w.CData,text:a(S)+a(_)},x.pop()):S.kind===w.TextNode&&_.kind===w.TextNode?(a(S).endsWith(" ")&&a(_).startsWith(" ")&&(S.text=a(S).trimEnd()),x[T-1]={kind:w.TextNode,text:a(S)+a(_)},x.pop()):S.kind===w.TextNode&&_.kind===w.CData&&(x[T-1]={kind:w.CData,text:a(S)+a(_)},x.pop())}}}function xp(e){return{kind:w.ElementNode,children:[{kind:w.OpenNodeStart},{kind:w.TagNameNode,children:[{kind:w.Identifier,text:"TextNodeCData"}]},{kind:w.AttributeListNode,children:[{kind:w.AttributeNode,children:[{kind:w.AttributeKeyNode,children:[{kind:w.Identifier,text:"value"}]},{kind:w.Equal},{kind:w.Identifier,text:`"${e}"`}]}]},{kind:w.NodeClose}]}}function al(e){return{kind:w.ElementNode,children:[{kind:w.OpenNodeStart},{kind:w.TagNameNode,children:[{kind:w.Identifier,text:"TextNode"}]},{kind:w.AttributeListNode,children:[{kind:w.AttributeNode,children:[{kind:w.AttributeKeyNode,children:[{kind:w.Identifier,text:"value"}]},{kind:w.Equal},{kind:w.Identifier,text:`"${e}"`}]}]},{kind:w.NodeClose}]}}function me(e,...t){let r=lp[e]??"Unknown error";throw t&&t.forEach((a,n)=>r=o(r,`{${n}}`,a.toString())),new qa(r,e);function o(a,n,i){do a=a.replace(n,i);while(a.includes(n));return a}}function Et(e){return e.type}function jo(e,t){return e?Array.isArray(e)?typeof e=="string"?[e,t]:(e.push(t),e):[e,t]:t}function il(e){const t={kind:w.TagNameNode,children:[{kind:w.Identifier,text:"Fragment"}]};return{kind:w.ElementNode,start:e[0].start,pos:e[0].pos,end:e[e.length-1].end,children:[{kind:w.OpenNodeStart},t,{kind:w.NodeEnd},{kind:w.ContentListNode,children:e},{kind:w.CloseNodeStart},t,{kind:w.NodeEnd}]}}function lo(e){var t,r;return((r=(t=e.children)==null?void 0:t.find(o=>o.kind===w.AttributeListNode))==null?void 0:r.children)??[]}function so(e){var t,r;return((r=(t=e.children)==null?void 0:t.find(o=>o.kind===w.ContentListNode))==null?void 0:r.children)??[]}function nl(e,t){var o;const r=(o=e.children)==null?void 0:o.findIndex(a=>a.kind===w.ContentListNode);return r===void 0||r===-1?e:{...e,children:[...e.children.slice(0,r),{...e.children[r],children:t},...e.children.slice(r)]}}function fp(e){var t;for(let r of e)if(((t=r.children)==null?void 0:t.length)===1){const o={kind:w.Equal},a={kind:w.StringLiteral,text:'"true"'};r.children.push(o,a)}}function bp(e,t){var r,o,a;for(let n of e){const i=(r=n.children)==null?void 0:r[2];((a=(o=n.children)==null?void 0:o[2])==null?void 0:a.kind)===w.Identifier&&(i.text='"'+t(i)+'"')}}function ll(e,t,r,o){let a=o.split(":");if(a.length>2)return me("T028",o,"Namespace cannot contain multiple ':' (colon).");let n=o;if(a.length===2){if(a[0]!=Ya)return me("T029",o,Ya);n=a[1]}if(n.includes("#"))return me("T028",n,"Namespace cannot contain character '#'.");switch(n){case Ya:n=r;break;case up:n=cp;break;case mp:n=pp;break}const i=e[e.length-1];if(i.has(r))return me("T025",r);i.set(r,n),t.namespaces??(t.namespaces={}),t.namespaces[r]=n}function vp(e,t){e.children.length!==2&&me("T001");const r=e.children[0];return r.kind!==w.ElementNode&&me("T001"),r}function or(e,t){const r=e.children.find(a=>a.kind===w.TagNameNode).children;return t(r.at(-1))}function sl(e,t,r){const o=e.children.find(l=>l.kind===w.TagNameNode).children,a=t(o.at(-1));if(o.length===1)return a;const n=t(o[0]);r.length===0&&me("T026");let i;for(let l=r.length-1;l>=0&&(i=r[l].get(n),i===void 0);--l);return i===void 0&&me("T027",n),i+"."+a}function gp(e,t=0,r){const{parse:o,getText:a}=ap(e),{node:n,errors:i}=o();if(i.length>0){const l=[];for(let f=0;f<e.length;++f)e[f]===`
|
|
13
|
-
`&&l.push(
|
|
5
|
+
*/(function(e){(function(){var r={}.hasOwnProperty;function t(){for(var n="",i=0;i<arguments.length;i++){var l=arguments[i];l&&(n=a(n,o(l)))}return n}function o(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return t.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var l in n)r.call(n,l)&&n[l]&&(i=a(i,l));return i}function a(n,i){return i?n?n+" "+i:n+i:n}e.exports?(t.default=t,e.exports=t):window.classNames=t})()})(vi);var ns=vi.exports;const ne=is(ns),da="xmlui";function gi(e){if(typeof e=="string")return`var(--${da}-${e.substring(1)})`;if(e.defaultValue&&e.defaultValue.length>0){let r="";for(const t of e.defaultValue)r+=typeof t=="string"?t:gi(t);return`var(--${da}-${e.id.substring(1)}, ${r})`}else return`var(--${da}-${e.id.substring(1)})`}const be=u.forwardRef(function({name:r,fallback:t,style:o,className:a,size:n,...i},l){var g;const d=us(r,t),v=typeof n=="string"?ds(n):n,x=v||i.width,p=v||i.height,C={className:ne(hi.base,a),...i,size:v,width:x,height:p,style:{...o,"--icon-width":x,"--icon-height":p}},f=ss(r);return f?c.jsx(ls,{...C,url:f,name:r}):((g=d==null?void 0:d.renderer)==null?void 0:g.call(d,C))||null});function ls(e){var x;const{url:r,width:t,height:o,name:a,style:n,className:i}=e,l=Jl(r),d=(x=l==null?void 0:l.toLowerCase())==null?void 0:x.endsWith(".svg"),v=as(l);if(l&&d){const p=v==null?void 0:v({style:n,className:i});return p||c.jsx("span",{style:n,className:i})}return c.jsx("img",{src:l,style:{width:t,height:o,...n},alt:a})}function ss(e){const{getResourceUrl:r}=Fr();return e&&r(`resource:icon.${e}`)}function ds(e){return/^\$[a-zA-Z0-9_$-]+$/g.test(e)?gi(e):{xs:"0.75em",sm:"1em",md:"1.5rem",lg:"2em"}[e]||e}function us(e,r){const t=fi();if(e&&typeof e=="string"){const o=":",a=e.split(o);if(a.length>1){const n=t.lookupIconRenderer(`${a[0].toLowerCase()}${o}${a[1]}`);if(n)return n}if(a.length===1){const n=t.lookupIconRenderer(a[0]);if(n)return n}}if(r&&typeof r=="string"){const o=t.lookupIconRenderer(r.toLowerCase());if(o)return o}return null}function Ti(e,r){if(typeof e=="function")return e(r);e!=null&&(e.current=r)}function Jr(...e){return r=>{let t=!1;const o=e.map(a=>{const n=Ti(a,r);return!t&&typeof n=="function"&&(t=!0),n});if(t)return()=>{for(let a=0;a<o.length;a++){const n=o[a];typeof n=="function"?n():Ti(e[a],null)}}}}const rr={type:"button",iconPosition:"start",contentPosition:"center",orientation:"horizontal",variant:"solid",themeColor:"primary",size:"sm"},tr=u.forwardRef(function({id:r,type:t=rr.type,icon:o,iconPosition:a=rr.iconPosition,contentPosition:n=rr.contentPosition,orientation:i=rr.orientation,variant:l=rr.variant,themeColor:d=rr.themeColor,size:v=rr.size,disabled:x,children:p,formId:C,onClick:f,onFocus:g,onBlur:y,style:H,gap:A,className:$,autoFocus:L,...V},U){const Z=u.useRef(null),P=U?Jr(U,Z):Z;u.useEffect(()=>{L&&setTimeout(()=>{var O;(O=Z.current)==null||O.focus()},0)},[L]);const W=a==="start";return c.jsxs("button",{...V,id:r,type:t,ref:P,className:ne($,ze.button,{[ze.buttonHorizontal]:i==="horizontal",[ze.buttonVertical]:i==="vertical",[ze.xs]:v==="xs",[ze.sm]:v==="sm",[ze.md]:v==="md",[ze.lg]:v==="lg",[ze.solidPrimary]:l==="solid"&&d==="primary",[ze.solidSecondary]:l==="solid"&&d==="secondary",[ze.solidAttention]:l==="solid"&&d==="attention",[ze.outlinedPrimary]:l==="outlined"&&d==="primary",[ze.outlinedSecondary]:l==="outlined"&&d==="secondary",[ze.outlinedAttention]:l==="outlined"&&d==="attention",[ze.ghostPrimary]:l==="ghost"&&d==="primary",[ze.ghostSecondary]:l==="ghost"&&d==="secondary",[ze.ghostAttention]:l==="ghost"&&d==="attention",[ze.alignStart]:n==="start",[ze.alignEnd]:n==="end"}),autoFocus:L,disabled:x,form:C,style:H,onClick:f,onFocus:g,onBlur:y,children:[W&&o,p,!W&&o]})}),q="Button",cs=k({description:"Button is an interactive element that triggers an action when clicked.",status:"stable",props:{autoFocus:{description:"Indicates if the button should receive focus when the page loads.",isRequired:!1,type:"boolean",defaultValue:!1},variant:{description:"The button variant determines the level of emphasis the button should possess.",isRequired:!1,type:"string",availableValues:oa,defaultValue:rr.variant},themeColor:{description:"Sets the button color scheme defined in the application theme.",isRequired:!1,type:"string",availableValues:ta,defaultValue:rr.themeColor},size:{description:"Sets the size of the button.",isRequired:!1,type:"string",availableValues:ra,defaultValue:rr.size},label:{description:`This property is an optional string to set a label for the ${q}. If no label is specified and an icon is set, the ${q} will modify its styling to look like a small icon button. When the ${q} has nested children, it will display them and ignore the value of the \`label\` prop.`,type:"string"},type:{description:`This optional string describes how the ${q} appears in an HTML context. You rarely need to set this property explicitly.`,availableValues:Vl,valueType:"string",defaultValue:rr.type},enabled:{description:"The value of this property indicates whether the button accepts actions (`true`) or does not react to them (`false`).",type:"boolean",defaultValue:!0},orientation:pi(rr.orientation),icon:{description:`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 ${q} displays only that icon.`,type:"string"},iconPosition:{description:`This optional string determines the location of the icon in the ${q}.`,availableValues:aa,type:"string",defaultValue:rr.iconPosition},contentPosition:{description:`This optional value determines how the label and icon (or nested children) should be placedinside the ${q} component.`,availableValues:ai,type:"string",defaultValue:rr.contentPosition}},events:{click:Mt(q),gotFocus:dr(q),lostFocus:ur(q)},themeVars:Q(ze.themeVars),defaultThemeVars:{[`width-${q}`]:"fit-content",[`height-${q}`]:"fit-content",[`borderRadius-${q}`]:"$borderRadius",[`fontSize-${q}`]:"$fontSize-small",[`fontWeight-${q}`]:"$fontWeight-medium",[`backgroundColor-${q}-primary`]:"$color-primary-500",[`backgroundColor-${q}-attention`]:"$backgroundColor-attention",[`borderColor-${q}-attention`]:"$color-attention",[`backgroundColor-${q}--disabled`]:"$backgroundColor--disabled",[`borderColor-${q}--disabled`]:"$borderColor--disabled",[`borderStyle-${q}`]:"solid",[`textColor-${q}--disabled`]:"$textColor--disabled",[`outlineColor-${q}--focus`]:"$outlineColor--focus",[`borderWidth-${q}`]:"1px",[`outlineWidth-${q}--focus`]:"$outlineWidth--focus",[`outlineStyle-${q}--focus`]:"$outlineStyle--focus",[`outlineOffset-${q}--focus`]:"$outlineOffset--focus",[`paddingHorizontal-${q}-xs`]:"$space-1",[`paddingVertical-${q}-xs`]:"$space-0_5",[`paddingHorizontal-${q}-sm`]:"$space-4",[`paddingVertical-${q}-sm`]:"$space-2",[`paddingHorizontal-${q}-md`]:"$space-4",[`paddingVertical-${q}-md`]:"$space-3",[`paddingHorizontal-${q}-lg`]:"$space-5",[`paddingVertical-${q}-lg`]:"$space-4",light:{[`textColor-${q}`]:"$color-surface-950",[`textColor-${q}-solid`]:"$color-surface-50",[`borderColor-${q}-primary`]:"$color-primary-500",[`backgroundColor-${q}-primary--hover`]:"$color-primary-400",[`backgroundColor-${q}-primary--active`]:"$color-primary-500",[`backgroundColor-${q}-primary-outlined--hover`]:"$color-primary-50",[`backgroundColor-${q}-primary-outlined--active`]:"$color-primary-100",[`borderColor-${q}-primary-outlined`]:"$color-primary-600",[`borderColor-${q}-primary-outlined--hover`]:"$color-primary-500",[`textColor-${q}-primary-outlined`]:"$color-primary-900",[`textColor-${q}-primary-outlined--hover`]:"$color-primary-950",[`textColor-${q}-primary-outlined--active`]:"$color-primary-900",[`backgroundColor-${q}-primary-ghost--hover`]:"$color-primary-50",[`backgroundColor-${q}-primary-ghost--active`]:"$color-primary-100",[`borderColor-${q}-secondary`]:"$color-secondary-100",[`backgroundColor-${q}-secondary`]:"$color-secondary-500",[`backgroundColor-${q}-secondary--hover`]:"$color-secondary-400",[`backgroundColor-${q}-secondary--active`]:"$color-secondary-500",[`backgroundColor-${q}-secondary-outlined--hover`]:"$color-secondary-50",[`backgroundColor-${q}-secondary-outlined--active`]:"$color-secondary-100",[`backgroundColor-${q}-secondary-ghost--hover`]:"$color-secondary-100",[`backgroundColor-${q}-secondary-ghost--active`]:"$color-secondary-100",[`backgroundColor-${q}-attention--hover`]:"$color-danger-400",[`backgroundColor-${q}-attention--active`]:"$color-danger-500",[`backgroundColor-${q}-attention-outlined--hover`]:"$color-danger-50",[`backgroundColor-${q}-attention-outlined--active`]:"$color-danger-100",[`backgroundColor-${q}-attention-ghost--hover`]:"$color-danger-50",[`backgroundColor-${q}-attention-ghost--active`]:"$color-danger-100"},dark:{[`textColor-${q}`]:"$color-surface-50",[`textColor-${q}-solid`]:"$color-surface-50",[`borderColor-${q}-primary`]:"$color-primary-500",[`backgroundColor-${q}-primary--hover`]:"$color-primary-600",[`backgroundColor-${q}-primary--active`]:"$color-primary-500",[`backgroundColor-${q}-primary-outlined--hover`]:"$color-primary-900",[`backgroundColor-${q}-primary-outlined--active`]:"$color-primary-950",[`borderColor-${q}-primary-outlined`]:"$color-primary-600",[`borderColor-${q}-primary-outlined--hover`]:"$color-primary-500",[`textColor-${q}-primary-outlined`]:"$color-primary-100",[`textColor-${q}-primary-outlined--hover`]:"$color-primary-50",[`textColor-${q}-primary-outlined--active`]:"$color-primary-100",[`backgroundColor-${q}-primary-ghost--hover`]:"$color-primary-900",[`backgroundColor-${q}-primary-ghost--active`]:"$color-primary-950",[`borderColor-${q}-secondary`]:"$color-secondary-500",[`backgroundColor-${q}-secondary`]:"$color-secondary-500",[`backgroundColor-${q}-secondary--hover`]:"$color-secondary-400",[`backgroundColor-${q}-secondary--active`]:"$color-secondary-500",[`backgroundColor-${q}-secondary-outlined--hover`]:"$color-secondary-600",[`backgroundColor-${q}-secondary-outlined--active`]:"$color-secondary-500",[`backgroundColor-${q}-secondary-ghost--hover`]:"$color-secondary-900",[`backgroundColor-${q}-secondary-ghost--active`]:"$color-secondary-950",[`backgroundColor-${q}-attention--hover`]:"$color-danger-400",[`backgroundColor-${q}-attention--active`]:"$color-danger-500",[`backgroundColor-${q}-attention-outlined--hover`]:"$color-danger-900",[`backgroundColor-${q}-attention-outlined--active`]:"$color-danger-950",[`backgroundColor-${q}-attention-ghost--hover`]:"$color-danger-900",[`backgroundColor-${q}-attention-ghost--active`]:"$color-danger-950"}}}),_r={themeVars:`'{"backgroundColor-Stack--hover": "var(--xmlui-backgroundColor-Stack--hover)", "border-Stack--hover": "var(--xmlui-border-Stack--hover)"}'`,base:"_base_1qnyy_13",hoverContainer:"_hoverContainer_1qnyy_26",handlesClick:"_handlesClick_1qnyy_39",vertical:"_vertical_1qnyy_43",reverse:"_reverse_1qnyy_47",horizontal:"_horizontal_1qnyy_51",justifyItemsStart:"_justifyItemsStart_1qnyy_59",justifyItemsCenter:"_justifyItemsCenter_1qnyy_63",justifyItemsStretch:"_justifyItemsStretch_1qnyy_67",justifyItemsEnd:"_justifyItemsEnd_1qnyy_71",alignItemsStart:"_alignItemsStart_1qnyy_76",alignItemsCenter:"_alignItemsCenter_1qnyy_80",alignItemsStretch:"_alignItemsStretch_1qnyy_84",alignItemsEnd:"_alignItemsEnd_1qnyy_88"};function ms(e,r,t){return u.useMemo(()=>e==="horizontal"?{horizontal:r&&_r[`justifyItems${_o(r)}`],vertical:t&&_r[`alignItems${_o(t)}`]}:{horizontal:r&&_r[`alignItems${_o(r)}`],vertical:t&&_r[`justifyItems${_o(t)}`]},[e,r,t])}const Ci="vertical",bo=u.forwardRef(function({uid:r,children:t,orientation:o=Ci,horizontalAlignment:a,verticalAlignment:n,style:i,reverse:l,hoverContainer:d,visibleOnHover:v,onClick:x,onMount:p,...C},f){es(p);const{horizontal:g,vertical:y}=ms(o,a,n);return c.jsx("div",{...C,onClick:x,ref:f,style:i,className:ne(_r.base,{[_r.vertical]:o==="vertical",[_r.horizontal]:o==="horizontal",[_r.reverse]:l,[_r.hoverContainer]:d,"display-on-hover":v,[_r.handlesClick]:!!x},g??"",y??""),children:t})}),fo="Stack",Ao=k({description:"`Stack` is a layout container displaying children in a horizontal or vertical stack.",props:{gap:{description:"Optional size value indicating the gap between child elements.",valueType:"string",defaultValue:"$gap-normal"},reverse:{description:"Optional boolean property to reverse the order of child elements.",valueType:"boolean",defaultValue:!1},wrapContent:{description:"Optional boolean which wraps the content if set to true and the available space is not big enough. Works only with horizontal orientations.",valueType:"boolean",defaultValue:!1},orientation:{description:"An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column).",availableValues:["horizontal","vertical"],valueType:"string",defaultValue:Ci},horizontalAlignment:{description:"Manages the horizontal content alignment for each child element in the Stack.",availableValues:oi,valueType:"string",defaultValue:"start"},verticalAlignment:{description:"Manages the vertical content alignment for each child element in the Stack.",availableValues:oi,valueType:"string",defaultValue:"start"},hoverContainer:Ve("Reserved for future use"),visibleOnHover:Ve("Reserved for future use")},events:{click:Mt(fo),mounted:Ve("Reserved for future use")},themeVars:Q(_r.themeVars)}),vo={...Ao,props:{...Ao.props}},ps={...vo,specializedFrom:fo,description:"This component represents a stack rendering its contents vertically.",props:{...Ao.props}},hs={...vo,specializedFrom:fo,description:"This component represents a stack rendering its contents horizontally.",props:{...Ao.props}},xs={...vo,specializedFrom:fo,description:"This component represents a stack that renders its contents vertically and aligns that in the center along both axes."},bs={...vo,specializedFrom:fo,description:"This component represents a stack that renders its contents horizontally and aligns that in the center along both axes."},Ar={themeVars:`'{"Input:borderRadius-TextBox-default": "var(--xmlui-borderRadius-TextBox-default)", "Input:borderColor-TextBox-default": "var(--xmlui-borderColor-TextBox-default)", "Input:borderWidth-TextBox-default": "var(--xmlui-borderWidth-TextBox-default)", "Input:borderStyle-TextBox-default": "var(--xmlui-borderStyle-TextBox-default)", "Input:fontSize-TextBox-default": "var(--xmlui-fontSize-TextBox-default)", "Input:padding-TextBox-default": "var(--xmlui-padding-TextBox-default)", "Input:backgroundColor-TextBox-default": "var(--xmlui-backgroundColor-TextBox-default)", "Input:boxShadow-TextBox-default": "var(--xmlui-boxShadow-TextBox-default)", "Input:textColor-TextBox-default": "var(--xmlui-textColor-TextBox-default)", "Input:borderColor-TextBox-default--hover": "var(--xmlui-borderColor-TextBox-default--hover)", "Input:backgroundColor-TextBox-default--hover": "var(--xmlui-backgroundColor-TextBox-default--hover)", "Input:boxShadow-TextBox-default--hover": "var(--xmlui-boxShadow-TextBox-default--hover)", "Input:textColor-TextBox-default--hover": "var(--xmlui-textColor-TextBox-default--hover)", "Input:borderColor-TextBox-default--focus": "var(--xmlui-borderColor-TextBox-default--focus)", "Input:backgroundColor-TextBox-default--focus": "var(--xmlui-backgroundColor-TextBox-default--focus)", "Input:boxShadow-TextBox-default--focus": "var(--xmlui-boxShadow-TextBox-default--focus)", "Input:textColor-TextBox-default--focus": "var(--xmlui-textColor-TextBox-default--focus)", "Input:outlineWidth-TextBox-default--focus": "var(--xmlui-outlineWidth-TextBox-default--focus)", "Input:outlineColor-TextBox-default--focus": "var(--xmlui-outlineColor-TextBox-default--focus)", "Input:outlineStyle-TextBox-default--focus": "var(--xmlui-outlineStyle-TextBox-default--focus)", "Input:outlineOffset-TextBox-default--focus": "var(--xmlui-outlineOffset-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:borderRadius-TextBox-error": "var(--xmlui-borderRadius-TextBox-error)", "Input:borderColor-TextBox-error": "var(--xmlui-borderColor-TextBox-error)", "Input:borderWidth-TextBox-error": "var(--xmlui-borderWidth-TextBox-error)", "Input:borderStyle-TextBox-error": "var(--xmlui-borderStyle-TextBox-error)", "Input:fontSize-TextBox-error": "var(--xmlui-fontSize-TextBox-error)", "Input:padding-TextBox-error": "var(--xmlui-padding-TextBox-error)", "Input:backgroundColor-TextBox-error": "var(--xmlui-backgroundColor-TextBox-error)", "Input:boxShadow-TextBox-error": "var(--xmlui-boxShadow-TextBox-error)", "Input:textColor-TextBox-error": "var(--xmlui-textColor-TextBox-error)", "Input:borderColor-TextBox-error--hover": "var(--xmlui-borderColor-TextBox-error--hover)", "Input:backgroundColor-TextBox-error--hover": "var(--xmlui-backgroundColor-TextBox-error--hover)", "Input:boxShadow-TextBox-error--hover": "var(--xmlui-boxShadow-TextBox-error--hover)", "Input:textColor-TextBox-error--hover": "var(--xmlui-textColor-TextBox-error--hover)", "Input:borderColor-TextBox-error--focus": "var(--xmlui-borderColor-TextBox-error--focus)", "Input:backgroundColor-TextBox-error--focus": "var(--xmlui-backgroundColor-TextBox-error--focus)", "Input:boxShadow-TextBox-error--focus": "var(--xmlui-boxShadow-TextBox-error--focus)", "Input:textColor-TextBox-error--focus": "var(--xmlui-textColor-TextBox-error--focus)", "Input:outlineWidth-TextBox-error--focus": "var(--xmlui-outlineWidth-TextBox-error--focus)", "Input:outlineColor-TextBox-error--focus": "var(--xmlui-outlineColor-TextBox-error--focus)", "Input:outlineStyle-TextBox-error--focus": "var(--xmlui-outlineStyle-TextBox-error--focus)", "Input:outlineOffset-TextBox-error--focus": "var(--xmlui-outlineOffset-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:borderRadius-TextBox-warning": "var(--xmlui-borderRadius-TextBox-warning)", "Input:borderColor-TextBox-warning": "var(--xmlui-borderColor-TextBox-warning)", "Input:borderWidth-TextBox-warning": "var(--xmlui-borderWidth-TextBox-warning)", "Input:borderStyle-TextBox-warning": "var(--xmlui-borderStyle-TextBox-warning)", "Input:fontSize-TextBox-warning": "var(--xmlui-fontSize-TextBox-warning)", "Input:padding-TextBox-warning": "var(--xmlui-padding-TextBox-warning)", "Input:backgroundColor-TextBox-warning": "var(--xmlui-backgroundColor-TextBox-warning)", "Input:boxShadow-TextBox-warning": "var(--xmlui-boxShadow-TextBox-warning)", "Input:textColor-TextBox-warning": "var(--xmlui-textColor-TextBox-warning)", "Input:borderColor-TextBox-warning--hover": "var(--xmlui-borderColor-TextBox-warning--hover)", "Input:backgroundColor-TextBox-warning--hover": "var(--xmlui-backgroundColor-TextBox-warning--hover)", "Input:boxShadow-TextBox-warning--hover": "var(--xmlui-boxShadow-TextBox-warning--hover)", "Input:textColor-TextBox-warning--hover": "var(--xmlui-textColor-TextBox-warning--hover)", "Input:borderColor-TextBox-warning--focus": "var(--xmlui-borderColor-TextBox-warning--focus)", "Input:backgroundColor-TextBox-warning--focus": "var(--xmlui-backgroundColor-TextBox-warning--focus)", "Input:boxShadow-TextBox-warning--focus": "var(--xmlui-boxShadow-TextBox-warning--focus)", "Input:textColor-TextBox-warning--focus": "var(--xmlui-textColor-TextBox-warning--focus)", "Input:outlineWidth-TextBox-warning--focus": "var(--xmlui-outlineWidth-TextBox-warning--focus)", "Input:outlineColor-TextBox-warning--focus": "var(--xmlui-outlineColor-TextBox-warning--focus)", "Input:outlineStyle-TextBox-warning--focus": "var(--xmlui-outlineStyle-TextBox-warning--focus)", "Input:outlineOffset-TextBox-warning--focus": "var(--xmlui-outlineOffset-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:borderRadius-TextBox-success": "var(--xmlui-borderRadius-TextBox-success)", "Input:borderColor-TextBox-success": "var(--xmlui-borderColor-TextBox-success)", "Input:borderWidth-TextBox-success": "var(--xmlui-borderWidth-TextBox-success)", "Input:borderStyle-TextBox-success": "var(--xmlui-borderStyle-TextBox-success)", "Input:fontSize-TextBox-success": "var(--xmlui-fontSize-TextBox-success)", "Input:padding-TextBox-success": "var(--xmlui-padding-TextBox-success)", "Input:backgroundColor-TextBox-success": "var(--xmlui-backgroundColor-TextBox-success)", "Input:boxShadow-TextBox-success": "var(--xmlui-boxShadow-TextBox-success)", "Input:textColor-TextBox-success": "var(--xmlui-textColor-TextBox-success)", "Input:borderColor-TextBox-success--hover": "var(--xmlui-borderColor-TextBox-success--hover)", "Input:backgroundColor-TextBox-success--hover": "var(--xmlui-backgroundColor-TextBox-success--hover)", "Input:boxShadow-TextBox-success--hover": "var(--xmlui-boxShadow-TextBox-success--hover)", "Input:textColor-TextBox-success--hover": "var(--xmlui-textColor-TextBox-success--hover)", "Input:borderColor-TextBox-success--focus": "var(--xmlui-borderColor-TextBox-success--focus)", "Input:backgroundColor-TextBox-success--focus": "var(--xmlui-backgroundColor-TextBox-success--focus)", "Input:boxShadow-TextBox-success--focus": "var(--xmlui-boxShadow-TextBox-success--focus)", "Input:textColor-TextBox-success--focus": "var(--xmlui-textColor-TextBox-success--focus)", "Input:outlineWidth-TextBox-success--focus": "var(--xmlui-outlineWidth-TextBox-success--focus)", "Input:outlineColor-TextBox-success--focus": "var(--xmlui-outlineColor-TextBox-success--focus)", "Input:outlineStyle-TextBox-success--focus": "var(--xmlui-outlineStyle-TextBox-success--focus)", "Input:outlineOffset-TextBox-success--focus": "var(--xmlui-outlineOffset-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:backgroundColor-TextBox--disabled": "var(--xmlui-backgroundColor-TextBox--disabled)", "Input:textColor-TextBox--disabled": "var(--xmlui-textColor-TextBox--disabled)", "Input:borderColor-TextBox--disabled": "var(--xmlui-borderColor-TextBox--disabled)"}'`,inputRoot:"_inputRoot_ley74_13",input:"_input_ley74_13",adornment:"_adornment_ley74_53",error:"_error_ley74_56",warning:"_warning_ley74_91",valid:"_valid_ley74_126",readOnly:"_readOnly_ley74_181"},fs={wrapper:"_wrapper_wg0td_13"},Ft={themeVars:`'{"fontFamily-Text-abbr": "var(--xmlui-fontFamily-Text-abbr)", "fontSize-Text-abbr": "var(--xmlui-fontSize-Text-abbr)", "fontWeight-Text-abbr": "var(--xmlui-fontWeight-Text-abbr)", "font-style-Text-abbr": "var(--xmlui-font-style-Text-abbr)", "fontStretch-Text-abbr": "var(--xmlui-fontStretch-Text-abbr)", "textDecorationLine-Text-abbr": "var(--xmlui-textDecorationLine-Text-abbr)", "textDecorationColor-Text-abbr": "var(--xmlui-textDecorationColor-Text-abbr)", "textDecorationStyle-Text-abbr": "var(--xmlui-textDecorationStyle-Text-abbr)", "textDecorationThickness-Text-abbr": "var(--xmlui-textDecorationThickness-Text-abbr)", "textUnderlineOffset-Text-abbr": "var(--xmlui-textUnderlineOffset-Text-abbr)", "lineHeight-Text-abbr": "var(--xmlui-lineHeight-Text-abbr)", "textColor-Text-abbr": "var(--xmlui-textColor-Text-abbr)", "backgroundColor-Text-abbr": "var(--xmlui-backgroundColor-Text-abbr)", "borderRadius-Text-abbr": "var(--xmlui-borderRadius-Text-abbr)", "borderColor-Text-abbr": "var(--xmlui-borderColor-Text-abbr)", "borderWidth-Text-abbr": "var(--xmlui-borderWidth-Text-abbr)", "borderStyle-Text-abbr": "var(--xmlui-borderStyle-Text-abbr)", "marginTop-Text-abbr": "var(--xmlui-marginTop-Text-abbr)", "marginBottom-Text-abbr": "var(--xmlui-marginBottom-Text-abbr)", "textTransform-Text-abbr": "var(--xmlui-textTransform-Text-abbr)", "verticalAlign-Text-abbr": "var(--xmlui-verticalAlign-Text-abbr)", "letterSpacing-Text-abbr": "var(--xmlui-letterSpacing-Text-abbr)", "fontFamily-Text-cite": "var(--xmlui-fontFamily-Text-cite)", "fontSize-Text-cite": "var(--xmlui-fontSize-Text-cite)", "fontWeight-Text-cite": "var(--xmlui-fontWeight-Text-cite)", "font-style-Text-cite": "var(--xmlui-font-style-Text-cite)", "fontStretch-Text-cite": "var(--xmlui-fontStretch-Text-cite)", "textDecorationLine-Text-cite": "var(--xmlui-textDecorationLine-Text-cite)", "textDecorationColor-Text-cite": "var(--xmlui-textDecorationColor-Text-cite)", "textDecorationStyle-Text-cite": "var(--xmlui-textDecorationStyle-Text-cite)", "textDecorationThickness-Text-cite": "var(--xmlui-textDecorationThickness-Text-cite)", "textUnderlineOffset-Text-cite": "var(--xmlui-textUnderlineOffset-Text-cite)", "lineHeight-Text-cite": "var(--xmlui-lineHeight-Text-cite)", "textColor-Text-cite": "var(--xmlui-textColor-Text-cite)", "backgroundColor-Text-cite": "var(--xmlui-backgroundColor-Text-cite)", "borderRadius-Text-cite": "var(--xmlui-borderRadius-Text-cite)", "borderColor-Text-cite": "var(--xmlui-borderColor-Text-cite)", "borderWidth-Text-cite": "var(--xmlui-borderWidth-Text-cite)", "borderStyle-Text-cite": "var(--xmlui-borderStyle-Text-cite)", "marginTop-Text-cite": "var(--xmlui-marginTop-Text-cite)", "marginBottom-Text-cite": "var(--xmlui-marginBottom-Text-cite)", "textTransform-Text-cite": "var(--xmlui-textTransform-Text-cite)", "verticalAlign-Text-cite": "var(--xmlui-verticalAlign-Text-cite)", "letterSpacing-Text-cite": "var(--xmlui-letterSpacing-Text-cite)", "fontFamily-Text-code": "var(--xmlui-fontFamily-Text-code)", "fontSize-Text-code": "var(--xmlui-fontSize-Text-code)", "fontWeight-Text-code": "var(--xmlui-fontWeight-Text-code)", "font-style-Text-code": "var(--xmlui-font-style-Text-code)", "fontStretch-Text-code": "var(--xmlui-fontStretch-Text-code)", "textDecorationLine-Text-code": "var(--xmlui-textDecorationLine-Text-code)", "textDecorationColor-Text-code": "var(--xmlui-textDecorationColor-Text-code)", "textDecorationStyle-Text-code": "var(--xmlui-textDecorationStyle-Text-code)", "textDecorationThickness-Text-code": "var(--xmlui-textDecorationThickness-Text-code)", "textUnderlineOffset-Text-code": "var(--xmlui-textUnderlineOffset-Text-code)", "lineHeight-Text-code": "var(--xmlui-lineHeight-Text-code)", "textColor-Text-code": "var(--xmlui-textColor-Text-code)", "backgroundColor-Text-code": "var(--xmlui-backgroundColor-Text-code)", "borderRadius-Text-code": "var(--xmlui-borderRadius-Text-code)", "borderColor-Text-code": "var(--xmlui-borderColor-Text-code)", "borderWidth-Text-code": "var(--xmlui-borderWidth-Text-code)", "borderStyle-Text-code": "var(--xmlui-borderStyle-Text-code)", "marginTop-Text-code": "var(--xmlui-marginTop-Text-code)", "marginBottom-Text-code": "var(--xmlui-marginBottom-Text-code)", "textTransform-Text-code": "var(--xmlui-textTransform-Text-code)", "verticalAlign-Text-code": "var(--xmlui-verticalAlign-Text-code)", "letterSpacing-Text-code": "var(--xmlui-letterSpacing-Text-code)", "fontFamily-Text-codefence": "var(--xmlui-fontFamily-Text-codefence)", "fontSize-Text-codefence": "var(--xmlui-fontSize-Text-codefence)", "fontWeight-Text-codefence": "var(--xmlui-fontWeight-Text-codefence)", "font-style-Text-codefence": "var(--xmlui-font-style-Text-codefence)", "fontStretch-Text-codefence": "var(--xmlui-fontStretch-Text-codefence)", "textDecorationLine-Text-codefence": "var(--xmlui-textDecorationLine-Text-codefence)", "textDecorationColor-Text-codefence": "var(--xmlui-textDecorationColor-Text-codefence)", "textDecorationStyle-Text-codefence": "var(--xmlui-textDecorationStyle-Text-codefence)", "textDecorationThickness-Text-codefence": "var(--xmlui-textDecorationThickness-Text-codefence)", "textUnderlineOffset-Text-codefence": "var(--xmlui-textUnderlineOffset-Text-codefence)", "lineHeight-Text-codefence": "var(--xmlui-lineHeight-Text-codefence)", "textColor-Text-codefence": "var(--xmlui-textColor-Text-codefence)", "backgroundColor-Text-codefence": "var(--xmlui-backgroundColor-Text-codefence)", "borderRadius-Text-codefence": "var(--xmlui-borderRadius-Text-codefence)", "borderColor-Text-codefence": "var(--xmlui-borderColor-Text-codefence)", "borderWidth-Text-codefence": "var(--xmlui-borderWidth-Text-codefence)", "borderStyle-Text-codefence": "var(--xmlui-borderStyle-Text-codefence)", "marginTop-Text-codefence": "var(--xmlui-marginTop-Text-codefence)", "marginBottom-Text-codefence": "var(--xmlui-marginBottom-Text-codefence)", "textTransform-Text-codefence": "var(--xmlui-textTransform-Text-codefence)", "verticalAlign-Text-codefence": "var(--xmlui-verticalAlign-Text-codefence)", "letterSpacing-Text-codefence": "var(--xmlui-letterSpacing-Text-codefence)", "fontFamily-Text-deleted": "var(--xmlui-fontFamily-Text-deleted)", "fontSize-Text-deleted": "var(--xmlui-fontSize-Text-deleted)", "fontWeight-Text-deleted": "var(--xmlui-fontWeight-Text-deleted)", "font-style-Text-deleted": "var(--xmlui-font-style-Text-deleted)", "fontStretch-Text-deleted": "var(--xmlui-fontStretch-Text-deleted)", "textDecorationLine-Text-deleted": "var(--xmlui-textDecorationLine-Text-deleted)", "textDecorationColor-Text-deleted": "var(--xmlui-textDecorationColor-Text-deleted)", "textDecorationStyle-Text-deleted": "var(--xmlui-textDecorationStyle-Text-deleted)", "textDecorationThickness-Text-deleted": "var(--xmlui-textDecorationThickness-Text-deleted)", "textUnderlineOffset-Text-deleted": "var(--xmlui-textUnderlineOffset-Text-deleted)", "lineHeight-Text-deleted": "var(--xmlui-lineHeight-Text-deleted)", "textColor-Text-deleted": "var(--xmlui-textColor-Text-deleted)", "backgroundColor-Text-deleted": "var(--xmlui-backgroundColor-Text-deleted)", "borderRadius-Text-deleted": "var(--xmlui-borderRadius-Text-deleted)", "borderColor-Text-deleted": "var(--xmlui-borderColor-Text-deleted)", "borderWidth-Text-deleted": "var(--xmlui-borderWidth-Text-deleted)", "borderStyle-Text-deleted": "var(--xmlui-borderStyle-Text-deleted)", "marginTop-Text-deleted": "var(--xmlui-marginTop-Text-deleted)", "marginBottom-Text-deleted": "var(--xmlui-marginBottom-Text-deleted)", "textTransform-Text-deleted": "var(--xmlui-textTransform-Text-deleted)", "verticalAlign-Text-deleted": "var(--xmlui-verticalAlign-Text-deleted)", "letterSpacing-Text-deleted": "var(--xmlui-letterSpacing-Text-deleted)", "fontFamily-Text-inserted": "var(--xmlui-fontFamily-Text-inserted)", "fontSize-Text-inserted": "var(--xmlui-fontSize-Text-inserted)", "fontWeight-Text-inserted": "var(--xmlui-fontWeight-Text-inserted)", "font-style-Text-inserted": "var(--xmlui-font-style-Text-inserted)", "fontStretch-Text-inserted": "var(--xmlui-fontStretch-Text-inserted)", "textDecorationLine-Text-inserted": "var(--xmlui-textDecorationLine-Text-inserted)", "textDecorationColor-Text-inserted": "var(--xmlui-textDecorationColor-Text-inserted)", "textDecorationStyle-Text-inserted": "var(--xmlui-textDecorationStyle-Text-inserted)", "textDecorationThickness-Text-inserted": "var(--xmlui-textDecorationThickness-Text-inserted)", "textUnderlineOffset-Text-inserted": "var(--xmlui-textUnderlineOffset-Text-inserted)", "lineHeight-Text-inserted": "var(--xmlui-lineHeight-Text-inserted)", "textColor-Text-inserted": "var(--xmlui-textColor-Text-inserted)", "backgroundColor-Text-inserted": "var(--xmlui-backgroundColor-Text-inserted)", "borderRadius-Text-inserted": "var(--xmlui-borderRadius-Text-inserted)", "borderColor-Text-inserted": "var(--xmlui-borderColor-Text-inserted)", "borderWidth-Text-inserted": "var(--xmlui-borderWidth-Text-inserted)", "borderStyle-Text-inserted": "var(--xmlui-borderStyle-Text-inserted)", "marginTop-Text-inserted": "var(--xmlui-marginTop-Text-inserted)", "marginBottom-Text-inserted": "var(--xmlui-marginBottom-Text-inserted)", "textTransform-Text-inserted": "var(--xmlui-textTransform-Text-inserted)", "verticalAlign-Text-inserted": "var(--xmlui-verticalAlign-Text-inserted)", "letterSpacing-Text-inserted": "var(--xmlui-letterSpacing-Text-inserted)", "fontFamily-Text-keyboard": "var(--xmlui-fontFamily-Text-keyboard)", "fontSize-Text-keyboard": "var(--xmlui-fontSize-Text-keyboard)", "fontWeight-Text-keyboard": "var(--xmlui-fontWeight-Text-keyboard)", "font-style-Text-keyboard": "var(--xmlui-font-style-Text-keyboard)", "fontStretch-Text-keyboard": "var(--xmlui-fontStretch-Text-keyboard)", "textDecorationLine-Text-keyboard": "var(--xmlui-textDecorationLine-Text-keyboard)", "textDecorationColor-Text-keyboard": "var(--xmlui-textDecorationColor-Text-keyboard)", "textDecorationStyle-Text-keyboard": "var(--xmlui-textDecorationStyle-Text-keyboard)", "textDecorationThickness-Text-keyboard": "var(--xmlui-textDecorationThickness-Text-keyboard)", "textUnderlineOffset-Text-keyboard": "var(--xmlui-textUnderlineOffset-Text-keyboard)", "lineHeight-Text-keyboard": "var(--xmlui-lineHeight-Text-keyboard)", "textColor-Text-keyboard": "var(--xmlui-textColor-Text-keyboard)", "backgroundColor-Text-keyboard": "var(--xmlui-backgroundColor-Text-keyboard)", "borderRadius-Text-keyboard": "var(--xmlui-borderRadius-Text-keyboard)", "borderColor-Text-keyboard": "var(--xmlui-borderColor-Text-keyboard)", "borderWidth-Text-keyboard": "var(--xmlui-borderWidth-Text-keyboard)", "borderStyle-Text-keyboard": "var(--xmlui-borderStyle-Text-keyboard)", "marginTop-Text-keyboard": "var(--xmlui-marginTop-Text-keyboard)", "marginBottom-Text-keyboard": "var(--xmlui-marginBottom-Text-keyboard)", "textTransform-Text-keyboard": "var(--xmlui-textTransform-Text-keyboard)", "verticalAlign-Text-keyboard": "var(--xmlui-verticalAlign-Text-keyboard)", "letterSpacing-Text-keyboard": "var(--xmlui-letterSpacing-Text-keyboard)", "fontFamily-Text-marked": "var(--xmlui-fontFamily-Text-marked)", "fontSize-Text-marked": "var(--xmlui-fontSize-Text-marked)", "fontWeight-Text-marked": "var(--xmlui-fontWeight-Text-marked)", "font-style-Text-marked": "var(--xmlui-font-style-Text-marked)", "fontStretch-Text-marked": "var(--xmlui-fontStretch-Text-marked)", "textDecorationLine-Text-marked": "var(--xmlui-textDecorationLine-Text-marked)", "textDecorationColor-Text-marked": "var(--xmlui-textDecorationColor-Text-marked)", "textDecorationStyle-Text-marked": "var(--xmlui-textDecorationStyle-Text-marked)", "textDecorationThickness-Text-marked": "var(--xmlui-textDecorationThickness-Text-marked)", "textUnderlineOffset-Text-marked": "var(--xmlui-textUnderlineOffset-Text-marked)", "lineHeight-Text-marked": "var(--xmlui-lineHeight-Text-marked)", "textColor-Text-marked": "var(--xmlui-textColor-Text-marked)", "backgroundColor-Text-marked": "var(--xmlui-backgroundColor-Text-marked)", "borderRadius-Text-marked": "var(--xmlui-borderRadius-Text-marked)", "borderColor-Text-marked": "var(--xmlui-borderColor-Text-marked)", "borderWidth-Text-marked": "var(--xmlui-borderWidth-Text-marked)", "borderStyle-Text-marked": "var(--xmlui-borderStyle-Text-marked)", "marginTop-Text-marked": "var(--xmlui-marginTop-Text-marked)", "marginBottom-Text-marked": "var(--xmlui-marginBottom-Text-marked)", "textTransform-Text-marked": "var(--xmlui-textTransform-Text-marked)", "verticalAlign-Text-marked": "var(--xmlui-verticalAlign-Text-marked)", "letterSpacing-Text-marked": "var(--xmlui-letterSpacing-Text-marked)", "fontFamily-Text-mono": "var(--xmlui-fontFamily-Text-mono)", "fontSize-Text-mono": "var(--xmlui-fontSize-Text-mono)", "fontWeight-Text-mono": "var(--xmlui-fontWeight-Text-mono)", "font-style-Text-mono": "var(--xmlui-font-style-Text-mono)", "fontStretch-Text-mono": "var(--xmlui-fontStretch-Text-mono)", "textDecorationLine-Text-mono": "var(--xmlui-textDecorationLine-Text-mono)", "textDecorationColor-Text-mono": "var(--xmlui-textDecorationColor-Text-mono)", "textDecorationStyle-Text-mono": "var(--xmlui-textDecorationStyle-Text-mono)", "textDecorationThickness-Text-mono": "var(--xmlui-textDecorationThickness-Text-mono)", "textUnderlineOffset-Text-mono": "var(--xmlui-textUnderlineOffset-Text-mono)", "lineHeight-Text-mono": "var(--xmlui-lineHeight-Text-mono)", "textColor-Text-mono": "var(--xmlui-textColor-Text-mono)", "backgroundColor-Text-mono": "var(--xmlui-backgroundColor-Text-mono)", "borderRadius-Text-mono": "var(--xmlui-borderRadius-Text-mono)", "borderColor-Text-mono": "var(--xmlui-borderColor-Text-mono)", "borderWidth-Text-mono": "var(--xmlui-borderWidth-Text-mono)", "borderStyle-Text-mono": "var(--xmlui-borderStyle-Text-mono)", "marginTop-Text-mono": "var(--xmlui-marginTop-Text-mono)", "marginBottom-Text-mono": "var(--xmlui-marginBottom-Text-mono)", "textTransform-Text-mono": "var(--xmlui-textTransform-Text-mono)", "verticalAlign-Text-mono": "var(--xmlui-verticalAlign-Text-mono)", "letterSpacing-Text-mono": "var(--xmlui-letterSpacing-Text-mono)", "fontFamily-Text-sample": "var(--xmlui-fontFamily-Text-sample)", "fontSize-Text-sample": "var(--xmlui-fontSize-Text-sample)", "fontWeight-Text-sample": "var(--xmlui-fontWeight-Text-sample)", "font-style-Text-sample": "var(--xmlui-font-style-Text-sample)", "fontStretch-Text-sample": "var(--xmlui-fontStretch-Text-sample)", "textDecorationLine-Text-sample": "var(--xmlui-textDecorationLine-Text-sample)", "textDecorationColor-Text-sample": "var(--xmlui-textDecorationColor-Text-sample)", "textDecorationStyle-Text-sample": "var(--xmlui-textDecorationStyle-Text-sample)", "textDecorationThickness-Text-sample": "var(--xmlui-textDecorationThickness-Text-sample)", "textUnderlineOffset-Text-sample": "var(--xmlui-textUnderlineOffset-Text-sample)", "lineHeight-Text-sample": "var(--xmlui-lineHeight-Text-sample)", "textColor-Text-sample": "var(--xmlui-textColor-Text-sample)", "backgroundColor-Text-sample": "var(--xmlui-backgroundColor-Text-sample)", "borderRadius-Text-sample": "var(--xmlui-borderRadius-Text-sample)", "borderColor-Text-sample": "var(--xmlui-borderColor-Text-sample)", "borderWidth-Text-sample": "var(--xmlui-borderWidth-Text-sample)", "borderStyle-Text-sample": "var(--xmlui-borderStyle-Text-sample)", "marginTop-Text-sample": "var(--xmlui-marginTop-Text-sample)", "marginBottom-Text-sample": "var(--xmlui-marginBottom-Text-sample)", "textTransform-Text-sample": "var(--xmlui-textTransform-Text-sample)", "verticalAlign-Text-sample": "var(--xmlui-verticalAlign-Text-sample)", "letterSpacing-Text-sample": "var(--xmlui-letterSpacing-Text-sample)", "fontFamily-Text-sup": "var(--xmlui-fontFamily-Text-sup)", "fontSize-Text-sup": "var(--xmlui-fontSize-Text-sup)", "fontWeight-Text-sup": "var(--xmlui-fontWeight-Text-sup)", "font-style-Text-sup": "var(--xmlui-font-style-Text-sup)", "fontStretch-Text-sup": "var(--xmlui-fontStretch-Text-sup)", "textDecorationLine-Text-sup": "var(--xmlui-textDecorationLine-Text-sup)", "textDecorationColor-Text-sup": "var(--xmlui-textDecorationColor-Text-sup)", "textDecorationStyle-Text-sup": "var(--xmlui-textDecorationStyle-Text-sup)", "textDecorationThickness-Text-sup": "var(--xmlui-textDecorationThickness-Text-sup)", "textUnderlineOffset-Text-sup": "var(--xmlui-textUnderlineOffset-Text-sup)", "lineHeight-Text-sup": "var(--xmlui-lineHeight-Text-sup)", "textColor-Text-sup": "var(--xmlui-textColor-Text-sup)", "backgroundColor-Text-sup": "var(--xmlui-backgroundColor-Text-sup)", "borderRadius-Text-sup": "var(--xmlui-borderRadius-Text-sup)", "borderColor-Text-sup": "var(--xmlui-borderColor-Text-sup)", "borderWidth-Text-sup": "var(--xmlui-borderWidth-Text-sup)", "borderStyle-Text-sup": "var(--xmlui-borderStyle-Text-sup)", "marginTop-Text-sup": "var(--xmlui-marginTop-Text-sup)", "marginBottom-Text-sup": "var(--xmlui-marginBottom-Text-sup)", "textTransform-Text-sup": "var(--xmlui-textTransform-Text-sup)", "verticalAlign-Text-sup": "var(--xmlui-verticalAlign-Text-sup)", "letterSpacing-Text-sup": "var(--xmlui-letterSpacing-Text-sup)", "fontFamily-Text-sub": "var(--xmlui-fontFamily-Text-sub)", "fontSize-Text-sub": "var(--xmlui-fontSize-Text-sub)", "fontWeight-Text-sub": "var(--xmlui-fontWeight-Text-sub)", "font-style-Text-sub": "var(--xmlui-font-style-Text-sub)", "fontStretch-Text-sub": "var(--xmlui-fontStretch-Text-sub)", "textDecorationLine-Text-sub": "var(--xmlui-textDecorationLine-Text-sub)", "textDecorationColor-Text-sub": "var(--xmlui-textDecorationColor-Text-sub)", "textDecorationStyle-Text-sub": "var(--xmlui-textDecorationStyle-Text-sub)", "textDecorationThickness-Text-sub": "var(--xmlui-textDecorationThickness-Text-sub)", "textUnderlineOffset-Text-sub": "var(--xmlui-textUnderlineOffset-Text-sub)", "lineHeight-Text-sub": "var(--xmlui-lineHeight-Text-sub)", "textColor-Text-sub": "var(--xmlui-textColor-Text-sub)", "backgroundColor-Text-sub": "var(--xmlui-backgroundColor-Text-sub)", "borderRadius-Text-sub": "var(--xmlui-borderRadius-Text-sub)", "borderColor-Text-sub": "var(--xmlui-borderColor-Text-sub)", "borderWidth-Text-sub": "var(--xmlui-borderWidth-Text-sub)", "borderStyle-Text-sub": "var(--xmlui-borderStyle-Text-sub)", "marginTop-Text-sub": "var(--xmlui-marginTop-Text-sub)", "marginBottom-Text-sub": "var(--xmlui-marginBottom-Text-sub)", "textTransform-Text-sub": "var(--xmlui-textTransform-Text-sub)", "verticalAlign-Text-sub": "var(--xmlui-verticalAlign-Text-sub)", "letterSpacing-Text-sub": "var(--xmlui-letterSpacing-Text-sub)", "fontFamily-Text-var": "var(--xmlui-fontFamily-Text-var)", "fontSize-Text-var": "var(--xmlui-fontSize-Text-var)", "fontWeight-Text-var": "var(--xmlui-fontWeight-Text-var)", "font-style-Text-var": "var(--xmlui-font-style-Text-var)", "fontStretch-Text-var": "var(--xmlui-fontStretch-Text-var)", "textDecorationLine-Text-var": "var(--xmlui-textDecorationLine-Text-var)", "textDecorationColor-Text-var": "var(--xmlui-textDecorationColor-Text-var)", "textDecorationStyle-Text-var": "var(--xmlui-textDecorationStyle-Text-var)", "textDecorationThickness-Text-var": "var(--xmlui-textDecorationThickness-Text-var)", "textUnderlineOffset-Text-var": "var(--xmlui-textUnderlineOffset-Text-var)", "lineHeight-Text-var": "var(--xmlui-lineHeight-Text-var)", "textColor-Text-var": "var(--xmlui-textColor-Text-var)", "backgroundColor-Text-var": "var(--xmlui-backgroundColor-Text-var)", "borderRadius-Text-var": "var(--xmlui-borderRadius-Text-var)", "borderColor-Text-var": "var(--xmlui-borderColor-Text-var)", "borderWidth-Text-var": "var(--xmlui-borderWidth-Text-var)", "borderStyle-Text-var": "var(--xmlui-borderStyle-Text-var)", "marginTop-Text-var": "var(--xmlui-marginTop-Text-var)", "marginBottom-Text-var": "var(--xmlui-marginBottom-Text-var)", "textTransform-Text-var": "var(--xmlui-textTransform-Text-var)", "verticalAlign-Text-var": "var(--xmlui-verticalAlign-Text-var)", "letterSpacing-Text-var": "var(--xmlui-letterSpacing-Text-var)", "fontFamily-Text-title": "var(--xmlui-fontFamily-Text-title)", "fontSize-Text-title": "var(--xmlui-fontSize-Text-title)", "fontWeight-Text-title": "var(--xmlui-fontWeight-Text-title)", "font-style-Text-title": "var(--xmlui-font-style-Text-title)", "fontStretch-Text-title": "var(--xmlui-fontStretch-Text-title)", "textDecorationLine-Text-title": "var(--xmlui-textDecorationLine-Text-title)", "textDecorationColor-Text-title": "var(--xmlui-textDecorationColor-Text-title)", "textDecorationStyle-Text-title": "var(--xmlui-textDecorationStyle-Text-title)", "textDecorationThickness-Text-title": "var(--xmlui-textDecorationThickness-Text-title)", "textUnderlineOffset-Text-title": "var(--xmlui-textUnderlineOffset-Text-title)", "lineHeight-Text-title": "var(--xmlui-lineHeight-Text-title)", "textColor-Text-title": "var(--xmlui-textColor-Text-title)", "backgroundColor-Text-title": "var(--xmlui-backgroundColor-Text-title)", "borderRadius-Text-title": "var(--xmlui-borderRadius-Text-title)", "borderColor-Text-title": "var(--xmlui-borderColor-Text-title)", "borderWidth-Text-title": "var(--xmlui-borderWidth-Text-title)", "borderStyle-Text-title": "var(--xmlui-borderStyle-Text-title)", "marginTop-Text-title": "var(--xmlui-marginTop-Text-title)", "marginBottom-Text-title": "var(--xmlui-marginBottom-Text-title)", "textTransform-Text-title": "var(--xmlui-textTransform-Text-title)", "verticalAlign-Text-title": "var(--xmlui-verticalAlign-Text-title)", "letterSpacing-Text-title": "var(--xmlui-letterSpacing-Text-title)", "fontFamily-Text-subtitle": "var(--xmlui-fontFamily-Text-subtitle)", "fontSize-Text-subtitle": "var(--xmlui-fontSize-Text-subtitle)", "fontWeight-Text-subtitle": "var(--xmlui-fontWeight-Text-subtitle)", "font-style-Text-subtitle": "var(--xmlui-font-style-Text-subtitle)", "fontStretch-Text-subtitle": "var(--xmlui-fontStretch-Text-subtitle)", "textDecorationLine-Text-subtitle": "var(--xmlui-textDecorationLine-Text-subtitle)", "textDecorationColor-Text-subtitle": "var(--xmlui-textDecorationColor-Text-subtitle)", "textDecorationStyle-Text-subtitle": "var(--xmlui-textDecorationStyle-Text-subtitle)", "textDecorationThickness-Text-subtitle": "var(--xmlui-textDecorationThickness-Text-subtitle)", "textUnderlineOffset-Text-subtitle": "var(--xmlui-textUnderlineOffset-Text-subtitle)", "lineHeight-Text-subtitle": "var(--xmlui-lineHeight-Text-subtitle)", "textColor-Text-subtitle": "var(--xmlui-textColor-Text-subtitle)", "backgroundColor-Text-subtitle": "var(--xmlui-backgroundColor-Text-subtitle)", "borderRadius-Text-subtitle": "var(--xmlui-borderRadius-Text-subtitle)", "borderColor-Text-subtitle": "var(--xmlui-borderColor-Text-subtitle)", "borderWidth-Text-subtitle": "var(--xmlui-borderWidth-Text-subtitle)", "borderStyle-Text-subtitle": "var(--xmlui-borderStyle-Text-subtitle)", "marginTop-Text-subtitle": "var(--xmlui-marginTop-Text-subtitle)", "marginBottom-Text-subtitle": "var(--xmlui-marginBottom-Text-subtitle)", "textTransform-Text-subtitle": "var(--xmlui-textTransform-Text-subtitle)", "verticalAlign-Text-subtitle": "var(--xmlui-verticalAlign-Text-subtitle)", "letterSpacing-Text-subtitle": "var(--xmlui-letterSpacing-Text-subtitle)", "fontFamily-Text-small": "var(--xmlui-fontFamily-Text-small)", "fontSize-Text-small": "var(--xmlui-fontSize-Text-small)", "fontWeight-Text-small": "var(--xmlui-fontWeight-Text-small)", "font-style-Text-small": "var(--xmlui-font-style-Text-small)", "fontStretch-Text-small": "var(--xmlui-fontStretch-Text-small)", "textDecorationLine-Text-small": "var(--xmlui-textDecorationLine-Text-small)", "textDecorationColor-Text-small": "var(--xmlui-textDecorationColor-Text-small)", "textDecorationStyle-Text-small": "var(--xmlui-textDecorationStyle-Text-small)", "textDecorationThickness-Text-small": "var(--xmlui-textDecorationThickness-Text-small)", "textUnderlineOffset-Text-small": "var(--xmlui-textUnderlineOffset-Text-small)", "lineHeight-Text-small": "var(--xmlui-lineHeight-Text-small)", "textColor-Text-small": "var(--xmlui-textColor-Text-small)", "backgroundColor-Text-small": "var(--xmlui-backgroundColor-Text-small)", "borderRadius-Text-small": "var(--xmlui-borderRadius-Text-small)", "borderColor-Text-small": "var(--xmlui-borderColor-Text-small)", "borderWidth-Text-small": "var(--xmlui-borderWidth-Text-small)", "borderStyle-Text-small": "var(--xmlui-borderStyle-Text-small)", "marginTop-Text-small": "var(--xmlui-marginTop-Text-small)", "marginBottom-Text-small": "var(--xmlui-marginBottom-Text-small)", "textTransform-Text-small": "var(--xmlui-textTransform-Text-small)", "verticalAlign-Text-small": "var(--xmlui-verticalAlign-Text-small)", "letterSpacing-Text-small": "var(--xmlui-letterSpacing-Text-small)", "fontFamily-Text-caption": "var(--xmlui-fontFamily-Text-caption)", "fontSize-Text-caption": "var(--xmlui-fontSize-Text-caption)", "fontWeight-Text-caption": "var(--xmlui-fontWeight-Text-caption)", "font-style-Text-caption": "var(--xmlui-font-style-Text-caption)", "fontStretch-Text-caption": "var(--xmlui-fontStretch-Text-caption)", "textDecorationLine-Text-caption": "var(--xmlui-textDecorationLine-Text-caption)", "textDecorationColor-Text-caption": "var(--xmlui-textDecorationColor-Text-caption)", "textDecorationStyle-Text-caption": "var(--xmlui-textDecorationStyle-Text-caption)", "textDecorationThickness-Text-caption": "var(--xmlui-textDecorationThickness-Text-caption)", "textUnderlineOffset-Text-caption": "var(--xmlui-textUnderlineOffset-Text-caption)", "lineHeight-Text-caption": "var(--xmlui-lineHeight-Text-caption)", "textColor-Text-caption": "var(--xmlui-textColor-Text-caption)", "backgroundColor-Text-caption": "var(--xmlui-backgroundColor-Text-caption)", "borderRadius-Text-caption": "var(--xmlui-borderRadius-Text-caption)", "borderColor-Text-caption": "var(--xmlui-borderColor-Text-caption)", "borderWidth-Text-caption": "var(--xmlui-borderWidth-Text-caption)", "borderStyle-Text-caption": "var(--xmlui-borderStyle-Text-caption)", "marginTop-Text-caption": "var(--xmlui-marginTop-Text-caption)", "marginBottom-Text-caption": "var(--xmlui-marginBottom-Text-caption)", "textTransform-Text-caption": "var(--xmlui-textTransform-Text-caption)", "verticalAlign-Text-caption": "var(--xmlui-verticalAlign-Text-caption)", "letterSpacing-Text-caption": "var(--xmlui-letterSpacing-Text-caption)", "fontFamily-Text-placeholder": "var(--xmlui-fontFamily-Text-placeholder)", "fontSize-Text-placeholder": "var(--xmlui-fontSize-Text-placeholder)", "fontWeight-Text-placeholder": "var(--xmlui-fontWeight-Text-placeholder)", "font-style-Text-placeholder": "var(--xmlui-font-style-Text-placeholder)", "fontStretch-Text-placeholder": "var(--xmlui-fontStretch-Text-placeholder)", "textDecorationLine-Text-placeholder": "var(--xmlui-textDecorationLine-Text-placeholder)", "textDecorationColor-Text-placeholder": "var(--xmlui-textDecorationColor-Text-placeholder)", "textDecorationStyle-Text-placeholder": "var(--xmlui-textDecorationStyle-Text-placeholder)", "textDecorationThickness-Text-placeholder": "var(--xmlui-textDecorationThickness-Text-placeholder)", "textUnderlineOffset-Text-placeholder": "var(--xmlui-textUnderlineOffset-Text-placeholder)", "lineHeight-Text-placeholder": "var(--xmlui-lineHeight-Text-placeholder)", "textColor-Text-placeholder": "var(--xmlui-textColor-Text-placeholder)", "backgroundColor-Text-placeholder": "var(--xmlui-backgroundColor-Text-placeholder)", "borderRadius-Text-placeholder": "var(--xmlui-borderRadius-Text-placeholder)", "borderColor-Text-placeholder": "var(--xmlui-borderColor-Text-placeholder)", "borderWidth-Text-placeholder": "var(--xmlui-borderWidth-Text-placeholder)", "borderStyle-Text-placeholder": "var(--xmlui-borderStyle-Text-placeholder)", "marginTop-Text-placeholder": "var(--xmlui-marginTop-Text-placeholder)", "marginBottom-Text-placeholder": "var(--xmlui-marginBottom-Text-placeholder)", "textTransform-Text-placeholder": "var(--xmlui-textTransform-Text-placeholder)", "verticalAlign-Text-placeholder": "var(--xmlui-verticalAlign-Text-placeholder)", "letterSpacing-Text-placeholder": "var(--xmlui-letterSpacing-Text-placeholder)", "fontFamily-Text-paragraph": "var(--xmlui-fontFamily-Text-paragraph)", "fontSize-Text-paragraph": "var(--xmlui-fontSize-Text-paragraph)", "fontWeight-Text-paragraph": "var(--xmlui-fontWeight-Text-paragraph)", "font-style-Text-paragraph": "var(--xmlui-font-style-Text-paragraph)", "fontStretch-Text-paragraph": "var(--xmlui-fontStretch-Text-paragraph)", "textDecorationLine-Text-paragraph": "var(--xmlui-textDecorationLine-Text-paragraph)", "textDecorationColor-Text-paragraph": "var(--xmlui-textDecorationColor-Text-paragraph)", "textDecorationStyle-Text-paragraph": "var(--xmlui-textDecorationStyle-Text-paragraph)", "textDecorationThickness-Text-paragraph": "var(--xmlui-textDecorationThickness-Text-paragraph)", "textUnderlineOffset-Text-paragraph": "var(--xmlui-textUnderlineOffset-Text-paragraph)", "lineHeight-Text-paragraph": "var(--xmlui-lineHeight-Text-paragraph)", "textColor-Text-paragraph": "var(--xmlui-textColor-Text-paragraph)", "backgroundColor-Text-paragraph": "var(--xmlui-backgroundColor-Text-paragraph)", "borderRadius-Text-paragraph": "var(--xmlui-borderRadius-Text-paragraph)", "borderColor-Text-paragraph": "var(--xmlui-borderColor-Text-paragraph)", "borderWidth-Text-paragraph": "var(--xmlui-borderWidth-Text-paragraph)", "borderStyle-Text-paragraph": "var(--xmlui-borderStyle-Text-paragraph)", "marginTop-Text-paragraph": "var(--xmlui-marginTop-Text-paragraph)", "marginBottom-Text-paragraph": "var(--xmlui-marginBottom-Text-paragraph)", "textTransform-Text-paragraph": "var(--xmlui-textTransform-Text-paragraph)", "verticalAlign-Text-paragraph": "var(--xmlui-verticalAlign-Text-paragraph)", "letterSpacing-Text-paragraph": "var(--xmlui-letterSpacing-Text-paragraph)", "fontFamily-Text-subheading": "var(--xmlui-fontFamily-Text-subheading)", "fontSize-Text-subheading": "var(--xmlui-fontSize-Text-subheading)", "fontWeight-Text-subheading": "var(--xmlui-fontWeight-Text-subheading)", "font-style-Text-subheading": "var(--xmlui-font-style-Text-subheading)", "fontStretch-Text-subheading": "var(--xmlui-fontStretch-Text-subheading)", "textDecorationLine-Text-subheading": "var(--xmlui-textDecorationLine-Text-subheading)", "textDecorationColor-Text-subheading": "var(--xmlui-textDecorationColor-Text-subheading)", "textDecorationStyle-Text-subheading": "var(--xmlui-textDecorationStyle-Text-subheading)", "textDecorationThickness-Text-subheading": "var(--xmlui-textDecorationThickness-Text-subheading)", "textUnderlineOffset-Text-subheading": "var(--xmlui-textUnderlineOffset-Text-subheading)", "lineHeight-Text-subheading": "var(--xmlui-lineHeight-Text-subheading)", "textColor-Text-subheading": "var(--xmlui-textColor-Text-subheading)", "backgroundColor-Text-subheading": "var(--xmlui-backgroundColor-Text-subheading)", "borderRadius-Text-subheading": "var(--xmlui-borderRadius-Text-subheading)", "borderColor-Text-subheading": "var(--xmlui-borderColor-Text-subheading)", "borderWidth-Text-subheading": "var(--xmlui-borderWidth-Text-subheading)", "borderStyle-Text-subheading": "var(--xmlui-borderStyle-Text-subheading)", "marginTop-Text-subheading": "var(--xmlui-marginTop-Text-subheading)", "marginBottom-Text-subheading": "var(--xmlui-marginBottom-Text-subheading)", "textTransform-Text-subheading": "var(--xmlui-textTransform-Text-subheading)", "verticalAlign-Text-subheading": "var(--xmlui-verticalAlign-Text-subheading)", "letterSpacing-Text-subheading": "var(--xmlui-letterSpacing-Text-subheading)", "fontFamily-Text-tableheading": "var(--xmlui-fontFamily-Text-tableheading)", "fontSize-Text-tableheading": "var(--xmlui-fontSize-Text-tableheading)", "fontWeight-Text-tableheading": "var(--xmlui-fontWeight-Text-tableheading)", "font-style-Text-tableheading": "var(--xmlui-font-style-Text-tableheading)", "fontStretch-Text-tableheading": "var(--xmlui-fontStretch-Text-tableheading)", "textDecorationLine-Text-tableheading": "var(--xmlui-textDecorationLine-Text-tableheading)", "textDecorationColor-Text-tableheading": "var(--xmlui-textDecorationColor-Text-tableheading)", "textDecorationStyle-Text-tableheading": "var(--xmlui-textDecorationStyle-Text-tableheading)", "textDecorationThickness-Text-tableheading": "var(--xmlui-textDecorationThickness-Text-tableheading)", "textUnderlineOffset-Text-tableheading": "var(--xmlui-textUnderlineOffset-Text-tableheading)", "lineHeight-Text-tableheading": "var(--xmlui-lineHeight-Text-tableheading)", "textColor-Text-tableheading": "var(--xmlui-textColor-Text-tableheading)", "backgroundColor-Text-tableheading": "var(--xmlui-backgroundColor-Text-tableheading)", "borderRadius-Text-tableheading": "var(--xmlui-borderRadius-Text-tableheading)", "borderColor-Text-tableheading": "var(--xmlui-borderColor-Text-tableheading)", "borderWidth-Text-tableheading": "var(--xmlui-borderWidth-Text-tableheading)", "borderStyle-Text-tableheading": "var(--xmlui-borderStyle-Text-tableheading)", "marginTop-Text-tableheading": "var(--xmlui-marginTop-Text-tableheading)", "marginBottom-Text-tableheading": "var(--xmlui-marginBottom-Text-tableheading)", "textTransform-Text-tableheading": "var(--xmlui-textTransform-Text-tableheading)", "verticalAlign-Text-tableheading": "var(--xmlui-verticalAlign-Text-tableheading)", "letterSpacing-Text-tableheading": "var(--xmlui-letterSpacing-Text-tableheading)", "fontFamily-Text-secondary": "var(--xmlui-fontFamily-Text-secondary)", "fontSize-Text-secondary": "var(--xmlui-fontSize-Text-secondary)", "fontWeight-Text-secondary": "var(--xmlui-fontWeight-Text-secondary)", "font-style-Text-secondary": "var(--xmlui-font-style-Text-secondary)", "fontStretch-Text-secondary": "var(--xmlui-fontStretch-Text-secondary)", "textDecorationLine-Text-secondary": "var(--xmlui-textDecorationLine-Text-secondary)", "textDecorationColor-Text-secondary": "var(--xmlui-textDecorationColor-Text-secondary)", "textDecorationStyle-Text-secondary": "var(--xmlui-textDecorationStyle-Text-secondary)", "textDecorationThickness-Text-secondary": "var(--xmlui-textDecorationThickness-Text-secondary)", "textUnderlineOffset-Text-secondary": "var(--xmlui-textUnderlineOffset-Text-secondary)", "lineHeight-Text-secondary": "var(--xmlui-lineHeight-Text-secondary)", "textColor-Text-secondary": "var(--xmlui-textColor-Text-secondary)", "backgroundColor-Text-secondary": "var(--xmlui-backgroundColor-Text-secondary)", "borderRadius-Text-secondary": "var(--xmlui-borderRadius-Text-secondary)", "borderColor-Text-secondary": "var(--xmlui-borderColor-Text-secondary)", "borderWidth-Text-secondary": "var(--xmlui-borderWidth-Text-secondary)", "borderStyle-Text-secondary": "var(--xmlui-borderStyle-Text-secondary)", "marginTop-Text-secondary": "var(--xmlui-marginTop-Text-secondary)", "marginBottom-Text-secondary": "var(--xmlui-marginBottom-Text-secondary)", "textTransform-Text-secondary": "var(--xmlui-textTransform-Text-secondary)", "verticalAlign-Text-secondary": "var(--xmlui-verticalAlign-Text-secondary)", "letterSpacing-Text-secondary": "var(--xmlui-letterSpacing-Text-secondary)"}'`,text:"_text_umtqa_13",abbr:"_abbr_umtqa_23",cite:"_cite_umtqa_52",codefence:"_codefence_umtqa_81",code:"_code_umtqa_81",deleted:"_deleted_umtqa_144",inserted:"_inserted_umtqa_188",keyboard:"_keyboard_umtqa_232",marked:"_marked_umtqa_261",mono:"_mono_umtqa_305",sample:"_sample_umtqa_334",sup:"_sup_umtqa_363",sub:"_sub_umtqa_392",var:"_var_umtqa_421",title:"_title_umtqa_450",subtitle:"_subtitle_umtqa_479",small:"_small_umtqa_508",caption:"_caption_umtqa_537",placeholder:"_placeholder_umtqa_566",paragraph:"_paragraph_umtqa_595",subheading:"_subheading_umtqa_624",tableheading:"_tableheading_umtqa_653",secondary:"_secondary_umtqa_682",strong:"_strong_umtqa_711",truncateOverflow:"_truncateOverflow_umtqa_719",preserveLinebreaks:"_preserveLinebreaks_umtqa_726",noEllipsis:"_noEllipsis_umtqa_730"};function vs(e){if(typeof e=="number")return e+"px";const r=e.trim();if(r.startsWith("var("))return r;const t=parseFloat(r),o=t.toString(),a=r.replace(o,"");return Number.isNaN(t)?"0px":a===""?o+"px":r}function yi(e){const r=e&&e>0?e:0;return r>1?{WebkitLineClamp:r,lineClamp:r,display:"-webkit-box",WebkitBoxOrient:"vertical",boxOrient:"vertical",whiteSpace:"initial"}:yt}function ki(e){if(typeof e=="number")return e+"px";if(typeof e=="string"&&/^\d+$/.test(e.trim())){const r=parseInt(e,10);if(!isNaN(r))return r+"px"}return e==null?void 0:e.toString()}const Rt=u.forwardRef(function({uid:r,variant:t,maxLines:o=0,style:a,children:n,preserveLinebreaks:i,ellipses:l=!0,...d},v){const x=u.useRef(null),p=v?Jr(x,v):x,C=u.useMemo(()=>!t||!ni[t]?"div":ni[t],[t]);return c.jsx(c.Fragment,{children:c.jsx(C,{...d,ref:p,className:ne([Ft.text,Ft[t||"default"],{[Ft.truncateOverflow]:o>0,[Ft.preserveLinebreaks]:i,[Ft.noEllipsis]:!l}]),style:{...a,...yi(o)},children:n})})});function qt({iconName:e,text:r,className:t}){return c.jsx(c.Fragment,{children:e||r?c.jsxs("div",{className:ne(fs.wrapper,t),children:[c.jsx(be,{name:e,style:{color:"inherit"}}),r&&c.jsx("div",{style:{display:"flex",userSelect:"none"},children:c.jsx(Rt,{style:{fontSize:"inherit"},children:r})})]}):null})}var ua=Ne.forwardRef((e,r)=>{const{children:t,...o}=e,a=Ne.Children.toArray(t),n=a.find(Ts);if(n){const i=n.props.children,l=a.map(d=>d===n?Ne.Children.count(i)>1?Ne.Children.only(null):Ne.isValidElement(i)?i.props.children:null:d);return c.jsx(ca,{...o,ref:r,children:Ne.isValidElement(i)?Ne.cloneElement(i,void 0,l):null})}return c.jsx(ca,{...o,ref:r,children:t})});ua.displayName="Slot";var ca=Ne.forwardRef((e,r)=>{const{children:t,...o}=e;if(Ne.isValidElement(t)){const a=ys(t),n=Cs(o,t.props);return t.type!==Ne.Fragment&&(n.ref=r?Jr(r,a):a),Ne.cloneElement(t,n)}return Ne.Children.count(t)>1?Ne.Children.only(null):null});ca.displayName="SlotClone";var gs=({children:e})=>c.jsx(c.Fragment,{children:e});function Ts(e){return Ne.isValidElement(e)&&e.type===gs}function Cs(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...l)=>{n(...l),a(...l)}:a&&(t[o]=a):o==="style"?t[o]={...a,...n}:o==="className"&&(t[o]=[a,n].filter(Boolean).join(" "))}return{...e,...t}}function ys(e){var o,a;let r=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,t=r&&"isReactWarning"in r&&r.isReactWarning;return t?e.ref:(r=(a=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:a.get,t=r&&"isReactWarning"in r&&r.isReactWarning,t?e.props.ref:e.props.ref||e.ref)}const wr={themeVars:`'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`,container:"_container_rshqv_13",top:"_top_rshqv_20",end:"_end_rshqv_25",bottom:"_bottom_rshqv_31",start:"_start_rshqv_36",shrinkToLabel:"_shrinkToLabel_rshqv_42",inputLabel:"_inputLabel_rshqv_45",disabled:"_disabled_rshqv_58",labelBreak:"_labelBreak_rshqv_62",required:"_required_rshqv_66",requiredMark:"_requiredMark_rshqv_73"},ma={themeVars:`'{"size-Spinner": "var(--xmlui-size-Spinner)", "thickness-Spinner": "var(--xmlui-thickness-Spinner)", "borderColor-Spinner": "var(--xmlui-borderColor-Spinner)"}'`,"lds-ring":"_lds-ring_xat8c_13",fullScreenSpinnerWrapper:"_fullScreenSpinnerWrapper_xat8c_54"},Si=u.forwardRef(function({delay:r=400,fullScreen:t=!1,style:o},a){const[n,i]=u.useState(r===0);u.useEffect(()=>{const d=setTimeout(()=>{i(!0)},r);return()=>{clearTimeout(d)}},[r]);const l=c.jsx(c.Fragment,{children:c.jsxs("div",{className:ma["lds-ring"],style:o,ref:a,children:[c.jsx("div",{}),c.jsx("div",{}),c.jsx("div",{}),c.jsx("div",{})]})});return n?t?c.jsx("div",{className:ma.fullScreenSpinnerWrapper,children:l}):l:null}),ks=/^[0-9]+$/,mr=u.forwardRef(function({id:r,labelPosition:t="top",style:o,label:a,labelBreak:n=!0,labelWidth:i,enabled:l=!0,required:d=!1,children:v,validationInProgress:x=!1,shrinkToLabel:p=!1,onFocus:C,onBlur:f,labelStyle:g,validationResult:y,isInputTemplateUsed:H=!1},A){const $=u.useId(),L=r||$;return a===void 0?c.jsx(ua,{style:o,id:L,onFocus:C,onBlur:f,ref:A,children:v}):c.jsxs("div",{style:o,ref:A,children:[c.jsxs("div",{className:ne(wr.container,{[wr.top]:t==="top",[wr.bottom]:t==="bottom",[wr.start]:t==="start",[wr.end]:t==="end",[wr.shrinkToLabel]:p}),onFocus:C,onBlur:f,children:[a&&c.jsxs("label",{htmlFor:L,onClick:()=>document.getElementById(L).focus(),style:{...g,width:i&&ks.test(i)?`${i}px`:i,flexShrink:i!==void 0?0:void 0},className:ne(wr.inputLabel,{[wr.required]:d,[wr.disabled]:!l,[wr.labelBreak]:n}),children:[a," ",d&&c.jsx("span",{className:wr.requiredMark,children:"*"}),x&&c.jsx(Si,{style:{height:"1em",width:"1em",marginLeft:"1em",alignSelf:"center"}})]}),c.jsx(ua,{id:H?void 0:L,children:v})]}),y]})}),pa=u.forwardRef(function({id:r,type:t="text",value:o="",updateState:a=ie,initialValue:n="",style:i,maxLength:l,enabled:d=!0,placeholder:v,validationStatus:x="none",onDidChange:p=ie,onFocus:C=ie,onBlur:f=ie,registerComponentApi:g,startText:y,startIcon:H,endText:A,endIcon:$,autoFocus:L,readOnly:V,tabIndex:U,label:Z,labelPosition:P,labelWidth:W,labelBreak:O,required:E},b){const h=u.useRef(null);u.useEffect(()=>{L&&setTimeout(()=>{var R;(R=h.current)==null||R.focus()},0)},[L]);const[T,S]=u.useState(o);u.useEffect(()=>{S(o)},[o]),u.useEffect(()=>{a({value:n},{initial:!0})},[n,a]);const _=u.useCallback(R=>{S(R),a({value:R}),p(R)},[p,a]),G=u.useCallback(R=>{_(R.target.value)},[_]),z=u.useCallback(()=>{C==null||C()},[C]),N=u.useCallback(()=>{f==null||f()},[f]),I=u.useCallback(()=>{var R;(R=h.current)==null||R.focus()},[]),M=ke(R=>{_(R)});return u.useEffect(()=>{g==null||g({focus:I,setValue:M})},[I,g,M]),c.jsx(mr,{labelPosition:P,label:Z,labelWidth:W,labelBreak:O,required:E,enabled:d,onFocus:C,onBlur:f,style:i,ref:b,children:c.jsxs("div",{className:ne(Ar.inputRoot,{[Ar.disabled]:!d,[Ar.readOnly]:V,[Ar.error]:x==="error",[Ar.warning]:x==="warning",[Ar.valid]:x==="valid"}),tabIndex:-1,onFocus:I,children:[c.jsx(qt,{text:y,iconName:H,className:Ar.adornment}),c.jsx("input",{id:r,type:t,className:ne(Ar.input,{[Ar.readOnly]:V}),disabled:!d,value:T,maxLength:l,placeholder:v,onChange:G,onFocus:z,onBlur:N,ref:h,readOnly:V,autoFocus:L,tabIndex:d?U:-1,required:E}),c.jsx(qt,{text:A,iconName:$,className:Ar.adornment})]})})}),kt="TextBox",wi=k({status:"experimental",description:`The \`${kt}\` is an input component that allows users to input and edit textual data.`,props:{placeholder:Ct(),initialValue:cr(),label:Pe(),labelPosition:Lr("top"),labelWidth:zr(kt),labelBreak:Pr(kt),maxLength:ho(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),startText:ia(),startIcon:na(),endText:la(),endIcon:sa()},events:{gotFocus:dr(kt),lostFocus:ur(kt),didChange:Xe(kt)},apis:{focus:Mr(kt),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dr()},themeVars:Q(Ar.themeVars),defaultThemeVars:{"borderRadius-Input":"$borderRadius","textColor-Input":"$textColor-primary","backgroundColor-Input--disabled":"$backgroundColor--disabled","borderWidth-Input":"1px","minHeight-Input":"39px","padding-Input":"$space-2","borderStyle-Input":"solid","borderColor-Input--disabled":"$borderColor--disabled","textColor-Input--disabled":"$textColor--disabled","borderColor-Input-error":"$borderColor-Input-default--error","borderColor-Input-warning":"$borderColor-Input-default--warning","borderColor-Input-success":"$borderColor-Input-default--success","color-placeholder-Input":"$textColor-subtitle","color-adornment-Input":"$textColor-subtitle","outlineColor-Input--focus":"$outlineColor--focus","outlineWidth-Input--focus":"$outlineWidth--focus","outlineStyle-Input--focus":"$outlineStyle--focus","outlineOffset-Input--focus":"$outlineOffset--focus",light:{},dark:{}}}),Ss=k({...wi,description:"The `Password` component is a specialized version of the `TextBox` component that allows users to input and edit passwords."});function ws(e){return typeof e=="string"&&(e==null?void 0:e.startsWith("$"))}const Hi="Theme",Hs=k({description:`The \`${Hi}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${Hi}\` 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:m("This property specifies which theme to use by setting the theme's id."),tone:{description:"This property allows the setting of the current theme's tone.",availableValues:["light","dark"],valueType:"string",defaultValue:"light"},root:m("This property indicates whether the component is at the root of the application.")},opaque:!0}),$s={themeVars:`'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-pages-App": "var(--xmlui-boxShadow-pages-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`},Is=[{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."}];u.createContext(null);const Bs=u.createContext(null),Ls={themeVars:`'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRadius-start-start-AppHeader": "var(--xmlui-borderRadius-start-start-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderRadius-start-end-AppHeader": "var(--xmlui-borderRadius-start-end-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderRadius-end-start-AppHeader": "var(--xmlui-borderRadius-end-start-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderRadius-end-end-AppHeader": "var(--xmlui-borderRadius-end-end-AppHeader, var(--xmlui-borderRadius-AppHeader))", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)"}'`},_s={themeVars:'"[]"'},As={themeVars:`'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRadius-start-start-NavLink": "var(--xmlui-borderRadius-start-start-NavLink, var(--xmlui-borderRadius-NavLink))", "borderRadius-start-end-NavLink": "var(--xmlui-borderRadius-start-end-NavLink, var(--xmlui-borderRadius-NavLink))", "borderRadius-end-start-NavLink": "var(--xmlui-borderRadius-end-start-NavLink, var(--xmlui-borderRadius-NavLink))", "borderRadius-end-end-NavLink": "var(--xmlui-borderRadius-end-end-NavLink, var(--xmlui-borderRadius-NavLink))", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-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)", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)"}'`};function Ns(e){return!e||typeof e=="string"||typeof e=="number"?e:e.queryParams!==void 0?{...e,search:new URLSearchParams(De.omitBy(e.queryParams,De.isUndefined)).toString()}:e}const Os={themeVars:`'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRadius-start-start-NavPanel": "var(--xmlui-borderRadius-start-start-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderRadius-start-end-NavPanel": "var(--xmlui-borderRadius-start-end-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderRadius-end-start-NavPanel": "var(--xmlui-borderRadius-end-start-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderRadius-end-end-NavPanel": "var(--xmlui-borderRadius-end-end-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "align-content-AppHeader": "var(--xmlui-align-content-AppHeader)"}'`},St="App",Ws=k({status:"stable",description:`The \`${St}\` component provides a UI frame for XMLUI apps. According to predefined (and run-time configurable) structure templates, \`${St}\` allows you to display your preferred layout.`,props:{layout:{description:"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.",availableValues:Is},loggedInUser:{description:"Stores information about the currently logged in user.",valueType:"string"},logoTemplate:Ae("Optional template of the app logo"),logo:{description:"Optional logo path",valueType:"string"},"logo-dark":{description:"Optional logo path in dark tone",valueType:"string"},"logo-light":{description:"Optional logo path in light tone",valueType:"string"},name:{description:"Optional application name (visible in the browser tab)",valueType:"string"},scrollWholePage:{description:"This boolean property specifies whether the whole page should scroll (`true`) or just the content area (`false`). The default value is `true`.",valueType:"boolean",defaultValue:!0},noScrollbarGutters:{description:"This boolean property specifies whether the scrollbar gutters should be hidden.",valueType:"boolean",defaultValue:!1},defaultTone:{description:`This property sets the app's default tone ("light" or "dark").`,valueType:"string",defaultValue:"light",availableValues:["light","dark"]},defaultTheme:{description:"This property sets the app's default theme.",valueType:"string",defaultValue:"xmlui"}},events:{ready:m(`This event fires when the \`${St}\` component finishes rendering on the page.`)},themeVars:Q($s.themeVars),defaultThemeVars:{[`width-navPanel-${St}`]:"$space-64",[`maxWidth-content-${St}`]:"$maxWidth-content",[`boxShadow-header-${St}`]:"$boxShadow-spread",[`boxShadow-pages-${St}`]:"$boxShadow-spread","scroll-padding-block-Pages":"$space-4",light:{},dark:{}}});function ha(e,r){return{[`paddingLeft-${e}`]:(r==null?void 0:r.left)??`$paddingHorizontal-${e}`,[`paddingRight-${e}`]:(r==null?void 0:r.right)??`$paddingHorizontal-${e}`,[`paddingTop-${e}`]:(r==null?void 0:r.top)??`$paddingVertical-${e}`,[`paddingBottom-${e}`]:(r==null?void 0:r.bottom)??`$paddingVertical-${e}`,[`paddingHorizontal-${e}`]:(r==null?void 0:r.horizontal)??"",[`paddingVertical-${e}`]:(r==null?void 0:r.vertical)??"",[`padding-${e}`]:(r==null?void 0:r.all)??`$paddingTop-${e} $paddingRight-${e} $paddingBottom-${e} $paddingLeft-${e}`}}const Nr="AppHeader",Vs=k({status:"experimental",description:`\`${Nr}\` is a placeholder within \`App\` to define a custom application header.`,props:{profileMenuTemplate:Ae(`This property makes the profile menu slot of the \`${Nr}\` component customizable.`),logoTemplate:Ae("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:Ae("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:{description:"Title for the application logo",valueType:"string"},showLogo:{description:"Show the logo in the header",valueType:"boolean",defaultValue:!0}},themeVars:Q(Ls.themeVars),themeVarDescriptions:{[`width-logo-${Nr}`]:"Sets the width of the displayed logo"},defaultThemeVars:{[`height-${Nr}`]:"$space-14",[`maxWidth-content-${Nr}`]:"$maxWidth-content-App",[`borderBottom-${Nr}`]:"1px solid $borderColor",...ha(`logo-${Nr}`,{horizontal:"$space-0",vertical:"$space-4"}),...ha(Nr,{horizontal:"$space-4",vertical:"$space-0"}),[`borderRadius-${Nr}`]:"0px",light:{[`backgroundColor-${Nr}`]:"white"},dark:{[`backgroundColor-${Nr}`]:"$color-surface-900"}}}),go="AppState",Es=k({description:`${go} is a functional component (without a visible user interface) that helps store and manage the app's state.`,props:{bucket:{description:`This property is the identifier of the bucket to which the \`${go}\` instance is bound. Multiple \`${go}\` 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.`,valueType:"string",defaultValue:"default"},initialValue:{description:`This property contains the initial state value. Though you can use multiple \`${go}\`component instances for the same bucket with their \`initialValue\` set, it may result in faulty app logic. When xmlui instantiates an \`${go}\` with an explicit initial value, that value is immediately set. Multiple initial values may result in undesired initialization.`}},apis:{update:m("This method updates the application state object bound to the `AppState` instance. The function's single argument is an object that specifies the new state value.")},nonVisual:!0}),wt={themeVars:`'{"border-Avatar": "var(--xmlui-border-Avatar)", "borderHorizontal-Avatar": "var(--xmlui-borderHorizontal-Avatar, var(--xmlui-border-Avatar))", "borderVertical-Avatar": "var(--xmlui-borderVertical-Avatar, var(--xmlui-border-Avatar))", "borderLeft-Avatar": "var(--xmlui-borderLeft-Avatar, var(--xmlui-borderHorizontal-Avatar, var(--xmlui-border-Avatar)))", "borderRight-Avatar": "var(--xmlui-borderRight-Avatar, var(--xmlui-borderHorizontal-Avatar, var(--xmlui-border-Avatar)))", "borderTop-Avatar": "var(--xmlui-borderTop-Avatar, var(--xmlui-borderVertical-Avatar, var(--xmlui-border-Avatar)))", "borderBottom-Avatar": "var(--xmlui-borderBottom-Avatar, var(--xmlui-borderVertical-Avatar, var(--xmlui-border-Avatar)))", "borderWidth-Avatar": "var(--xmlui-borderWidth-Avatar)", "borderHorizontalWidth-Avatar": "var(--xmlui-borderHorizontalWidth-Avatar, var(--xmlui-borderWidth-Avatar))", "borderLeftWidth-Avatar": "var(--xmlui-borderLeftWidth-Avatar, var(--xmlui-borderHorizontalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderRightWidth-Avatar": "var(--xmlui-borderRightWidth-Avatar, var(--xmlui-borderHorizontalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderVerticalWidth-Avatar": "var(--xmlui-borderVerticalWidth-Avatar, var(--xmlui-borderWidth-Avatar))", "borderTopWidth-Avatar": "var(--xmlui-borderTopWidth-Avatar, var(--xmlui-borderVerticalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderBottomWidth-Avatar": "var(--xmlui-borderBottomWidth-Avatar, var(--xmlui-borderVerticalWidth-Avatar, var(--xmlui-borderWidth-Avatar)))", "borderStyle-Avatar": "var(--xmlui-borderStyle-Avatar)", "borderHorizontalStyle-Avatar": "var(--xmlui-borderHorizontalStyle-Avatar, var(--xmlui-borderStyle-Avatar))", "borderLeftStyle-Avatar": "var(--xmlui-borderLeftStyle-Avatar, var(--xmlui-borderHorizontalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderRightStyle-Avatar": "var(--xmlui-borderRightStyle-Avatar, var(--xmlui-borderHorizontalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderVerticalStyle-Avatar": "var(--xmlui-borderVerticalStyle-Avatar, var(--xmlui-borderStyle-Avatar))", "borderTopStyle-Avatar": "var(--xmlui-borderTopStyle-Avatar, var(--xmlui-borderVerticalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderBottomStyle-Avatar": "var(--xmlui-borderBottomStyle-Avatar, var(--xmlui-borderVerticalStyle-Avatar, var(--xmlui-borderStyle-Avatar)))", "borderColor-Avatar": "var(--xmlui-borderColor-Avatar)", "borderHorizontalColor-Avatar": "var(--xmlui-borderHorizontalColor-Avatar, var(--xmlui-borderColor-Avatar))", "borderLeftColor-Avatar": "var(--xmlui-borderLeftColor-Avatar, var(--xmlui-borderHorizontalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderRightColor-Avatar": "var(--xmlui-borderRightColor-Avatar, var(--xmlui-borderHorizontalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderVerticalColor-Avatar": "var(--xmlui-borderVerticalColor-Avatar, var(--xmlui-borderColor-Avatar))", "borderTopColor-Avatar": "var(--xmlui-borderTopColor-Avatar, var(--xmlui-borderVerticalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderBottomColor-Avatar": "var(--xmlui-borderBottomColor-Avatar, var(--xmlui-borderVerticalColor-Avatar, var(--xmlui-borderColor-Avatar)))", "borderRadius-start-start-Avatar": "var(--xmlui-borderRadius-start-start-Avatar, var(--xmlui-borderRadius-Avatar))", "borderRadius-start-end-Avatar": "var(--xmlui-borderRadius-start-end-Avatar, var(--xmlui-borderRadius-Avatar))", "borderRadius-end-start-Avatar": "var(--xmlui-borderRadius-end-start-Avatar, var(--xmlui-borderRadius-Avatar))", "borderRadius-end-end-Avatar": "var(--xmlui-borderRadius-end-end-Avatar, var(--xmlui-borderRadius-Avatar))", "backgroundColor-Avatar": "var(--xmlui-backgroundColor-Avatar)", "boxShadow-Avatar": "var(--xmlui-boxShadow-Avatar)", "textColor-Avatar": "var(--xmlui-textColor-Avatar)", "fontWeight-Avatar": "var(--xmlui-fontWeight-Avatar)"}'`,container:"_container_f7bn5_13",xs:"_xs_f7bn5_50",sm:"_sm_f7bn5_57",md:"_md_f7bn5_64",lg:"_lg_f7bn5_71",clickable:"_clickable_f7bn5_78"},$i={size:"sm"},zs=u.forwardRef(function({size:r=$i.size,url:t,name:o,style:a,onClick:n,...i},l){let d=null;return!t&&o&&(d=o.trim().split(" ").filter(v=>!!v.trim().length).map(v=>v[0].toUpperCase()).slice(0,3)),c.jsx("div",{...i,ref:l,className:ne(wt.container,{[wt.xs]:r==="xs",[wt.sm]:r==="sm",[wt.md]:r==="md",[wt.lg]:r==="lg",[wt.clickable]:!!n}),style:{backgroundImage:t?`url(${t})`:"none",...a},onClick:n,children:d})}),pr="Avatar",Ps=k({description:`The \`${pr}\` component represents a user, group (or other entity's) avatar with a small image or initials.`,props:{size:{description:`This property defines the display size of the ${pr}.`,availableValues:ra,valueType:"string",defaultValue:$i.size},name:{description:`This property sets the name value the ${pr} uses to display initials.`,valueType:"string"},url:{description:`This property specifies the URL of the image to display in the ${pr}.`,valueType:"string"}},events:{click:m("This event is triggered when the avatar is clicked.")},themeVars:Q(wt.themeVars),defaultThemeVars:{[`borderRadius-${pr}`]:"4px",[`boxShadow-${pr}`]:"inset 0 0 0 1px rgba(4,32,69,0.1)",[`textColor-${pr}`]:"$textColor-secondary",[`fontWeight-${pr}`]:"$fontWeight-bold",light:{[`border-${pr}`]:"0px solid $color-surface-400A80",[`backgroundColor-${pr}`]:"$color-surface-100"},dark:{[`border-${pr}`]:"0px solid $color-surface-700",[`backgroundColor-${pr}`]:"$color-surface-800",[`borderColor-${pr}`]:"$color-surface-700"}}}),xa={themeVars:`'{"border-Badge": "var(--xmlui-border-Badge)", "borderHorizontal-Badge": "var(--xmlui-borderHorizontal-Badge, var(--xmlui-border-Badge))", "borderVertical-Badge": "var(--xmlui-borderVertical-Badge, var(--xmlui-border-Badge))", "borderLeft-Badge": "var(--xmlui-borderLeft-Badge, var(--xmlui-borderHorizontal-Badge, var(--xmlui-border-Badge)))", "borderRight-Badge": "var(--xmlui-borderRight-Badge, var(--xmlui-borderHorizontal-Badge, var(--xmlui-border-Badge)))", "borderTop-Badge": "var(--xmlui-borderTop-Badge, var(--xmlui-borderVertical-Badge, var(--xmlui-border-Badge)))", "borderBottom-Badge": "var(--xmlui-borderBottom-Badge, var(--xmlui-borderVertical-Badge, var(--xmlui-border-Badge)))", "borderWidth-Badge": "var(--xmlui-borderWidth-Badge)", "borderHorizontalWidth-Badge": "var(--xmlui-borderHorizontalWidth-Badge, var(--xmlui-borderWidth-Badge))", "borderLeftWidth-Badge": "var(--xmlui-borderLeftWidth-Badge, var(--xmlui-borderHorizontalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderRightWidth-Badge": "var(--xmlui-borderRightWidth-Badge, var(--xmlui-borderHorizontalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderVerticalWidth-Badge": "var(--xmlui-borderVerticalWidth-Badge, var(--xmlui-borderWidth-Badge))", "borderTopWidth-Badge": "var(--xmlui-borderTopWidth-Badge, var(--xmlui-borderVerticalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderBottomWidth-Badge": "var(--xmlui-borderBottomWidth-Badge, var(--xmlui-borderVerticalWidth-Badge, var(--xmlui-borderWidth-Badge)))", "borderStyle-Badge": "var(--xmlui-borderStyle-Badge)", "borderHorizontalStyle-Badge": "var(--xmlui-borderHorizontalStyle-Badge, var(--xmlui-borderStyle-Badge))", "borderLeftStyle-Badge": "var(--xmlui-borderLeftStyle-Badge, var(--xmlui-borderHorizontalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderRightStyle-Badge": "var(--xmlui-borderRightStyle-Badge, var(--xmlui-borderHorizontalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderVerticalStyle-Badge": "var(--xmlui-borderVerticalStyle-Badge, var(--xmlui-borderStyle-Badge))", "borderTopStyle-Badge": "var(--xmlui-borderTopStyle-Badge, var(--xmlui-borderVerticalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderBottomStyle-Badge": "var(--xmlui-borderBottomStyle-Badge, var(--xmlui-borderVerticalStyle-Badge, var(--xmlui-borderStyle-Badge)))", "borderColor-Badge": "var(--xmlui-borderColor-Badge)", "borderHorizontalColor-Badge": "var(--xmlui-borderHorizontalColor-Badge, var(--xmlui-borderColor-Badge))", "borderLeftColor-Badge": "var(--xmlui-borderLeftColor-Badge, var(--xmlui-borderHorizontalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderRightColor-Badge": "var(--xmlui-borderRightColor-Badge, var(--xmlui-borderHorizontalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderVerticalColor-Badge": "var(--xmlui-borderVerticalColor-Badge, var(--xmlui-borderColor-Badge))", "borderTopColor-Badge": "var(--xmlui-borderTopColor-Badge, var(--xmlui-borderVerticalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderBottomColor-Badge": "var(--xmlui-borderBottomColor-Badge, var(--xmlui-borderVerticalColor-Badge, var(--xmlui-borderColor-Badge)))", "borderRadius-start-start-Badge": "var(--xmlui-borderRadius-start-start-Badge, var(--xmlui-borderRadius-Badge))", "borderRadius-start-end-Badge": "var(--xmlui-borderRadius-start-end-Badge, var(--xmlui-borderRadius-Badge))", "borderRadius-end-start-Badge": "var(--xmlui-borderRadius-end-start-Badge, var(--xmlui-borderRadius-Badge))", "borderRadius-end-end-Badge": "var(--xmlui-borderRadius-end-end-Badge, var(--xmlui-borderRadius-Badge))", "padding-Badge": "var(--xmlui-padding-Badge)", "paddingHorizontal-Badge": "var(--xmlui-paddingHorizontal-Badge, var(--xmlui-padding-Badge))", "paddingVertical-Badge": "var(--xmlui-paddingVertical-Badge, var(--xmlui-padding-Badge))", "paddingLeft-Badge": "var(--xmlui-paddingLeft-Badge, var(--xmlui-paddingHorizontal-Badge, var(--xmlui-padding-Badge)))", "paddingRight-Badge": "var(--xmlui-paddingRight-Badge, var(--xmlui-paddingHorizontal-Badge, var(--xmlui-padding-Badge)))", "paddingTop-Badge": "var(--xmlui-paddingTop-Badge, var(--xmlui-paddingVertical-Badge, var(--xmlui-padding-Badge)))", "paddingBottom-Badge": "var(--xmlui-paddingBottom-Badge, var(--xmlui-paddingVertical-Badge, var(--xmlui-padding-Badge)))", "border-Badge-pill": "var(--xmlui-border-Badge-pill)", "borderHorizontal-Badge-pill": "var(--xmlui-borderHorizontal-Badge-pill, var(--xmlui-border-Badge-pill))", "borderVertical-Badge-pill": "var(--xmlui-borderVertical-Badge-pill, var(--xmlui-border-Badge-pill))", "borderLeft-Badge-pill": "var(--xmlui-borderLeft-Badge-pill, var(--xmlui-borderHorizontal-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderRight-Badge-pill": "var(--xmlui-borderRight-Badge-pill, var(--xmlui-borderHorizontal-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderTop-Badge-pill": "var(--xmlui-borderTop-Badge-pill, var(--xmlui-borderVertical-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderBottom-Badge-pill": "var(--xmlui-borderBottom-Badge-pill, var(--xmlui-borderVertical-Badge-pill, var(--xmlui-border-Badge-pill)))", "borderWidth-Badge-pill": "var(--xmlui-borderWidth-Badge-pill)", "borderHorizontalWidth-Badge-pill": "var(--xmlui-borderHorizontalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill))", "borderLeftWidth-Badge-pill": "var(--xmlui-borderLeftWidth-Badge-pill, var(--xmlui-borderHorizontalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderRightWidth-Badge-pill": "var(--xmlui-borderRightWidth-Badge-pill, var(--xmlui-borderHorizontalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderVerticalWidth-Badge-pill": "var(--xmlui-borderVerticalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill))", "borderTopWidth-Badge-pill": "var(--xmlui-borderTopWidth-Badge-pill, var(--xmlui-borderVerticalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderBottomWidth-Badge-pill": "var(--xmlui-borderBottomWidth-Badge-pill, var(--xmlui-borderVerticalWidth-Badge-pill, var(--xmlui-borderWidth-Badge-pill)))", "borderStyle-Badge-pill": "var(--xmlui-borderStyle-Badge-pill)", "borderHorizontalStyle-Badge-pill": "var(--xmlui-borderHorizontalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill))", "borderLeftStyle-Badge-pill": "var(--xmlui-borderLeftStyle-Badge-pill, var(--xmlui-borderHorizontalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderRightStyle-Badge-pill": "var(--xmlui-borderRightStyle-Badge-pill, var(--xmlui-borderHorizontalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderVerticalStyle-Badge-pill": "var(--xmlui-borderVerticalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill))", "borderTopStyle-Badge-pill": "var(--xmlui-borderTopStyle-Badge-pill, var(--xmlui-borderVerticalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderBottomStyle-Badge-pill": "var(--xmlui-borderBottomStyle-Badge-pill, var(--xmlui-borderVerticalStyle-Badge-pill, var(--xmlui-borderStyle-Badge-pill)))", "borderColor-Badge-pill": "var(--xmlui-borderColor-Badge-pill)", "borderHorizontalColor-Badge-pill": "var(--xmlui-borderHorizontalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill))", "borderLeftColor-Badge-pill": "var(--xmlui-borderLeftColor-Badge-pill, var(--xmlui-borderHorizontalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderRightColor-Badge-pill": "var(--xmlui-borderRightColor-Badge-pill, var(--xmlui-borderHorizontalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderVerticalColor-Badge-pill": "var(--xmlui-borderVerticalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill))", "borderTopColor-Badge-pill": "var(--xmlui-borderTopColor-Badge-pill, var(--xmlui-borderVerticalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderBottomColor-Badge-pill": "var(--xmlui-borderBottomColor-Badge-pill, var(--xmlui-borderVerticalColor-Badge-pill, var(--xmlui-borderColor-Badge-pill)))", "borderRadius-start-start-Badge-pill": "var(--xmlui-borderRadius-start-start-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "borderRadius-start-end-Badge-pill": "var(--xmlui-borderRadius-start-end-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "borderRadius-end-start-Badge-pill": "var(--xmlui-borderRadius-end-start-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "borderRadius-end-end-Badge-pill": "var(--xmlui-borderRadius-end-end-Badge-pill, var(--xmlui-borderRadius-Badge-pill))", "padding-Badge-pill": "var(--xmlui-padding-Badge-pill)", "paddingHorizontal-Badge-pill": "var(--xmlui-paddingHorizontal-Badge-pill, var(--xmlui-padding-Badge-pill))", "paddingVertical-Badge-pill": "var(--xmlui-paddingVertical-Badge-pill, var(--xmlui-padding-Badge-pill))", "paddingLeft-Badge-pill": "var(--xmlui-paddingLeft-Badge-pill, var(--xmlui-paddingHorizontal-Badge-pill, var(--xmlui-padding-Badge-pill)))", "paddingRight-Badge-pill": "var(--xmlui-paddingRight-Badge-pill, var(--xmlui-paddingHorizontal-Badge-pill, var(--xmlui-padding-Badge-pill)))", "paddingTop-Badge-pill": "var(--xmlui-paddingTop-Badge-pill, var(--xmlui-paddingVertical-Badge-pill, var(--xmlui-padding-Badge-pill)))", "paddingBottom-Badge-pill": "var(--xmlui-paddingBottom-Badge-pill, var(--xmlui-paddingVertical-Badge-pill, var(--xmlui-padding-Badge-pill)))", "backgroundColor-Badge": "var(--xmlui-backgroundColor-Badge)", "textColor-Badge": "var(--xmlui-textColor-Badge)", "fontSize-Badge": "var(--xmlui-fontSize-Badge)", "fontSize-Badge-pill": "var(--xmlui-fontSize-Badge-pill)", "fontWeight-Badge": "var(--xmlui-fontWeight-Badge)", "fontWeight-Badge-pill": "var(--xmlui-fontWeight-Badge-pill)"}'`,badge:"_badge_1a8sa_13",pill:"_pill_1a8sa_52"},Ds=["badge","pill"],Ms={variant:"badge"};u.forwardRef(function({children:r,color:t,variant:o=Ms.variant,style:a},n){return c.jsx("div",{ref:n,className:ne({[xa.badge]:o==="badge",[xa.pill]:o==="pill"}),style:{...t?typeof t=="string"?{backgroundColor:t}:{backgroundColor:t.background,color:t.label}:{},...a},children:r})});const Hr="Badge",Fs=k({status:"stable",description:`The \`${Hr}\` is a text label that accepts a color map to define its background color and, optionally, its label color.`,props:{value:{description:"The text that the component displays",type:"string",isRequired:!0},variant:{description:"Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners.",type:"string",availableValues:Ds,defaultValue:"badge"},colorMap:{description:`The \`${Hr}\` 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:Ve("(**NOT IMPLEMENTED YET**) The theme color of the component."),indicatorText:Ve("(**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:Ve("(**NOT IMPLEMENTED YET**) This property forces the display of the indicator, even if the `indicatorText` property is not defined or empty."),indicatorThemeColor:Ve("(**NOT IMPLEMENTED YET**) The theme color of the indicator."),indicatorPosition:Ve("(**NOT IMPLEMENTED YET**) The position of the indicator.")},events:{},themeVars:Q(xa.themeVars),defaultThemeVars:{[`padding-${Hr}`]:"$space-0_5 $space-2",[`border-${Hr}`]:"0px solid $borderColor",[`padding-${Hr}-pill`]:"$space-0_5 $space-2",[`borderRadius-${Hr}`]:"4px",[`fontSize-${Hr}`]:"0.8em",[`fontSize-${Hr}-pill`]:"0.8em",light:{[`backgroundColor-${Hr}`]:"rgba($color-secondary-500-rgb, .6)",[`textColor-${Hr}`]:"white"},dark:{[`backgroundColor-${Hr}`]:"rgba($color-secondary-500-rgb, .6)",[`textColor-${Hr}`]:"$color-surface-50"}}}),Rs=u.createContext(null),qs=k({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:{uid:{description:"The unique identifier of the bookmark. You can use this identifier in links to navigate to this component's location.",valueType:"string"},level:{description:"The level of the bookmark. The level is used to determine the bookmark's position in the table of contents.",valueType:"number",defaultValue:1},title:{description:"Defines the text to display the bookmark in the table of contents. If this property is empty, the text falls back to the value of `id`.",valueType:"string"},omitFromToc:{description:"If true, this bookmark will be excluded from the table of contents.",valueType:"boolean",defaultValue:!1}}}),To={themeVars:`'{"padding-Card": "var(--xmlui-padding-Card)", "paddingHorizontal-Card": "var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card))", "paddingVertical-Card": "var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card))", "paddingLeft-Card": "var(--xmlui-paddingLeft-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingRight-Card": "var(--xmlui-paddingRight-Card, var(--xmlui-paddingHorizontal-Card, var(--xmlui-padding-Card)))", "paddingTop-Card": "var(--xmlui-paddingTop-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "paddingBottom-Card": "var(--xmlui-paddingBottom-Card, var(--xmlui-paddingVertical-Card, var(--xmlui-padding-Card)))", "border-Card": "var(--xmlui-border-Card)", "borderHorizontal-Card": "var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card))", "borderVertical-Card": "var(--xmlui-borderVertical-Card, var(--xmlui-border-Card))", "borderLeft-Card": "var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderRight-Card": "var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)))", "borderTop-Card": "var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderBottom-Card": "var(--xmlui-borderBottom-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)))", "borderWidth-Card": "var(--xmlui-borderWidth-Card)", "borderHorizontalWidth-Card": "var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card))", "borderLeftWidth-Card": "var(--xmlui-borderLeftWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderRightWidth-Card": "var(--xmlui-borderRightWidth-Card, var(--xmlui-borderHorizontalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderVerticalWidth-Card": "var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card))", "borderTopWidth-Card": "var(--xmlui-borderTopWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderBottomWidth-Card": "var(--xmlui-borderBottomWidth-Card, var(--xmlui-borderVerticalWidth-Card, var(--xmlui-borderWidth-Card)))", "borderStyle-Card": "var(--xmlui-borderStyle-Card)", "borderHorizontalStyle-Card": "var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card))", "borderLeftStyle-Card": "var(--xmlui-borderLeftStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderRightStyle-Card": "var(--xmlui-borderRightStyle-Card, var(--xmlui-borderHorizontalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderVerticalStyle-Card": "var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card))", "borderTopStyle-Card": "var(--xmlui-borderTopStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderBottomStyle-Card": "var(--xmlui-borderBottomStyle-Card, var(--xmlui-borderVerticalStyle-Card, var(--xmlui-borderStyle-Card)))", "borderColor-Card": "var(--xmlui-borderColor-Card)", "borderHorizontalColor-Card": "var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card))", "borderLeftColor-Card": "var(--xmlui-borderLeftColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderRightColor-Card": "var(--xmlui-borderRightColor-Card, var(--xmlui-borderHorizontalColor-Card, var(--xmlui-borderColor-Card)))", "borderVerticalColor-Card": "var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card))", "borderTopColor-Card": "var(--xmlui-borderTopColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderBottomColor-Card": "var(--xmlui-borderBottomColor-Card, var(--xmlui-borderVerticalColor-Card, var(--xmlui-borderColor-Card)))", "borderRadius-start-start-Card": "var(--xmlui-borderRadius-start-start-Card, var(--xmlui-borderRadius-Card))", "borderRadius-start-end-Card": "var(--xmlui-borderRadius-start-end-Card, var(--xmlui-borderRadius-Card))", "borderRadius-end-start-Card": "var(--xmlui-borderRadius-end-start-Card, var(--xmlui-borderRadius-Card))", "borderRadius-end-end-Card": "var(--xmlui-borderRadius-end-end-Card, var(--xmlui-borderRadius-Card))", "boxShadow-Card": "var(--xmlui-boxShadow-Card)", "backgroundColor-Card": "var(--xmlui-backgroundColor-Card)", "borderRadius-Card": "var(--xmlui-borderRadius-Card)"}'`,wrapper:"_wrapper_1v5if_13",horizontal:"_horizontal_1v5if_46",vertical:"_vertical_1v5if_51",isClickable:"_isClickable_1v5if_54"},Ut={themeVars:`'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderRadius-start-start-Link": "var(--xmlui-borderRadius-start-start-Link, var(--xmlui-borderRadius-Link))", "borderRadius-start-end-Link": "var(--xmlui-borderRadius-start-end-Link, var(--xmlui-borderRadius-Link))", "borderRadius-end-start-Link": "var(--xmlui-borderRadius-end-start-Link, var(--xmlui-borderRadius-Link))", "borderRadius-end-end-Link": "var(--xmlui-borderRadius-end-end-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`,container:"_container_1eb9y_13",active:"_active_1eb9y_53",disabled:"_disabled_1eb9y_57",iconWrapper:"_iconWrapper_1eb9y_73"},Us=u.forwardRef(function(r,t){const{to:o,children:a,icon:n,active:i,onClick:l,target:d,disabled:v,style:x,...p}=Gs(r),C=!!n&&!a,f=u.useMemo(()=>Ns(o),[o]),g=o?yl.Link:"div";return c.jsxs(g,{ref:t,to:f,style:x,target:d,onClick:l,className:ne(Ut.container,{[Ut.iconLink]:C,[Ut.active]:i,[Ut.disabled]:v}),...p,children:[n&&c.jsx("div",{className:Ut.iconWrapper,children:c.jsx(be,{name:n})}),a]})});function Gs(e){const{target:r,referrerPolicy:t}=e;return{...e,target:r,referrerPolicy:t}}const $r={themeVars:`'{"Heading:textColor-H1": "var(--xmlui-textColor-H1)", "Heading:letterSpacing-H1": "var(--xmlui-letterSpacing-H1)", "Heading:fontFamily-H1": "var(--xmlui-fontFamily-H1)", "Heading:fontWeight-H1": "var(--xmlui-fontWeight-H1)", "fontSize-H1": "var(--xmlui-fontSize-H1)", "lineHeight-H1": "var(--xmlui-lineHeight-H1)", "marginTop-H1": "var(--xmlui-marginTop-H1)", "marginBottom-H1": "var(--xmlui-marginBottom-H1)", "Heading:textDecorationLine-H1": "var(--xmlui-textDecorationLine-H1)", "Heading:textDecorationColor-H1": "var(--xmlui-textDecorationColor-H1)", "Heading:textDecorationStyle-H1": "var(--xmlui-textDecorationStyle-H1)", "Heading:textDecorationThickness-H1": "var(--xmlui-textDecorationThickness-H1)", "Heading:textUnderlineOffset-H1": "var(--xmlui-textUnderlineOffset-H1)", "Heading:textColor-H2": "var(--xmlui-textColor-H2)", "Heading:letterSpacing-H2": "var(--xmlui-letterSpacing-H2)", "Heading:fontFamily-H2": "var(--xmlui-fontFamily-H2)", "Heading:fontWeight-H2": "var(--xmlui-fontWeight-H2)", "fontSize-H2": "var(--xmlui-fontSize-H2)", "lineHeight-H2": "var(--xmlui-lineHeight-H2)", "marginTop-H2": "var(--xmlui-marginTop-H2)", "marginBottom-H2": "var(--xmlui-marginBottom-H2)", "Heading:textDecorationLine-H2": "var(--xmlui-textDecorationLine-H2)", "Heading:textDecorationColor-H2": "var(--xmlui-textDecorationColor-H2)", "Heading:textDecorationStyle-H2": "var(--xmlui-textDecorationStyle-H2)", "Heading:textDecorationThickness-H2": "var(--xmlui-textDecorationThickness-H2)", "Heading:textUnderlineOffset-H2": "var(--xmlui-textUnderlineOffset-H2)", "Heading:textColor-H3": "var(--xmlui-textColor-H3)", "Heading:letterSpacing-H3": "var(--xmlui-letterSpacing-H3)", "Heading:fontFamily-H3": "var(--xmlui-fontFamily-H3)", "Heading:fontWeight-H3": "var(--xmlui-fontWeight-H3)", "fontSize-H3": "var(--xmlui-fontSize-H3)", "lineHeight-H3": "var(--xmlui-lineHeight-H3)", "marginTop-H3": "var(--xmlui-marginTop-H3)", "marginBottom-H3": "var(--xmlui-marginBottom-H3)", "Heading:textDecorationLine-H3": "var(--xmlui-textDecorationLine-H3)", "Heading:textDecorationColor-H3": "var(--xmlui-textDecorationColor-H3)", "Heading:textDecorationStyle-H3": "var(--xmlui-textDecorationStyle-H3)", "Heading:textDecorationThickness-H3": "var(--xmlui-textDecorationThickness-H3)", "Heading:textUnderlineOffset-H3": "var(--xmlui-textUnderlineOffset-H3)", "Heading:textColor-H4": "var(--xmlui-textColor-H4)", "Heading:letterSpacing-H4": "var(--xmlui-letterSpacing-H4)", "Heading:fontFamily-H4": "var(--xmlui-fontFamily-H4)", "Heading:fontWeight-H4": "var(--xmlui-fontWeight-H4)", "fontSize-H4": "var(--xmlui-fontSize-H4)", "lineHeight-H4": "var(--xmlui-lineHeight-H4)", "marginTop-H4": "var(--xmlui-marginTop-H4)", "marginBottom-H4": "var(--xmlui-marginBottom-H4)", "Heading:textDecorationLine-H4": "var(--xmlui-textDecorationLine-H4)", "Heading:textDecorationColor-H4": "var(--xmlui-textDecorationColor-H4)", "Heading:textDecorationStyle-H4": "var(--xmlui-textDecorationStyle-H4)", "Heading:textDecorationThickness-H4": "var(--xmlui-textDecorationThickness-H4)", "Heading:textUnderlineOffset-H4": "var(--xmlui-textUnderlineOffset-H4)", "Heading:textColor-H5": "var(--xmlui-textColor-H5)", "Heading:letterSpacing-H5": "var(--xmlui-letterSpacing-H5)", "Heading:fontFamily-H5": "var(--xmlui-fontFamily-H5)", "Heading:fontWeight-H5": "var(--xmlui-fontWeight-H5)", "fontSize-H5": "var(--xmlui-fontSize-H5)", "lineHeight-H5": "var(--xmlui-lineHeight-H5)", "marginTop-H5": "var(--xmlui-marginTop-H5)", "marginBottom-H5": "var(--xmlui-marginBottom-H5)", "Heading:textDecorationLine-H5": "var(--xmlui-textDecorationLine-H5)", "Heading:textDecorationColor-H5": "var(--xmlui-textDecorationColor-H5)", "Heading:textDecorationStyle-H5": "var(--xmlui-textDecorationStyle-H5)", "Heading:textDecorationThickness-H5": "var(--xmlui-textDecorationThickness-H5)", "Heading:textUnderlineOffset-H5": "var(--xmlui-textUnderlineOffset-H5)", "Heading:textColor-H6": "var(--xmlui-textColor-H6)", "Heading:letterSpacing-H6": "var(--xmlui-letterSpacing-H6)", "Heading:fontFamily-H6": "var(--xmlui-fontFamily-H6)", "Heading:fontWeight-H6": "var(--xmlui-fontWeight-H6)", "fontSize-H6": "var(--xmlui-fontSize-H6)", "lineHeight-H6": "var(--xmlui-lineHeight-H6)", "marginTop-H6": "var(--xmlui-marginTop-H6)", "marginBottom-H6": "var(--xmlui-marginBottom-H6)", "Heading:textDecorationLine-H6": "var(--xmlui-textDecorationLine-H6)", "Heading:textDecorationColor-H6": "var(--xmlui-textDecorationColor-H6)", "Heading:textDecorationStyle-H6": "var(--xmlui-textDecorationStyle-H6)", "Heading:textDecorationThickness-H6": "var(--xmlui-textDecorationThickness-H6)", "Heading:textUnderlineOffset-H6": "var(--xmlui-textUnderlineOffset-H6)"}'`,heading:"_heading_yjkue_13",h1:"_h1_yjkue_13",h2:"_h2_yjkue_28",h3:"_h3_yjkue_43",h4:"_h4_yjkue_58",h5:"_h5_yjkue_73",h6:"_h6_yjkue_88",truncateOverflow:"_truncateOverflow_yjkue_108",preserveLinebreaks:"_preserveLinebreaks_yjkue_114",noEllipsis:"_noEllipsis_yjkue_118"},ba={level:"h1",ellipses:!0,omitFromToc:!1},Ii=u.forwardRef(function({uid:r,level:t="h1",children:o,sx:a,style:n,title:i,maxLines:l=0,preserveLinebreaks:d,ellipses:v=!0,className:x,omitFromToc:p=!1,...C},f){const g=t==null?void 0:t.toLowerCase(),y=u.useRef(null),[H,A]=u.useState(null),$=u.useRef(null),L=u.useContext(Rs),V=L==null?void 0:L.registerHeading,U=f?Jr(y,f):y;return u.useEffect(()=>{var Z,P,W,O;if(y.current){const E=(O=(W=(P=(Z=y.current.textContent)==null?void 0:Z.trim())==null?void 0:P.replace(/[^\w\s-]/g,""))==null?void 0:W.replace(/\s+/g,"-"))==null?void 0:O.toLowerCase();A(E||null)}},[]),xo(()=>{if(y.current&&H&&!p)return console.log("HERE",{anchorId:H,registerHeading:V,level:t,omitFromToc:p}),V==null?void 0:V({id:H,level:parseInt(t.replace("h","")),text:y.current.textContent.trim(),anchor:$.current})},[H,V,t,p]),c.jsxs(g,{ref:U,id:r,title:i,style:{...a,...n,...yi(l)},className:ne($r.heading,$r[g],x||"",{[$r.truncateOverflow]:l>0,[$r.preserveLinebreaks]:d,[$r.noEllipsis]:!v}),...C,children:[H&&c.jsx("span",{ref:$,id:H,style:{width:0,height:0},"data-anchor":!0}),o]})}),No={orientation:"vertical",showAvatar:!1};u.forwardRef(function({children:r,orientation:t=No.orientation,style:o,title:a,subtitle:n,linkTo:i,avatarUrl:l,showAvatar:d=!!l||No.showAvatar,onClick:v},x){const p={level:"h2"};return c.jsxs("div",{ref:x,className:ne(To.wrapper,{[To.isClickable]:!!v,[To.vertical]:t==="vertical",[To.horizontal]:t==="horizontal"}),style:o,onClick:v,children:[[a,n,l,d].some(Boolean)&&c.jsxs(bo,{orientation:"horizontal",verticalAlignment:"center",style:{gap:"1rem"},children:[d&&c.jsx(zs,{url:l,name:a}),c.jsxs(bo,{orientation:"vertical",children:[i?a?c.jsx(Us,{to:i+"",children:c.jsx(Ii,{...p,children:a})}):null:a?c.jsx(Ii,{...p,children:a}):null,n!==void 0&&c.jsx(Rt,{variant:"small",children:n})]})]}),r]})});const hr="Card",Ys=k({description:`The \`${hr}\` component is a container for cohesive elements, often rendered visually as a card.`,props:{avatarUrl:{description:`Show the avatar (\`true\`) or not (\`false\`). If not specified, the ${hr} will show the first letters of the [\`title\`](#title).`,type:"string"},showAvatar:{description:`Indicates whether the ${hr} should be displayed`,valueType:"boolean",defaultValue:No.showAvatar},title:{description:"This prop sets the prestyled title.",valueType:"string"},subtitle:{description:"This prop sets the prestyled subtitle.",valueType:"string"},linkTo:{description:"This property wraps the title in a `Link` component that is clickable to navigate.",valueType:"string"},orientation:{description:`An optional property that governs the ${hr}'s orientation (whether the ${hr} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${hr} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,availableValues:Bo,valueType:"string",defaultValue:No.orientation}},events:{click:Mt(hr)},themeVars:Q(To.themeVars),defaultThemeVars:{[`padding-${hr}`]:"$space-4",[`border-${hr}`]:"1px solid $borderColor",[`borderRadius-${hr}`]:"$borderRadius",[`boxShadow-${hr}`]:"none",light:{[`backgroundColor-${hr}`]:"white"},dark:{[`backgroundColor-${hr}`]:"$color-surface-900"}}}),Xs={throttleWaitInMs:0},Bi="ChangeListener",Qs=k({description:`\`${Bi}\` is a functional component (it renders no UI) to trigger an action when a particular value (component property, state, etc.) changes.`,props:{listenTo:{description:"Value to the changes of which this component listens.",valueType:"any"},throttleWaitInMs:{description:"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.",valueType:"number",defaultValue:Xs.throttleWaitInMs}},events:{didChange:Xe(Bi)}}),Rr={themeVars:`'{"Input:borderRadius-Checkbox-default": "var(--xmlui-borderRadius-Checkbox-default)", "Input:borderColor-Checkbox-default": "var(--xmlui-borderColor-Checkbox-default)", "Input:backgroundColor-Checkbox-default": "var(--xmlui-backgroundColor-Checkbox-default)", "Input:outlineWidth-Checkbox-default--focus": "var(--xmlui-outlineWidth-Checkbox-default--focus)", "Input:outlineColor-Checkbox-default--focus": "var(--xmlui-outlineColor-Checkbox-default--focus)", "Input:outlineStyle-Checkbox-default--focus": "var(--xmlui-outlineStyle-Checkbox-default--focus)", "Input:outlineOffset-Checkbox-default--focus": "var(--xmlui-outlineOffset-Checkbox-default--focus)", "Input:borderColor-Checkbox-default--hover": "var(--xmlui-borderColor-Checkbox-default--hover)", "Input:backgroundColor-Checkbox--disabled": "var(--xmlui-backgroundColor-Checkbox--disabled)", "Input:borderColor-Checkbox--disabled": "var(--xmlui-borderColor-Checkbox--disabled)", "Input:borderRadius-Checkbox-error": "var(--xmlui-borderRadius-Checkbox-error)", "Input:borderColor-Checkbox-error": "var(--xmlui-borderColor-Checkbox-error)", "Input:backgroundColor-Checkbox-error": "var(--xmlui-backgroundColor-Checkbox-error)", "Input:outlineWidth-Checkbox-error--focus": "var(--xmlui-outlineWidth-Checkbox-error--focus)", "Input:outlineColor-Checkbox-error--focus": "var(--xmlui-outlineColor-Checkbox-error--focus)", "Input:outlineStyle-Checkbox-error--focus": "var(--xmlui-outlineStyle-Checkbox-error--focus)", "Input:outlineOffset-Checkbox-error--focus": "var(--xmlui-outlineOffset-Checkbox-error--focus)", "Input:borderRadius-Checkbox-warning": "var(--xmlui-borderRadius-Checkbox-warning)", "Input:borderColor-Checkbox-warning": "var(--xmlui-borderColor-Checkbox-warning)", "Input:backgroundColor-Checkbox-warning": "var(--xmlui-backgroundColor-Checkbox-warning)", "Input:outlineWidth-Checkbox-warning--focus": "var(--xmlui-outlineWidth-Checkbox-warning--focus)", "Input:outlineColor-Checkbox-warning--focus": "var(--xmlui-outlineColor-Checkbox-warning--focus)", "Input:outlineStyle-Checkbox-warning--focus": "var(--xmlui-outlineStyle-Checkbox-warning--focus)", "Input:outlineOffset-Checkbox-warning--focus": "var(--xmlui-outlineOffset-Checkbox-warning--focus)", "Input:borderRadius-Checkbox-success": "var(--xmlui-borderRadius-Checkbox-success)", "Input:borderColor-Checkbox-success": "var(--xmlui-borderColor-Checkbox-success)", "Input:backgroundColor-Checkbox-success": "var(--xmlui-backgroundColor-Checkbox-success)", "Input:outlineWidth-Checkbox-success--focus": "var(--xmlui-outlineWidth-Checkbox-success--focus)", "Input:outlineColor-Checkbox-success--focus": "var(--xmlui-outlineColor-Checkbox-success--focus)", "Input:outlineStyle-Checkbox-success--focus": "var(--xmlui-outlineStyle-Checkbox-success--focus)", "Input:outlineOffset-Checkbox-success--focus": "var(--xmlui-outlineOffset-Checkbox-success--focus)", "backgroundColor-indicator-Checkbox": "var(--xmlui-backgroundColor-indicator-Checkbox)", "Input:borderColor-checked-Checkbox": "var(--xmlui-borderColor-checked-Checkbox)", "Input:backgroundColor-checked-Checkbox": "var(--xmlui-backgroundColor-checked-Checkbox)", "Input:borderColor-checked-Checkbox-error": "var(--xmlui-borderColor-checked-Checkbox-error)", "Input:backgroundColor-checked-Checkbox-error": "var(--xmlui-backgroundColor-checked-Checkbox-error)", "Input:borderColor-checked-Checkbox-warning": "var(--xmlui-borderColor-checked-Checkbox-warning)", "Input:backgroundColor-checked-Checkbox-warning": "var(--xmlui-backgroundColor-checked-Checkbox-warning)", "Input:borderColor-checked-Checkbox-success": "var(--xmlui-borderColor-checked-Checkbox-success)", "Input:backgroundColor-checked-Checkbox-success": "var(--xmlui-backgroundColor-checked-Checkbox-success)", "Input:borderColor-Switch": "var(--xmlui-borderColor-Switch)", "Input:backgroundColor-Switch": "var(--xmlui-backgroundColor-Switch)", "Input:borderColor-Switch-default--hover": "var(--xmlui-borderColor-Switch-default--hover)", "Input:backgroundColor-Switch--disabled": "var(--xmlui-backgroundColor-Switch--disabled)", "Input:borderColor-Switch--disabled": "var(--xmlui-borderColor-Switch--disabled)", "Input:borderColor-Switch-error": "var(--xmlui-borderColor-Switch-error)", "Input:borderColor-Switch-warning": "var(--xmlui-borderColor-Switch-warning)", "Input:borderColor-Switch-success": "var(--xmlui-borderColor-Switch-success)", "backgroundColor-indicator-Switch": "var(--xmlui-backgroundColor-indicator-Switch)", "Input:borderColor-checked-Switch": "var(--xmlui-borderColor-checked-Switch)", "Input:backgroundColor-checked-Switch": "var(--xmlui-backgroundColor-checked-Switch)", "Input:borderColor-checked-Switch-error": "var(--xmlui-borderColor-checked-Switch-error)", "Input:backgroundColor-checked-Switch-error": "var(--xmlui-backgroundColor-checked-Switch-error)", "Input:borderColor-checked-Switch-warning": "var(--xmlui-borderColor-checked-Switch-warning)", "Input:backgroundColor-checked-Switch-warning": "var(--xmlui-backgroundColor-checked-Switch-warning)", "Input:borderColor-checked-Switch-success": "var(--xmlui-borderColor-checked-Switch-success)", "Input:backgroundColor-checked-Switch-success": "var(--xmlui-backgroundColor-checked-Switch-success)", "Input:outlineWidth-Switch--focus": "var(--xmlui-outlineWidth-Switch--focus)", "Input:outlineColor-Switch--focus": "var(--xmlui-outlineColor-Switch--focus)", "Input:outlineStyle-Switch--focus": "var(--xmlui-outlineStyle-Switch--focus)", "Input:outlineOffset-Switch--focus": "var(--xmlui-outlineOffset-Switch--focus)"}'`,resetAppearance:"_resetAppearance_m9kqa_13",label:"_label_m9kqa_21",inputContainer:"_inputContainer_m9kqa_25",checkbox:"_checkbox_m9kqa_33",error:"_error_m9kqa_62",warning:"_warning_m9kqa_73",valid:"_valid_m9kqa_84",switch:"_switch_m9kqa_144"},Or={initialValue:!1,value:!1,enabled:!0,validationStatus:"none",indeterminate:!1},fa=u.forwardRef(function({id:r,initialValue:t=Or.initialValue,value:o=Or.value,enabled:a=Or.enabled,style:n,readOnly:i,validationStatus:l=Or.validationStatus,updateState:d=ie,onDidChange:v=ie,onFocus:x=ie,onBlur:p=ie,variant:C="checkbox",indeterminate:f=Or.indeterminate,className:g,label:y,labelPosition:H="end",labelWidth:A,labelBreak:$,required:L,registerComponentApi:V,inputRenderer:U},Z){const P=u.useId(),W=r||P,O=u.useRef(null);u.useEffect(()=>{d({value:t},{initial:!0})},[t,d]);const E=u.useCallback(z=>{var N;((N=O.current)==null?void 0:N.checked)!==z&&(d({value:z}),v(z))},[v,d]),b=u.useCallback(z=>{i||(d({value:z.target.checked}),v(z.target.checked))},[v,i,d]),h=u.useCallback(()=>{x==null||x()},[x]),T=u.useCallback(()=>{p==null||p()},[p]);u.useEffect(()=>{typeof f=="boolean"&&O.current&&(O.current.indeterminate=f)},[f]);const S=u.useCallback(()=>{var z;(z=O.current)==null||z.focus()},[]),_=ke(z=>{E(z)});u.useEffect(()=>{V==null||V({focus:S,setValue:_})},[S,V,_]);const G=u.useMemo(()=>c.jsx("input",{id:W,ref:O,type:"checkbox",role:C,checked:o,disabled:!a,required:L,readOnly:i,"aria-readonly":i,"aria-checked":o,onChange:b,onFocus:h,onBlur:T,className:ne(Rr.resetAppearance,g,{[Rr.checkbox]:C==="checkbox",[Rr.switch]:C==="switch",[Rr.error]:l==="error",[Rr.warning]:l==="warning",[Rr.valid]:l==="valid"})}),[W,g,a,T,h,b,i,L,l,o,C]);return c.jsx(mr,{ref:Z,id:W,label:y,style:n,labelPosition:H,labelWidth:A,labelBreak:$,required:L,enabled:a,isInputTemplateUsed:!!U,shrinkToLabel:!0,labelStyle:{pointerEvents:i?"none":void 0},children:U?c.jsxs("label",{className:Rr.label,children:[c.jsx("div",{className:Rr.inputContainer,children:G}),U({$checked:o})]}):G})}),Se="Checkbox",Zs=k({status:"stable",description:`The \`${Se}\` 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:di(Or.indeterminate),label:Pe(),labelPosition:Lr("end"),labelWidth:zr(Se),labelBreak:Pr(Se),required:Sr(),initialValue:cr(Or.initialValue),autoFocus:Qe(),readOnly:yr(),enabled:Ue(),validationStatus:kr(Or.validationStatus),description:Ve(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${Se} besides its label.`),inputTemplate:{description:"This property is used to define a custom checkbox input template"}},events:{gotFocus:dr(Se),lostFocus:ur(Se),didChange:Xe(Se)},apis:{value:ci(),setValue:Dr()},themeVars:Q(Rr.themeVars),defaultThemeVars:{[`borderColor-checked-${Se}-error`]:`$borderColor-${Se}-error`,[`backgroundColor-checked-${Se}-error`]:`$borderColor-${Se}-error`,[`borderColor-checked-${Se}-warning`]:`$borderColor-${Se}-warning`,[`backgroundColor-checked-${Se}-warning`]:`$borderColor-${Se}-warning`,[`borderColor-checked-${Se}-success`]:`$borderColor-${Se}-success`,[`backgroundColor-checked-${Se}-success`]:`$borderColor-${Se}-success`,light:{[`backgroundColor-indicator-${Se}`]:"$backgroundColor-primary",[`borderColor-checked-${Se}`]:"$color-primary-500",[`backgroundColor-checked-${Se}`]:"$color-primary-500",[`backgroundColor-${Se}--disabled`]:"$color-surface-200"},dark:{[`backgroundColor-indicator-${Se}`]:"$backgroundColor-primary",[`borderColor-checked-${Se}`]:"$color-primary-400",[`backgroundColor-checked-${Se}`]:"$color-primary-400",[`backgroundColor-${Se}--disabled`]:"$color-surface-800"}}}),js={themeVars:`'{"backgroundColor-ContentSeparator": "var(--xmlui-backgroundColor-ContentSeparator)", "size-ContentSeparator": "var(--xmlui-size-ContentSeparator)"}'`},Js={orientation:"horizontal"},va="ContentSeparator",Ks=k({description:`A \`${va}\` 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:{description:"This property defines the component's height (if the `orientation` is horizontal) or the width (if the `orientation` is vertical).",valueType:"any"},orientation:{description:"Sets the main axis of the component",availableValues:Bo,defaultValue:Js.orientation,valueType:"string"}},themeVars:Q(js.themeVars),defaultThemeVars:{[`backgroundColor-${va}`]:"$borderColor",[`size-${va}`]:"1px",light:{},dark:{}}}),or={themeVars:`'{"Input:minHeight-DatePicker": "var(--xmlui-minHeight-DatePicker)", "Input:fontSize-DatePicker": "var(--xmlui-fontSize-DatePicker)", "Input:borderRadius-DatePicker-default": "var(--xmlui-borderRadius-DatePicker-default)", "Input:borderColor-DatePicker-default": "var(--xmlui-borderColor-DatePicker-default)", "Input:borderWidth-DatePicker-default": "var(--xmlui-borderWidth-DatePicker-default)", "Input:borderStyle-DatePicker-default": "var(--xmlui-borderStyle-DatePicker-default)", "Input:backgroundColor-DatePicker-default": "var(--xmlui-backgroundColor-DatePicker-default)", "Input:boxShadow-DatePicker-default": "var(--xmlui-boxShadow-DatePicker-default)", "Input:textColor-DatePicker-default": "var(--xmlui-textColor-DatePicker-default)", "Input:padding-DatePicker-default": "var(--xmlui-padding-DatePicker-default)", "Input:borderColor-DatePicker-default--hover": "var(--xmlui-borderColor-DatePicker-default--hover)", "Input:backgroundColor-DatePicker-default--hover": "var(--xmlui-backgroundColor-DatePicker-default--hover)", "Input:boxShadow-DatePicker-default--hover": "var(--xmlui-boxShadow-DatePicker-default--hover)", "Input:textColor-DatePicker-default--hover": "var(--xmlui-textColor-DatePicker-default--hover)", "Input:outlineWidth-DatePicker-default--focus": "var(--xmlui-outlineWidth-DatePicker-default--focus)", "Input:outlineColor-DatePicker-default--focus": "var(--xmlui-outlineColor-DatePicker-default--focus)", "Input:outlineStyle-DatePicker-default--focus": "var(--xmlui-outlineStyle-DatePicker-default--focus)", "Input:outlineOffset-DatePicker-default--focus": "var(--xmlui-outlineOffset-DatePicker-default--focus)", "Input:textColor-placeholder-DatePicker-default": "var(--xmlui-textColor-placeholder-DatePicker-default)", "Input:textColor-adornment-DatePicker-default": "var(--xmlui-textColor-adornment-DatePicker-default)", "Input:borderRadius-DatePicker-error": "var(--xmlui-borderRadius-DatePicker-error)", "Input:borderColor-DatePicker-error": "var(--xmlui-borderColor-DatePicker-error)", "Input:borderWidth-DatePicker-error": "var(--xmlui-borderWidth-DatePicker-error)", "Input:borderStyle-DatePicker-error": "var(--xmlui-borderStyle-DatePicker-error)", "Input:backgroundColor-DatePicker-error": "var(--xmlui-backgroundColor-DatePicker-error)", "Input:boxShadow-DatePicker-error": "var(--xmlui-boxShadow-DatePicker-error)", "Input:textColor-DatePicker-error": "var(--xmlui-textColor-DatePicker-error)", "Input:padding-DatePicker-error": "var(--xmlui-padding-DatePicker-error)", "Input:borderColor-DatePicker-error--hover": "var(--xmlui-borderColor-DatePicker-error--hover)", "Input:backgroundColor-DatePicker-error--hover": "var(--xmlui-backgroundColor-DatePicker-error--hover)", "Input:boxShadow-DatePicker-error--hover": "var(--xmlui-boxShadow-DatePicker-error--hover)", "Input:textColor-DatePicker-error--hover": "var(--xmlui-textColor-DatePicker-error--hover)", "Input:outlineWidth-DatePicker-error--focus": "var(--xmlui-outlineWidth-DatePicker-error--focus)", "Input:outlineColor-DatePicker-error--focus": "var(--xmlui-outlineColor-DatePicker-error--focus)", "Input:outlineStyle-DatePicker-error--focus": "var(--xmlui-outlineStyle-DatePicker-error--focus)", "Input:outlineOffset-DatePicker-error--focus": "var(--xmlui-outlineOffset-DatePicker-error--focus)", "Input:textColor-placeholder-DatePicker-error": "var(--xmlui-textColor-placeholder-DatePicker-error)", "Input:textColor-adornment-DatePicker-error": "var(--xmlui-textColor-adornment-DatePicker-error)", "Input:borderRadius-DatePicker-warning": "var(--xmlui-borderRadius-DatePicker-warning)", "Input:borderColor-DatePicker-warning": "var(--xmlui-borderColor-DatePicker-warning)", "Input:borderWidth-DatePicker-warning": "var(--xmlui-borderWidth-DatePicker-warning)", "Input:borderStyle-DatePicker-warning": "var(--xmlui-borderStyle-DatePicker-warning)", "Input:backgroundColor-DatePicker-warning": "var(--xmlui-backgroundColor-DatePicker-warning)", "Input:boxShadow-DatePicker-warning": "var(--xmlui-boxShadow-DatePicker-warning)", "Input:textColor-DatePicker-warning": "var(--xmlui-textColor-DatePicker-warning)", "Input:padding-DatePicker-warning": "var(--xmlui-padding-DatePicker-warning)", "Input:borderColor-DatePicker-warning--hover": "var(--xmlui-borderColor-DatePicker-warning--hover)", "Input:backgroundColor-DatePicker-warning--hover": "var(--xmlui-backgroundColor-DatePicker-warning--hover)", "Input:boxShadow-DatePicker-warning--hover": "var(--xmlui-boxShadow-DatePicker-warning--hover)", "Input:textColor-DatePicker-warning--hover": "var(--xmlui-textColor-DatePicker-warning--hover)", "Input:outlineWidth-DatePicker-warning--focus": "var(--xmlui-outlineWidth-DatePicker-warning--focus)", "Input:outlineColor-DatePicker-warning--focus": "var(--xmlui-outlineColor-DatePicker-warning--focus)", "Input:outlineStyle-DatePicker-warning--focus": "var(--xmlui-outlineStyle-DatePicker-warning--focus)", "Input:outlineOffset-DatePicker-warning--focus": "var(--xmlui-outlineOffset-DatePicker-warning--focus)", "Input:textColor-placeholder-DatePicker-warning": "var(--xmlui-textColor-placeholder-DatePicker-warning)", "Input:textColor-adornment-DatePicker-warning": "var(--xmlui-textColor-adornment-DatePicker-warning)", "Input:borderRadius-DatePicker-success": "var(--xmlui-borderRadius-DatePicker-success)", "Input:borderColor-DatePicker-success": "var(--xmlui-borderColor-DatePicker-success)", "Input:borderWidth-DatePicker-success": "var(--xmlui-borderWidth-DatePicker-success)", "Input:borderStyle-DatePicker-success": "var(--xmlui-borderStyle-DatePicker-success)", "Input:backgroundColor-DatePicker-success": "var(--xmlui-backgroundColor-DatePicker-success)", "Input:boxShadow-DatePicker-success": "var(--xmlui-boxShadow-DatePicker-success)", "Input:textColor-DatePicker-success": "var(--xmlui-textColor-DatePicker-success)", "Input:padding-DatePicker-success": "var(--xmlui-padding-DatePicker-success)", "Input:borderColor-DatePicker-success--hover": "var(--xmlui-borderColor-DatePicker-success--hover)", "Input:backgroundColor-DatePicker-success--hover": "var(--xmlui-backgroundColor-DatePicker-success--hover)", "Input:boxShadow-DatePicker-success--hover": "var(--xmlui-boxShadow-DatePicker-success--hover)", "Input:textColor-DatePicker-success--hover": "var(--xmlui-textColor-DatePicker-success--hover)", "Input:outlineWidth-DatePicker-success--focus": "var(--xmlui-outlineWidth-DatePicker-success--focus)", "Input:outlineColor-DatePicker-success--focus": "var(--xmlui-outlineColor-DatePicker-success--focus)", "Input:outlineStyle-DatePicker-success--focus": "var(--xmlui-outlineStyle-DatePicker-success--focus)", "Input:outlineOffset-DatePicker-success--focus": "var(--xmlui-outlineOffset-DatePicker-success--focus)", "Input:textColor-placeholder-DatePicker-success": "var(--xmlui-textColor-placeholder-DatePicker-success)", "Input:textColor-adornment-DatePicker-success": "var(--xmlui-textColor-adornment-DatePicker-success)", "Input:backgroundColor-DatePicker--disabled": "var(--xmlui-backgroundColor-DatePicker--disabled)", "Input:textColor-DatePicker--disabled": "var(--xmlui-textColor-DatePicker--disabled)", "Input:borderColor-DatePicker--disabled": "var(--xmlui-borderColor-DatePicker--disabled)", "Input:boxShadow-menu-DatePicker": "var(--xmlui-boxShadow-menu-DatePicker)", "Input:backgroundColor-menu-DatePicker": "var(--xmlui-backgroundColor-menu-DatePicker)", "Input:borderRadius-menu-DatePicker": "var(--xmlui-borderRadius-menu-DatePicker)", "Input:backgroundColor-item-DatePicker--active": "var(--xmlui-backgroundColor-item-DatePicker--active)", "Input:backgroundColor-item-DatePicker--hover": "var(--xmlui-backgroundColor-item-DatePicker--hover)", "Input:textColor-value-DatePicker": "var(--xmlui-textColor-value-DatePicker)"}'`,datePicker:"_datePicker_1lk6v_13",placeholder:"_placeholder_1lk6v_47",adornment:"_adornment_1lk6v_50",error:"_error_1lk6v_53",warning:"_warning_1lk6v_81",valid:"_valid_1lk6v_109",disabled:"_disabled_1lk6v_137",indicator:"_indicator_1lk6v_143",datePickerInput:"_datePickerInput_1lk6v_143",datePickerValue:"_datePickerValue_1lk6v_147",inlinePickerMenu:"_inlinePickerMenu_1lk6v_152",datePickerMenu:"_datePickerMenu_1lk6v_269",root:"_root_1lk6v_278",vhidden:"_vhidden_1lk6v_284",button_reset:"_button_reset_1lk6v_304",button:"_button_1lk6v_304",day_selected:"_day_selected_1lk6v_326",months:"_months_1lk6v_344",month:"_month_1lk6v_344",table:"_table_1lk6v_360",with_weeknumber:"_with_weeknumber_1lk6v_366",caption:"_caption_1lk6v_371",multiple_months:"_multiple_months_1lk6v_379",caption_dropdowns:"_caption_dropdowns_1lk6v_385",caption_label:"_caption_label_1lk6v_390",nav:"_nav_1lk6v_406",caption_start:"_caption_start_1lk6v_410",caption_end:"_caption_end_1lk6v_417",nav_button:"_nav_button_1lk6v_424",dropdown_year:"_dropdown_year_1lk6v_437",dropdown_month:"_dropdown_month_1lk6v_438",dropdown:"_dropdown_1lk6v_437",dropdown_icon:"_dropdown_icon_1lk6v_474",head:"_head_1lk6v_478",head_row:"_head_row_1lk6v_482",row:"_row_1lk6v_483",head_cell:"_head_cell_1lk6v_487",tbody:"_tbody_1lk6v_498",tfoot:"_tfoot_1lk6v_502",cell:"_cell_1lk6v_506",weeknumber:"_weeknumber_1lk6v_514",day:"_day_1lk6v_326",day_today:"_day_today_1lk6v_533",day_outside:"_day_outside_1lk6v_533",day_range_start:"_day_range_start_1lk6v_556",day_range_end:"_day_range_end_1lk6v_556",day_range_middle:"_day_range_middle_1lk6v_580"},ed=["single","range"];var it=(e=>(e[e.Sunday=0]="Sunday",e[e.Monday=1]="Monday",e[e.Tuesday=2]="Tuesday",e[e.Wednesday=3]="Wednesday",e[e.Thursday=4]="Thursday",e[e.Friday=5]="Friday",e[e.Saturday=6]="Saturday",e))(it||{});const Oo=["MM/dd/yyyy","MM-dd-yyyy","yyyy/MM/dd","yyyy-MM-dd","dd/MM/yyyy","dd-MM-yyyy","yyyyMMdd","MMddyyyy"],Ze={mode:"single",validationStatus:"none",enabled:!0,inline:!1,dateFormat:"MM/dd/yyyy",showWeekNumber:!1,weekStartsOn:0,disabledDates:[]},rd=u.forwardRef(function({id:r,initialValue:t,value:o,mode:a=Ze.mode,enabled:n=Ze.enabled,placeholder:i,updateState:l=ie,validationStatus:d=Ze.validationStatus,onDidChange:v=ie,onFocus:x=ie,onBlur:p=ie,dateFormat:C=Ze.dateFormat,showWeekNumber:f=Ze.showWeekNumber,weekStartsOn:g=Ze.weekStartsOn,fromDate:y,toDate:H,disabledDates:A=Ze.disabledDates,style:$,registerComponentApi:L,inline:V=Ze.inline,startText:U,startIcon:Z,endText:P,endIcon:W},O){const E=g>=0&&g<=6?g:0,[b,h]=u.useState(!1),[T,S]=u.useState(!1),_=u.useRef(null),G=O?Jr(_,O):_,z=u.useMemo(()=>{if(a==="single"&&typeof o=="string")return ga(o)||Wo(o);if(a==="range"&&typeof o=="object")return{from:ga(o==null?void 0:o.from)||Wo(o==null?void 0:o.from),to:ga(o==null?void 0:o.to)||Wo(o==null?void 0:o.to)}},[o,a]);u.useEffect(()=>{if(!Oo.includes(C))throw new Error(`Invalid dateFormat: ${C}. Supported formats are: ${Oo.join(", ")}`)},[C]);const N=u.useMemo(()=>y?Ke.parse(y,C,new Date):void 0,[y,C]),I=u.useMemo(()=>H?Ke.parse(H,C,new Date):void 0,[H,C]),M=u.useMemo(()=>A==null?void 0:A.map(re=>Ke.parse(re,C,new Date)),[A,C]),[R,D]=u.useState(!1),{root:Y}=Fr(),j=()=>{h(!0)},J=()=>{h(!1)},K=()=>{S(!0)},ce=()=>{S(!1)},Ee=u.useCallback(()=>{var re;(re=_==null?void 0:_.current)==null||re.focus()},[_==null?void 0:_.current]),Be=ke(re=>{const X=Wo(re);oe(X)});u.useEffect(()=>{L==null||L({focus:Ee,setValue:Be})},[Ee,L,Be]),u.useEffect(()=>{!b&&!T&&(p==null||p()),(b||T)&&(x==null||x())},[b,T,x,p]),u.useEffect(()=>{l({value:t},{initial:!0})},[t,l]);const oe=u.useCallback(re=>{if(!re)l({value:void 0}),v("");else if(a==="single"){const X=re,F=Ke.format(X,C);l({value:F}),v(F)}else{const X=re,F={from:X.from?Ke.format(X.from,C):"",to:X.to?Ke.format(X.to,C):""};l({value:F}),v(F)}a==="single"&&D(!1)},[v,l,a,C]);return V?c.jsx("div",{children:c.jsx("div",{className:or.inlinePickerMenu,children:c.jsx(ja.DayPicker,{fixedWeeks:!0,fromDate:N,toDate:I,disabled:M,weekStartsOn:E,showWeekNumber:f,showOutsideDays:!0,classNames:or,mode:a==="single"?"single":"range",selected:z,onSelect:oe,initialFocus:!V,numberOfMonths:a==="range"?2:1})})}):c.jsxs(jr.Root,{open:R,onOpenChange:D,modal:!1,children:[c.jsx(jr.Trigger,{asChild:!0,children:c.jsxs("button",{disabled:!n,id:r,ref:G,style:$,className:ne(or.datePicker,{[or.disabled]:!n,[or.error]:d==="error",[or.warning]:d==="warning",[or.valid]:d==="valid"}),onFocus:j,onBlur:J,children:[c.jsx(qt,{text:U,iconName:Z,className:or.adornment}),c.jsx("div",{className:or.datePickerValue,children:a==="single"&&z?c.jsx(c.Fragment,{children:Ke.format(z,C)}):a==="range"&&typeof z=="object"&&z.from?z.to?c.jsxs(c.Fragment,{children:[Ke.format(z.from,C)," - ",Ke.format(z.to,C)]}):c.jsx(c.Fragment,{children:Ke.format(z.from,C)}):i?c.jsx("span",{className:or.placeholder,children:i}):c.jsx("span",{children:" "})}),c.jsx(qt,{text:P,iconName:W,className:or.adornment})]})}),c.jsx(jr.Portal,{container:Y,children:c.jsx(jr.Content,{align:"start",className:or.datePickerMenu,onFocus:K,onBlur:ce,onInteractOutside:ce,children:c.jsx(ja.DayPicker,{fixedWeeks:!0,fromDate:N,toDate:I,disabled:M,weekStartsOn:E,showWeekNumber:f,showOutsideDays:!0,classNames:or,mode:a==="single"?"single":"range",selected:z,onSelect:oe,initialFocus:!0,numberOfMonths:a==="range"?2:1})})})]})}),td=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/,ga=e=>{if(e&&td.test(e)){const r=Ke.parseISO(e);if(Ke.isValid(r))return r}},Wo=e=>{if(e)for(const r of Oo){const t=Ke.parse(e,r,new Date);if(Ke.isValid(t))return t}},xr="DatePicker",od=k({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:Ct(),initialValue:cr(),autoFocus:Qe(),readOnly:yr(),enabled:Ue(Ze.enabled),validationStatus:kr(Ze.validationStatus),mode:{description:"The mode of the datepicker (single or range)",valueType:"string",availableValues:ed,defaultValue:Ze.mode},dateFormat:{description:"The format of the date displayed in the input field",valueType:"string",defaultValue:Ze.dateFormat,availableValues:Oo},showWeekNumber:{description:"Whether to show the week number in the calendar",valueType:"boolean",defaultValue:Ze.showWeekNumber},weekStartsOn:{description:"The first day of the week. 0 is Sunday, 1 is Monday, etc.",valueType:"number",defaultValue:Ze.weekStartsOn,availableValues:[{value:it.Sunday,description:"Sunday"},{value:it.Monday,description:"Monday"},{value:it.Tuesday,description:"Tuesday"},{value:it.Wednesday,description:"Wednesday"},{value:it.Thursday,description:"Thursday"},{value:it.Friday,description:"Friday"},{value:it.Saturday,description:"Saturday"}]},fromDate:{description:"The start date of the range of selectable dates",valueType:"string"},toDate:{description:"The end date of the range of selectable dates",valueType:"string"},disabledDates:{description:"An array of dates that are disabled",valueType:"any"},inline:{description:"Whether to display the datepicker inline",valueType:"boolean",defaultValue:Ze.inline},startText:ia(),startIcon:na(),endText:la(),endIcon:sa()},events:{didChange:Xe(xr),gotFocus:dr(xr),lostFocus:ur(xr)},apis:{focus:Mr(xr),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dr()},themeVars:Q(or.themeVars),defaultThemeVars:{[`boxShadow-menu-${xr}`]:"$boxShadow-md",[`borderRadius-menu-${xr}`]:"$borderRadius",[`textColor-value-${xr}`]:"$textColor-primary",light:{[`backgroundColor-menu-${xr}`]:"$color-surface-50",[`backgroundColor-item-${xr}--hover`]:"$color-surface-100",[`backgroundColor-item-${xr}--active`]:"$color-surface-200"},dark:{[`backgroundColor-menu-${xr}`]:"$color-surface-950",[`backgroundColor-item-${xr}--hover`]:"$color-surface-600",[`backgroundColor-item-${xr}--active`]:"$color-surface-700"}}}),Ht={themeVars:`'{"backgroundColor-DropdownMenu": "var(--xmlui-backgroundColor-DropdownMenu)", "borderRadius-DropdownMenu": "var(--xmlui-borderRadius-DropdownMenu)", "boxShadow-DropdownMenu": "var(--xmlui-boxShadow-DropdownMenu)", "borderColor-DropdownMenu-content": "var(--xmlui-borderColor-DropdownMenu-content)", "borderWidth-DropdownMenu-content": "var(--xmlui-borderWidth-DropdownMenu-content)", "borderStyle-DropdownMenu-content": "var(--xmlui-borderStyle-DropdownMenu-content)", "minWidth-DropdownMenu": "var(--xmlui-minWidth-DropdownMenu)", "backgroundColor-MenuItem": "var(--xmlui-backgroundColor-MenuItem)", "color-MenuItem": "var(--xmlui-color-MenuItem)", "fontFamily-MenuItem": "var(--xmlui-fontFamily-MenuItem)", "gap-MenuItem": "var(--xmlui-gap-MenuItem)", "fontSize-MenuItem": "var(--xmlui-fontSize-MenuItem)", "paddingVertical-MenuItem": "var(--xmlui-paddingVertical-MenuItem)", "paddingHorizontal-MenuItem": "var(--xmlui-paddingHorizontal-MenuItem)", "backgroundColor-MenuItem--hover": "var(--xmlui-backgroundColor-MenuItem--hover)", "backgroundColor-MenuItem--active": "var(--xmlui-backgroundColor-MenuItem--active)", "backgroundColor-MenuItem--active--hover": "var(--xmlui-backgroundColor-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)", "marginTop-MenuSeparator": "var(--xmlui-marginTop-MenuSeparator)", "marginBottom-MenuSeparator": "var(--xmlui-marginBottom-MenuSeparator)", "width-MenuSeparator": "var(--xmlui-width-MenuSeparator)", "height-MenuSeparator": "var(--xmlui-height-MenuSeparator)", "color-MenuSeparator": "var(--xmlui-color-MenuSeparator)"}'`,DropdownMenuContent:"_DropdownMenuContent_28w8e_13",DropdownMenuItem:"_DropdownMenuItem_28w8e_26",active:"_active_28w8e_50",wrapper:"_wrapper_28w8e_60"},qr={alignment:"start",triggerButtonVariant:"ghost",triggerButtonThemeColor:"primary",triggerButtonIcon:"chevrondown",triggerButtonIconPosition:"end"};u.forwardRef(function({triggerTemplate:r,children:t,label:o,registerComponentApi:a,style:n,onWillOpen:i,alignment:l=qr.alignment,disabled:d=!1,triggerButtonVariant:v=qr.triggerButtonVariant,triggerButtonThemeColor:x=qr.triggerButtonThemeColor,triggerButtonIcon:p=qr.triggerButtonIcon,triggerButtonIconPosition:C=qr.triggerButtonIconPosition},f){const{root:g}=Fr(),[y,H]=u.useState(!1);return u.useEffect(()=>{a==null||a({close:()=>H(!1)})},[a]),c.jsxs(jr.Root,{open:y,onOpenChange:async A=>{A&&await(i==null?void 0:i())===!1||H(A)},children:[c.jsx(jr.Trigger,{asChild:!0,disabled:d,ref:f,children:r||c.jsx(tr,{icon:c.jsx(be,{name:p}),iconPosition:C,type:"button",variant:v,themeColor:x,disabled:d,children:o})}),c.jsx(jr.Portal,{container:g,children:c.jsx(jr.Content,{align:l,style:n,className:Ht.DropdownMenuContent,children:t})})]})});const Vo={iconPosition:"start",active:!1};u.forwardRef(function({children:r,onClick:t=ie,label:o,style:a,icon:n,iconPosition:i=Vo.iconPosition,active:l=Vo.active},d){const v=i==="start";return c.jsxs(jr.Item,{style:a,className:ne(Ht.DropdownMenuItem,{[Ht.active]:l}),onClick:x=>{x.stopPropagation(),t(x)},ref:d,children:[v&&n,c.jsx("div",{className:Ht.wrapper,children:o??r}),!v&&n]})});const Ur="DropdownMenu",ad=k({description:"This component represents a dropdown menu with a trigger. When the user clicks the trigger, the dropdown menu displays its items.",props:{label:Pe(),triggerTemplate:mi(Ur),alignment:{description:"This property allows you to determine the alignment of the dropdown panel with the displayed menu items.",valueType:"string",availableValues:ai,defaultValue:qr.alignment},enabled:Ue(),triggerButtonVariant:{description:"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`.",valueType:"string",availableValues:oa,defaultValue:qr.triggerButtonVariant},triggerButtonThemeColor:{description:"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`.",valueType:"string",availableValues:ta,defaultValue:qr.triggerButtonThemeColor},triggerButtonIcon:{description:"This property defines the icon to display on the trigger button.",defaultValue:qr.triggerButtonIcon,valueType:"string"},triggerButtonIconPosition:{description:"This property defines the position of the icon on the trigger button.",defaultValue:qr.triggerButtonIconPosition,valueType:"string",availableValues:aa}},events:{willOpen:m(`This event fires when the \`${Ur}\` component is opened.`)},apis:{close:m("This method command closes the dropdown.")},themeVars:Q(Ht.themeVars),defaultThemeVars:{[`backgroundColor-${Ur}`]:"$backgroundColor-primary",[`minWidth-${Ur}`]:"160px",[`boxShadow-${Ur}`]:"$boxShadow-xl",[`borderStyle-${Ur}-content`]:"solid",[`borderRadius-${Ur}`]:"$borderRadius"}}),Ir="MenuItem",id=k({description:"This property represents a leaf item in a menu hierarchy. Clicking the item triggers an action.",docFolder:Ur,props:{iconPosition:{description:"This property allows you to determine the position of the icon displayed in the menu item.",valueType:"string",availableValues:aa,defaultValue:Vo.iconPosition},icon:{description:"This property names an optional icon to display with the menu item.",valueType:"string"},label:Pe(),to:{description:"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.",valueType:"string"},active:{description:"This property indicates if the specified menu item is active.",valueType:"boolean",defaultValue:Vo.active}},events:{click:Mt(Ir)},themeVars:Q(Ht.themeVars),defaultThemeVars:{[`backgroundColor-${Ir}`]:"$backgroundColor-dropdown-item",[`color-${Ir}`]:"$textColor-primary",[`fontFamily-${Ir}`]:"$fontFamily",[`fontSize-${Ir}`]:"$fontSize-small",[`paddingVertical-${Ir}`]:"$space-2",[`paddingHorizontal-${Ir}`]:"$space-3",[`backgroundColor-${Ir}--hover`]:"$backgroundColor-dropdown-item--hover",[`color-${Ir}--hover`]:"inherit",[`gap-${Ir}`]:"$space-2",[`color-${Ir}--active`]:"$color-primary",[`backgroundColor-${Ir}--active`]:"$backgroundColor-dropdown-item--active",light:{},dark:{}}}),nd=k({description:"This component represents a nested menu item within another menu or menu item.",docFolder:Ur,props:{label:Pe(),triggerTemplate:mi("SubMenuItem")}}),Gt="MenuSeparator",ld=k({description:"This component displays a separator line between menu items.",docFolder:Ur,themeVars:Q(Ht.themeVars),defaultThemeVars:{[`marginTop-${Gt}`]:"$space-1",[`marginBottom-${Gt}`]:"$space-1",[`width-${Gt}`]:"100%",[`height-${Gt}`]:"1px",[`color-${Gt}`]:"$borderColor-dropdown-item",[`marginHorizontal-${Gt}`]:"12px"}}),sd=k({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:Qe()},events:{select:m("This event is fired when the user selects an emoticon from this component.")}}),Yt={themeVars:'"[]"',container:"_container_1hin1_13",buttonStart:"_buttonStart_1hin1_22",buttonEnd:"_buttonEnd_1hin1_26",textBoxWrapper:"_textBoxWrapper_1hin1_30",button:"_button_1hin1_22"},{useDropzone:dd}=Al,ud=({id:e,enabled:r=!0,style:t,placeholder:o,buttonPosition:a="end",buttonLabel:n="Browse",buttonIcon:i,buttonIconPosition:l,variant:d,buttonThemeColor:v,buttonSize:x,autoFocus:p,validationStatus:C,updateState:f=ie,onDidChange:g=ie,onFocus:y=ie,onBlur:H=ie,registerComponentApi:A,value:$,initialValue:L,acceptsFileType:V,multiple:U=!1,directory:Z=!1,label:P,labelPosition:W,labelWidth:O,labelBreak:E,required:b})=>{const h=Li(L)?L:void 0,T=Li($)?$:void 0,S=u.useRef(null),_=typeof V=="string"?V:V==null?void 0:V.join(",");u.useEffect(()=>{p&&setTimeout(()=>{var j;(j=S.current)==null||j.focus()},0)},[p]),u.useEffect(()=>{f({value:h},{initial:!0})},[h,f]);const G=u.useCallback(()=>{H==null||H()},[H]),z=u.useCallback(()=>{var j;(j=S.current)==null||j.focus()},[]),N=u.useCallback(j=>{j.length&&(f({value:j}),g(j))},[f,g]),{getRootProps:I,getInputProps:M,open:R}=dd({disabled:!r,multiple:U||Z,onDrop:N,noClick:!0,noKeyboard:!0,noDragEventsBubbling:!0,useFsAccessApi:Z===!1}),D=u.useCallback(()=>{y==null||y()},[y]),Y=ke(()=>{R()});return u.useEffect(()=>{A==null||A({focus:z,open:Y})},[z,Y,A]),c.jsx(mr,{labelPosition:W,label:P,labelWidth:O,labelBreak:E,required:b,enabled:r,onFocus:y,onBlur:H,style:t,children:c.jsxs("div",{className:ne(Yt.container,{[Yt.buttonStart]:a==="start",[Yt.buttonEnd]:a==="end"}),children:[c.jsxs("button",{...I({tabIndex:0,onFocus:D,onBlur:G,disabled:!r,className:Yt.textBoxWrapper,onClick:R,ref:S,type:"button"}),children:[c.jsx(Nl.Root,{children:c.jsx("input",{...M({webkitdirectory:Z?"true":void 0}),accept:_})}),c.jsx(pa,{placeholder:o,enabled:r,value:(T==null?void 0:T.map(j=>j.name).join(", "))||"",validationStatus:C,readOnly:!0,tabIndex:-1})]}),c.jsx(tr,{id:e,disabled:!r,type:"button",onClick:R,icon:i,iconPosition:l,variant:d,themeColor:v,size:x,className:Yt.button,autoFocus:p,children:n})]})})};function cd(e){return e instanceof File}function Li(e){return Array.isArray(e)&&e.every(cd)}const $t="FileInput",md=k({description:`The \`${$t}\` 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:Ct(),initialValue:cr(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),label:Pe(),labelPosition:Lr("top"),labelWidth:zr($t),labelBreak:Pr($t),buttonVariant:m("The button variant to use",El),buttonLabel:m("This property is an optional string to set a label for the button part."),buttonIcon:m("The ID of the icon to display in the button"),buttonIconPosition:m("This optional string determines the location of the button icon.",zl),acceptsFileType:m("A list of file types the input controls accepts provided as a string array."),multiple:m("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:m("This boolean property indicates whether the component allows selecting directories (`true`) or files only (`false`).",null,"boolean",!1),buttonPosition:m('This property determines the position of the button relative to the input field. The default is "end".',["start","end"]),buttonSize:m("The size of the button (small, medium, large)",ra),buttonThemeColor:m("The button color scheme (primary, secondary, attention)",Wl)},events:{didChange:Xe($t),gotFocus:dr($t),lostFocus:ur($t)},apis:{value:m("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:m("(**NOT IMPLEMENTED YET**) You can use this method to set the component's current value programmatically."),focus:Mr($t),open:m("This API command triggers the file browsing dialog to open.")},themeVars:Q(Yt.themeVars)}),pd={themeVars:`'{"backgroundColor-FileUploadDropZone": "var(--xmlui-backgroundColor-FileUploadDropZone)", "textColor-FileUploadDropZone": "var(--xmlui-textColor-FileUploadDropZone)", "backgroundColor-dropping-FileUploadDropZone": "var(--xmlui-backgroundColor-dropping-FileUploadDropZone)", "opacity-dropping-FileUploadDropZone": "var(--xmlui-opacity-dropping-FileUploadDropZone)"}'`},hd=k({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:{description:"With this property, you can change the default text to display when files are dragged over the drop zone.",defaultValue:"Drop files here",type:"string"},allowPaste:{description:"This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`).",type:"boolean",defaultValue:!0},enabled:m("If set to `false`, the drop zone will be disabled and users will not be able to upload files.",null,"boolean",!0)},events:{upload:m("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:Q(pd.themeVars),defaultThemeVars:{"backgroundColor-FileUploadDropZone":"$backgroundColor","backgroundColor-dropping-FileUploadDropZone":"$backgroundColor--selected","opacity-dropping-FileUploadDropZone":"0.5","textColor-FileUploadDropZone":"$textColor",light:{},dark:{}}}),nt={themeVars:'"[]"',outer:"_outer_aarhe_13",flowContainer:"_flowContainer_aarhe_17",horizontal:"_horizontal_aarhe_21",flowItem:"_flowItem_aarhe_24",break:"_break_aarhe_47",forceBreak:"_forceBreak_aarhe_47",starSized:"_starSized_aarhe_47"},xd="xmlui",bd=/(\$[a-zA-Z][a-zA-Z0-9-_]*)/g,fd=/^(true|false)$/,Ta=/^\d*\*$/,vd={cssProps:{},issues:new Set};function gd(e=yt,r){const t={cssProps:{},issues:new Set};$(r)&&(t.cssProps.flexShrink=0),g("width");const o=y(t.cssProps.width,r);o!==null&&(t.cssProps.flex=o,t.cssProps.flexShrink=1),g("minWidth"),g("maxWidth"),g("height");const a=H(t.cssProps.height,r);a!==null&&(t.cssProps.flex=a,t.cssProps.flexShrink=1),g("minHeight"),g("maxHeight"),g("top"),g("right"),g("bottom"),g("left"),g("gap"),g("padding");const n=f("paddingHorizontal");n&&(t.cssProps.paddingLeft=n,t.cssProps.paddingRight=n),g("paddingRight"),g("paddingLeft");const i=f("paddingVertical");i&&(t.cssProps.paddingTop=i,t.cssProps.paddingBottom=i),g("paddingTop"),g("paddingBottom"),g("margin");const l=f("marginHorizontal");l&&(t.cssProps.marginLeft=l,t.cssProps.marginRight=l),g("marginRight"),g("marginLeft");const d=f("marginVertical");d&&(t.cssProps.marginTop=d,t.cssProps.marginBottom=d),g("marginTop"),g("marginBottom"),g("border");const v=f("borderHorizontal");v&&(t.cssProps.borderLeft=v,t.cssProps.borderRight=v),g("borderRight"),g("borderLeft");const x=f("borderVertical");x&&(t.cssProps.borderTop=x,t.cssProps.borderBottom=x),g("borderTop"),g("borderBottom"),g("borderColor"),g("borderStyle"),g("borderWidth"),g("borderRadius"),g("radiusTopLeft","borderTopLeftRadius"),g("radiusTopRight","borderTopRightRadius"),g("radiusBottomLeft","borderBottomLeftRadius"),g("radiusBottomRight","borderBottomRightRadius"),g("color"),g("fontFamily"),g("fontSize"),g("fontWeight"),g("fontStyle"),g("textDecoration"),g("textDecorationLine"),g("textDecorationColor"),g("textDecorationStyle"),g("textDecorationThickness"),g("textUnderlineOffset"),g("userSelect"),g("letterSpacing"),g("textTransform"),g("lineHeight"),g("textAlign"),g("textAlignLast"),g("textWrap"),g("backgroundColor"),g("background"),g("boxShadow"),g("direction"),g("overflowX"),g("overflowY"),g("zIndex"),g("opacity"),g("zoom"),g("cursor"),g("whiteSpace"),g("outline"),g("outlineWidth"),g("outlineColor"),g("outlineStyle"),g("outlineOffset");const p=f("wrapContent");p&&(t.cssProps.flexWrap=p==="true"?"wrap":"nowrap"),g("canShrink","flexShrink");const C=f("canShrink");if(C&&(t.cssProps.flexShrink=C==="true"?1:0),De.isEmpty(t.cssProps)&&De.isEmpty(t.issues))return vd;return t;function f(L){var Z,P;const V=U();if(((Z=r==null?void 0:r.mediaSize)==null?void 0:Z.sizeIndex)!==void 0){const W=(P=r.mediaSize)==null?void 0:P.sizeIndex,O=U("xs"),E=U("sm"),b=U("md"),h=U("lg"),T=U("xl"),S=U("xxl");let _;switch(W){case 0:_=O??E??b;break;case 1:_=E??b;break;case 2:_=b;break;case 3:_=h;break;case 4:_=T??h;break;case 5:_=S??T??h;break}return _??V}return V;function U(W=""){const O=W?`${L}-${W}`:L;let E=e[O];if(E==null)return;typeof E=="string"?E=E.trim():E=E.toString();const b=E?E.replace(bd,T=>Td(T.trim())):void 0;if(E!==b)return b;const h=Cd[L];if(!h||h.length===0)return b;for(const T of h)if(T.test(b))return b;return t.issues.add(O),b}}function g(L,V=""){const U=f(L);U&&(t.cssProps[V||L]=U)}function y(L,V){return L&&$(V)==="horizontal"&&Ta.test(L.toString())?A(L.toString()):null}function H(L,V){return L&&$(V)==="vertical"&&Ta.test(L.toString())?A(L.toString()):null}function A(L){if(Ta.test(L)){const V=L.slice(0,-1);return V===""?1:parseInt(V,10)}return null}function $(L){if(!L)return;let V=(L==null?void 0:L.type)==="Stack"&&(L==null?void 0:L.orientation);return V==null?void 0:V.toString()}}function Td(e){return`var(--${xd}-${e.substring(1)})`}const Cd={width:[],minWidth:[],maxWidth:[],height:[],minHeight:[],maxHeight:[],gap:[],top:[],right:[],bottom:[],left:[],border:[],borderTop:[],borderRight:[],borderBottom:[],borderLeft:[],borderColor:[],borderStyle:[],borderWidth:[],borderHorizontal:[],borderVertical:[],borderRadius:[],radiusTopLeft:[],radiusTopRight:[],radiusBottomLeft:[],radiusBottomRight:[],padding:[],paddingHorizontal:[],paddingVertical:[],paddingTop:[],paddingRight:[],paddingBottom:[],paddingLeft:[],margin:[],marginHorizontal:[],marginVertical:[],marginTop:[],marginRight:[],marginBottom:[],marginLeft:[],backgroundColor:[],background:[],boxShadow:[],direction:[],overflowX:[],overflowY:[],zIndex:[],opacity:[],color:[],fontFamily:[],fontSize:[],fontWeight:[],fontStyle:[fd],textDecoration:[],userSelect:[],letterSpacing:[],textTransform:[],lineHeight:[],textAlign:[],textWrap:[],textAlignLast:[],wrapContent:[],canShrink:[],cursor:[],zoom:[],whiteSpace:[],textDecorationLine:[],textDecorationColor:[],textDecorationStyle:[],textDecorationThickness:[],textUnderlineOffset:[],outline:[],outlineWidth:[],outlineColor:[],outlineStyle:[],outlineOffset:[]},Ca={},_i=u.createContext({rowGap:0,columnGap:0,setNumberOfChildren:De.noop}),yd=({force:e})=>c.jsx("div",{className:ne(nt.break,{[nt.forceBreak]:e})});u.forwardRef(function({children:r,forceBreak:t,...o},a){const{rowGap:n,columnGap:i,setNumberOfChildren:l}=u.useContext(_i);xo(()=>(l(W=>W+1),()=>{l(W=>W-1)}),[l]);const{activeTheme:d,root:v}=Fr(),x=o.width||"100%",p=o.minWidth||void 0,C=o.maxWidth||void 0,{width:f=x,minWidth:g,maxWidth:y,flex:H}=u.useMemo(()=>gd({width:x,maxWidth:C,minWidth:p},{type:"Stack",orientation:"horizontal"}).cssProps||{},[C,p,x,d.themeVars]),A=u.useMemo(()=>{if(f&&typeof f=="string"&&f.startsWith("var(")){if(!Ca[f]){const W=f.substring(4,f.length-1),O=getComputedStyle(v).getPropertyValue(W);Ca[f]=O||x}return Ca[f]}return f||x},[x,v,f]),$=typeof A=="string"&&A.endsWith("%"),L=vs(i),V=bi("(max-width: 420px)"),U=bi("(max-width: 800px)"),Z={minWidth:g,maxWidth:y,width:$?`min(${f} * ${V?"8":U?"4":"1"}, 100%)`:`min(calc(${f} + ${L}), 100%)`,paddingBottom:n,flex:H},P=H!==void 0;return P&&(Z.width="100%",Z.minWidth=g||"1px"),c.jsxs(c.Fragment,{children:[c.jsx("div",{style:{...Z,paddingRight:L},className:ne(nt.flowItem,{[nt.starSized]:P}),ref:a,children:r}),P&&c.jsx(yd,{})]})});const Ai={columnGap:"$gap-normal",rowGap:"$gap-normal"};u.forwardRef(function({style:r,columnGap:t=0,rowGap:o=0,children:a},n){const[i,l]=u.useState(0),d=i===1?0:t,v=ki(o),x=ki(d),p=u.useMemo(()=>({marginRight:`calc(-1 * ${x})`,marginBottom:`calc(-1 * ${v})`}),[x,v]),C=u.useMemo(()=>({rowGap:v,columnGap:x,setNumberOfChildren:l}),[x,v]);return c.jsx(_i.Provider,{value:C,children:c.jsx("div",{style:r,ref:n,children:c.jsx("div",{className:nt.outer,children:c.jsx("div",{className:ne(nt.flowContainer,nt.horizontal),style:p,children:a})})})})});const Ni="FlowLayout",kd=k({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:{description:`This property defines the gap between items in the same row and between rows. The ${Ni} component creates a new row when an item is about to overflow the current row.`,type:"string",defaultValue:"$gap-normal"},columnGap:{description:"The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value.",defaultValue:Ai.columnGap},rowGap:{description:`The \`rowGap\` property specifies the space between the ${Ni} rows; it overrides the \`gap\` value.`,defaultValue:Ai.rowGap}},themeVars:Q(nt.themeVars)}),Sd={themeVars:`'{"padding-Footer": "var(--xmlui-padding-Footer)", "paddingHorizontal-Footer": "var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer))", "paddingVertical-Footer": "var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer))", "paddingLeft-Footer": "var(--xmlui-paddingLeft-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingRight-Footer": "var(--xmlui-paddingRight-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)))", "paddingTop-Footer": "var(--xmlui-paddingTop-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "paddingBottom-Footer": "var(--xmlui-paddingBottom-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)))", "border-Footer": "var(--xmlui-border-Footer)", "borderHorizontal-Footer": "var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer))", "borderVertical-Footer": "var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer))", "borderLeft-Footer": "var(--xmlui-borderLeft-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderRight-Footer": "var(--xmlui-borderRight-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)))", "borderTop-Footer": "var(--xmlui-borderTop-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderBottom-Footer": "var(--xmlui-borderBottom-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)))", "borderWidth-Footer": "var(--xmlui-borderWidth-Footer)", "borderHorizontalWidth-Footer": "var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderLeftWidth-Footer": "var(--xmlui-borderLeftWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderRightWidth-Footer": "var(--xmlui-borderRightWidth-Footer, var(--xmlui-borderHorizontalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderVerticalWidth-Footer": "var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer))", "borderTopWidth-Footer": "var(--xmlui-borderTopWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderBottomWidth-Footer": "var(--xmlui-borderBottomWidth-Footer, var(--xmlui-borderVerticalWidth-Footer, var(--xmlui-borderWidth-Footer)))", "borderStyle-Footer": "var(--xmlui-borderStyle-Footer)", "borderHorizontalStyle-Footer": "var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderLeftStyle-Footer": "var(--xmlui-borderLeftStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderRightStyle-Footer": "var(--xmlui-borderRightStyle-Footer, var(--xmlui-borderHorizontalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderVerticalStyle-Footer": "var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer))", "borderTopStyle-Footer": "var(--xmlui-borderTopStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderBottomStyle-Footer": "var(--xmlui-borderBottomStyle-Footer, var(--xmlui-borderVerticalStyle-Footer, var(--xmlui-borderStyle-Footer)))", "borderColor-Footer": "var(--xmlui-borderColor-Footer)", "borderHorizontalColor-Footer": "var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer))", "borderLeftColor-Footer": "var(--xmlui-borderLeftColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderRightColor-Footer": "var(--xmlui-borderRightColor-Footer, var(--xmlui-borderHorizontalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderVerticalColor-Footer": "var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer))", "borderTopColor-Footer": "var(--xmlui-borderTopColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderBottomColor-Footer": "var(--xmlui-borderBottomColor-Footer, var(--xmlui-borderVerticalColor-Footer, var(--xmlui-borderColor-Footer)))", "borderRadius-start-start-Footer": "var(--xmlui-borderRadius-start-start-Footer, var(--xmlui-borderRadius-Footer))", "borderRadius-start-end-Footer": "var(--xmlui-borderRadius-start-end-Footer, var(--xmlui-borderRadius-Footer))", "borderRadius-end-start-Footer": "var(--xmlui-borderRadius-end-start-Footer, var(--xmlui-borderRadius-Footer))", "borderRadius-end-end-Footer": "var(--xmlui-borderRadius-end-end-Footer, var(--xmlui-borderRadius-Footer))", "backgroundColor-Footer": "var(--xmlui-backgroundColor-Footer)", "textColor-Footer": "var(--xmlui-textColor-Footer)", "height-Footer": "var(--xmlui-height-Footer)", "fontSize-Footer": "var(--xmlui-fontSize-Footer)", "verticalAlign-Footer": "var(--xmlui-verticalAlign-Footer)", "maxWidth-content-Footer": "var(--xmlui-maxWidth-content-Footer)"}'`},lt="Footer",wd=k({description:`The \`${lt}\` is a component that acts as a placeholder within \`App\`.`,themeVars:Q(Sd.themeVars),defaultThemeVars:{[`backgroundColor-${lt}`]:"$backgroundColor-AppHeader",[`verticalAlign-${lt}`]:"center",[`fontSize-${lt}`]:"$fontSize-small",[`textColor-${lt}`]:"$textColor-secondary",[`maxWidth-content-${lt}`]:"$maxWidth-content",[`border-${lt}`]:"1px solid $borderColor",[`padding-${lt}`]:"$space-2 $space-4",light:{},dark:{}}}),ya={themeVars:`'{"gap-Form": "var(--xmlui-gap-Form)", "gap-buttonRow-Form": "var(--xmlui-gap-buttonRow-Form)"}'`,wrapper:"_wrapper_wscb6_13",buttonRow:"_buttonRow_wscb6_19"};var br=(e=>(e.FIELD_LOST_FOCUS="FormActionKind:FIELD_LOST_FOCUS",e.FIELD_VALUE_CHANGED="FormActionKind:FIELD_VALUE_CHANGED",e.FIELD_FOCUSED="FormActionKind:FIELD_FOCUSED",e.FIELD_VALIDATED="FormActionKind:FIELD_VALIDATED",e.FIELD_INITIALIZED="FormActionKind:FIELD_INITIALIZED",e.FIELD_REMOVED="FormActionKind:FIELD_REMOVED",e.TRIED_TO_SUBMIT="FormActionKind:TRIED_TO_SUBMIT",e.BACKEND_VALIDATION_ARRIVED="FormActionKind:BACKEND_VALIDATION_ARRIVED",e.SUBMITTING="FormActionKind:SUBMITTING",e.SUBMITTED="FormActionKind:SUBMITTED",e.RESET="FormActionKind:RESET",e))(br||{});function Hd(e,r){return{type:"FormActionKind:FIELD_INITIALIZED",payload:{uid:e,value:r}}}function $d(e,r){return{type:"FormActionKind:FIELD_VALUE_CHANGED",payload:{uid:e,value:r}}}function Id(e){return{type:"FormActionKind:FIELD_FOCUSED",payload:{uid:e}}}function Bd(e){return{type:"FormActionKind:FIELD_LOST_FOCUS",payload:{uid:e}}}function Oi(e,r){return{type:"FormActionKind:FIELD_VALIDATED",payload:{uid:e,validationResult:r}}}function Ld(e){return{type:"FormActionKind:FIELD_REMOVED",payload:{uid:e}}}function _d(){return{type:"FormActionKind:TRIED_TO_SUBMIT",payload:{}}}function Ad(){return{type:"FormActionKind:SUBMITTING",payload:{}}}function Nd(){return{type:"FormActionKind:SUBMITTED",payload:{}}}function Od(e){return{type:"FormActionKind:RESET",payload:{originalSubject:e}}}function Wd({generalValidationResults:e=[],fieldValidationResults:r={}}){return{type:"FormActionKind:BACKEND_VALIDATION_ARRIVED",payload:{generalValidationResults:e,fieldValidationResults:r}}}const st={themeVars:`'{"padding-ModalDialog": "var(--xmlui-padding-ModalDialog)", "paddingHorizontal-ModalDialog": "var(--xmlui-paddingHorizontal-ModalDialog, var(--xmlui-padding-ModalDialog))", "paddingVertical-ModalDialog": "var(--xmlui-paddingVertical-ModalDialog, var(--xmlui-padding-ModalDialog))", "paddingLeft-ModalDialog": "var(--xmlui-paddingLeft-ModalDialog, var(--xmlui-paddingHorizontal-ModalDialog, var(--xmlui-padding-ModalDialog)))", "paddingRight-ModalDialog": "var(--xmlui-paddingRight-ModalDialog, var(--xmlui-paddingHorizontal-ModalDialog, var(--xmlui-padding-ModalDialog)))", "paddingTop-ModalDialog": "var(--xmlui-paddingTop-ModalDialog, var(--xmlui-paddingVertical-ModalDialog, var(--xmlui-padding-ModalDialog)))", "paddingBottom-ModalDialog": "var(--xmlui-paddingBottom-ModalDialog, var(--xmlui-paddingVertical-ModalDialog, var(--xmlui-padding-ModalDialog)))", "padding-overlay-ModalDialog": "var(--xmlui-padding-overlay-ModalDialog)", "paddingHorizontal-overlay-ModalDialog": "var(--xmlui-paddingHorizontal-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog))", "paddingVertical-overlay-ModalDialog": "var(--xmlui-paddingVertical-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog))", "paddingLeft-overlay-ModalDialog": "var(--xmlui-paddingLeft-overlay-ModalDialog, var(--xmlui-paddingHorizontal-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "paddingRight-overlay-ModalDialog": "var(--xmlui-paddingRight-overlay-ModalDialog, var(--xmlui-paddingHorizontal-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "paddingTop-overlay-ModalDialog": "var(--xmlui-paddingTop-overlay-ModalDialog, var(--xmlui-paddingVertical-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "paddingBottom-overlay-ModalDialog": "var(--xmlui-paddingBottom-overlay-ModalDialog, var(--xmlui-paddingVertical-overlay-ModalDialog, var(--xmlui-padding-overlay-ModalDialog)))", "Dialog:backgroundColor-ModalDialog": "var(--xmlui-backgroundColor-ModalDialog)", "Dialog:backgroundColor-overlay-ModalDialog": "var(--xmlui-backgroundColor-overlay-ModalDialog)", "Dialog:borderRadius-ModalDialog": "var(--xmlui-borderRadius-ModalDialog)", "Dialog:fontFamily-ModalDialog": "var(--xmlui-fontFamily-ModalDialog)", "Dialog:textColor-ModalDialog": "var(--xmlui-textColor-ModalDialog)", "Dialog:minWidth-ModalDialog": "var(--xmlui-minWidth-ModalDialog)", "Dialog:maxWidth-ModalDialog": "var(--xmlui-maxWidth-ModalDialog)", "Dialog:marginBottom-title-ModalDialog": "var(--xmlui-marginBottom-title-ModalDialog)"}'`,overlay:"_overlay_it5gt_13",fullScreen:"_fullScreen_it5gt_21",content:"_content_it5gt_27",overlayBg:"_overlayBg_it5gt_36",dialogTitle:"_dialogTitle_it5gt_70",innerContent:"_innerContent_it5gt_76",closeButton:"_closeButton_it5gt_102"},Wi=u.createContext(null),Vd=()=>{const e=u.useId(),{registerForm:r,unRegisterForm:t,requestClose:o,amITheSingleForm:a}=u.useContext(Wi)||{};return u.useEffect(()=>{if(r)return r(e),()=>{t==null||t(e)}},[e,r,t]),u.useCallback(()=>{if(o&&a(e))return o()},[a,e,o])};u.forwardRef(({isInitiallyOpen:e,onOpen:r,onClose:t,registerComponentApi:o,renderDialog:a},n)=>{const i=Ei(e,r,t),{doOpen:l,doClose:d,isOpen:v,openParams:x}=i;return u.useEffect(()=>{o==null||o({open:l,close:d})},[d,l,o]),v?c.jsx(Vi.Provider,{value:i,children:a({openParams:x,ref:n})}):null});const Vi=u.createContext(null);function Ei(e,r,t){const[o,a]=u.useState(e),n=u.useRef(!1),[i,l]=u.useState(null),d=ke((...x)=>{l(x),r==null||r(),a(!0)}),v=ke(async()=>{if(!n.current)try{if(n.current=!0,await(t==null?void 0:t())===!1)return}finally{n.current=!1}a(!1)});return u.useMemo(()=>({isOpen:o,doClose:v,doOpen:d,openParams:i}),[v,d,o,i])}function Ed(e=!0,r,t){const o=u.useContext(Vi),a=Ei(e,r,t);return o||a}const zi=u.forwardRef(({children:e,style:r,isInitiallyOpen:t,fullScreen:o,title:a,closeButtonVisible:n=!0,onOpen:i,onClose:l},d)=>{const{root:v}=Fr(),x=u.useRef(null),p=d?Jr(d,x):x,{isOpen:C,doClose:f,doOpen:g}=Ed(t,i,l);u.useEffect(()=>{var A;C&&((A=x.current)==null||A.focus())},[C]),u.useEffect(()=>{if(C){const A=setTimeout(()=>{document.body.style.pointerEvents=""},0);return()=>clearTimeout(A)}else document.body.style.pointerEvents="auto"},[C]);const y=u.useRef(new Set),H=u.useMemo(()=>({registerForm:A=>{y.current.add(A)},unRegisterForm:A=>{y.current.delete(A)},amITheSingleForm:A=>y.current.size===1&&y.current.has(A),requestClose:()=>f()}),[f]);return v?c.jsx(Dt.Root,{open:C,onOpenChange:A=>A?g():f(),children:c.jsxs(Dt.Portal,{container:v,children:[!o&&c.jsx("div",{className:st.overlayBg}),c.jsx(Dt.Overlay,{className:ne(st.overlay,{[st.fullScreen]:o}),children:c.jsxs(Dt.Content,{className:ne(st.content),onPointerDownOutside:A=>{A.target instanceof Element&&A.target.closest("._debug-inspect-button")!==null&&A.preventDefault()},ref:p,style:{...r,gap:void 0},children:[!!a&&c.jsx(Dt.Title,{style:{marginTop:0},children:c.jsx("header",{id:"dialogTitle",className:st.dialogTitle,children:a})}),c.jsx("div",{className:st.innerContent,style:{gap:r==null?void 0:r.gap},children:c.jsx(Wi.Provider,{value:H,children:e})}),n&&c.jsx(Dt.Close,{asChild:!0,children:c.jsx(tr,{variant:"ghost",themeColor:"secondary",className:st.closeButton,"aria-label":"Close",icon:c.jsx(be,{name:"close",size:"sm"}),orientation:"vertical"})})]})})]})}):null});zi.displayName="ModalDialog";const Pi=new Set,ar=new WeakMap,Xt=new WeakMap,It=new WeakMap,ka=new WeakMap,zd=new WeakMap,Qt=new WeakMap,Eo=new WeakMap,Co=new WeakSet;let Bt;const Kr="__aa_tgt",Sa="__aa_del",Pd=e=>{const r=qd(e);r&&r.forEach(t=>Ud(t))},Dd=e=>{e.forEach(r=>{r.target===Bt&&Fd(),ar.has(r.target)&&Lt(r.target)})};function Md(e){const r=ka.get(e);r==null||r.disconnect();let t=ar.get(e),o=0;const a=5;t||(t=jt(e),ar.set(e,t));const{offsetWidth:n,offsetHeight:i}=Bt,d=[t.top-a,n-(t.left+a+t.width),i-(t.top+a+t.height),t.left-a].map(x=>`${-1*Math.floor(x)}px`).join(" "),v=new IntersectionObserver(()=>{++o>1&&Lt(e)},{root:Bt,threshold:1,rootMargin:d});v.observe(e),ka.set(e,v)}function Lt(e){clearTimeout(Eo.get(e));const r=zo(e),t=typeof r=="function"?500:r.duration;Eo.set(e,setTimeout(async()=>{const o=It.get(e);try{await(o==null?void 0:o.finished),ar.set(e,jt(e)),Md(e)}catch{}},t))}function Fd(){clearTimeout(Eo.get(Bt)),Eo.set(Bt,setTimeout(()=>{Pi.forEach(e=>Ri(e,r=>Di(()=>Lt(r))))},100))}function Rd(e){setTimeout(()=>{zd.set(e,setInterval(()=>Di(Lt.bind(null,e)),2e3))},Math.round(2e3*Math.random()))}function Di(e){typeof requestIdleCallback=="function"?requestIdleCallback(()=>e()):requestAnimationFrame(()=>e())}let wa,Zt;typeof window<"u"&&(Bt=document.documentElement,wa=new MutationObserver(Pd),Zt=new ResizeObserver(Dd),Zt.observe(Bt));function qd(e){return e.reduce((o,a)=>[...o,...Array.from(a.addedNodes),...Array.from(a.removedNodes)],[]).every(o=>o.nodeName==="#comment")?!1:e.reduce((o,a)=>{if(o===!1)return!1;if(a.target instanceof Element){if(Ha(a.target),!o.has(a.target)){o.add(a.target);for(let n=0;n<a.target.children.length;n++){const i=a.target.children.item(n);if(i){if(Sa in i)return!1;Ha(a.target,i),o.add(i)}}}if(a.removedNodes.length)for(let n=0;n<a.removedNodes.length;n++){const i=a.removedNodes[n];if(Sa in i)return!1;i instanceof Element&&(o.add(i),Ha(a.target,i),Xt.set(i,[a.previousSibling,a.nextSibling]))}}return o},new Set)}function Ha(e,r){!r&&!(Kr in e)?Object.defineProperty(e,Kr,{value:e}):r&&!(Kr in r)&&Object.defineProperty(r,Kr,{value:e})}function Ud(e){var r;const t=e.isConnected,o=ar.has(e);t&&Xt.has(e)&&Xt.delete(e),It.has(e)&&((r=It.get(e))===null||r===void 0||r.cancel()),o&&t?Yd(e):o&&!t?Qd(e):Xd(e)}function Gr(e){return Number(e.replace(/[^0-9.\-]/g,""))}function Gd(e){let r=e.parentElement;for(;r;){if(r.scrollLeft||r.scrollTop)return{x:r.scrollLeft,y:r.scrollTop};r=r.parentElement}return{x:0,y:0}}function jt(e){const r=e.getBoundingClientRect(),{x:t,y:o}=Gd(e);return{top:r.top+o,left:r.left+t,width:r.width,height:r.height}}function Mi(e,r,t){let o=r.width,a=r.height,n=t.width,i=t.height;const l=getComputedStyle(e);if(l.getPropertyValue("box-sizing")==="content-box"){const v=Gr(l.paddingTop)+Gr(l.paddingBottom)+Gr(l.borderTopWidth)+Gr(l.borderBottomWidth),x=Gr(l.paddingLeft)+Gr(l.paddingRight)+Gr(l.borderRightWidth)+Gr(l.borderLeftWidth);o-=x,n-=x,a-=v,i-=v}return[o,n,a,i].map(Math.round)}function zo(e){return Kr in e&&Qt.has(e[Kr])?Qt.get(e[Kr]):{duration:250,easing:"ease-in-out"}}function Fi(e){if(Kr in e)return e[Kr]}function $a(e){const r=Fi(e);return r?Co.has(r):!1}function Ri(e,...r){r.forEach(t=>t(e,Qt.has(e)));for(let t=0;t<e.children.length;t++){const o=e.children.item(t);o&&r.forEach(a=>a(o,Qt.has(o)))}}function Yd(e){const r=ar.get(e),t=jt(e);if(!$a(e))return ar.set(e,t);let o;if(!r)return;const a=zo(e);if(typeof a!="function"){const n=r.left-t.left,i=r.top-t.top,[l,d,v,x]=Mi(e,r,t),p={transform:`translate(${n}px, ${i}px)`},C={transform:"translate(0, 0)"};l!==d&&(p.width=`${l}px`,C.width=`${d}px`),v!==x&&(p.height=`${v}px`,C.height=`${x}px`),o=e.animate([p,C],{duration:a.duration,easing:a.easing})}else o=new Animation(a(e,"remain",r,t)),o.play();It.set(e,o),ar.set(e,t),o.addEventListener("finish",Lt.bind(null,e))}function Xd(e){const r=jt(e);ar.set(e,r);const t=zo(e);if(!$a(e))return;let o;typeof t!="function"?o=e.animate([{transform:"scale(.98)",opacity:0},{transform:"scale(0.98)",opacity:0,offset:.5},{transform:"scale(1)",opacity:1}],{duration:t.duration*1.5,easing:"ease-in"}):(o=new Animation(t(e,"add",r)),o.play()),It.set(e,o),o.addEventListener("finish",Lt.bind(null,e))}function Qd(e){var r;if(!Xt.has(e)||!ar.has(e))return;const[t,o]=Xt.get(e);Object.defineProperty(e,Sa,{value:!0}),o&&o.parentNode&&o.parentNode instanceof Element?o.parentNode.insertBefore(e,o):t&&t.parentNode?t.parentNode.appendChild(e):(r=Fi(e))===null||r===void 0||r.appendChild(e);function a(){var C;e.remove(),ar.delete(e),Xt.delete(e),It.delete(e),(C=ka.get(e))===null||C===void 0||C.disconnect()}if(!$a(e))return a();const[n,i,l,d]=Zd(e),v=zo(e),x=ar.get(e);let p;Object.assign(e.style,{position:"absolute",top:`${n}px`,left:`${i}px`,width:`${l}px`,height:`${d}px`,margin:0,pointerEvents:"none",transformOrigin:"center",zIndex:100}),typeof v!="function"?p=e.animate([{transform:"scale(1)",opacity:1},{transform:"scale(.98)",opacity:0}],{duration:v.duration,easing:"ease-out"}):(p=new Animation(v(e,"remove",x)),p.play()),It.set(e,p),p.addEventListener("finish",a)}function Zd(e){const r=ar.get(e),[t,,o]=Mi(e,r,jt(e));let a=e.parentElement;for(;a&&(getComputedStyle(a).position==="static"||a instanceof HTMLBodyElement);)a=a.parentElement;a||(a=document.body);const n=getComputedStyle(a),i=ar.get(a)||jt(a),l=Math.round(r.top-i.top)-Gr(n.borderTopWidth),d=Math.round(r.left-i.left)-Gr(n.borderLeftWidth);return[l,d,t,o]}function jd(e,r={}){return wa&&Zt&&(window.matchMedia("(prefers-reduced-motion: reduce)").matches&&typeof r!="function"&&!r.disrespectUserMotionPreference||(Co.add(e),getComputedStyle(e).position==="static"&&Object.assign(e.style,{position:"relative"}),Ri(e,Lt,Rd,a=>Zt==null?void 0:Zt.observe(a)),typeof r=="function"?Qt.set(e,r):Qt.set(e,{duration:250,easing:"ease-in-out",...r}),wa.observe(e,{childList:!0}),Pi.add(e))),Object.freeze({parent:e,enable:()=>{Co.add(e)},disable:()=>{Co.delete(e)},isEnabled:()=>Co.has(e)})}function Ia(e){const[r,t]=u.useState();return[u.useCallback(n=>{n instanceof HTMLElement?t(jd(n,e)):t(void 0)},[]),n=>{r&&(n?r.enable():r.disable())}]}const dt={summaryContainer:"_summaryContainer_1sc6r_13",validationContainer:"_validationContainer_1sc6r_22",error:"_error_1sc6r_52",heading:"_heading_1sc6r_58",warning:"_warning_1sc6r_62",info:"_info_1sc6r_72",valid:"_valid_1sc6r_22"},qi={themeVars:'"[]"',spacer:"_spacer_1414d_13"},Jd=()=>c.jsx("div",{className:qi.spacer});function Ui({fieldValidationResults:e=yt,generalValidationResults:r=er}){const[t]=Ia({duration:100}),o=u.useMemo(()=>{const a={};return Object.entries(e).forEach(([n,i])=>{i.validations.forEach(l=>{l.isValid||(a[l.severity]=a[l.severity]||[],a[l.severity].push({field:n,message:l.invalidMessage||""}))})}),r.forEach(n=>{a[n.severity]=a[n.severity]||[],a[n.severity].push({message:n.invalidMessage||""})}),a},[e,r]);return c.jsxs("div",{ref:t,className:dt.summaryContainer,children:[c.jsx(Gi,{issues:o.warning,severity:"warning",heading:"Validation warnings"}),c.jsx(Gi,{issues:o.error,severity:"error",heading:"Validation errors"})]})}const Gi=({heading:e,issues:r=er,severity:t="error",onClose:o})=>{const[a]=Ia({duration:100});return r.length===0?null:c.jsxs("div",{className:ne(dt.validationContainer,{[dt.valid]:t==="valid",[dt.info]:t==="info",[dt.warning]:t==="warning",[dt.error]:t==="error"}),style:{paddingTop:o?void 0:"0.5rem"},children:[c.jsxs(bo,{orientation:"horizontal",verticalAlignment:"center",style:{gap:"0.5rem"},children:[c.jsx(be,{className:dt.heading,name:t,size:"md"}),c.jsx("div",{className:dt.heading,children:c.jsx(Rt,{children:e})}),!!o&&c.jsxs(c.Fragment,{children:[c.jsx(Jd,{}),c.jsx(tr,{onClick:o,variant:"ghost",themeColor:"secondary",icon:c.jsx(be,{name:"close",size:"sm"}),orientation:"vertical"})]})]}),c.jsx("ul",{ref:a,children:r.map((n,i)=>c.jsx(Kd,{issue:n},i))})]})},Kd=({issue:e})=>{const{field:r,message:t}=e;return c.jsx("li",{children:c.jsxs("span",{style:{display:"inline-flex",gap:r?"0.25rem":void 0},children:[r&&c.jsx(Rt,{variant:"small",fontWeight:"bold",children:`${r}:`}),c.jsx(Rt,{variant:"small",preserveLinebreaks:!0,children:t})]})})},eu=["error","warning","valid","none"],Yi="errorLate",ru=[{value:"errorLate",description:"Display the error when the field loses focus.If an error is already displayed, continue for every keystroke until input is accepted."},{value:"onChanged",description:"Display error (if present) for every keystroke."},{value:"onLostFocus",description:"Show/hide error (if present) only if the field loses focus."}],Xi=Ka.createContext(void 0);function et(e){return Ka.useContextSelector(Xi,e)}const tu=[{value:"text",description:"Renders TextBox"},{value:"password",description:"Renders TextBox with `password` type"},{value:"textarea",description:"Renders Textarea"},{value:"checkbox",description:"Renders Checkbox"},{value:"number",description:"Renders NumberBox"},{value:"integer",description:"Renders NumberBox with `integersOnly` set to true"},{value:"file",description:"Renders FileInput"},{value:"datePicker",description:"Renders DatePicker"},{value:"radioGroup",description:"Renders RadioGroup"},{value:"switch",description:"Renders Switch"},{value:"select",description:"Renders Select"},{value:"autocomplete",description:"Renders AutoComplete"},{value:"slider",description:"Renders Slider"},{value:"colorpicker",description:"Renders ColorPicker"},{value:"custom",description:"Custom control specified in children"}];function ou(e){return e==null||e===""?!0:typeof e=="string"?e.trim().length===0:De.isEmpty(e)}function Qi(e="",r){return typeof e=="string"?e.length>=r:(console.warn("minLength can only be used on strings"),!0)}function Zi(e="",r){return typeof e=="string"?e.length<=r:(console.warn("maxLength can only be used on strings"),!0)}function ji(e="",r){return typeof e!="string"&&!De.isNumber(e)&&console.warn("Range can only be used on strings and numbers"),Number(e)>=r}function Ji(e="",r){return typeof e!="string"&&!De.isNumber(e)&&console.warn("Range can only be used on strings and numbers"),Number(e)<=r}function au(e="",r){if(typeof e=="string")return t(r).test(e);return console.warn("Regex can only be used on strings"),!0;function t(o){const a=o.match(/^([/~@;%#'])(.*?)\1([gimsuy]*)$/);return a?new RegExp(a[2],a[3]):new RegExp(o)}}class Ki{constructor(r,t,o){this.validations=r,this.onValidate=t,this.value=o,this.preValidate=()=>{const a=this.validateRequired();let n=[a];return(!a||a.isValid)&&n.push(this.validateLength(),this.validateRange(),this.validatePattern(),this.validateRegex()),n=n.filter(i=>i!==void 0),{isValid:n.find(i=>!i.isValid)===void 0,validatedValue:this.value,partial:this.onValidate!==void 0,validations:n}},this.validate=async()=>{const a=this.preValidate(),n=await this.validateCustom()||[];return a.validations.push(...n.map(i=>({...i,async:!0}))),{isValid:a.validations.find(i=>!i.isValid)===void 0,validatedValue:this.value,partial:!1,validations:a.validations}}}validateRequired(){const{required:r,requiredInvalidMessage:t}=this.validations;if(r)return{isValid:!ou(this.value),invalidMessage:t||"This field is required",severity:"error"}}validateLength(){const{minLength:r,maxLength:t,lengthInvalidMessage:o,lengthInvalidSeverity:a="error"}=this.validations;if(!(r===void 0&&t===void 0))return r!==void 0&&t===void 0?{isValid:Qi(this.value,r),invalidMessage:o||`Input should be at least ${r} ${rn(r,"character")}`,severity:a}:r===void 0&&t!==void 0?{isValid:Zi(this.value,t),invalidMessage:o||`Input should be up to ${t} ${rn(t,"character")}`,severity:a}:{isValid:Qi(this.value,r)&&Zi(this.value,t),invalidMessage:o||`Input length should be between ${r} and ${t}`,severity:a}}validateRange(){const{minValue:r,maxValue:t,rangeInvalidMessage:o,rangeInvalidSeverity:a="error"}=this.validations;if(!(r===void 0&&t===void 0))return r!==void 0&&t===void 0?{isValid:ji(this.value,r),invalidMessage:o||`Input should be bigger than ${r}`,severity:a}:r===void 0&&t!==void 0?{isValid:Ji(this.value,t),invalidMessage:o||`Input should be smaller than ${t}`,severity:a}:{isValid:ji(this.value,r)&&Ji(this.value,t),invalidMessage:o||`Input should be between ${r} and ${t}`,severity:a}}validatePattern(){const{pattern:r,patternInvalidMessage:t,patternInvalidSeverity:o="error"}=this.validations;if(r)switch(r.toLowerCase()){case"email":return{isValid:/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(this.value),invalidMessage:t||"Not a valid email address",severity:o};case"phone":return{isValid:/^[a-zA-Z0-9#*)(+.\-_&']+$/g.test(this.value),invalidMessage:t||"Not a valid phone number",severity:o};case"url":let a;try{a=new URL(this.value)}catch{}return!a||a.protocol&&!["http:","https:"].includes(a.protocol)?{isValid:!1,invalidMessage:"Not a valid URL",severity:o}:{isValid:!0,severity:"valid"};default:return console.warn("Unknown pattern provided"),{isValid:!0,severity:"valid"}}}validateRegex(){const{regex:r,regexInvalidMessage:t,regexInvalidSeverity:o="error"}=this.validations;if(r!==void 0)return{isValid:au(this.value,r),invalidMessage:t||"Input is not in the correct format",severity:o}}async validateCustom(){if(!this.onValidate)return;const r=await this.onValidate(this.value);return typeof r=="boolean"?[{isValid:r,invalidMessage:"Invalid input",severity:"error"}]:De.isArray(r)?r:[r]}}async function en(e,r,t){return await new Ki(e,r,t).validate()}function iu(e,r,t,o,a,n=0){const i=u.useDeferredValue(t),l=u.useMemo(()=>n!==0?Zl(en,n,{trailing:!0,leading:!0}):en,[n]);u.useEffect(function(){const v=new Ki(e,r,i);let x=!1;const p=v.preValidate();return x||(o(Oi(a,p)),p.partial&&(async()=>{const C=await l(e,r,i);x||o(Oi(a,C))})()),()=>{x=!0}},[a,i,o,r,l,e])}function nu(e,r,t,o=Yi){const a=et(A=>A.interactionFlags[e])||yt,n=a.forceShowValidationResult,i=a.focused,l=a.isValidLostFocus,d=a.isValidOnFocus,v=a.invalidToValid,x=!t||t.validatedValue!==r,p=a.isDirty,C=(t==null?void 0:t.isValid)===!0;let f="none";for(const A of(t==null?void 0:t.validations)||[])if(!A.isValid&&(f!=="error"&&A.severity==="warning"&&(f="warning"),A.severity==="error")){f="error";break}let g=!1;switch(o){case"errorLate":g=p&&(i?!v&&!d:!l);break;case"onChanged":g=p;break;case"onLostFocus":g=p&&(!i&&!C||!l&&!C)}g=g||n;const[y,H]=u.useState(g);return y!==g&&!x&&H(g),x&&(g=y),{isHelperTextShown:g,validationStatus:g?f:"none"}}function lu(e){const r={error:[],warning:[],valid:[],none:[]};return Object.entries(e).forEach(([t,o])=>{o.validations.forEach(a=>{a.isValid||(r[a.severity]=r[a.severity]||[],r[a.severity].push(a))})}),r}function rn(e,r){return e===1?r:r+"s"}const tn=(e,r,t)=>{const o=r.split(".");for(let a=0;a<o.length;a++){const n=o[a];typeof o[a+1]<"u"?e[n]=e[n]?e[n]:{}:e[n]=t,e=e[n]}},on=(e,r)=>{const t=r.split(".");let o=e;for(let a=0;a<t.length;a++)o=o==null?void 0:o[t[a]];return o};vt((e,r)=>{var o,a,n,i;const{uid:t}=r.payload;switch(t!==void 0&&!e.interactionFlags[t]&&(e.interactionFlags[t]={isDirty:!1,invalidToValid:!1,isValidOnFocus:!1,isValidLostFocus:!1,focused:!1,forceShowValidationResult:!1}),r.type){case br.FIELD_INITIALIZED:{e.interactionFlags[t].isDirty||tn(e.subject,t,r.payload.value);break}case br.FIELD_REMOVED:{delete e.validationResults[t];break}case br.FIELD_VALUE_CHANGED:{tn(e.subject,t,r.payload.value),e.interactionFlags[t].isDirty=!0,e.interactionFlags[t].forceShowValidationResult=!1;break}case br.FIELD_VALIDATED:{if(r.payload.validationResult.validations.length===0){delete e.validationResults[t];break}const l=(o=e.validationResults[t])==null?void 0:o.isValid;if(r.payload.validationResult.partial){const d=[...r.payload.validationResult.validations,...(((a=e.validationResults[t])==null?void 0:a.validations.filter(v=>v.async))||[]).map(v=>({...v,stale:!0}))];e.validationResults[t]={...r.payload.validationResult,isValid:d.find(v=>!v.isValid)===void 0,validations:d}}else e.validationResults[t]=r.payload.validationResult;e.interactionFlags[t].invalidToValid=!l&&e.validationResults[t].isValid;break}case br.FIELD_FOCUSED:{e.interactionFlags[t].isValidOnFocus=!!((n=e.validationResults[t])!=null&&n.isValid),e.interactionFlags[t].focused=!0;break}case br.FIELD_LOST_FOCUS:{e.interactionFlags[t].isValidLostFocus=!!((i=e.validationResults[t])!=null&&i.isValid),e.interactionFlags[t].focused=!1;break}case br.TRIED_TO_SUBMIT:{Object.keys(e.interactionFlags).forEach(l=>{e.interactionFlags[l].forceShowValidationResult=!0});break}case br.SUBMITTING:{e.submitInProgress=!0;break}case br.SUBMITTED:{e.submitInProgress=!1,e.generalValidationResults=[],e.interactionFlags={},Object.keys(e.validationResults).forEach(l=>{var d;e.validationResults[l].validations=(d=e.validationResults[l].validations)==null?void 0:d.filter(v=>!v.fromBackend),e.validationResults[l].isValid=e.validationResults[l].validations.find(v=>!v.isValid)===void 0});break}case br.BACKEND_VALIDATION_ARRIVED:{e.submitInProgress=!1,e.generalValidationResults=r.payload.generalValidationResults,Object.keys(e.validationResults).forEach(l=>{var d;e.validationResults[l].validations=(d=e.validationResults[l].validations)==null?void 0:d.filter(v=>!v.fromBackend)}),Object.entries(r.payload.fieldValidationResults).forEach(([l,d])=>{var v;e.validationResults[l].validations=[...((v=e.validationResults[l])==null?void 0:v.validations)||[],...d||[]],e.validationResults[l].isValid=e.validationResults[l].validations.find(x=>!x.isValid)===void 0});break}case br.RESET:{const{originalSubject:l}=r.payload;return{...su,subject:l}}}});const su={subject:{},validationResults:{},generalValidationResults:[],interactionFlags:{},submitInProgress:!1},Jt={cancelLabel:"Cancel",saveLabel:"Save",saveInProgressLabel:"Saving...",itemLabelPosition:"top",itemLabelBreak:!0,keepModalOpenOnSubmit:!1},du=u.forwardRef(function({formState:e,dispatch:r,initialValue:t=yt,children:o,style:a,enabled:n=!0,cancelLabel:i="Cancel",saveLabel:l="Save",saveInProgressLabel:d="Saving...",swapCancelAndSave:v,onSubmit:x,onCancel:p,onReset:C,buttonRow:f,id:g,registerComponentApi:y,itemLabelBreak:H=!0,itemLabelWidth:A,itemLabelPosition:$="top",keepModalOpenOnSubmit:L=!1},V){const U=u.useRef(null);u.useImperativeHandle(V,()=>U.current);const[Z,P]=u.useState(!1),W=Vd(),O=n&&!e.submitInProgress,E=u.useMemo(()=>({itemLabelBreak:H,itemLabelWidth:A,itemLabelPosition:$,subject:e.subject,originalSubject:t,validationResults:e.validationResults,interactionFlags:e.interactionFlags,dispatch:r,enabled:O}),[r,e.interactionFlags,e.subject,e.validationResults,t,O,H,$,A]),b=ke(()=>{p==null||p(),W()}),h=ke(async z=>{var R;if(z==null||z.preventDefault(),!O)return;P(!1),r(_d());const{error:N,warning:I}=lu(Object.values(e.validationResults));if(N.length)return;if(I.length&&!Z){P(!0);return}const M=document.activeElement;r(Ad());try{await(x==null?void 0:x(e.subject,{passAsDefaultBody:!0})),r(Nd()),L||W(),t===yt&&Ja.flushSync(()=>{T()}),M&&typeof M.focus=="function"&&M.focus()}catch(D){const Y=[],j={};D instanceof Error&&"errorCategory"in D&&D.errorCategory==="GenericBackendError"&&((R=D.details)!=null&&R.issues)&&Array.isArray(D.details.issues)?D.details.issues.forEach(J=>{const K={isValid:!1,invalidMessage:J.message,severity:J.severity||"error",fromBackend:!0};J.field!==void 0?(j[J.field]=j[J.field]||[],j[J.field].push(K)):Y.push(K)}):Y.push({isValid:!1,invalidMessage:D.message||"Couldn't save the form.",severity:"error",fromBackend:!0}),r(Wd({generalValidationResults:Y,fieldValidationResults:j}))}}),T=ke(()=>{r(Od(t)),C==null||C()}),S=ke(z=>{typeof z!="object"||z===null||z===void 0||Object.entries(z).forEach(([N,I])=>{r({type:br.FIELD_VALUE_CHANGED,payload:{uid:N,value:I}})})}),_=i===""?null:c.jsx(tr,{type:"button",themeColor:"secondary",variant:"ghost",onClick:b,children:i},"cancel"),G=u.useMemo(()=>c.jsx(tr,{type:"submit",disabled:!O,children:e.submitInProgress?d:l},"submit"),[O,e.submitInProgress,d,l]);return u.useEffect(()=>{y==null||y({reset:T,update:S})},[T,S,y]),c.jsxs(c.Fragment,{children:[c.jsxs("form",{style:a,className:ya.wrapper,onSubmit:h,onReset:T,id:g,ref:U,children:[c.jsx(Ui,{generalValidationResults:e.generalValidationResults}),c.jsx(Xi.Provider,{value:E,children:o}),f||c.jsxs("div",{className:ya.buttonRow,children:[v&&[G,_],!v&&[_,G]]})]}),Z&&c.jsx(zi,{onClose:()=>P(!1),isInitiallyOpen:!0,title:"Are you sure want to move forward?",children:c.jsxs(bo,{orientation:"vertical",style:{gap:"0.5rem"},children:[c.jsx(Rt,{children:"The following warnings were found during validation. Please make sure you are willing to move forward despite these issues."}),c.jsx(Ui,{generalValidationResults:e.generalValidationResults,fieldValidationResults:e.validationResults}),c.jsxs(bo,{orientation:"horizontal",horizontalAlignment:"end",style:{gap:"1em"},children:[c.jsx(tr,{variant:"ghost",themeColor:"secondary",onClick:()=>P(!1),children:"No"}),c.jsx(tr,{onClick:()=>h(),autoFocus:!0,children:"Yes, proceed"})]})]})})]})});du.displayName="Form";const uu=k({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:Ae("This property allows defining a custom component to display the buttons at the bottom of the form."),itemLabelPosition:{description:"This property sets the position of the item labels within the form.Individual `FormItem` instances can override this property.",availableValues:ii,type:"string",defaultValue:Jt.itemLabelPosition},itemLabelWidth:{description:"This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property.",type:"string"},itemLabelBreak:{description:"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.",type:"boolean",defaultValue:Jt.itemLabelBreak},keepModalOpenOnSubmit:{description:"This property prevents the modal from closing when the form is submitted.",type:"boolean",defaultValue:Jt.keepModalOpenOnSubmit},data:{description:"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:{description:"This property defines the label of the Cancel button.",type:"string",defaultValue:Jt.cancelLabel},saveLabel:{description:"This property defines the label of the Save button.",type:"string",defaultValue:Jt.saveLabel},saveInProgressLabel:{description:"This property defines the label of the Save button to display during the form data submit (save) operation.",type:"string",defaultValue:Jt.saveInProgressLabel},swapCancelAndSave:{description:"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.",type:"boolean"},submitUrl:m("URL to submit the form data."),submitMethod:{description:"This property sets the HTTP method to use when submitting the form data. If not defined, `put` is used when the form has initial data; otherwise, `post`."},enabled:m("Whether the form is enabled or not. The default value is `true`."),_data_url:Ve("when we have an api bound data prop, we inject the url here")},events:{submit:m("The form infrastructure fires this event when the form is submitted. The event argument is the current `data` value to save."),cancel:m("The form infrastructure fires this event when the form is canceled."),reset:m("The form infrastructure fires this event when the form is reset.")},contextVars:{$data:m("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. `$data` also provides an `update` method as a shortcut to the Form's exposed `update` method.")},apis:{reset:m("Call this event to reset the form to its initial state."),update:m("You can pass a data object to update the form data. The properties in the passed data object are updated to their values accordingly. Other form properties remain intact.")},themeVars:Q(ya.themeVars),defaultThemeVars:{"gap-Form":"$space-4","gap-buttonRow-Form":"$space-4",light:{"backgroundColor-ValidationDisplay-error":"$color-danger-100","backgroundColor-ValidationDisplay-warning":"$color-warn-100","backgroundColor-ValidationDisplay-info":"$color-primary-100","backgroundColor-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","textColor-ValidationDisplay-error":"$color-error","textColor-ValidationDisplay-warning":"$color-warning","textColor-ValidationDisplay-info":"$color-info","textColor-ValidationDisplay-valid":"$color-valid"},dark:{"backgroundColor-ValidationDisplay-error":"$color-danger-900","backgroundColor-ValidationDisplay-warning":"$color-warn-900","backgroundColor-ValidationDisplay-info":"$color-secondary-800","backgroundColor-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","textColor-ValidationDisplay-error":"$color-danger-500","textColor-ValidationDisplay-warning":"$color-warn-700","textColor-ValidationDisplay-info":"$color-secondary-200","textColor-ValidationDisplay-valid":"$color-success-600"}}});var s=(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))(s||{});class cu{constructor(r){this.source=r,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(r=1){return this._pos+r>this.source.length-1?null:this.source[this._pos+r]}get(){if(this._pos>=this.source.length)return null;const r=this.source[this._pos++];return r===`
|
|
6
|
+
`?(this._line++,this._column=0):this._column++,r}getTail(r){var t;return((t=this.source)==null?void 0:t.substring(r))??""}}const _t={[s.Eof]:{},[s.Ws]:{},[s.DollarLBrace]:{},[s.Backtick]:{expressionStart:!0},[s.BlockComment]:{},[s.EolComment]:{},[s.Unknown]:{},[s.LParent]:{expressionStart:!0},[s.RParent]:{},[s.Identifier]:{expressionStart:!0,keywordLike:!0,isPropLiteral:!0},[s.Exponent]:{},[s.Divide]:{},[s.Multiply]:{},[s.Remainder]:{},[s.Plus]:{expressionStart:!0,canBeUnary:!0},[s.Minus]:{expressionStart:!0,canBeUnary:!0},[s.BitwiseXor]:{},[s.BitwiseOr]:{},[s.LogicalOr]:{},[s.BitwiseAnd]:{},[s.LogicalAnd]:{},[s.Assignment]:{isAssignment:!0},[s.AddAssignment]:{isAssignment:!0},[s.SubtractAssignment]:{isAssignment:!0},[s.ExponentAssignment]:{isAssignment:!0},[s.MultiplyAssignment]:{isAssignment:!0},[s.DivideAssignment]:{isAssignment:!0},[s.RemainderAssignment]:{isAssignment:!0},[s.ShiftLeftAssignment]:{isAssignment:!0},[s.ShiftRightAssignment]:{isAssignment:!0},[s.SignedShiftRightAssignment]:{isAssignment:!0},[s.BitwiseAndAssignment]:{isAssignment:!0},[s.BitwiseXorAssignment]:{isAssignment:!0},[s.BitwiseOrAssignment]:{isAssignment:!0},[s.LogicalAndAssignment]:{isAssignment:!0},[s.LogicalOrAssignment]:{isAssignment:!0},[s.NullCoalesceAssignment]:{isAssignment:!0},[s.Semicolon]:{},[s.Comma]:{},[s.Colon]:{},[s.LSquare]:{expressionStart:!0},[s.RSquare]:{},[s.QuestionMark]:{},[s.NullCoalesce]:{},[s.OptionalChaining]:{},[s.BinaryNot]:{expressionStart:!0,canBeUnary:!0},[s.LBrace]:{expressionStart:!0},[s.RBrace]:{},[s.Equal]:{},[s.StrictEqual]:{},[s.LogicalNot]:{expressionStart:!0,canBeUnary:!0},[s.NotEqual]:{},[s.StrictNotEqual]:{},[s.LessThan]:{},[s.LessThanOrEqual]:{},[s.ShiftLeft]:{},[s.GreaterThan]:{},[s.GreaterThanOrEqual]:{},[s.ShiftRight]:{},[s.SignedShiftRight]:{},[s.Dot]:{},[s.Spread]:{expressionStart:!0,isPropLiteral:!0},[s.Global]:{expressionStart:!0},[s.DecimalLiteral]:{expressionStart:!0,isPropLiteral:!0},[s.HexadecimalLiteral]:{expressionStart:!0,isPropLiteral:!0},[s.BinaryLiteral]:{expressionStart:!0,isPropLiteral:!0},[s.RealLiteral]:{expressionStart:!0,isPropLiteral:!0},[s.StringLiteral]:{expressionStart:!0,isPropLiteral:!0},[s.IncOp]:{expressionStart:!0},[s.DecOp]:{expressionStart:!0},[s.Infinity]:{expressionStart:!0,keywordLike:!0},[s.NaN]:{expressionStart:!0,keywordLike:!0},[s.True]:{expressionStart:!0,keywordLike:!0,isPropLiteral:!0},[s.False]:{expressionStart:!0,keywordLike:!0,isPropLiteral:!0},[s.Typeof]:{expressionStart:!0,canBeUnary:!0,keywordLike:!0},[s.Null]:{expressionStart:!0,keywordLike:!0},[s.Undefined]:{expressionStart:!0,keywordLike:!0},[s.In]:{keywordLike:!0},[s.Let]:{keywordLike:!0},[s.Const]:{keywordLike:!0},[s.Var]:{keywordLike:!0},[s.If]:{keywordLike:!0},[s.Else]:{keywordLike:!0},[s.Arrow]:{keywordLike:!0},[s.Return]:{keywordLike:!0},[s.Break]:{keywordLike:!0},[s.Continue]:{keywordLike:!0},[s.Do]:{keywordLike:!0},[s.While]:{keywordLike:!0},[s.For]:{keywordLike:!0},[s.Of]:{keywordLike:!0},[s.Throw]:{keywordLike:!0},[s.Try]:{keywordLike:!0},[s.Catch]:{keywordLike:!0},[s.Finally]:{keywordLike:!0},[s.Switch]:{keywordLike:!0},[s.Case]:{keywordLike:!0},[s.Default]:{keywordLike:!0},[s.Delete]:{expressionStart:!0,canBeUnary:!0,keywordLike:!0},[s.Function]:{keywordLike:!0,expressionStart:!0},[s.Export]:{keywordLike:!0},[s.Import]:{keywordLike:!0},[s.As]:{keywordLike:!0},[s.From]:{keywordLike:!0}};class mu{constructor(r){this.input=r,this._ahead=[],this._prefetched=null,this._prefetchedPos=null,this._prefetchedColumn=null,this._lastFetchPosition=0,this._phaseExternallySet=null}peek(r=!1){return this.ahead(0,r)}ahead(r=1,t=!1){if(r>16)throw new Error("Cannot look ahead more than 16 tokens");for(;this._ahead.length<=r;){const o=this.fetch();if(an(o))return o;(t||!t&&!nn(o))&&this._ahead.push(o)}return this._ahead[r]}get(r=!1){if(this._ahead.length>0){const t=this._ahead.shift();if(!t)throw new Error("Token expected");return t}for(;;){const t=this.fetch();if(an(t)||r||!r&&!nn(t))return t}}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 r=this,t=this.input,o=this._prefetchedPos||t.position,a=t.line,n=this._prefetchedColumn||t.column;this._lastFetchPosition=this.input.position;let i=null,l="",d=s.Eof,v=t.position,x=t.column,p=null,C=!1,f=this.getStartingPhaseThenReset();for(;;){if(p=this.fetchNextChar(),p===null)return y();d===s.Eof&&(d=s.Unknown);e:switch(f){case 0:switch(p){case" ":case" ":case`
|
|
7
|
+
`:case"\r":f=1,d=s.Ws;break;case"/":f=5,d=s.Divide;break;case"$":f=6,d=s.Identifier;break;case"*":f=8,d=s.Multiply;break;case"%":f=54,d=s.Remainder;break;case"+":f=51,d=s.Plus;break;case"-":f=52,d=s.Minus;break;case"^":f=58,d=s.BitwiseXor;break;case"|":f=7,d=s.BitwiseOr;break;case"&":f=9,d=s.BitwiseAnd;break;case"?":f=22,d=s.QuestionMark;break;case";":return H(s.Semicolon);case",":return H(s.Comma);case"(":return H(s.LParent);case")":return H(s.RParent);case":":f=20,d=s.Colon;break;case"`":return H(s.Backtick);case"[":return H(s.LSquare);case"]":return H(s.RSquare);case"~":return H(s.BinaryNot);case"{":return H(s.LBrace);case"}":return H(s.RBrace);case"=":f=10,d=s.Assignment;break;case"!":f=13,d=s.LogicalNot;break;case"<":f=14,d=s.LessThan;break;case">":f=15,d=s.GreaterThan;break;case"0":f=21,d=s.DecimalLiteral;break;case".":f=18,d=s.Dot;break;case'"':case"'":i=p,f=35;break;default:ln(p)?(C=!0,f=17,d=s.Identifier):Yr(p)?(f=27,d=s.DecimalLiteral):H(s.Unknown);break}break;case 6:if(p==="{")return H(s.DollarLBrace);f=17,C=!0,d=s.Identifier,sn(p)||y();break;case 1:if(p!==" "&&p!==" "&&p!=="\r"&&p!==`
|
|
8
|
+
`)return y();break;case 3:p==="*"&&(f=4);break;case 4:if(p==="/")return H(s.BlockComment);break;case 2:if(p===`
|
|
9
|
+
`)return H();break;case 17:if(!sn(p))return y();break;case 20:return p===":"?H(s.Global):y();case 5:if(p==="*")f=3;else if(p==="/")f=2,d=s.EolComment;else return p==="="?H(s.DivideAssignment):y();break;case 51:return p==="+"?H(s.IncOp):p==="="?H(s.AddAssignment):y();case 52:return p==="-"?H(s.DecOp):p==="="?H(s.SubtractAssignment):y();case 54:return p==="="?H(s.RemainderAssignment):y();case 58:return p==="="?H(s.BitwiseXorAssignment):y();case 7:if(p==="=")return H(s.BitwiseOrAssignment);if(p==="|"){f=59,d=s.LogicalOr;break}return y();case 59:return p==="="?H(s.LogicalOrAssignment):y();case 9:if(p==="=")return H(s.BitwiseAndAssignment);if(p==="&"){f=57,d=s.LogicalAnd;break}return y();case 57:return p==="="?H(s.LogicalAndAssignment):y();case 8:if(p==="*"){f=50,d=s.Exponent;break}else if(p==="=")return H(s.MultiplyAssignment);return y();case 50:return p==="="?H(s.ExponentAssignment):y();case 22:if(p==="?"){f=60,d=s.NullCoalesce;break}return p==="."?H(s.OptionalChaining):y();case 60:return p==="="?H(s.NullCoalesceAssignment):y();case 10:if(p===">")return H(s.Arrow);if(p==="="){f=11,d=s.Equal;break}return y();case 11:return p==="="?H(s.StrictEqual):y();case 13:if(p==="="){f=12,d=s.NotEqual;break}return y();case 12:return p==="="?H(s.StrictNotEqual):y();case 14:if(p==="=")return H(s.LessThanOrEqual);if(p==="<"){f=55,d=s.ShiftLeft;break}return y();case 55:return p==="="?H(s.ShiftLeftAssignment):y();case 15:if(p==="=")return H(s.GreaterThanOrEqual);if(p===">"){f=16,d=s.SignedShiftRight;break}return y();case 16:if(p===">"){f=56,d=s.ShiftRight;break}return p==="="?H(s.SignedShiftRightAssignment):y();case 56:return p==="="?H(s.ShiftRightAssignment):y();case 21:if(p==="x")f=23,d=s.Unknown;else if(p==="b")f=25,d=s.Unknown;else if(Yr(p)||p==="_")f=27;else if(p===".")f=28,d=s.Unknown;else if(p==="e"||p==="E")f=30,d=s.Unknown;else return y();break;case 18:if(p==="."){f=19,d=s.Unknown;break}if(!Yr(p))return y();f=29,d=s.RealLiteral;break;case 19:return p==="."?H(s.Spread):y();case 23:if(p==="_")break;if(!ir(p))return y();f=24,d=s.HexadecimalLiteral;break;case 24:if(!ir(p)&&p!=="_")return y();break;case 25:if(p==="_")break;if(!dn(p))return y();f=26,d=s.BinaryLiteral;break;case 26:if(!dn(p)&&p!=="_")return y();d=s.BinaryLiteral;break;case 27:if(Yr(p)||p==="_")break;if(p==="."&&(this.input.peek()===null||Yr(this.input.peek())))f=28,d=s.Unknown;else if(p==="e"||p==="E")f=30,d=s.Unknown;else return y();break;case 28:if(Yr(p))f=29,d=s.RealLiteral;else if(p==="e"||p==="E")f=30;else return y();break;case 29:if(p==="e"||p==="E")f=30,d=s.Unknown;else if(!Yr(p)&&p!=="_")return y();break;case 30:if(p==="+"||p==="-")f=31;else if(Yr(p))f=32,d=s.RealLiteral;else return y();break;case 31:if(Yr(p))f=32,d=s.RealLiteral;else return y();break;case 32:if(!Yr(p))return y();break;case 34:{f=33;const L=this.input.ahead(0),V=this.input.ahead(1);if(L==="`"||L==="$"&&V==="{")return H(s.StringLiteral);break}case 33:switch(p){case"\\":f=34,d=s.Unknown;break e;case"`":return H(s.Backtick);case"$":if(this.input.ahead(0)==="{")return g(),this.fetchNextChar(),H(s.DollarLBrace)}const A=this.input.ahead(0),$=this.input.ahead(1);if(A==="`"||A==="$"&&$==="{")return H(s.StringLiteral);break;case 35:if(p===i)return H(s.StringLiteral);if(pu(p))return H(s.Unknown);p==="\\"&&(f=36,d=s.Unknown);break;case 36:switch(p){case"b":case"f":case"n":case"r":case"t":case"v":case"S":case"0":case"'":case'"':case"`":case"\\":f=35;break;case"x":f=37;break;case"u":f=39;break;default:f=35;break}break;case 37:if(ir(p))f=38;else return H(s.Unknown);break;case 38:if(ir(p))f=35;else return H(s.Unknown);break;case 39:if(p==="{"){f=43;break}if(ir(p))f=40;else return H(s.Unknown);break;case 40:if(ir(p))f=41;else return H(s.Unknown);break;case 41:if(ir(p))f=42;else return H(s.Unknown);break;case 42:if(ir(p))f=35;else return H(s.Unknown);break;case 43:if(ir(p))f=44;else return H(s.Unknown);break;case 44:if(p==="}")f=35;else if(ir(p))f=45;else return H(s.Unknown);break;case 45:if(p==="}")f=35;else if(ir(p))f=46;else return H(s.Unknown);break;case 46:if(p==="}")f=35;else if(ir(p))f=47;else return H(s.Unknown);break;case 47:if(p==="}")f=35;else if(ir(p))f=48;else return H(s.Unknown);break;case 48:if(p==="}")f=35;else if(ir(p))f=49;else return H(s.Unknown);break;case 49:if(p==="}")f=35;else return H(s.Unknown);break;default:return y()}g()}function g(){l+=p,r._prefetched=null,r._prefetchedPos=null,r._prefetchedColumn=null,v=t.position,x=t.position}function y(){return C&&(d=pe.get(l)??(ln(l[0])&&l[l.length-1]!=="'"?s.Identifier:s.Unknown)),{text:l,type:d,location:{startPosition:o,endPosition:v,startLine:a,endLine:a,startColumn:n,endColumn:x}}}function H(A){return g(),A!==void 0&&(d=A),y()}}getStartingPhaseThenReset(){if(this._phaseExternallySet!==null){const r=this._phaseExternallySet;return this._phaseExternallySet=null,r}return 0}fetchRegEx(){const r=this._ahead.length>0?this._ahead[0].location.startPosition:this._lastFetchPosition,t=this.input.getTail(r);try{const o=ri.parseRegExpLiteral(t),a=o.raw;for(let n=1;n<a.length;n++)this.fetchNextChar(),this._prefetched=null,this._prefetchedPos=null,this._prefetchedColumn=null;return this._ahead.length=0,{success:!0,pattern:o.pattern.raw,flags:o.flags.raw,length:a.length}}catch(o){let a=o.index;if(o.toString().includes("Invalid flag"))for(;a<t.length&&"dgimsuy".includes(t[a]);)a++;if(a===void 0)return{success:!1,pattern:t[0]};const n=t.substring(0,a);try{const i=ri.parseRegExpLiteral(n),l=i.raw;for(let d=1;d<l.length;d++)this.fetchNextChar(),this._prefetched=null,this._prefetchedPos=null,this._prefetchedColumn=null;return this._ahead.length=0,{success:!0,pattern:i.pattern.raw,flags:i.flags.raw,length:l.length}}catch{return{success:!1,pattern:n}}}}}const pe=new Map;pe.set("typeof",s.Typeof),pe.set("Infinity",s.Infinity),pe.set("NaN",s.NaN),pe.set("true",s.True),pe.set("false",s.False),pe.set("undefined",s.Undefined),pe.set("null",s.Null),pe.set("in",s.In),pe.set("let",s.Let),pe.set("const",s.Const),pe.set("var",s.Var),pe.set("if",s.If),pe.set("else",s.Else),pe.set("return",s.Return),pe.set("break",s.Break),pe.set("continue",s.Continue),pe.set("do",s.Do),pe.set("while",s.While),pe.set("for",s.For),pe.set("of",s.Of),pe.set("try",s.Try),pe.set("catch",s.Catch),pe.set("finally",s.Finally),pe.set("throw",s.Throw),pe.set("switch",s.Switch),pe.set("case",s.Case),pe.set("default",s.Default),pe.set("delete",s.Delete),pe.set("function",s.Function),pe.set("export",s.Export),pe.set("import",s.Import),pe.set("as",s.As),pe.set("from",s.From);function an(e){return e.type===s.Eof}function nn(e){return e.type<=s.Ws}function ln(e){return e>="a"&&e<="z"||e>="A"&&e<="Z"||e==="_"||e==="$"}function sn(e){return e>="a"&&e<="z"||e>="A"&&e<="Z"||e>="0"&&e<="9"||e==="_"||e==="$"}function dn(e){return e==="0"||e==="1"}function Yr(e){return e>="0"&&e<="9"}function ir(e){return e>="0"&&e<="9"||e>="A"&&e<="F"||e>="a"&&e<="f"}function pu(e){return e==="\r"||e===`
|
|
10
|
+
`||e==="
"||e==="\u2028"||e==="\u2029"}let hu=class Cl extends Error{constructor(r,t){super(r),this.code=t,Object.setPrototypeOf(this,Cl.prototype)}};const Po={W001:"An expression expected",W002:"Unexpected token: {0}",W003:"An identifier expected",W004:"'}' expected",W005:"']' expected",W006:"')' expected",W007:"Invalid object property name type",W008:"':' expected",W009:"'=' expected",W010:"Invalid argument list",W011:"For loop variable must be initialized",W012:"'{' expected",W013:"'catch' or 'finally' expected",W014:"'(' or expected",W015:"'case' or 'default' expected",W016:"'default' case can be used only once within a switch statement",W017:"Invalid sequence expression",W018:"Invalid object literal",W019:"Identifier '{0}' is already imported",W020:"Function '{0}' is already defined in the module",W021:"'{0}' is already exported from the module",W022:"Cannot find module '{0}'",W023:"Module '{0}' does not export '{1}'",W024:"'function' or 'const' expected",W025:"'from' expected",W026:"A string literal expected",W027:"Variables can be declared only in the top level module",W028:"Invalid statement used in a module",W029:"An imported module can contain only exported functions",W030:"Nested declarations cannot be exported",W031:"An identifier in a declaration cannot start with '$'"};class un{constructor(r){this.source=r,this._parseErrors=[],this._statementLevel=0,this._lexer=new mu(new cu(r))}get errors(){return this._parseErrors}get current(){return this._lexer.peek()}get isEof(){return this._lexer.peek().type===s.Eof}getTail(){return this._lexer.getTail()}parseStatements(){this._statementLevel=0;const r=[];for(;!this.isEof;){const t=this.parseStatement();if(!t)return null;r.push(t),t.type!=="EmptyS"&&this.skipToken(s.Semicolon)}return r}parseStatement(r=!0){this._statementLevel++;try{const t=this._lexer.peek();switch(t.type){case s.Semicolon:return this.parseEmptyStatement();case s.Let:return this.parseLetStatement();case s.Const:return this.parseConstStatement();case s.Var:return this.parseVarStatement();case s.LBrace:return this.parseBlockStatement();case s.If:return this.parseIfStatement();case s.Do:return this.parseDoWhileStatement();case s.While:return this.parseWhileStatement();case s.Return:return this.parseReturnStatement();case s.Break:return this._lexer.get(),this.createStatementNode("BrkS",{},t,t);case s.Continue:return this._lexer.get(),this.createStatementNode("ContS",{},t,t);case s.For:return this.parseForStatement();case s.Throw:return this.parseThrowStatement();case s.Try:return this.parseTryStatement();case s.Switch:return this.parseSwitchStatement();case s.Function:return this.parseFunctionDeclaration();case s.Export:return this.parseExport();case s.Import:return this.parseImport();default:return t.type===s.Eof?(this.reportError("W002",t,"EOF"),null):this.isExpressionStart(t)?this.parseExpressionStatement(r):(this.reportError("W002",t,t.text),null)}}finally{this._statementLevel--}}parseEmptyStatement(){const r=this._lexer.get();return this.createStatementNode("EmptyS",{},r,r)}parseExpressionStatement(r=!0){const t=this._lexer.peek(),o=this.getExpression(r);return o?this.createStatementNode("ExprS",{expression:o},t,o.endToken):null}parseLetStatement(){const r=this._lexer.get();let t=r;const o=[];for(;;){const a=this._lexer.peek();let n={};if(a.type===s.LBrace){t=this._lexer.ahead(1);const d=this.parseObjectDestructure();if(d===null)return null;n={objectDestruct:d},t=d.length>0?d[d.length-1].endToken:t}else if(a.type===s.LSquare){t=this._lexer.ahead(1);const d=this.parseArrayDestructure();if(d===null)return null;n={arrayDestruct:d},t=d.length>0?d[d.length-1].endToken:t}else if(a.type===s.Identifier){if(a.text.startsWith("$"))return this.reportError("W031"),null;t=this._lexer.get(),n={id:a.text}}else return this.reportError("W003"),null;const i=this._lexer.peek();let l=null;if(i.type===s.Assignment){if(this._lexer.get(),l=this.getExpression(!1),l===null)return null;n.expression=l,t=l.endToken}else if(n.arrayDestruct||n.objectDestruct)return this.reportError("W009",i),null;if(o.push(this.createExpressionNode("VarD",n,a,t)),this._lexer.peek().type!==s.Comma)break;this._lexer.get()}return this.createStatementNode("LetS",{declarations:o},r,t)}parseConstStatement(){const r=this._lexer.get();let t=r;const o=[];for(;;){const a=this._lexer.peek();let n={};if(a.type===s.LBrace){t=this._lexer.ahead(1);const l=this.parseObjectDestructure();if(l===null)return null;n={objectDestruct:l},t=l.length>0?l[l.length-1].endToken:t}else if(a.type===s.LSquare){t=this._lexer.ahead(1);const l=this.parseArrayDestructure();if(l===null)return null;n={arrayDestruct:l},t=l.length>0?l[l.length-1].endToken:t}else if(a.type===s.Identifier){if(a.text.startsWith("$"))return this.reportError("W031"),null;t=this._lexer.get(),n={id:a.text}}else return this.reportError("W003"),null;this.expectToken(s.Assignment);const i=this.getExpression(!1);if(i===null)return null;if(n.expression=i,t=i.endToken,o.push(this.createExpressionNode("VarD",n,a,t)),this._lexer.peek().type!==s.Comma)break;this._lexer.get()}return this.createStatementNode("ConstS",{declarations:o},r,t)}parseVarStatement(){const r=this._lexer.get();let t=r;const o=[];for(;;){const a=this._lexer.peek();let n={};if(a.type===s.Identifier){if(a.text.startsWith("$"))return this.reportError("W031"),null;t=this._lexer.get(),n={id:a.text}}else return this.reportError("W003"),null;this.expectToken(s.Assignment);const i=this.getExpression(!1);if(i===null)return null;if(n.expression=i,t=i.endToken,o.push(this.createExpressionNode("RVarD",n,a,t)),this._lexer.peek().type!==s.Comma)break;this._lexer.get()}return this.createStatementNode("VarS",{declarations:o},r,t)}parseObjectDestructure(){const r=[],t=this._lexer.get();let o=t,a=this._lexer.peek();for(;a.type===s.Identifier;){const n=a.text;if(n.startsWith("$"))return this.reportError("W031"),null;let i,l,d;if(this._lexer.get(),a=this._lexer.peek(),a.type===s.Colon){if(this._lexer.get(),a=this._lexer.peek(),a.type===s.Identifier)i=a.text,o=a,this._lexer.get();else if(a.type===s.LSquare){if(l=this.parseArrayDestructure(),l===null)return null;o=l[l.length-1].endToken}else if(a.type===s.LBrace){if(d=this.parseObjectDestructure(),d===null)return null;o=d[d.length-1].endToken}}a=this._lexer.peek(),(a.type===s.Comma||a.type===s.RBrace)&&(r.push(this.createExpressionNode("ODestr",{id:n,alias:i,arrayDestruct:l,objectDestruct:d},t,o)),a.type===s.Comma&&(this._lexer.get(),a=this._lexer.peek()))}return this.expectToken(s.RBrace,"W004"),r}parseArrayDestructure(){const r=[],t=this._lexer.get();let o=t;do{let a=this._lexer.peek(),n,i,l;if(a.type===s.Identifier){if(n=a.text,n.startsWith("$"))return this.reportError("W031"),null;o=a,a=this._lexer.get()}else if(a.type===s.LSquare){if(i=this.parseArrayDestructure(),i===null)return null;o=i[i.length-1].endToken}else if(a.type===s.LBrace){if(l=this.parseObjectDestructure(),l===null)return null;o=l[l.length-1].endToken}if(a=this._lexer.peek(),a.type===s.Comma)r.push(this.createExpressionNode("ADestr",{id:n,arrayDestruct:i,objectDestruct:l},t,o)),this._lexer.get();else if(a.type===s.RSquare){(n||i||l)&&r.push(this.createExpressionNode("ADestr",{id:n,arrayDestruct:i,objectDestruct:l},t,o));break}else return this.reportError("W002",a),null}while(!0);return this.expectToken(s.RSquare,"W005"),r}parseBlockStatement(){const r=this._lexer.get(),t=[];for(;this._lexer.peek().type!==s.RBrace;){const a=this.parseStatement();if(!a)return null;t.push(a),a.type!=="EmptyS"&&this.skipToken(s.Semicolon)}const o=this._lexer.get();return this.createStatementNode("BlockS",{statements:t},r,o)}parseIfStatement(){const r=this._lexer.get();let t=r;this.expectToken(s.LParent,"W014");const o=this.getExpression();if(!o)return null;this.expectToken(s.RParent,"W006");const a=this.parseStatement();if(!a)return null;t=a.endToken;let n=!0;a.type!=="BlockS"&&(this._lexer.peek().type===s.Semicolon?this._lexer.get():n=!1);let i=null;if(n&&this._lexer.peek().type===s.Else){if(this._lexer.get(),i=this.parseStatement(),!i)return null;t=i.endToken}return this.createStatementNode("IfS",{condition:o,thenBranch:a,elseBranch:i},r,t)}parseWhileStatement(){const r=this._lexer.get();this.expectToken(s.LParent,"W014");const t=this.getExpression();if(!t)return null;this.expectToken(s.RParent,"W006");const o=this.parseStatement();return o?this.createStatementNode("WhileS",{condition:t,body:o},r,o.endToken):null}parseDoWhileStatement(){const r=this._lexer.get(),t=this.parseStatement();if(!t)return null;t.type!=="BlockS"&&t.type!=="EmptyS"&&this.expectToken(s.Semicolon),this.expectToken(s.While),this.expectToken(s.LParent,"W014");const o=this.getExpression();if(!o)return null;const a=this._lexer.peek();return this.expectToken(s.RParent,"W006"),this.createStatementNode("DoWS",{condition:o,body:t},r,a)}parseReturnStatement(){const r=this._lexer.peek();let t=this._lexer.get(),o;if(_t[this._lexer.peek().type].expressionStart){if(o=this.getExpression(),o===null)return null;t=o.endToken}return this.createStatementNode("RetS",{expression:o},r,t)}parseForStatement(){const r=this._lexer.peek();this._lexer.get(),this.expectToken(s.LParent,"W014");let t=this._lexer.peek();if(t.type===s.Identifier){if(this._lexer.ahead(1).type===s.In)return this.parseForInOfStatement(r,"none",t.text,"ForInS");if(this._lexer.ahead(1).type===s.Of)return this.parseForInOfStatement(r,"none",t.text,"ForOfS")}else if(t.type===s.Let){const l=this._lexer.ahead(1);if(l.type===s.Identifier){const d=this._lexer.ahead(2);if(d.type===s.In)return this.parseForInOfStatement(r,"let",l.text,"ForInS");if(d.type===s.Of)return this.parseForInOfStatement(r,"let",l.text,"ForOfS")}}else if(t.type===s.Const){const l=this._lexer.ahead(1);if(l.type===s.Identifier){const d=this._lexer.ahead(2);if(d.type===s.In)return this.parseForInOfStatement(r,"const",l.text,"ForInS");if(d.type===s.Of)return this.parseForInOfStatement(r,"const",l.text,"ForOfS")}}let o;if(t=this._lexer.peek(),t.type===s.Semicolon)this._lexer.get();else if(t.type===s.Let){const l=this.parseLetStatement();if(l===null)return null;if(o=l,o.declarations.some(d=>!d.expression))return this.reportError("W011"),null;this.expectToken(s.Semicolon)}else if(_t[t.type].expressionStart){const l=this.parseExpressionStatement();if(l===null)return null;o=l,this.expectToken(s.Semicolon)}let a;if(t=this._lexer.peek(),t.type===s.Semicolon)this._lexer.get();else{if(a=this.getExpression(),a===null)return null;this.expectToken(s.Semicolon)}let n;if(t=this._lexer.peek(),t.type!==s.RParent&&(n=this.getExpression(),n===null))return null;this.expectToken(s.RParent,"W006");const i=this.parseStatement();return i?this.createStatementNode("ForS",{init:o,condition:a,update:n,body:i},r,i.endToken):null}parseForInOfStatement(r,t,o,a){if(t!=="none"){if(o.startsWith("$"))return this.reportError("W031"),null;this._lexer.get()}this._lexer.get(),this._lexer.get();const n=this.getExpression(!0);this.expectToken(s.RParent,"W006");const i=this.parseStatement();return i?a==="ForInS"?this.createStatementNode("ForInS",{varBinding:t,id:o,expression:n,body:i},r,i.endToken):this.createStatementNode("ForOfS",{varBinding:t,id:o,expression:n,body:i},r,i.endToken):null}parseThrowStatement(){const r=this._lexer.peek();this._lexer.get();let t;return t=this.getExpression(),t===null?null:this.createStatementNode("ThrowS",{expression:t},r,t.endToken)}parseTryStatement(){const r=this._lexer.peek();let t=this._lexer.get();const o=this,a=v();let n,i,l,d=this._lexer.peek();if(d.type===s.Catch){if(this._lexer.get(),d=this._lexer.peek(),d.type===s.LParent){if(this._lexer.get(),d=this._lexer.peek(),d.type!==s.Identifier)return this.reportError("W003",d),null;i=d.text,this._lexer.get(),this.expectToken(s.RParent,"W006")}n=v(),t=n.endToken,this._lexer.peek().type===s.Finally&&(this._lexer.get(),l=v(),t=l.endToken)}else if(d.type===s.Finally)this._lexer.get(),l=v(),t=l.endToken;else return this.reportError("W013",d),null;return this.createStatementNode("TryS",{tryBlock:a,catchBlock:n,catchVariable:i,finallyBlock:l},r,t);function v(){const x=o._lexer.peek();return x.type!==s.LBrace?(o.reportError("W012",x),null):o.parseBlockStatement()}}parseSwitchStatement(){const r=this._lexer.get();this.expectToken(s.LParent,"W014");const t=this.getExpression();if(!t)return null;this.expectToken(s.RParent,"W006"),this.expectToken(s.LBrace,"W012");const o=[];let a=!1;for(;;){let i=this._lexer.peek(),l;if(i.type===s.Case){if(this._lexer.get(),l=this.getExpression(),!l)return null}else if(i.type===s.Default){if(a)return this.reportError("W016"),null;a=!0,this._lexer.get()}else{if(i.type===s.RBrace)break;return this.reportError("W015"),null}this.expectToken(s.Colon,"W008");let d=[],v=!1;for(;!v;)switch(this._lexer.peek().type){case s.Case:case s.Default:case s.RBrace:v=!0;break;default:const p=this.parseStatement();if(p===null){v=!0;break}d.push(p),p.type!=="EmptyS"&&this.skipToken(s.Semicolon)}o.push(this.createNode("SwitchC",{caseExpression:l,statements:d},r))}const n=this._lexer.peek();return this.expectToken(s.RBrace,"W004"),this.createStatementNode("SwitchS",{expression:t,cases:o},r,n)}parseFunctionDeclaration(r=!1){const t=this._lexer.get();let o;const a=this._lexer.peek();if(r){if(a.type!==s.LParent){if(a.type!==s.Identifier)return this.reportError("W003",a),null;o=a.text,this._lexer.get()}}else{if(a.type!==s.Identifier)return this.reportError("W003",a),null;o=a.text,this._lexer.get()}const n=this._lexer.peek();if(n.type!==s.LParent)return this.reportError("W014",n),null;const i=this.getExpression(!0);let l;const d=[];switch(i.type){case"NoArgE":l=!0;break;case"IdE":l=(i.parenthesized??0)<=1,d.push(i);break;case"SeqE":l=i.parenthesized===1;let x=!1;if(l)for(const p of i.expressions){if(x){l=!1;break}switch(p.type){case"IdE":l=!p.parenthesized,d.push(p);break;case"OLitE":{if(l=!p.parenthesized,l){const C=this.convertToObjectDestructure(p);C&&d.push(C)}break}case"ALitE":{if(l=!p.parenthesized,l){const C=this.convertToArrayDestructure(p);C&&d.push(C)}break}case"SpreadE":{if(x=!0,p.operand.type!=="IdE"){l=!1;break}d.push(p);break}default:l=!1;break}}break;case"OLitE":if(l=i.parenthesized===1,l){const p=this.convertToObjectDestructure(i);p&&d.push(p)}break;case"ALitE":if(l=i.parenthesized===1,l){const p=this.convertToArrayDestructure(i);p&&d.push(p)}break;case"SpreadE":if(i.operand.type!=="IdE"){l=!1;break}l=!0,d.push(i);break;default:l=!1}if(!l)return this.reportError("W010",t),null;if(this._lexer.peek().type!==s.LBrace)return this.reportError("W012",this._lexer.peek()),null;const v=this.parseBlockStatement();return v?this.createStatementNode("FuncD",{name:o,args:d,statement:v},t,v.endToken):null}parseExport(){this._lexer.get();const r=this._lexer.peek();if(r.type===s.Const){if(this._statementLevel>1)return this.reportError("W030",r),null;const t=this.parseConstStatement();return t===null?null:{...t,isExported:!0}}else if(r.type===s.Function){if(this._statementLevel>1)return this.reportError("W030",r),null;const t=this.parseFunctionDeclaration();return t===null?null:{...t,isExported:!0}}return this.reportError("W024",r),null}parseImport(){const r=this._lexer.get();this.expectToken(s.LBrace,"W012");const t={};let o=this._lexer.peek();for(;o.type!==s.RBrace;){if(o.type!==s.Identifier)return this.reportError("W003",o),null;const i=o.text;if(this._lexer.get(),o=this._lexer.peek(),o.type===s.As){if(this._lexer.get(),o=this._lexer.peek(),o.type!==s.Identifier)return this.reportError("W003",o),null;if(t[o.text])return this.reportError("W019",o,o.text),null;t[o.text]=i,this._lexer.get()}else{if(t[i])return this.reportError("W019",o,i),null;t[i]=i}o=this._lexer.peek(),o.type===s.Comma&&(this._lexer.get(),o=this._lexer.peek())}this._lexer.get(),this.expectToken(s.From,"W025");const a=this._lexer.peek();if(a.type!==s.StringLiteral)return this.reportError("W026",a),null;this._lexer.get();const n=this.parseStringLiteral(a);return this.createStatementNode("ImportD",{imports:t,moduleFile:n.value},r,a)}parseExpr(r=!0){return r?this.parseSequenceExpression():this.parseCondOrSpreadOrAsgnOrArrowExpr()}parseSequenceExpression(){const r=this._lexer.peek();let t=r,o=this.parseCondOrSpreadOrAsgnOrArrowExpr();if(!o)return null;t=o.endToken;const a=[];let n=!1;if(this._lexer.peek().type===s.Comma)for(a.push(o);this.skipToken(s.Comma);)if(this._lexer.peek().type===s.Comma)n=!0,t=this._lexer.peek(),a.push(this.createExpressionNode("NoArgE",{},t,t));else{const i=this.parseCondOrSpreadOrAsgnOrArrowExpr();if(!i)break;t=i.endToken,a.push(i)}return a.length&&(o=this.createExpressionNode("SeqE",{expressions:a,loose:n},r,t),n&&(o=this.convertToArrayDestructure(o))),o}parseCondOrSpreadOrAsgnOrArrowExpr(){const r=this._lexer.peek();if(r.type===s.Spread){this._lexer.get();const a=this.parseNullCoalescingExpr();return a?this.createExpressionNode("SpreadE",{operand:a},r,a.endToken):null}if(r.type===s.Function){const a=this.parseFunctionDeclaration(!0);return a?this.createExpressionNode("ArrowE",{name:a.name,args:a.args,statement:a.statement},r,a.endToken):null}const t=this.parseNullCoalescingExpr();if(!t)return null;const o=this._lexer.peek();if(o.type===s.Arrow)return this.parseArrowExpression(r,t);if(o.type===s.QuestionMark){this._lexer.get();const a=this.getExpression(!1);this.expectToken(s.Colon);const n=this.getExpression(!1);return this.createExpressionNode("CondE",{condition:t,consequent:a,alternate:n},r,n.endToken)}if(_t[o.type].isAssignment){this._lexer.get();const a=this.getExpression();return a?this.createExpressionNode("AsgnE",{leftValue:t,operator:o.text,operand:a},r,a.endToken):null}return t}parseArrowExpression(r,t){let o;const a=[];switch(t.type){case"NoArgE":o=!0;break;case"IdE":o=(t.parenthesized??0)<=1,a.push(t);break;case"SeqE":o=t.parenthesized===1;let i=!1;if(o)for(const l of t.expressions){if(i){o=!1;break}switch(l.type){case"IdE":o=!l.parenthesized,a.push(l);break;case"OLitE":{if(o=!l.parenthesized,o){const d=this.convertToObjectDestructure(l);d&&a.push(d)}break}case"ALitE":{if(o=!l.parenthesized,o){const d=this.convertToArrayDestructure(l);d&&a.push(d)}break}case"SpreadE":{if(i=!0,l.operand.type!=="IdE"){o=!1;break}a.push(l);break}default:o=!1;break}}break;case"OLitE":if(o=t.parenthesized===1,o){const l=this.convertToObjectDestructure(t);l&&a.push(l)}break;case"ALitE":if(o=t.parenthesized===1,o){const l=this.convertToArrayDestructure(t);l&&a.push(l)}break;case"SpreadE":o=t.operand.type==="IdE",o&&a.push(t);break;default:o=!1}if(!o)return this.reportError("W010",r),null;this._lexer.get();const n=this.parseStatement(!1);return n?this.createExpressionNode("ArrowE",{args:a,statement:n},r,n.endToken):null}parseNullCoalescingExpr(){const r=this._lexer.peek();let t=this.parseLogicalOrExpr();if(!t)return null;for(;this.skipToken(s.NullCoalesce);){const o=this.parseLogicalOrExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;t=this.createExpressionNode("BinaryE",{operator:"??",left:t,right:o},r,a)}return t}parseLogicalOrExpr(){const r=this._lexer.peek();let t=this.parseLogicalAndExpr();if(!t)return null;for(;this.skipToken(s.LogicalOr);){const o=this.parseLogicalAndExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;t=this.createExpressionNode("BinaryE",{operator:"||",left:t,right:o},r,a)}return t}parseLogicalAndExpr(){const r=this._lexer.peek();let t=this.parseBitwiseOrExpr();if(!t)return null;for(;this.skipToken(s.LogicalAnd);){const o=this.parseBitwiseOrExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;t=this.createExpressionNode("BinaryE",{operator:"&&",left:t,right:o},r,a)}return t}parseBitwiseOrExpr(){const r=this._lexer.peek();let t=this.parseBitwiseXorExpr();if(!t)return null;for(;this.skipToken(s.BitwiseOr);){const o=this.parseBitwiseXorExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;t=this.createExpressionNode("BinaryE",{operator:"|",left:t,right:o},r,a)}return t}parseBitwiseXorExpr(){const r=this._lexer.peek();let t=this.parseBitwiseAndExpr();if(!t)return null;for(;this.skipToken(s.BitwiseXor);){const o=this.parseBitwiseAndExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;t=this.createExpressionNode("BinaryE",{operator:"^",left:t,right:o},r,a)}return t}parseBitwiseAndExpr(){const r=this._lexer.peek();let t=this.parseEquExpr();if(!t)return null;for(;this.skipToken(s.BitwiseAnd);){const o=this.parseEquExpr();if(!o)return this.reportError("W001"),null;let a=o.endToken;t=this.createExpressionNode("BinaryE",{operator:"&",left:t,right:o},r,a)}return t}parseEquExpr(){const r=this._lexer.peek();let t=this.parseRelOrInExpr();if(!t)return null;let o;for(;o=this.skipTokens(s.Equal,s.StrictEqual,s.NotEqual,s.StrictNotEqual);){const a=this.parseRelOrInExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;t=this.createExpressionNode("BinaryE",{type:"BinaryE",operator:o.text,left:t,right:a},r,n)}return t}parseRelOrInExpr(){const r=this._lexer.peek();let t=this.parseShiftExpr();if(!t)return null;let o;for(;o=this.skipTokens(s.LessThan,s.LessThanOrEqual,s.GreaterThan,s.GreaterThanOrEqual,s.In);){const a=this.parseShiftExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;t=this.createExpressionNode("BinaryE",{operator:o.text,left:t,right:a},r,n)}return t}parseShiftExpr(){const r=this._lexer.peek();let t=this.parseAddExpr();if(!t)return null;let o;for(;o=this.skipTokens(s.ShiftLeft,s.ShiftRight,s.SignedShiftRight);){const a=this.parseAddExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;t=this.createExpressionNode("BinaryE",{operator:o.text,left:t,right:a},r,n)}return t}parseAddExpr(){const r=this._lexer.peek();let t=this.parseMultExpr();if(!t)return null;let o;for(;o=this.skipTokens(s.Plus,s.Minus);){const a=this.parseMultExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;t=this.createExpressionNode("BinaryE",{operator:o.text,left:t,right:a},r,n)}return t}parseMultExpr(){const r=this._lexer.peek();let t=this.parseExponentialExpr();if(!t)return null;let o;for(;o=this.skipTokens(s.Multiply,s.Divide,s.Remainder);){const a=this.parseExponentialExpr();if(!a)return this.reportError("W001"),null;let n=a.endToken;t=this.createExpressionNode("BinaryE",{operator:o.text,left:t,right:a},r,n)}return t}parseExponentialExpr(){const r=this._lexer.peek();let t=this.parseUnaryOrPrefixExpr();if(!t)return null;let o,a=0;for(;o=this.skipToken(s.Exponent);){let n=this.parseUnaryOrPrefixExpr();if(!n)return this.reportError("W001"),null;let i=n.endToken;if(a===0)t=this.createExpressionNode("BinaryE",{operator:o.text,left:t,right:n},r,i);else{const l=t;t=this.createExpressionNode("BinaryE",{operator:o.text,left:l.left,right:{type:"BinaryE",operator:o.text,left:l.right,right:n}},r,i)}a++}return t}parseUnaryOrPrefixExpr(){const r=this._lexer.peek();if(_t[r.type].canBeUnary){this._lexer.get();const t=this.parseUnaryOrPrefixExpr();return t?this.createExpressionNode("UnaryE",{operator:r.text,operand:t},r,t.endToken):null}if(r.type===s.IncOp||r.type===s.DecOp){this._lexer.get();const t=this.parseMemberOrInvocationExpr();return t?this.createExpressionNode("PrefE",{operator:r.text,operand:t},r,t.endToken):null}return this.parseMemberOrInvocationExpr()}parseMemberOrInvocationExpr(){const r=this._lexer.peek();let t=this.parsePrimaryExpr();if(!t)return null;let o=!1;do{const n=this._lexer.peek();switch(n.type){case s.LParent:{this._lexer.get();let x=[];if(this._lexer.peek().type!==s.RParent){const C=this.parseExpr();if(!C)return this.reportError("W001"),null;x=C.type==="SeqE"?C.expressions:[C]}const p=this._lexer.peek();this.expectToken(s.RParent,"W006"),t=this.createExpressionNode("InvokeE",{object:t,arguments:x},r,p);break}case s.Dot:case s.OptionalChaining:this._lexer.get();const i=this._lexer.get();if(!_t[i.type].keywordLike)return this.reportError("W003"),null;t=this.createExpressionNode("MembE",{object:t,member:i.text,isOptional:n.type===s.OptionalChaining},r,i);break;case s.LSquare:this._lexer.get();const d=this.getExpression();if(!d)return null;const v=this._lexer.peek();this.expectToken(s.RSquare,"W005"),t=this.createExpressionNode("CMembE",{object:t,member:d},r,v);break;default:o=!0;break}}while(!o);const a=this._lexer.peek();return a.type===s.IncOp||a.type===s.DecOp?(this._lexer.get(),this.createExpressionNode("PostfE",{operator:a.text,operand:t},r,a)):t}parsePrimaryExpr(){const r=this._lexer.peek();switch(r.type){case s.LParent:if(this._lexer.get(),this._lexer.peek().type===s.RParent){const a=this._lexer.get();return this.createExpressionNode("NoArgE",{},r,a)}const t=this.parseExpr();if(!t)return null;const o=this._lexer.peek();return this.expectToken(s.RParent,"W006"),t.parenthesized??(t.parenthesized=0),t.parenthesized++,t.startToken=r,t.startPosition=r.location.startPosition,t.startLine=r.location.startLine,t.startColumn=r.location.startColumn,t.endToken=o,t.endPosition=o.location.endPosition,t.endLine=o.location.endLine,t.endColumn=o.location.endColumn,t.source=this.getSource(r,o),t;case s.Identifier:{const a=this._lexer.get();return this.createExpressionNode("IdE",{name:a.text},a,a)}case s.Global:{this._lexer.get();const a=this._lexer.get();return a.type!==s.Identifier?(this.reportError("W003"),null):this.createExpressionNode("IdE",{name:a.text,isGlobal:!0},a,a)}case s.Backtick:return this.parseTemplateLiteral();case s.False:case s.True:return this._lexer.get(),this.createExpressionNode("LitE",{value:r.type===s.True},r,r);case s.BinaryLiteral:return this._lexer.get(),this.parseBinaryLiteral(r);case s.DecimalLiteral:return this._lexer.get(),this.parseDecimalLiteral(r);case s.HexadecimalLiteral:return this._lexer.get(),this.parseHexadecimalLiteral(r);case s.RealLiteral:return this._lexer.get(),this.parseRealLiteral(r);case s.StringLiteral:return this._lexer.get(),this.parseStringLiteral(r);case s.Infinity:return this._lexer.get(),this.createExpressionNode("LitE",{value:1/0},r,r);case s.NaN:return this._lexer.get(),this.createExpressionNode("LitE",{value:NaN},r,r);case s.Null:return this._lexer.get(),this.createExpressionNode("LitE",{value:null},r,r);case s.Undefined:return this._lexer.get(),this.createExpressionNode("LitE",{value:void 0},r,r);case s.LSquare:return this.parseArrayLiteral();case s.LBrace:return this.parseObjectLiteral();case s.Divide:return this.parseRegExpLiteral()}return null}parseTemplateLiteral(){const r=this._lexer.get();this._lexer.setStartingPhaseToTemplateLiteral();const t=[];e:for(;;){let a=this._lexer.peek();switch(a.type){case s.StringLiteral:this._lexer.get();const n=this.parseStringLiteral(a,!1);t.push(n);break;case s.DollarLBrace:this._lexer.get();const i=this.parseExpr();t.push(i),this.expectToken(s.RBrace,"W004"),this._lexer.setStartingPhaseToTemplateLiteral();break;case s.Backtick:break e;default:this.reportError("W004")}}const o=this._lexer.get();return this.createExpressionNode("TempLitE",{segments:t},r,o)}parseArrayLiteral(){const r=this._lexer.get();let t=[];if(this._lexer.peek().type!==s.RSquare){const a=this.getExpression();a&&(t=a.type==="SeqE"?a.expressions:[a])}const o=this._lexer.peek();return this.expectToken(s.RSquare),this.createExpressionNode("ALitE",{items:t},r,o)}parseObjectLiteral(){const r=this._lexer.get();let t=[];if(this._lexer.peek().type!==s.RBrace)for(;this._lexer.peek().type!==s.RBrace;){const a=this._lexer.peek(),n=_t[a.type];let i;if(n.expressionStart)if(a.type===s.LSquare){if(this._lexer.get(),i=this.getExpression(),!i)return null;this.expectToken(s.RSquare,"W005"),i=this.createExpressionNode("SeqE",{expressions:[i]},r)}else if(n.isPropLiteral){if(i=this.getExpression(!1),!i)return null;if(i.type!=="IdE"&&i.type!=="LitE"&&i.type!=="SpreadE")return this.reportError("W007"),null}else return this.reportError("W007"),null;else if(n.keywordLike)i={type:"IdE",name:a.text,value:void 0,startPosition:a.location.startPosition,startLine:a.location.startLine,startColumn:a.location.startColumn,endPosition:a.location.endPosition,endLine:a.location.endLine,endColumn:a.location.endColumn,source:a.text,startToken:a,endToken:a},this._lexer.get();else return this.reportError("W001"),null;const l=i.type;if(l==="SpreadE")t.push(i);else{if(l==="LitE"){const x=i.value;if(typeof x!="number"&&typeof x!="string")return this.expectToken(s.RBrace,"W007"),null}let v=null;if(l==="IdE"){const x=this._lexer.peek();(x.type===s.Comma||x.type===s.RBrace)&&(v={...i})}if(!v&&(this.expectToken(s.Colon,"W008"),v=this.getExpression(!1),!v))return null;t.push([i,v])}const d=this._lexer.peek().type;if(d===s.Comma)this._lexer.get();else if(d!==s.RBrace)break}const o=this._lexer.peek();return this.expectToken(s.RBrace,"W004"),this.createExpressionNode("OLitE",{props:t},r,o)}parseRegExpLiteral(){const r=this._lexer.peek(),t=this._lexer.getRegEx();return t.success?this.createExpressionNode("LitE",{value:new RegExp(t.pattern,t.flags)},r,this._lexer.peek()):(this.reportError("W002",r,t.pattern??""),null)}getExpression(r=!0){const t=this.parseExpr(r);return t||(this.reportError("W001"),null)}expectToken(r,t,o){const a=this._lexer.peek();return a.type===r||o&&a.type===s.Eof?this._lexer.get():(this.reportError(t??"W002",a,a.text),null)}skipToken(r){const t=this._lexer.peek();return t.type===r?(this._lexer.get(),t):null}skipTokens(...r){const t=this._lexer.peek();for(const o of r)if(t.type===o)return this._lexer.get(),t;return null}reportError(r,t,...o){let a=Po[r]??"Unkonwn error";throw o&&o.forEach((i,l)=>a=n(a,`{${l}}`,o[l].toString())),t||(t=this._lexer.peek()),this._parseErrors.push({code:r,text:a,line:t.location.startLine,column:t.location.startColumn,position:t.location.startPosition}),new hu(a,r);function n(i,l,d){do i=i.replace(l,d);while(i.includes(l));return i}}createNode(r,t,o,a,n){a||(a=this._lexer.peek());const i=o.location.startPosition,l=a.location.startPosition;return Object.assign({},t,{type:r,startPosition:i,endPosition:l,startLine:o.location.startLine,startColumn:o.location.startColumn,endLine:a.location.endLine,endColumn:a.location.endColumn,source:n??this.getSource(o,a)})}createExpressionNode(r,t={},o,a,n){a||(a=this._lexer.peek()),o||(o=a);const i=o.location.startPosition,l=a.location.endPosition;return Object.assign({},t,{type:r,startPosition:i,endPosition:l,startLine:o.location.startLine,startColumn:o.location.startColumn,endLine:a.location.endLine,endColumn:a.location.endColumn,source:n??this.getSource(o,a),startToken:o,endToken:a})}createStatementNode(r,t,o,a){var d,v,x,p,C;const n=(d=o==null?void 0:o.location)==null?void 0:d.startPosition,i=this._lexer.peek(),l=a?a.location.endPosition:i.type===s.Eof?i.location.startPosition+1:i.location.startPosition;return Object.assign({},t,{type:r,startPosition:n,endPosition:l,startLine:(v=o==null?void 0:o.location)==null?void 0:v.startLine,startColumn:(x=o==null?void 0:o.location)==null?void 0:x.startColumn,endLine:a?a.location.endLine:(p=o==null?void 0:o.location)==null?void 0:p.endLine,endColumn:a?a.location.endColumn:(C=o==null?void 0:o.location)==null?void 0:C.endColumn,source:this.source&&n!==void 0&&l!==void 0?this.source.substring(n,l):void 0,startToken:o,endToken:a})}getSource(r,t){return this.source.substring(r.location.startPosition,t.type===s.Eof?t.location.startPosition:t.location.endPosition)}parseBinaryLiteral(r){let t;const o=BigInt(r.text.replace(/[_']/g,""));return o<Number.MIN_SAFE_INTEGER||o>Number.MAX_SAFE_INTEGER?t=o:t=parseInt(r.text.substring(2).replace(/[_']/g,""),2),this.createExpressionNode("LitE",{value:t},r,r)}parseDecimalLiteral(r){let t;const o=BigInt(r.text.replace(/[_']/g,""));return o<Number.MIN_SAFE_INTEGER||o>Number.MAX_SAFE_INTEGER?t=o:t=parseInt(r.text.replace(/[_']/g,""),10),this.createExpressionNode("LitE",{value:t},r,r)}parseHexadecimalLiteral(r){let t;const o=BigInt(r.text.replace(/[_']/g,""));return o<Number.MIN_SAFE_INTEGER||o>Number.MAX_SAFE_INTEGER?t=o:t=parseInt(r.text.substring(2).replace(/[_']/g,""),16),this.createExpressionNode("LitE",{value:t},r,r)}parseRealLiteral(r){let t=parseFloat(r.text.replace(/[_']/g,""));return this.createExpressionNode("LitE",{value:t},r,r)}parseStringLiteral(r,t=!0){let o=r.text;t&&(o=r.text.length<2?"":o.substring(1,o.length-1));let a="",n=0,i=0;for(const d of o)switch(n){case 0:d==="\\"?n=1:a+=d;break;case 1:switch(n=0,d){case"b":a+="\b";break;case"f":a+="\f";break;case"n":a+=`
|
|
11
|
+
`;break;case"r":a+="\r";break;case"t":a+=" ";break;case"v":a+="\v";break;case"S":a+=" ";break;case"0":a+="\0";break;case"'":a+="'";break;case'"':a+='"';break;case"\\":a+="\\";break;case"x":n=2;break;case"u":n=4;break;default:a+=d;break}break;case 2:l(d)?(i=parseInt(d,16),n=3):(a+="x",n=0);break;case 3:l(d)?(i=i*16+parseInt(d,16),a+=String.fromCharCode(i),n=0):(a+=String.fromCharCode(i),a+=d,n=0);break;case 4:if(d==="{"){n=8;break}l(d)?(i=parseInt(d,16),n=5):(a+="x",n=0);break;case 5:l(d)?(i=i*16+parseInt(d,16),n=6):(a+=String.fromCharCode(i),a+=d,n=0);break;case 6:l(d)?(i=i*16+parseInt(d,16),n=7):(a+=String.fromCharCode(i),a+=d,n=0);break;case 7:l(d)?(i=i*16+parseInt(d,16),a+=String.fromCharCode(i),n=0):(a+=String.fromCharCode(i),a+=d,n=0);break;case 8:l(d)?(i=parseInt(d,16),n=9):(a+="x",n=0);break;case 9:l(d)?(i=i*16+parseInt(d,16),n=10):(a+=String.fromCharCode(i),a+=d,n=0);break;case 10:l(d)?(i=i*16+parseInt(d,16),n=11):(a+=String.fromCharCode(i),a+=d,n=0);break;case 11:l(d)?(i=i*16+parseInt(d,16),n=12):(a+=String.fromCharCode(i),a+=d,n=0);break;case 12:l(d)?(i=i*16+parseInt(d,16),n=13):(a+=String.fromCharCode(i),a+=d,n=0);break;case 13:l(d)?(i=i*16+parseInt(d,16),n=14):(a+=String.fromCharCode(i),a+=d,n=0);break;case 14:a+=String.fromCharCode(i),d!=="}"&&(a+=d),n=0;break}switch(n){case 1:a+="\\";break;case 2:a+="x";break;case 3:a+=String.fromCharCode(i);break}return this.createExpressionNode("LitE",{value:a},r,r);function l(d){return d>="0"&&d<="9"||d>="a"&&d<="f"||d>="A"&&d<="F"}}convertToArrayDestructure(r){var a;const t=r.type==="SeqE"?r.expressions:r.items,o=this.createExpressionNode("Destr",{arrayDestruct:[]},r.startToken,r.endToken);for(const n of t){let i;switch(n.type){case"NoArgE":i=this.createExpressionNode("ADestr",{},n.startToken,n.endToken);break;case"IdE":i=this.createExpressionNode("ADestr",{id:n.name},n.startToken,n.endToken);break;case"Destr":o.arrayDestruct.push(...n.arrayDestruct);break;case"ADestr":i=n;break;case"ALitE":{const l=this.convertToArrayDestructure(n);l&&(i=this.createExpressionNode("ADestr",{arrayDestruct:l.arrayDestruct},n.startToken,n.endToken));break}case"ODestr":i=this.createExpressionNode("ADestr",{objectDestruct:n},n.startToken,n.endToken);break;case"OLitE":{const l=this.convertToObjectDestructure(n);l&&(i=this.createExpressionNode("ADestr",{objectDestruct:l.objectDestruct},n.startToken,n.endToken));break}default:return this.reportError("W017"),null}i&&((a=o.arrayDestruct)==null||a.push(i))}return o}convertToObjectDestructure(r){var o;const t=this.createExpressionNode("Destr",{objectDestruct:[]},r.startToken,r.endToken);for(const a of r.props){if(!Array.isArray(a))return this.reportError("W018"),null;const[n,i]=a;if(n.type!=="IdE")return this.reportError("W018"),null;let l;switch(i.type){case"IdE":i.name===n.name?l=this.createExpressionNode("ODestr",{id:n.name},i.startToken,i.endToken):l=this.createExpressionNode("ODestr",{id:n.name,alias:i.name},i.startToken,i.endToken);break;case"ADestr":{l=this.createExpressionNode("ODestr",{id:n.name,arrayDestruct:i},n.startToken,i.endToken);break}case"ALitE":{const d=this.convertToArrayDestructure(i);d&&(l=this.createExpressionNode("ODestr",{id:n.name,arrayDestruct:d.arrayDestruct},n.startToken,i.endToken));break}case"ODestr":l=i;break;case"OLitE":{const d=this.convertToObjectDestructure(i);d&&(l=this.createExpressionNode("ODestr",{id:n.name,objectDestruct:d.objectDestruct},n.startToken,i.endToken));break}default:return this.reportError("W018"),null}l&&((o=t.objectDestruct)==null||o.push(l))}return t}isExpressionStart(r){var t;return((t=_t[r.type])==null?void 0:t.expressionStart)??!1}}function te(e,r,t,o,a,n){if(r.cancel)return r;if(r.skipChildren=!1,Array.isArray(e)){for(const i of e)r=te(i,r,t,o,a,n);return r}switch(e.type){case"BlockS":{if(r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel)return r;if(!r.skipChildren){for(const i of e.statements)if(r=te(i,r,t,o,e,"statements"),r.cancel)return r}return r=(t==null?void 0:t(!1,e,r,a,n))||r,r}case"EmptyS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r;case"ExprS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.expression,r,t,o,e,"expression"),r.cancel)||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"ArrowS":return r;case"LetS":{if(r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel)return r;if(!r.skipChildren){for(const i of e.declarations)if(r=te(i,r,t,o,e,"declarations"),r.cancel)return r}return r=(t==null?void 0:t(!1,e,r,a,n))||r,r}case"ConstS":{if(r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel)return r;if(!r.skipChildren){for(const i of e.declarations)if(r=te(i,r,t,o,e,"declarations"),r.cancel)return r}return r=(t==null?void 0:t(!1,e,r,a,n))||r,r}case"VarS":{if(r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel)return r;if(!r.skipChildren){for(const i of e.declarations)if(r=te(i,r,t,o,e,"declarations"),r.cancel)return r}return r=(t==null?void 0:t(!1,e,r,a,n))||r,r}case"IfS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.condition,r,t,o,e,"condition"),r.cancel||(e.thenBranch&&(r=te(e.thenBranch,r,t,o,e,"thenBranch")),r.cancel)||(e.elseBranch&&(r=te(e.elseBranch,r,t,o,e,"elseBranch")),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"RetS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(e.expression&&(r=te(e.expression,r,t,o,e,"expression")),r.cancel)||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"BrkS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r;case"ContS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r;case"WhileS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.condition,r,t,o,e,"condition"),r.cancel||(r=te(e.body,r,t,o,e,"body"),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"DoWS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.body,r,t,o,e,"body"),r.cancel||(r=te(e.condition,r,t,o,e,"condition"),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"ForS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(e.init&&(r=te(e.init,r,t,o,e,"init")),r.cancel||(e.condition&&(r=te(e.condition,r,t,o,e,"condition")),r.cancel)||(e.update&&(r=te(e.update,r,t,o,e,"update")),r.cancel)||(r=te(e.body,r,t,o,e,"body"),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"ForInS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.expression,r,t,o,e,"expression"),r.cancel||(r=te(e.body,r,t,o,e,"body"),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"ForOfS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.expression,r,t,o,e,"expression"),r.cancel||(r=te(e.body,r,t,o,e,"body"),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"ThrowS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(r=te(e.expression,r,t,o,e,"expression"),r.cancel)||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"TryS":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||!r.skipChildren&&(e.tryBlock&&(r=te(e.tryBlock,r,t,o,e,"tryBlock")),r.cancel||(e.catchBlock&&(r=te(e.catchBlock,r,t,o,e,"catchBlock")),r.cancel)||(e.finallyBlock&&(r=te(e.finallyBlock,r,t,o,e,"finallyBlock")),r.cancel))||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"SwitchS":{if(r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel)return r;if(!r.skipChildren){if(r=te(e.expression,r,t,o,e,"expression"),r.cancel)return r;for(const i of e.cases){if(i.caseExpression&&(r=te(i.caseExpression,r,t,o,e,"caseExpression")),r.cancel)return r;if(i.statements!==void 0){for(const l of i.statements)if(r=te(l,r,t,o,e,"switchStatement"),r.cancel)return r}}}return r=(t==null?void 0:t(!1,e,r,a,n))||r,r}case"FuncD":{if(r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel)return r;if(!r.skipChildren){for(const i of e.args)if(r=te(i,r,t,o,e,"arg"),r.cancel)return r;if(r=te(e.statement,r,t,o,e,"statement"),r.cancel)return r}return r=(t==null?void 0:t(!1,e,r,a,n))||r,r}case"ImportD":return r=(t==null?void 0:t(!0,e,r,a,n))||r,r.cancel||(r=(t==null?void 0:t(!1,e,r,a,n))||r),r;case"UnaryE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.operand,r,t,o,e,"operand"),r.cancel)||(r=r),r;case"BinaryE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.left,r,t,o,e,"left"),r.cancel||(r=te(e.right,r,t,o,e,"right"),r.cancel))||(r=r),r;case"SeqE":{if(r=r,r.cancel)return r;if(!r.skipChildren){for(const i of e.expressions)if(r=te(i,r,t,o,e,"expression"),r.cancel)return r}return r=r,r}case"CondE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.condition,r,t,o,e,"condition"),r.cancel||(r=te(e.consequent,r,t,o,e,"consequent"),r.cancel)||(r=te(e.alternate,r,t,o,e,"alternate"),r.cancel))||(r=r),r;case"InvokeE":{if(r=r,r.cancel)return r;if(!r.skipChildren){for(const i of e.arguments)if(r=te(i,r,t,o,e,"argument"),r.cancel)return r;if(r=te(e.object,r,t,o,e,"object"),r.cancel)return r}return r=r,r}case"MembE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.object,r,t,o,e,"object"),r.cancel)||(r=r),r;case"CMembE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.object,r,t,o,e,"object"),r.cancel||(r=te(e.member,r,t,o,e,"member"),r.cancel))||(r=r),r;case"IdE":return r=r,r;case"LitE":return r=r,r;case"ALitE":{if(r=r,r.cancel)return r;if(!r.skipChildren){for(const i of e.items)if(r=te(i,r,t,o,e,"item"),r.cancel)return r}return r=r,r}case"OLitE":{if(r=r,r.cancel)return r;if(!r.skipChildren){for(const i of e.props)if(Array.isArray(i)){const[l,d]=i;if(r=te(l,r,t,o,e,"propKey"),r.cancel||(r=te(d,r,t,o,e,"propValue"),r.cancel))return r}else if(r=te(i,r,t,o,e,"prop"),r.cancel)return r}return r=r,r}case"SpreadE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.operand,r,t,o,e,"operand"),r.cancel)||(r=r),r;case"AsgnE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.operand,r,t,o,e,"operand"),r.cancel||(r=te(e.leftValue,r,t,o,e,"leftValue"),r.cancel))||(r=r),r;case"NoArgE":return r=r,r;case"ArrowE":{if(r=r,r.cancel)return r;if(!r.skipChildren){for(const i of e.args)if(r=te(i,r,t,o,e,"arg"),r.cancel)return r;if(r=te(e.statement,r,t,o,e,"statement"),r.cancel)return r}return r=r,r}case"PrefE":case"PostfE":return r=r,r.cancel||!r.skipChildren&&(r=te(e.operand,r,t,o,e,"operand"),r.cancel)||(r=r),r;case"VarD":{if(r=r,r.cancel)return r;if(!r.skipChildren){if(e.arrayDestruct!==void 0){for(const i of e.arrayDestruct)if(r=te(i,r,t,o,e),r.cancel)return r}if(e.objectDestruct!==void 0){for(const i of e.objectDestruct)if(r=te(i,r,t,o,e),r.cancel)return r}if(e.expression&&(r=te(e.expression,r,t,o,e,"expression")),r.cancel)return r}return r=r,r}case"Destr":case"ODestr":case"ADestr":{if(r=r,r.cancel)return r;if(!r.skipChildren){if(e.arrayDestruct!==void 0){for(const i of e.arrayDestruct)if(r=te(i,r,t,o,e),r.cancel)return r}if(e.objectDestruct!==void 0){for(const i of e.objectDestruct)if(r=te(i,r,t,o,e),r.cancel)return r}}return r=r,r}case"RVarD":return r=r,r.cancel||!r.skipChildren&&(e.expression&&(r=te(e.expression,r,t,o,e,"expression")),r.cancel)||(r=r),r;case"TempLitE":return r;default:return r}}function xu(e){return e.type!=="ScriptModule"}function bu(e,r,t,o=!1){const a=new Map,n={},i=l(e,r,t,!0);return!i||Object.keys(n).length>0?n:i;function l(d,v,x,p=!1){var C;if(a.has(d))return a.get(d);const f=new un(v);let g=[];try{g=f.parseStatements()}catch{return n[d]=f.errors,null}const y=f.current;if(y.type!==s.Eof)return n[d]??(n[d]=[]),n[d].push({code:"W002",text:Po.W002.replace(/\{(\d+)}/g,()=>y.text),position:y.location.startLine,line:y.location.startLine,column:y.location.startColumn}),null;const H=[];te(g,{data:null,cancel:!1,skipChildren:!1},(W,O,E,b,h)=>{if(!W)return E;if(p)switch(O.type){case"VarS":b&&P("W027",O);break;case"FuncD":case"ImportD":break;default:o&&!b&&P("W028",O,O.type);break}else switch(O.type){case"VarS":P("W027",O);break;case"FuncD":o&&!O.isExported&&P("W029",O);break;case"ImportD":break;default:o&&!b&&P("W028",O,O.type);break}return E});const $={};g.filter(W=>W.type==="FuncD").forEach(W=>{const O=W;if($[O.name]){P("W020",W,O.name);return}$[O.name]=O});const L=new Map;g.forEach(W=>{W.type==="ConstS"&&W.isExported?fu(W,O=>{L.has(O)?P("W021",W,O):L.set(O,W)}):W.type==="FuncD"&&W.isExported&&(L.has(W.name)?P("W021",W,W.name):L.set(W.name,W))});const V={type:"ScriptModule",name:d,exports:L,importedModules:[],imports:{},functions:$,statements:g,executed:!1};a.set(d,V);const U=[],Z={};for(let W=0;W<g.length;W++){const O=g[W];if(O.type!=="ImportD")continue;const E=x(d,O.moduleFile);if(E===null){P("W022",O,O.moduleFile);continue}const b=l(O.moduleFile,E,x);if(!b)return;U.push(b);const h=Object.keys(O.imports);h.length>0&&(Z[C=O.moduleFile]??(Z[C]={}));for(const T of h)b.exports.has(O.imports[T])?Z[O.moduleFile][T]=b.exports.get(O.imports[T]):P("W023",O,O.moduleFile,T)}if(H.length>0)return n[d]=H,null;return U.forEach(W=>W.parent=V),V.importedModules=U,V.imports=Z,V;function P(W,O,...E){let b=Po[W];E&&E.forEach((h,T)=>b=b.replaceAll(`{${T}}`,E[T].toString())),H.push({code:W,text:Po[W].replace(/\{(\d+)}/g,(h,T)=>E[T]),position:O.startPosition,line:O.startLine,column:O.startColumn})}}}function cn(e){var t;const r=((t=e.blocks)==null?void 0:t.slice(0))??[];return e.parent?[...cn(e.parent),...r]:r}function fu(e,r){for(let n=0;n<e.declarations.length;n++){const i=e.declarations[n];t(i,r)}function t(n,i){if(n.id)i(n.id);else if(n.arrayDestruct)o(n.arrayDestruct,i);else if(n.objectDestruct)a(n.objectDestruct,i);else throw new Error("Unknown declaration specifier")}function o(n,i){for(let l=0;l<n.length;l++){const d=n[l];d.id?i(d.id):d.arrayDestruct?o(d.arrayDestruct,i):d.objectDestruct&&a(d.objectDestruct,i)}}function a(n,i){for(let l=0;l<n.length;l++){const d=n[l];d.arrayDestruct?o(d.arrayDestruct,i):d.objectDestruct?a(d.objectDestruct,i):i(d.alias??d.id)}}}function vu(e,r){if(e==null)return r;if(typeof e=="number")return e!==0;if(typeof e=="string"){if(e=e.trim().toLowerCase(),e==="")return!1;if(e==="true")return!0;if(e==="false")return!1;if(e!=="")return!0}if(typeof e=="boolean")return e;throw new Error(`A boolean value expected but ${typeof e} received.`)}const je={themeVars:`'{"Input:borderRadius-NumberBox-default": "var(--xmlui-borderRadius-NumberBox-default)", "Input:borderColor-NumberBox-default": "var(--xmlui-borderColor-NumberBox-default)", "Input:borderWidth-NumberBox-default": "var(--xmlui-borderWidth-NumberBox-default)", "Input:borderStyle-NumberBox-default": "var(--xmlui-borderStyle-NumberBox-default)", "Input:fontSize-NumberBox-default": "var(--xmlui-fontSize-NumberBox-default)", "Input:backgroundColor-NumberBox-default": "var(--xmlui-backgroundColor-NumberBox-default)", "Input:boxShadow-NumberBox-default": "var(--xmlui-boxShadow-NumberBox-default)", "Input:textColor-NumberBox-default": "var(--xmlui-textColor-NumberBox-default)", "Input:borderColor-NumberBox-default--hover": "var(--xmlui-borderColor-NumberBox-default--hover)", "Input:backgroundColor-NumberBox-default--hover": "var(--xmlui-backgroundColor-NumberBox-default--hover)", "Input:boxShadow-NumberBox-default--hover": "var(--xmlui-boxShadow-NumberBox-default--hover)", "Input:textColor-NumberBox-default--hover": "var(--xmlui-textColor-NumberBox-default--hover)", "Input:borderColor-NumberBox-default--focus": "var(--xmlui-borderColor-NumberBox-default--focus)", "Input:backgroundColor-NumberBox-default--focus": "var(--xmlui-backgroundColor-NumberBox-default--focus)", "Input:boxShadow-NumberBox-default--focus": "var(--xmlui-boxShadow-NumberBox-default--focus)", "Input:textColor-NumberBox-default--focus": "var(--xmlui-textColor-NumberBox-default--focus)", "Input:outlineWidth-NumberBox-default--focus": "var(--xmlui-outlineWidth-NumberBox-default--focus)", "Input:outlineColor-NumberBox-default--focus": "var(--xmlui-outlineColor-NumberBox-default--focus)", "Input:outlineStyle-NumberBox-default--focus": "var(--xmlui-outlineStyle-NumberBox-default--focus)", "Input:outlineOffset-NumberBox-default--focus": "var(--xmlui-outlineOffset-NumberBox-default--focus)", "Input:textColor-placeholder-NumberBox-default": "var(--xmlui-textColor-placeholder-NumberBox-default)", "Input:textColor-adornment-NumberBox-default": "var(--xmlui-textColor-adornment-NumberBox-default)", "Input:borderRadius-NumberBox-error": "var(--xmlui-borderRadius-NumberBox-error)", "Input:borderColor-NumberBox-error": "var(--xmlui-borderColor-NumberBox-error)", "Input:borderWidth-NumberBox-error": "var(--xmlui-borderWidth-NumberBox-error)", "Input:borderStyle-NumberBox-error": "var(--xmlui-borderStyle-NumberBox-error)", "Input:fontSize-NumberBox-error": "var(--xmlui-fontSize-NumberBox-error)", "Input:backgroundColor-NumberBox-error": "var(--xmlui-backgroundColor-NumberBox-error)", "Input:boxShadow-NumberBox-error": "var(--xmlui-boxShadow-NumberBox-error)", "Input:textColor-NumberBox-error": "var(--xmlui-textColor-NumberBox-error)", "Input:borderColor-NumberBox-error--hover": "var(--xmlui-borderColor-NumberBox-error--hover)", "Input:backgroundColor-NumberBox-error--hover": "var(--xmlui-backgroundColor-NumberBox-error--hover)", "Input:boxShadow-NumberBox-error--hover": "var(--xmlui-boxShadow-NumberBox-error--hover)", "Input:textColor-NumberBox-error--hover": "var(--xmlui-textColor-NumberBox-error--hover)", "Input:borderColor-NumberBox-error--focus": "var(--xmlui-borderColor-NumberBox-error--focus)", "Input:backgroundColor-NumberBox-error--focus": "var(--xmlui-backgroundColor-NumberBox-error--focus)", "Input:boxShadow-NumberBox-error--focus": "var(--xmlui-boxShadow-NumberBox-error--focus)", "Input:textColor-NumberBox-error--focus": "var(--xmlui-textColor-NumberBox-error--focus)", "Input:outlineWidth-NumberBox-error--focus": "var(--xmlui-outlineWidth-NumberBox-error--focus)", "Input:outlineColor-NumberBox-error--focus": "var(--xmlui-outlineColor-NumberBox-error--focus)", "Input:outlineStyle-NumberBox-error--focus": "var(--xmlui-outlineStyle-NumberBox-error--focus)", "Input:outlineOffset-NumberBox-error--focus": "var(--xmlui-outlineOffset-NumberBox-error--focus)", "Input:textColor-placeholder-NumberBox-error": "var(--xmlui-textColor-placeholder-NumberBox-error)", "Input:textColor-adornment-NumberBox-error": "var(--xmlui-textColor-adornment-NumberBox-error)", "Input:borderRadius-NumberBox-warning": "var(--xmlui-borderRadius-NumberBox-warning)", "Input:borderColor-NumberBox-warning": "var(--xmlui-borderColor-NumberBox-warning)", "Input:borderWidth-NumberBox-warning": "var(--xmlui-borderWidth-NumberBox-warning)", "Input:borderStyle-NumberBox-warning": "var(--xmlui-borderStyle-NumberBox-warning)", "Input:fontSize-NumberBox-warning": "var(--xmlui-fontSize-NumberBox-warning)", "Input:backgroundColor-NumberBox-warning": "var(--xmlui-backgroundColor-NumberBox-warning)", "Input:boxShadow-NumberBox-warning": "var(--xmlui-boxShadow-NumberBox-warning)", "Input:textColor-NumberBox-warning": "var(--xmlui-textColor-NumberBox-warning)", "Input:borderColor-NumberBox-warning--hover": "var(--xmlui-borderColor-NumberBox-warning--hover)", "Input:backgroundColor-NumberBox-warning--hover": "var(--xmlui-backgroundColor-NumberBox-warning--hover)", "Input:boxShadow-NumberBox-warning--hover": "var(--xmlui-boxShadow-NumberBox-warning--hover)", "Input:textColor-NumberBox-warning--hover": "var(--xmlui-textColor-NumberBox-warning--hover)", "Input:borderColor-NumberBox-warning--focus": "var(--xmlui-borderColor-NumberBox-warning--focus)", "Input:backgroundColor-NumberBox-warning--focus": "var(--xmlui-backgroundColor-NumberBox-warning--focus)", "Input:boxShadow-NumberBox-warning--focus": "var(--xmlui-boxShadow-NumberBox-warning--focus)", "Input:textColor-NumberBox-warning--focus": "var(--xmlui-textColor-NumberBox-warning--focus)", "Input:outlineWidth-NumberBox-warning--focus": "var(--xmlui-outlineWidth-NumberBox-warning--focus)", "Input:outlineColor-NumberBox-warning--focus": "var(--xmlui-outlineColor-NumberBox-warning--focus)", "Input:outlineStyle-NumberBox-warning--focus": "var(--xmlui-outlineStyle-NumberBox-warning--focus)", "Input:outlineOffset-NumberBox-warning--focus": "var(--xmlui-outlineOffset-NumberBox-warning--focus)", "Input:textColor-placeholder-NumberBox-warning": "var(--xmlui-textColor-placeholder-NumberBox-warning)", "Input:textColor-adornment-NumberBox-warning": "var(--xmlui-textColor-adornment-NumberBox-warning)", "Input:borderRadius-NumberBox-success": "var(--xmlui-borderRadius-NumberBox-success)", "Input:borderColor-NumberBox-success": "var(--xmlui-borderColor-NumberBox-success)", "Input:borderWidth-NumberBox-success": "var(--xmlui-borderWidth-NumberBox-success)", "Input:borderStyle-NumberBox-success": "var(--xmlui-borderStyle-NumberBox-success)", "Input:fontSize-NumberBox-success": "var(--xmlui-fontSize-NumberBox-success)", "Input:backgroundColor-NumberBox-success": "var(--xmlui-backgroundColor-NumberBox-success)", "Input:boxShadow-NumberBox-success": "var(--xmlui-boxShadow-NumberBox-success)", "Input:textColor-NumberBox-success": "var(--xmlui-textColor-NumberBox-success)", "Input:borderColor-NumberBox-success--hover": "var(--xmlui-borderColor-NumberBox-success--hover)", "Input:backgroundColor-NumberBox-success--hover": "var(--xmlui-backgroundColor-NumberBox-success--hover)", "Input:boxShadow-NumberBox-success--hover": "var(--xmlui-boxShadow-NumberBox-success--hover)", "Input:textColor-NumberBox-success--hover": "var(--xmlui-textColor-NumberBox-success--hover)", "Input:borderColor-NumberBox-success--focus": "var(--xmlui-borderColor-NumberBox-success--focus)", "Input:backgroundColor-NumberBox-success--focus": "var(--xmlui-backgroundColor-NumberBox-success--focus)", "Input:boxShadow-NumberBox-success--focus": "var(--xmlui-boxShadow-NumberBox-success--focus)", "Input:textColor-NumberBox-success--focus": "var(--xmlui-textColor-NumberBox-success--focus)", "Input:outlineWidth-NumberBox-success--focus": "var(--xmlui-outlineWidth-NumberBox-success--focus)", "Input:outlineColor-NumberBox-success--focus": "var(--xmlui-outlineColor-NumberBox-success--focus)", "Input:outlineStyle-NumberBox-success--focus": "var(--xmlui-outlineStyle-NumberBox-success--focus)", "Input:outlineOffset-NumberBox-success--focus": "var(--xmlui-outlineOffset-NumberBox-success--focus)", "Input:textColor-placeholder-NumberBox-success": "var(--xmlui-textColor-placeholder-NumberBox-success)", "Input:textColor-adornment-NumberBox-success": "var(--xmlui-textColor-adornment-NumberBox-success)", "Input:backgroundColor-NumberBox--disabled": "var(--xmlui-backgroundColor-NumberBox--disabled)", "Input:textColor-NumberBox--disabled": "var(--xmlui-textColor-NumberBox--disabled)", "Input:borderColor-NumberBox--disabled": "var(--xmlui-borderColor-NumberBox--disabled)"}'`,inputRoot:"_inputRoot_1dsq1_13",input:"_input_1dsq1_13",adornment:"_adornment_1dsq1_53",error:"_error_1dsq1_56",warning:"_warning_1dsq1_90",valid:"_valid_1dsq1_124",spinnerBox:"_spinnerBox_1dsq1_184",spinnerButton:"_spinnerButton_1dsq1_191",readOnly:"_readOnly_1dsq1_197"},mn=999999999999999,Ba=".",Do="e",gu=/^-?\d+$/,Tu=/^-?\d+(\.\d+)?([eE][+-]?\d+)?$/,Cu=1;function pn(e){return typeof e>"u"||e===null||e===""}function La(e){return typeof e=="string"?e:typeof e=="number"?e.toString():""}function yu(e,r,t){let o=e;return e<r&&(o=r),e>t&&(o=t),o}function hn(e,r=!1){return(r?wu:ku)(e)?(typeof e=="string"&&(e=r?Number.parseInt(e):+e),e):null}function ku(e){return typeof e=="string"&&e.length>0?!Number.isNaN(+e)&&Su(e):typeof e=="number"}function Su(e){const r=e.split(".")[0];return Math.abs(Number.parseInt(r))<=mn}function wu(e){return typeof e=="string"&&e.length>0&&![Do,Ba].some(r=>e.includes(r))?Number.isSafeInteger(+e):typeof e=="number"?Number.isSafeInteger(e):!1}const Hu=u.forwardRef(function({id:r,value:t,initialValue:o,style:a,enabled:n=!0,placeholder:i,validationStatus:l="none",hasSpinBox:d=!0,step:v,integersOnly:x=!1,zeroOrPositive:p=!1,min:C=p?0:-999999999999999,max:f=mn,maxLength:g,updateState:y=ie,onDidChange:H=ie,onFocus:A=ie,onBlur:$=ie,registerComponentApi:L,startText:V,startIcon:U,endText:Z,endIcon:P,autoFocus:W,readOnly:O,required:E,label:b,labelPosition:h,labelWidth:T,labelBreak:S},_){C=Math.max(p?0:-999999999999999,C);const G=hn(v,!0)??Cu,z=u.useRef(null),N=u.useRef(null),I=u.useRef(null);u.useEffect(()=>{W&&setTimeout(()=>{var X;(X=z.current)==null||X.focus()},0)},[W]);const[M,R]=u.useState(La(t));u.useEffect(()=>{R(La(t))},[t]),u.useEffect(()=>{y({value:o},{initial:!0})},[o,y]);const D=u.useCallback((X,F)=>{R(F),y({value:X}),H(X)},[H,y]),Y=u.useCallback(X=>{const F=X.target.value;D(F,F)},[D]),j=u.useCallback(()=>{if(O)return;const X=xn(M,G,C,f,x);X!==void 0&&D(X,X.toString())},[M,G,C,f,x,D,O]),J=u.useCallback(()=>{if(O)return;const X=xn(M,-G,C,f,x);X!==void 0&&D(X,X.toString())},[M,G,C,f,x,D,O]);bn(N.current,j),bn(I.current,J);const K=X=>{var Ho;let F=!1;const le=X.target.value??"",$e=X.target.selectionStart,Ge=le.substring(0,X.target.selectionStart).indexOf(Do);switch(X.data){case"-":F=!0,Ge===-1?le.startsWith("-")||zt("-"+le,$e+1):le[Ge+1]!=="-"&&zt(le.substring(0,Ge+1)+"-"+le.substring(Ge+1),$e+1);break;case"+":F=!0,Ge===-1?le.startsWith("-")&&zt(le.substring(1),$e-1):le[Ge+1]==="-"&&zt(le.substring(0,Ge+1)+le.substring(Ge+2),$e-1);break;case Ba:(x||le.includes(Ba)||Ge!==-1)&&(F=!0);break;case Do:if(x){F=!0;break}(le.includes(Do)||co($e,2))&&(F=!0);break;default:let Le=X.data;const Re=X.target.selectionStart;if(((Ho=X.data)==null?void 0:Ho.length)>0){if(Le.startsWith("-")){if(Re>0){F=!0;break}}else if(Le.startsWith("+")){F=!0;break}const qe=le.substring(0,Re)+Le+le.substring(X.target.selectionEnd);x&&!gu.test(qe)?F=!0:Tu.test(qe)||(F=!0);break}if(X.data<"0"||X.data>"9"){F=!0;break}if(le.startsWith("-")&&Re===0){F=!0;break}Ge!==-1&&co(Ge+1,1)&&(F=!0);break}F&&X.preventDefault();return;function co(Le,Re){let qe=0;for(;Le<le.length;)if(/\d/.test(le[Le++]))qe++;else{qe=Re+1;break}return qe>Re}function zt(Le,Re){var qe;X.target.value=Le,D(Le,Le),(qe=z.current)==null||qe.setSelectionRange(Re,Re)}},ce=u.useCallback(X=>{X.code==="ArrowUp"&&(X.preventDefault(),j()),X.code==="ArrowDown"&&(X.preventDefault(),J())},[j,J]),Ee=u.useCallback(()=>{A==null||A()},[A]),Be=u.useCallback(()=>{R(La(t)),$==null||$()},[t,$]),oe=u.useCallback(()=>{var X;(X=z.current)==null||X.focus()},[]),re=ke(X=>{D(X,pn(X)?"":String(X))});return u.useEffect(()=>{L==null||L({focus:oe,setValue:re})},[oe,L,re]),c.jsx(mr,{ref:_,labelPosition:h,label:b,labelWidth:T,labelBreak:S,required:E,enabled:n,onFocus:A,onBlur:$,style:a,children:c.jsxs("div",{className:ne(je.inputRoot,{[je.readOnly]:O,[je.disabled]:!n,[je.noSpinBox]:!d,[je.error]:l==="error",[je.warning]:l==="warning",[je.valid]:l==="valid"}),tabIndex:-1,onFocus:()=>{var X;(X=z.current)==null||X.focus()},children:[c.jsx(qt,{text:V,iconName:U,className:je.adornment}),c.jsx("input",{id:r,type:"text",inputMode:"numeric",className:ne(je.input,{[je.readOnly]:O}),disabled:!n,value:M,step:v,placeholder:i,onChange:Y,onFocus:Ee,onBlur:Be,onBeforeInput:K,onKeyDown:ce,readOnly:O,ref:z,autoFocus:W,maxLength:g,required:E}),c.jsx(qt,{text:Z,iconName:P,className:je.adornment}),d&&c.jsxs("div",{className:je.spinnerBox,children:[c.jsx(tr,{"data-spinner":"up",type:"button",variant:"ghost",themeColor:"secondary",tabIndex:-1,className:je.spinnerButton,disabled:!n||O,ref:N,children:c.jsx(be,{name:"chevronup",size:"sm"})}),c.jsx(tr,{"data-spinner":"down",type:"button",tabIndex:-1,variant:"ghost",themeColor:"secondary",className:je.spinnerButton,disabled:!n||O,ref:I,children:c.jsx(be,{name:"chevrondown",size:"sm"})})]})]})})});function xn(e,r,t,o,a){const n=hn(e,a);if(!pn(n))return yu(n+r,t,o)}function bn(e,r,t=500){const o=u.useRef(0),a=u.useRef(0),n=u.useRef(r);u.useEffect(()=>{n.current=r},[r]),u.useEffect(()=>{const i=()=>{var v;(v=n.current)==null||v.call(n),o.current=window.setTimeout(()=>{a.current=window.setInterval(()=>{var x;(x=n.current)==null||x.call(n)},100)},t)},l=()=>{clearTimeout(o.current),clearInterval(a.current)},d=()=>{clearTimeout(o.current),clearInterval(a.current)};return e==null||e.addEventListener("mousedown",i),e==null||e.addEventListener("mouseup",l),e==null||e.addEventListener("mouseout",d),()=>{e==null||e.removeEventListener("mousedown",i),e==null||e.removeEventListener("mouseup",l),e==null||e.removeEventListener("mouseout",d)}},[e,r,t])}function Kt(){return Kt=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Kt.apply(null,arguments)}function $u(e,r){typeof e=="function"?e(r):e!=null&&(e.current=r)}function fn(...e){return r=>e.forEach(t=>$u(t,r))}function Iu(...e){return u.useCallback(fn(...e),e)}const vn=u.forwardRef((e,r)=>{const{children:t,...o}=e,a=u.Children.toArray(t),n=a.find(Lu);if(n){const i=n.props.children,l=a.map(d=>d===n?u.Children.count(i)>1?u.Children.only(null):u.isValidElement(i)?i.props.children:null:d);return u.createElement(_a,Kt({},o,{ref:r}),u.isValidElement(i)?u.cloneElement(i,void 0,l):null)}return u.createElement(_a,Kt({},o,{ref:r}),t)});vn.displayName="Slot";const _a=u.forwardRef((e,r)=>{const{children:t,...o}=e;return u.isValidElement(t)?u.cloneElement(t,{..._u(o,t.props),ref:r?fn(r,t.ref):t.ref}):u.Children.count(t)>1?u.Children.only(null):null});_a.displayName="SlotClone";const Bu=({children:e})=>u.createElement(u.Fragment,null,e);function Lu(e){return u.isValidElement(e)&&e.type===Bu}function _u(e,r){const t={...r};for(const o in r){const a=e[o],n=r[o];/^on[A-Z]/.test(o)?a&&n?t[o]=(...l)=>{n(...l),a(...l)}:a&&(t[o]=a):o==="style"?t[o]={...a,...n}:o==="className"&&(t[o]=[a,n].filter(Boolean).join(" "))}return{...e,...t}}const Au=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce((e,r)=>{const t=u.forwardRef((o,a)=>{const{asChild:n,...i}=o,l=n?vn:r;return u.useEffect(()=>{window[Symbol.for("radix-ui")]=!0},[]),u.createElement(l,Kt({},i,{ref:a}))});return t.displayName=`Primitive.${r}`,{...e,[r]:t}},{});function gn(e){const r=u.useRef(e);return u.useEffect(()=>{r.current=e}),u.useMemo(()=>(...t)=>{var o;return(o=r.current)===null||o===void 0?void 0:o.call(r,...t)},[])}const Aa="focusScope.autoFocusOnMount",Na="focusScope.autoFocusOnUnmount",Tn={bubbles:!1,cancelable:!0},Nu=u.forwardRef((e,r)=>{const{loop:t=!1,trapped:o=!1,onMountAutoFocus:a,onUnmountAutoFocus:n,...i}=e,[l,d]=u.useState(null),v=gn(a),x=gn(n),p=u.useRef(null),C=Iu(r,y=>d(y)),f=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(o){let y=function(L){if(f.paused||!l)return;const V=L.target;l.contains(V)?p.current=V:ut(p.current,{select:!0})},H=function(L){if(f.paused||!l)return;const V=L.relatedTarget;V!==null&&(l.contains(V)||ut(p.current,{select:!0}))},A=function(L){if(document.activeElement===document.body)for(const U of L)U.removedNodes.length>0&&ut(l)};document.addEventListener("focusin",y),document.addEventListener("focusout",H);const $=new MutationObserver(A);return l&&$.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",y),document.removeEventListener("focusout",H),$.disconnect()}}},[o,l,f.paused]),u.useEffect(()=>{if(l){kn.add(f);const y=document.activeElement;if(!l.contains(y)){const A=new CustomEvent(Aa,Tn);l.addEventListener(Aa,v),l.dispatchEvent(A),A.defaultPrevented||(Ou(Pu(Cn(l)),{select:!0}),document.activeElement===y&&ut(l))}return()=>{l.removeEventListener(Aa,v),setTimeout(()=>{const A=new CustomEvent(Na,Tn);l.addEventListener(Na,x),l.dispatchEvent(A),A.defaultPrevented||ut(y??document.body,{select:!0}),l.removeEventListener(Na,x),kn.remove(f)},0)}}},[l,v,x,f]);const g=u.useCallback(y=>{if(!t&&!o||f.paused)return;const H=y.key==="Tab"&&!y.altKey&&!y.ctrlKey&&!y.metaKey,A=document.activeElement;if(H&&A){const $=y.currentTarget,[L,V]=Wu($);L&&V?!y.shiftKey&&A===V?(y.preventDefault(),t&&ut(L,{select:!0})):y.shiftKey&&A===L&&(y.preventDefault(),t&&ut(V,{select:!0})):A===$&&y.preventDefault()}},[t,o,f.paused]);return u.createElement(Au.div,Kt({tabIndex:-1},i,{ref:C,onKeyDown:g}))});function Ou(e,{select:r=!1}={}){const t=document.activeElement;for(const o of e)if(ut(o,{select:r}),document.activeElement!==t)return}function Wu(e){const r=Cn(e),t=yn(r,e),o=yn(r.reverse(),e);return[t,o]}function Cn(e){const r=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const a=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||a?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)r.push(t.currentNode);return r}function yn(e,r){for(const t of e)if(!Vu(t,{upTo:r}))return t}function Vu(e,{upTo:r}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(r!==void 0&&e===r)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function Eu(e){return e instanceof HTMLInputElement&&"select"in e}function ut(e,{select:r=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&Eu(e)&&r&&e.select()}}const kn=zu();function zu(){let e=[];return{add(r){const t=e[0];r!==t&&(t==null||t.pause()),e=Sn(e,r),e.unshift(r)},remove(r){var t;e=Sn(e,r),(t=e[0])===null||t===void 0||t.resume()}}}function Sn(e,r){const t=[...e],o=t.indexOf(r);return o!==-1&&t.splice(o,1),t}function Pu(e){return e.filter(r=>r.tagName!=="A")}const ge={themeVars:`'{"Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`,selectValue:"_selectValue_1gnmc_13",error:"_error_1gnmc_21",warning:"_warning_1gnmc_29",valid:"_valid_1gnmc_37",selectTrigger:"_selectTrigger_1gnmc_46",badgeListContainer:"_badgeListContainer_1gnmc_170",badgeList:"_badgeList_1gnmc_170",badge:"_badge_1gnmc_170",actions:"_actions_1gnmc_210",placeholder:"_placeholder_1gnmc_216",emptyList:"_emptyList_1gnmc_221",selectScrollUpButton:"_selectScrollUpButton_1gnmc_231",selectScrollDownButton:"_selectScrollDownButton_1gnmc_240",command:"_command_1gnmc_249",commandInputContainer:"_commandInputContainer_1gnmc_259",commandInput:"_commandInput_1gnmc_259",commandList:"_commandList_1gnmc_284",selectContent:"_selectContent_1gnmc_289",fadeIn:"_fadeIn_1gnmc_1",zoomIn:"_zoomIn_1gnmc_1",fadeOut:"_fadeOut_1gnmc_1",zoomOut:"_zoomOut_1gnmc_1",slideInFromTop:"_slideInFromTop_1gnmc_1",slideInFromRight:"_slideInFromRight_1gnmc_1",slideInFromLeft:"_slideInFromLeft_1gnmc_1",slideInFromBottom:"_slideInFromBottom_1gnmc_1",multiComboboxOption:"_multiComboboxOption_1gnmc_329",selectItem:"_selectItem_1gnmc_349",selectItemIndicator:"_selectItemIndicator_1gnmc_377",selectViewport:"_selectViewport_1gnmc_388",selectEmpty:"_selectEmpty_1gnmc_394",srOnly:"_srOnly_1gnmc_405"},wn=u.createContext(null);function Hn(){return u.useContext(wn)}const $n=u.createContext(null);function Du(){return u.useContext($n)}function Mo({children:e,Component:r}){return c.jsx($n.Provider,{value:r,children:e})}const Oa=u.createContext({onOptionAdd:()=>{},onOptionRemove:()=>{}});function Wa(){return u.useContext(Oa)}const Mu=u.forwardRef(function(r,t){const{root:o}=Fr(),{enabled:a,onBlur:n,autoFocus:i,onValueChange:l,validationStatus:d,children:v,value:x,height:p,style:C,placeholder:f,id:g,triggerRef:y,onFocus:H,options:A}=r,$=t?Jr(y,t):y,L=x+"",V=u.useCallback(U=>{var P;const Z=(P=Array.from(A.values()).find(W=>W.value+""===U))==null?void 0:P.value;l(Z)},[l,A]);return c.jsx(Mo,{Component:Bn,children:c.jsxs(lr.Root,{value:L,onValueChange:V,children:[c.jsxs(lr.Trigger,{id:g,style:C,onFocus:H,onBlur:n,disabled:!a,className:ne(ge.selectTrigger,{[ge.error]:d==="error",[ge.warning]:d==="warning",[ge.valid]:d==="valid"}),ref:$,autoFocus:i,children:[c.jsx("div",{className:ge.selectValue,children:c.jsx(lr.Value,{placeholder:f})}),c.jsx(lr.Icon,{asChild:!0,children:c.jsx(be,{name:"chevrondown"})})]}),c.jsx(lr.Portal,{container:o,children:c.jsxs(lr.Content,{className:ge.selectContent,position:"popper",style:{height:p},children:[c.jsx(lr.ScrollUpButton,{className:ge.selectScrollUpButton,children:c.jsx(be,{name:"chevronup"})}),c.jsx(lr.Viewport,{className:ne(ge.selectViewport),children:v}),c.jsx(lr.ScrollDownButton,{className:ge.selectScrollDownButton,children:c.jsx(be,{name:"chevrondown"})})]})})]})})}),Fu=u.forwardRef(function({id:r,initialValue:t,value:o,enabled:a=!0,placeholder:n,updateState:i=ie,validationStatus:l="none",onDidChange:d=ie,onFocus:v=ie,onBlur:x=ie,registerComponentApi:p,emptyListTemplate:C,optionLabelRenderer:f,valueRenderer:g,style:y,dropdownHeight:H,children:A,autoFocus:$=!1,searchable:L=!1,multiSelect:V=!1,label:U,labelPosition:Z,labelWidth:P,labelBreak:W,required:O=!1},E){var oe;const[b,h]=u.useState(null),[T,S]=u.useState(!1),[_,G]=u.useState(0),z=u.useRef(),{root:N}=Fr(),[I,M]=u.useState(new Set);u.useEffect(()=>{t!==void 0&&i({value:t},{initial:!0})},[t,i]),u.useEffect(()=>{var X;const re=b;return(X=z.current)==null||X.disconnect(),re&&(z.current=new ResizeObserver(()=>G(re.clientWidth)),z.current.observe(re)),()=>{var F;(F=z.current)==null||F.disconnect()}},[b]);const R=u.useCallback(re=>{const X=V?Array.isArray(o)?o.includes(re)?o.filter(F=>F!==re):[...o,re]:[re]:re===o?null:re;i({value:X}),d(X),S(!1)},[V,o,i,d]),D=u.useCallback(()=>{const re=V?[]:"";i({value:re}),d(re)},[V,i,d]),Y=u.useCallback(()=>{b==null||b.focus()},[b]),j=ke(re=>{R(re)});u.useEffect(()=>{p==null||p({focus:Y,setValue:j})},[Y,p,j]);const J=u.useMemo(()=>C??c.jsxs("div",{className:ge.selectEmpty,children:[c.jsx(be,{name:"noresult"}),c.jsx("span",{children:"List is empty"})]}),[C]),K=u.useCallback(re=>{M(X=>new Set(X).add(re))},[]),ce=u.useCallback(re=>{M(X=>{const F=new Set(X);return F.delete(re),F})},[]),Ee=u.useMemo(()=>({onOptionAdd:K,onOptionRemove:ce}),[K,ce]),Be=u.useMemo(()=>({multiSelect:V,value:o,optionLabelRenderer:f,onChange:R}),[V,R,o,f]);return c.jsx(wn.Provider,{value:Be,children:c.jsx(Oa.Provider,{value:Ee,children:L||V?c.jsxs(Mo,{Component:In,children:[A,c.jsx(mr,{ref:E,labelPosition:Z,label:U,labelWidth:P,labelBreak:W,required:O,enabled:a,onFocus:v,onBlur:x,style:y,children:c.jsxs(gt.Popover,{open:T,onOpenChange:S,modal:!1,children:[c.jsx(gt.PopoverTrigger,{asChild:!0,children:c.jsxs("button",{id:r,ref:h,onFocus:v,onBlur:x,disabled:!a,"aria-expanded":T,onClick:()=>S(re=>!re),className:ne(ge.selectTrigger,ge[l],{[ge.disabled]:!a,[ge.multi]:V}),autoFocus:$,children:[V?Array.isArray(o)&&o.length>0?c.jsx("div",{className:ge.badgeListContainer,children:c.jsx("div",{className:ge.badgeList,children:o.map(re=>{var X;return g?g(Array.from(I).find(F=>F.value===re),()=>{R(re)}):c.jsxs("span",{className:ge.badge,children:[(X=Array.from(I).find(F=>F.value===re))==null?void 0:X.label,c.jsx(be,{name:"close",size:"sm",onClick:F=>{F.stopPropagation(),R(re)}})]},re)})})}):c.jsx("span",{className:ge.placeholder,children:n||""}):o!=null?c.jsx("div",{children:(oe=Array.from(I).find(re=>re.value===o))==null?void 0:oe.label}):c.jsx("span",{className:ge.placeholder,children:n||""}),c.jsxs("div",{className:ge.actions,children:[V&&Array.isArray(o)&&o.length>0&&c.jsx(be,{name:"close",onClick:re=>{re.stopPropagation(),D()}}),c.jsx(be,{name:"chevrondown"})]})]})}),T&&c.jsx(lr.Portal,{container:N,children:c.jsx(Nu,{asChild:!0,loop:!0,trapped:!0,children:c.jsx(gt.PopoverContent,{style:{width:_,height:H},className:ge.selectContent,children:c.jsxs(sr.Command,{className:ge.command,shouldFilter:L,filter:(re,X,F)=>(re+" "+F.join(" ")).toLowerCase().includes(X.toLowerCase())?1:0,children:[L?c.jsxs("div",{className:ge.commandInputContainer,children:[c.jsx(be,{name:"search"}),c.jsx(sr.CommandInput,{className:ne(ge.commandInput),placeholder:"Search..."})]}):c.jsx("button",{autoFocus:!0,"aria-hidden":"true",className:ge.srOnly}),c.jsxs(sr.CommandList,{className:ge.commandList,children:[Array.from(I).map(({value:re,label:X,enabled:F,keywords:le})=>c.jsx(Ru,{value:re,label:X,enabled:F,keywords:le},re)),c.jsx(sr.CommandEmpty,{children:J})]})]})})})})]})})]}):c.jsx(Mu,{ref:E,value:o,options:I,onValueChange:R,id:r,style:y,onFocus:v,onBlur:x,enabled:a,validationStatus:l,triggerRef:h,autoFocus:$,placeholder:n,height:H,children:A||J})})})}),Ru=u.forwardRef(function(r,t){const o=u.useId(),{label:a,value:n,enabled:i=!0,keywords:l}=r,{value:d,onChange:v,multi:x,optionLabelRenderer:p}=Hn(),C=Array.isArray(d)&&x?d.includes(n):d===n;return c.jsxs(sr.CommandItem,{id:o,ref:t,disabled:!i,value:n,className:ge.multiComboboxOption,onSelect:()=>{v(n)},"data-state":C?"checked":void 0,keywords:l,children:[p?p({label:a,value:n}):a,C&&c.jsx(be,{name:"checkmark"})]},o)});function In(e){const{onOptionRemove:r,onOptionAdd:t}=Wa(),[o,a]=u.useState(null),n=u.useMemo(()=>({...e,labelText:(o==null?void 0:o.textContent)??"",keywords:[(o==null?void 0:o.textContent)??""]}),[e,o]);return u.useEffect(()=>(t(n),()=>r(n)),[n,t,r]),c.jsx("div",{ref:i=>a(i),style:{display:"none"},children:e.label})}const Bn=u.forwardRef((e,r)=>{const{value:t,label:o,enabled:a=!0}=e,{onOptionRemove:n,onOptionAdd:i}=Wa(),{optionLabelRenderer:l}=Hn();return u.useLayoutEffect(()=>(i(e),()=>n(e)),[e,i,n]),c.jsxs(lr.Item,{ref:r,className:ge.selectItem,value:t+"",disabled:!a,children:[c.jsx(lr.ItemText,{children:l?l({value:t,label:o}):o}),c.jsx("span",{className:ge.selectItemIndicator,children:c.jsx(lr.ItemIndicator,{children:c.jsx(be,{name:"checkmark"})})})]})});Bn.displayName="SelectOption";const nr={themeVars:`'{"gap-RadioGroupOption": "var(--xmlui-gap-RadioGroupOption)", "Input:backgroundColor-RadioGroupOption-default": "var(--xmlui-backgroundColor-RadioGroupOption-default)", "borderWidth-RadioGroupOption": "var(--xmlui-borderWidth-RadioGroupOption)", "Input:borderColor-RadioGroupOption-default": "var(--xmlui-borderColor-RadioGroupOption-default)", "Input:borderColor-RadioGroupOption-default--hover": "var(--xmlui-borderColor-RadioGroupOption-default--hover)", "Input:borderColor-RadioGroupOption-default--active": "var(--xmlui-borderColor-RadioGroupOption-default--active)", "Input:borderColor-RadioGroupOption--disabled": "var(--xmlui-borderColor-RadioGroupOption--disabled)", "Input:color-RadioGroupOption--disabled": "var(--xmlui-color-RadioGroupOption--disabled)", "Input:borderColor-RadioGroupOption-error": "var(--xmlui-borderColor-RadioGroupOption-error)", "Input:borderColor-RadioGroupOption-warning": "var(--xmlui-borderColor-RadioGroupOption-warning)", "Input:borderColor-RadioGroupOption-success": "var(--xmlui-borderColor-RadioGroupOption-success)", "backgroundColor-checked-RadioGroupOption-default": "var(--xmlui-backgroundColor-checked-RadioGroupOption-default)", "backgroundColor-checked-RadioGroupOption--disabled": "var(--xmlui-backgroundColor-checked-RadioGroupOption--disabled)", "backgroundColor-checked-RadioGroupOption-error": "var(--xmlui-backgroundColor-checked-RadioGroupOption-error)", "backgroundColor-checked-RadioGroupOption-warning": "var(--xmlui-backgroundColor-checked-RadioGroupOption-warning)", "backgroundColor-checked-RadioGroupOption-success": "var(--xmlui-backgroundColor-checked-RadioGroupOption-success)", "Input:fontSize-RadioGroupOption": "var(--xmlui-fontSize-RadioGroupOption)", "Input:fontWeight-RadioGroupOption": "var(--xmlui-fontWeight-RadioGroupOption)", "Input:color-RadioGroupOption-default": "var(--xmlui-color-RadioGroupOption-default)", "Input:color-RadioGroupOption-error": "var(--xmlui-color-RadioGroupOption-error)", "Input:color-RadioGroupOption-warning": "var(--xmlui-color-RadioGroupOption-warning)", "Input:color-RadioGroupOption-success": "var(--xmlui-color-RadioGroupOption-success)", "Input:outlineWidth-RadioGroupOption--focus": "var(--xmlui-outlineWidth-RadioGroupOption--focus)", "Input:outlineColor-RadioGroupOption--focus": "var(--xmlui-outlineColor-RadioGroupOption--focus)", "Input:outlineStyle-RadioGroupOption--focus": "var(--xmlui-outlineStyle-RadioGroupOption--focus)", "Input:outlineOffset-RadioGroupOption--focus": "var(--xmlui-outlineOffset-RadioGroupOption--focus)"}'`,radioGroupContainer:"_radioGroupContainer_294hm_13",radioOptionContainer:"_radioOptionContainer_294hm_20",radioOption:"_radioOption_294hm_20",error:"_error_294hm_55",warning:"_warning_294hm_58",valid:"_valid_294hm_61",indicator:"_indicator_294hm_65",disabled:"_disabled_294hm_78",itemContainer:"_itemContainer_294hm_91",optionLabel:"_optionLabel_294hm_99",label:"_label_294hm_104"},Ln=u.createContext({status:"none"}),qu=u.forwardRef(function({id:r,value:t="",initialValue:o="",enabled:a=!0,validationStatus:n="none",label:i,labelPosition:l,labelWidth:d,labelBreak:v,required:x=!1,updateState:p=ie,onDidChange:C=ie,onFocus:f=ie,onBlur:g=ie,children:y,registerComponentApi:H,style:A},$){const[L,V]=u.useState(!1);u.useEffect(()=>{p({value:o},{initial:!0})},[o,p]);const U=u.useCallback(b=>{p({value:b}),C(b)},[C,p]),Z=u.useCallback(b=>{U(b)},[U]),P=u.useCallback(()=>{V(!0),f==null||f()},[f]),W=u.useCallback(()=>{V(!1),g==null||g()},[g]),O=ke(b=>{U(b)});u.useEffect(()=>{H==null||H({setValue:O})},[H,O]);const E=u.useMemo(()=>({value:t,status:n}),[t,n]);return c.jsx(mr,{ref:$,labelPosition:l,label:i,labelWidth:d,labelBreak:v,required:x,enabled:a,onFocus:f,onBlur:g,style:A,children:c.jsx(Mo,{Component:Uu,children:c.jsx(Ln.Provider,{value:E,children:c.jsx(ea.Root,{id:r,onBlur:W,onFocus:P,onValueChange:Z,value:t,disabled:!a,className:ne(nr.radioGroupContainer,{[nr.focused]:L,[nr.disabled]:!a}),children:y})})})})}),Uu=({value:e,label:r,enabled:t=!0,optionRenderer:o,style:a})=>{const n=u.useId(),i=u.useContext(Ln),l=u.useMemo(()=>({[nr.disabled]:!t,[nr.error]:e===i.value&&i.status==="error",[nr.warning]:e===i.value&&i.status==="warning",[nr.valid]:e===i.value&&i.status==="valid"}),[t,i.status,i.value,e]),d=u.useMemo(()=>c.jsxs(c.Fragment,{children:[c.jsx(ea.Item,{className:ne(nr.radioOption,l),value:e,disabled:!t,id:n,children:c.jsx(ea.Indicator,{className:ne(nr.indicator,l)})}),c.jsx("label",{htmlFor:n,className:ne(nr.label,l),children:r??e})]}),[t,n,r,l,e]);return c.jsx("div",{className:nr.radioOptionContainer,style:a,children:o?c.jsxs("label",{className:nr.optionLabel,children:[c.jsx("div",{className:nr.itemContainer,children:d}),o({$checked:e===i.value})]}):d},n)},Xr={themeVars:`'{"Input:borderRadius-Textarea-default": "var(--xmlui-borderRadius-Textarea-default)", "Input:borderColor-Textarea-default": "var(--xmlui-borderColor-Textarea-default)", "Input:borderWidth-Textarea-default": "var(--xmlui-borderWidth-Textarea-default)", "Input:borderStyle-Textarea-default": "var(--xmlui-borderStyle-Textarea-default)", "Input:fontSize-Textarea-default": "var(--xmlui-fontSize-Textarea-default)", "Input:padding-Textarea-default": "var(--xmlui-padding-Textarea-default)", "Input:backgroundColor-Textarea-default": "var(--xmlui-backgroundColor-Textarea-default)", "Input:boxShadow-Textarea-default": "var(--xmlui-boxShadow-Textarea-default)", "Input:textColor-Textarea-default": "var(--xmlui-textColor-Textarea-default)", "Input:borderColor-Textarea-default--hover": "var(--xmlui-borderColor-Textarea-default--hover)", "Input:backgroundColor-Textarea-default--hover": "var(--xmlui-backgroundColor-Textarea-default--hover)", "Input:boxShadow-Textarea-default--hover": "var(--xmlui-boxShadow-Textarea-default--hover)", "Input:textColor-Textarea-default--hover": "var(--xmlui-textColor-Textarea-default--hover)", "Input:borderColor-Textarea-default--focus": "var(--xmlui-borderColor-Textarea-default--focus)", "Input:backgroundColor-Textarea-default--focus": "var(--xmlui-backgroundColor-Textarea-default--focus)", "Input:boxShadow-Textarea-default--focus": "var(--xmlui-boxShadow-Textarea-default--focus)", "Input:textColor-Textarea-default--focus": "var(--xmlui-textColor-Textarea-default--focus)", "Input:outlineWidth-Textarea-default--focus": "var(--xmlui-outlineWidth-Textarea-default--focus)", "Input:outlineColor-Textarea-default--focus": "var(--xmlui-outlineColor-Textarea-default--focus)", "Input:outlineStyle-Textarea-default--focus": "var(--xmlui-outlineStyle-Textarea-default--focus)", "Input:outlineOffset-Textarea-default--focus": "var(--xmlui-outlineOffset-Textarea-default--focus)", "Input:color-placeholder-Textarea-default": "var(--xmlui-color-placeholder-Textarea-default)", "Input:borderRadius-Textarea-error": "var(--xmlui-borderRadius-Textarea-error)", "Input:borderColor-Textarea-error": "var(--xmlui-borderColor-Textarea-error)", "Input:borderWidth-Textarea-error": "var(--xmlui-borderWidth-Textarea-error)", "Input:borderStyle-Textarea-error": "var(--xmlui-borderStyle-Textarea-error)", "Input:fontSize-Textarea-error": "var(--xmlui-fontSize-Textarea-error)", "Input:padding-Textarea-error": "var(--xmlui-padding-Textarea-error)", "Input:backgroundColor-Textarea-error": "var(--xmlui-backgroundColor-Textarea-error)", "Input:boxShadow-Textarea-error": "var(--xmlui-boxShadow-Textarea-error)", "Input:textColor-Textarea-error": "var(--xmlui-textColor-Textarea-error)", "Input:borderColor-Textarea-error--hover": "var(--xmlui-borderColor-Textarea-error--hover)", "Input:backgroundColor-Textarea-error--hover": "var(--xmlui-backgroundColor-Textarea-error--hover)", "Input:boxShadow-Textarea-error--hover": "var(--xmlui-boxShadow-Textarea-error--hover)", "Input:textColor-Textarea-error--hover": "var(--xmlui-textColor-Textarea-error--hover)", "Input:borderColor-Textarea-error--focus": "var(--xmlui-borderColor-Textarea-error--focus)", "Input:backgroundColor-Textarea-error--focus": "var(--xmlui-backgroundColor-Textarea-error--focus)", "Input:boxShadow-Textarea-error--focus": "var(--xmlui-boxShadow-Textarea-error--focus)", "Input:textColor-Textarea-error--focus": "var(--xmlui-textColor-Textarea-error--focus)", "Input:outlineWidth-Textarea-error--focus": "var(--xmlui-outlineWidth-Textarea-error--focus)", "Input:outlineColor-Textarea-error--focus": "var(--xmlui-outlineColor-Textarea-error--focus)", "Input:outlineStyle-Textarea-error--focus": "var(--xmlui-outlineStyle-Textarea-error--focus)", "Input:outlineOffset-Textarea-error--focus": "var(--xmlui-outlineOffset-Textarea-error--focus)", "Input:color-placeholder-Textarea-error": "var(--xmlui-color-placeholder-Textarea-error)", "Input:borderRadius-Textarea-warning": "var(--xmlui-borderRadius-Textarea-warning)", "Input:borderColor-Textarea-warning": "var(--xmlui-borderColor-Textarea-warning)", "Input:borderWidth-Textarea-warning": "var(--xmlui-borderWidth-Textarea-warning)", "Input:borderStyle-Textarea-warning": "var(--xmlui-borderStyle-Textarea-warning)", "Input:fontSize-Textarea-warning": "var(--xmlui-fontSize-Textarea-warning)", "Input:padding-Textarea-warning": "var(--xmlui-padding-Textarea-warning)", "Input:backgroundColor-Textarea-warning": "var(--xmlui-backgroundColor-Textarea-warning)", "Input:boxShadow-Textarea-warning": "var(--xmlui-boxShadow-Textarea-warning)", "Input:textColor-Textarea-warning": "var(--xmlui-textColor-Textarea-warning)", "Input:borderColor-Textarea-warning--hover": "var(--xmlui-borderColor-Textarea-warning--hover)", "Input:backgroundColor-Textarea-warning--hover": "var(--xmlui-backgroundColor-Textarea-warning--hover)", "Input:boxShadow-Textarea-warning--hover": "var(--xmlui-boxShadow-Textarea-warning--hover)", "Input:textColor-Textarea-warning--hover": "var(--xmlui-textColor-Textarea-warning--hover)", "Input:borderColor-Textarea-warning--focus": "var(--xmlui-borderColor-Textarea-warning--focus)", "Input:backgroundColor-Textarea-warning--focus": "var(--xmlui-backgroundColor-Textarea-warning--focus)", "Input:boxShadow-Textarea-warning--focus": "var(--xmlui-boxShadow-Textarea-warning--focus)", "Input:textColor-Textarea-warning--focus": "var(--xmlui-textColor-Textarea-warning--focus)", "Input:outlineWidth-Textarea-warning--focus": "var(--xmlui-outlineWidth-Textarea-warning--focus)", "Input:outlineColor-Textarea-warning--focus": "var(--xmlui-outlineColor-Textarea-warning--focus)", "Input:outlineStyle-Textarea-warning--focus": "var(--xmlui-outlineStyle-Textarea-warning--focus)", "Input:outlineOffset-Textarea-warning--focus": "var(--xmlui-outlineOffset-Textarea-warning--focus)", "Input:color-placeholder-Textarea-warning": "var(--xmlui-color-placeholder-Textarea-warning)", "Input:borderRadius-Textarea-success": "var(--xmlui-borderRadius-Textarea-success)", "Input:borderColor-Textarea-success": "var(--xmlui-borderColor-Textarea-success)", "Input:borderWidth-Textarea-success": "var(--xmlui-borderWidth-Textarea-success)", "Input:borderStyle-Textarea-success": "var(--xmlui-borderStyle-Textarea-success)", "Input:fontSize-Textarea-success": "var(--xmlui-fontSize-Textarea-success)", "Input:padding-Textarea-success": "var(--xmlui-padding-Textarea-success)", "Input:backgroundColor-Textarea-success": "var(--xmlui-backgroundColor-Textarea-success)", "Input:boxShadow-Textarea-success": "var(--xmlui-boxShadow-Textarea-success)", "Input:textColor-Textarea-success": "var(--xmlui-textColor-Textarea-success)", "Input:borderColor-Textarea-success--hover": "var(--xmlui-borderColor-Textarea-success--hover)", "Input:backgroundColor-Textarea-success--hover": "var(--xmlui-backgroundColor-Textarea-success--hover)", "Input:boxShadow-Textarea-success--hover": "var(--xmlui-boxShadow-Textarea-success--hover)", "Input:textColor-Textarea-success--hover": "var(--xmlui-textColor-Textarea-success--hover)", "Input:borderColor-Textarea-success--focus": "var(--xmlui-borderColor-Textarea-success--focus)", "Input:backgroundColor-Textarea-success--focus": "var(--xmlui-backgroundColor-Textarea-success--focus)", "Input:boxShadow-Textarea-success--focus": "var(--xmlui-boxShadow-Textarea-success--focus)", "Input:textColor-Textarea-success--focus": "var(--xmlui-textColor-Textarea-success--focus)", "Input:outlineWidth-Textarea-success--focus": "var(--xmlui-outlineWidth-Textarea-success--focus)", "Input:outlineColor-Textarea-success--focus": "var(--xmlui-outlineColor-Textarea-success--focus)", "Input:outlineStyle-Textarea-success--focus": "var(--xmlui-outlineStyle-Textarea-success--focus)", "Input:outlineOffset-Textarea-success--focus": "var(--xmlui-outlineOffset-Textarea-success--focus)", "Input:color-placeholder-Textarea-success": "var(--xmlui-color-placeholder-Textarea-success)", "Input:backgroundColor-Textarea--disabled": "var(--xmlui-backgroundColor-Textarea--disabled)", "Input:textColor-Textarea--disabled": "var(--xmlui-textColor-Textarea--disabled)", "Input:borderColor-Textarea--disabled": "var(--xmlui-borderColor-Textarea--disabled)"}'`,textarea:"_textarea_y6osp_13",error:"_error_y6osp_53",warning:"_warning_y6osp_85",valid:"_valid_y6osp_117",resizeHorizontal:"_resizeHorizontal_y6osp_156",resizeVertical:"_resizeVertical_y6osp_160",resizeBoth:"_resizeBoth_y6osp_164"},_n=(e,r)=>{if(typeof e=="function"){e(r);return}e.current=r},Gu=(e,r)=>{const t=Ne.useRef();return Ne.useCallback(o=>{e.current=o,t.current&&_n(t.current,null),t.current=r,r&&_n(r,o)},[r])},Yu=()=>{},Xu=({maxRows:e,minRows:r,onChange:t=Yu,style:o,...a},n)=>{const i=u.useRef(null),l=Gu(i,n),[d,v]=Ne.useState(),[x,p]=Ne.useState();return u.useEffect(()=>{if(!i.current)return;const C=getComputedStyle(i.current),f=parseFloat(C.lineHeight),g=parseFloat(C.paddingTop)+parseFloat(C.paddingBottom),y=parseFloat(C.borderTop)+parseFloat(C.borderBottom),H=(C.boxSizing==="border-box"?y:0)+g;v(f*(r??1)+H),p(f*(e??1e4)+H)},[i.current,e,r]),c.jsx("textarea",{ref:l,...a,onChange:t,style:{...o,minHeight:d,maxHeight:x}})},Qu=Ne.forwardRef(Xu),Zu={horizontal:Xr.resizeHorizontal,vertical:Xr.resizeVertical,both:Xr.resizeBoth},ju=u.forwardRef(function({id:r,value:t="",placeholder:o="",required:a=!1,readOnly:n=!1,allowCopy:i=!0,updateState:l=ie,validationStatus:d,autoFocus:v=!1,initialValue:x="",resize:p,onDidChange:C=ie,onFocus:f=ie,onBlur:g=ie,controlled:y=!0,enterSubmits:H=!0,escResets:A,style:$,registerComponentApi:L,autoSize:V,maxRows:U,minRows:Z,maxLength:P,rows:W=2,enabled:O=!0,label:E,labelPosition:b,labelWidth:h,labelBreak:T},S){const _=u.useRef(null),[G,z]=u.useState(null),[N,I]=u.useState(!1),M=u.useCallback(oe=>{l({value:oe}),C(oe)},[C,l]),R=u.useCallback(oe=>{M(oe.target.value)},[M]);u.useEffect(()=>{l({value:x},{initial:!0})},[x,l]);const D=oe=>i?!0:(oe.preventDefault(),!1),Y=()=>{I(!0),f==null||f()},j=()=>{I(!1),g==null||g()},J=u.useCallback(()=>{setTimeout(()=>{var oe;(oe=_.current)==null||oe.focus()},0)},[]),K=u.useCallback(oe=>{const re=_==null?void 0:_.current;if(re&&oe){const X=re.selectionStart,F=re.value;R({target:{value:F.substring(0,X)+oe+F.substring(X)}}),z(X+oe.length)}},[_,R]),ce=ke(oe=>{M(oe)});u.useEffect(()=>{if(G){const oe=_==null?void 0:_.current;oe&&(oe.setSelectionRange(G,G),z(null))}},[t,G,_]),u.useEffect(()=>{L==null||L({focus:J,insert:K,setValue:ce})},[J,K,L,ce]);const Ee=u.useCallback(oe=>{var re,X;oe.currentTarget.form&&H&&oe.key.toLowerCase()==="enter"&&!oe.shiftKey&&(oe.preventDefault(),(re=oe.currentTarget.form)==null||re.requestSubmit()),oe.currentTarget.form&&A&&oe.key.toLowerCase()==="escape"&&!oe.shiftKey&&(oe.preventDefault(),(X=oe.currentTarget.form)==null||X.reset())},[H,A]),Be={className:ne(Xr.textarea,p?Zu[p]:"",{[Xr.focused]:N,[Xr.disabled]:!O,[Xr.error]:d==="error",[Xr.warning]:d==="warning",[Xr.valid]:d==="valid"}),ref:_,style:$,value:y?t||"":void 0,disabled:!O,autoFocus:v,name:r,placeholder:o,required:a,maxLength:P,"aria-multiline":!0,"aria-readonly":n,readOnly:n,onChange:R,onCopy:D,onFocus:Y,onBlur:j,onKeyDown:Ee,autoComplete:"off"};return p==="both"||p==="horizontal"||p==="vertical"?c.jsx(mr,{ref:S,labelPosition:b,label:E,labelWidth:h,labelBreak:T,required:a,enabled:O,onFocus:f,onBlur:g,style:$,children:c.jsx(Qu,{...Be,style:$,maxRows:U,minRows:Z,rows:W})}):V||!De.isNil(U)||!De.isNil(Z)?c.jsx(mr,{ref:S,labelPosition:b,label:E,labelWidth:h,labelBreak:T,required:a,enabled:O,onFocus:f,onBlur:g,style:$,children:c.jsx(Il,{...Be,style:$,maxRows:U,minRows:Z,rows:W})}):c.jsx(mr,{ref:S,labelPosition:b,label:E,labelWidth:h,labelBreak:T,required:a,enabled:O,onFocus:f,onBlur:g,style:$,children:c.jsx("textarea",{...Be,rows:W})})}),Ye={themeVars:`'{"border-AutoComplete": "var(--xmlui-border-AutoComplete)", "borderHorizontal-AutoComplete": "var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete))", "borderVertical-AutoComplete": "var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete))", "borderLeft-AutoComplete": "var(--xmlui-borderLeft-AutoComplete, var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderRight-AutoComplete": "var(--xmlui-borderRight-AutoComplete, var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderTop-AutoComplete": "var(--xmlui-borderTop-AutoComplete, var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderBottom-AutoComplete": "var(--xmlui-borderBottom-AutoComplete, var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderWidth-AutoComplete": "var(--xmlui-borderWidth-AutoComplete)", "borderHorizontalWidth-AutoComplete": "var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete))", "borderLeftWidth-AutoComplete": "var(--xmlui-borderLeftWidth-AutoComplete, var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderRightWidth-AutoComplete": "var(--xmlui-borderRightWidth-AutoComplete, var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderVerticalWidth-AutoComplete": "var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete))", "borderTopWidth-AutoComplete": "var(--xmlui-borderTopWidth-AutoComplete, var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderBottomWidth-AutoComplete": "var(--xmlui-borderBottomWidth-AutoComplete, var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderStyle-AutoComplete": "var(--xmlui-borderStyle-AutoComplete)", "borderHorizontalStyle-AutoComplete": "var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete))", "borderLeftStyle-AutoComplete": "var(--xmlui-borderLeftStyle-AutoComplete, var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderRightStyle-AutoComplete": "var(--xmlui-borderRightStyle-AutoComplete, var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderVerticalStyle-AutoComplete": "var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete))", "borderTopStyle-AutoComplete": "var(--xmlui-borderTopStyle-AutoComplete, var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderBottomStyle-AutoComplete": "var(--xmlui-borderBottomStyle-AutoComplete, var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderColor-AutoComplete": "var(--xmlui-borderColor-AutoComplete)", "borderHorizontalColor-AutoComplete": "var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete))", "borderLeftColor-AutoComplete": "var(--xmlui-borderLeftColor-AutoComplete, var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderRightColor-AutoComplete": "var(--xmlui-borderRightColor-AutoComplete, var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderVerticalColor-AutoComplete": "var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete))", "borderTopColor-AutoComplete": "var(--xmlui-borderTopColor-AutoComplete, var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderBottomColor-AutoComplete": "var(--xmlui-borderBottomColor-AutoComplete, var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderRadius-start-start-AutoComplete": "var(--xmlui-borderRadius-start-start-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "borderRadius-start-end-AutoComplete": "var(--xmlui-borderRadius-start-end-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "borderRadius-end-start-AutoComplete": "var(--xmlui-borderRadius-end-start-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "borderRadius-end-end-AutoComplete": "var(--xmlui-borderRadius-end-end-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "padding-AutoComplete-badge": "var(--xmlui-padding-AutoComplete-badge)", "paddingHorizontal-AutoComplete-badge": "var(--xmlui-paddingHorizontal-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge))", "paddingVertical-AutoComplete-badge": "var(--xmlui-paddingVertical-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge))", "paddingLeft-AutoComplete-badge": "var(--xmlui-paddingLeft-AutoComplete-badge, var(--xmlui-paddingHorizontal-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "paddingRight-AutoComplete-badge": "var(--xmlui-paddingRight-AutoComplete-badge, var(--xmlui-paddingHorizontal-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "paddingTop-AutoComplete-badge": "var(--xmlui-paddingTop-AutoComplete-badge, var(--xmlui-paddingVertical-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "paddingBottom-AutoComplete-badge": "var(--xmlui-paddingBottom-AutoComplete-badge, var(--xmlui-paddingVertical-AutoComplete-badge, var(--xmlui-padding-AutoComplete-badge)))", "border-AutoComplete-badge": "var(--xmlui-border-AutoComplete-badge)", "borderHorizontal-AutoComplete-badge": "var(--xmlui-borderHorizontal-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge))", "borderVertical-AutoComplete-badge": "var(--xmlui-borderVertical-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge))", "borderLeft-AutoComplete-badge": "var(--xmlui-borderLeft-AutoComplete-badge, var(--xmlui-borderHorizontal-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderRight-AutoComplete-badge": "var(--xmlui-borderRight-AutoComplete-badge, var(--xmlui-borderHorizontal-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderTop-AutoComplete-badge": "var(--xmlui-borderTop-AutoComplete-badge, var(--xmlui-borderVertical-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderBottom-AutoComplete-badge": "var(--xmlui-borderBottom-AutoComplete-badge, var(--xmlui-borderVertical-AutoComplete-badge, var(--xmlui-border-AutoComplete-badge)))", "borderWidth-AutoComplete-badge": "var(--xmlui-borderWidth-AutoComplete-badge)", "borderHorizontalWidth-AutoComplete-badge": "var(--xmlui-borderHorizontalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge))", "borderLeftWidth-AutoComplete-badge": "var(--xmlui-borderLeftWidth-AutoComplete-badge, var(--xmlui-borderHorizontalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderRightWidth-AutoComplete-badge": "var(--xmlui-borderRightWidth-AutoComplete-badge, var(--xmlui-borderHorizontalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderVerticalWidth-AutoComplete-badge": "var(--xmlui-borderVerticalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge))", "borderTopWidth-AutoComplete-badge": "var(--xmlui-borderTopWidth-AutoComplete-badge, var(--xmlui-borderVerticalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderBottomWidth-AutoComplete-badge": "var(--xmlui-borderBottomWidth-AutoComplete-badge, var(--xmlui-borderVerticalWidth-AutoComplete-badge, var(--xmlui-borderWidth-AutoComplete-badge)))", "borderStyle-AutoComplete-badge": "var(--xmlui-borderStyle-AutoComplete-badge)", "borderHorizontalStyle-AutoComplete-badge": "var(--xmlui-borderHorizontalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge))", "borderLeftStyle-AutoComplete-badge": "var(--xmlui-borderLeftStyle-AutoComplete-badge, var(--xmlui-borderHorizontalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderRightStyle-AutoComplete-badge": "var(--xmlui-borderRightStyle-AutoComplete-badge, var(--xmlui-borderHorizontalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderVerticalStyle-AutoComplete-badge": "var(--xmlui-borderVerticalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge))", "borderTopStyle-AutoComplete-badge": "var(--xmlui-borderTopStyle-AutoComplete-badge, var(--xmlui-borderVerticalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderBottomStyle-AutoComplete-badge": "var(--xmlui-borderBottomStyle-AutoComplete-badge, var(--xmlui-borderVerticalStyle-AutoComplete-badge, var(--xmlui-borderStyle-AutoComplete-badge)))", "borderColor-AutoComplete-badge": "var(--xmlui-borderColor-AutoComplete-badge)", "borderHorizontalColor-AutoComplete-badge": "var(--xmlui-borderHorizontalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge))", "borderLeftColor-AutoComplete-badge": "var(--xmlui-borderLeftColor-AutoComplete-badge, var(--xmlui-borderHorizontalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderRightColor-AutoComplete-badge": "var(--xmlui-borderRightColor-AutoComplete-badge, var(--xmlui-borderHorizontalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderVerticalColor-AutoComplete-badge": "var(--xmlui-borderVerticalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge))", "borderTopColor-AutoComplete-badge": "var(--xmlui-borderTopColor-AutoComplete-badge, var(--xmlui-borderVerticalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderBottomColor-AutoComplete-badge": "var(--xmlui-borderBottomColor-AutoComplete-badge, var(--xmlui-borderVerticalColor-AutoComplete-badge, var(--xmlui-borderColor-AutoComplete-badge)))", "borderRadius-start-start-AutoComplete-badge": "var(--xmlui-borderRadius-start-start-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "borderRadius-start-end-AutoComplete-badge": "var(--xmlui-borderRadius-start-end-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "borderRadius-end-start-AutoComplete-badge": "var(--xmlui-borderRadius-end-start-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "borderRadius-end-end-AutoComplete-badge": "var(--xmlui-borderRadius-end-end-AutoComplete-badge, var(--xmlui-borderRadius-AutoComplete-badge))", "Input:borderRadius-AutoComplete-default": "var(--xmlui-borderRadius-AutoComplete-default)", "Input:borderColor-AutoComplete-default": "var(--xmlui-borderColor-AutoComplete-default)", "Input:borderWidth-AutoComplete-default": "var(--xmlui-borderWidth-AutoComplete-default)", "Input:borderStyle-AutoComplete-default": "var(--xmlui-borderStyle-AutoComplete-default)", "Input:fontSize-AutoComplete-default": "var(--xmlui-fontSize-AutoComplete-default)", "Input:backgroundColor-AutoComplete-default": "var(--xmlui-backgroundColor-AutoComplete-default)", "Input:boxShadow-AutoComplete-default": "var(--xmlui-boxShadow-AutoComplete-default)", "Input:textColor-AutoComplete-default": "var(--xmlui-textColor-AutoComplete-default)", "Input:borderColor-AutoComplete-default--hover": "var(--xmlui-borderColor-AutoComplete-default--hover)", "Input:backgroundColor-AutoComplete-default--hover": "var(--xmlui-backgroundColor-AutoComplete-default--hover)", "Input:boxShadow-AutoComplete-default--hover": "var(--xmlui-boxShadow-AutoComplete-default--hover)", "Input:textColor-AutoComplete-default--hover": "var(--xmlui-textColor-AutoComplete-default--hover)", "Input:textColor-placeholder-AutoComplete-default": "var(--xmlui-textColor-placeholder-AutoComplete-default)", "Input:borderRadius-AutoComplete-error": "var(--xmlui-borderRadius-AutoComplete-error)", "Input:borderColor-AutoComplete-error": "var(--xmlui-borderColor-AutoComplete-error)", "Input:borderWidth-AutoComplete-error": "var(--xmlui-borderWidth-AutoComplete-error)", "Input:borderStyle-AutoComplete-error": "var(--xmlui-borderStyle-AutoComplete-error)", "Input:fontSize-AutoComplete-error": "var(--xmlui-fontSize-AutoComplete-error)", "Input:backgroundColor-AutoComplete-error": "var(--xmlui-backgroundColor-AutoComplete-error)", "Input:boxShadow-AutoComplete-error": "var(--xmlui-boxShadow-AutoComplete-error)", "Input:textColor-AutoComplete-error": "var(--xmlui-textColor-AutoComplete-error)", "Input:borderColor-AutoComplete-error--hover": "var(--xmlui-borderColor-AutoComplete-error--hover)", "Input:backgroundColor-AutoComplete-error--hover": "var(--xmlui-backgroundColor-AutoComplete-error--hover)", "Input:boxShadow-AutoComplete-error--hover": "var(--xmlui-boxShadow-AutoComplete-error--hover)", "Input:textColor-AutoComplete-error--hover": "var(--xmlui-textColor-AutoComplete-error--hover)", "Input:textColor-placeholder-AutoComplete-error": "var(--xmlui-textColor-placeholder-AutoComplete-error)", "Input:borderRadius-AutoComplete-warning": "var(--xmlui-borderRadius-AutoComplete-warning)", "Input:borderColor-AutoComplete-warning": "var(--xmlui-borderColor-AutoComplete-warning)", "Input:borderWidth-AutoComplete-warning": "var(--xmlui-borderWidth-AutoComplete-warning)", "Input:borderStyle-AutoComplete-warning": "var(--xmlui-borderStyle-AutoComplete-warning)", "Input:fontSize-AutoComplete-warning": "var(--xmlui-fontSize-AutoComplete-warning)", "Input:backgroundColor-AutoComplete-warning": "var(--xmlui-backgroundColor-AutoComplete-warning)", "Input:boxShadow-AutoComplete-warning": "var(--xmlui-boxShadow-AutoComplete-warning)", "Input:textColor-AutoComplete-warning": "var(--xmlui-textColor-AutoComplete-warning)", "Input:borderColor-AutoComplete-warning--hover": "var(--xmlui-borderColor-AutoComplete-warning--hover)", "Input:backgroundColor-AutoComplete-warning--hover": "var(--xmlui-backgroundColor-AutoComplete-warning--hover)", "Input:boxShadow-AutoComplete-warning--hover": "var(--xmlui-boxShadow-AutoComplete-warning--hover)", "Input:textColor-AutoComplete-warning--hover": "var(--xmlui-textColor-AutoComplete-warning--hover)", "Input:textColor-placeholder-AutoComplete-warning": "var(--xmlui-textColor-placeholder-AutoComplete-warning)", "Input:borderRadius-AutoComplete-success": "var(--xmlui-borderRadius-AutoComplete-success)", "Input:borderColor-AutoComplete-success": "var(--xmlui-borderColor-AutoComplete-success)", "Input:borderWidth-AutoComplete-success": "var(--xmlui-borderWidth-AutoComplete-success)", "Input:borderStyle-AutoComplete-success": "var(--xmlui-borderStyle-AutoComplete-success)", "Input:fontSize-AutoComplete-success": "var(--xmlui-fontSize-AutoComplete-success)", "Input:backgroundColor-AutoComplete-success": "var(--xmlui-backgroundColor-AutoComplete-success)", "Input:boxShadow-AutoComplete-success": "var(--xmlui-boxShadow-AutoComplete-success)", "Input:textColor-AutoComplete-success": "var(--xmlui-textColor-AutoComplete-success)", "Input:borderColor-AutoComplete-success--hover": "var(--xmlui-borderColor-AutoComplete-success--hover)", "Input:backgroundColor-AutoComplete-success--hover": "var(--xmlui-backgroundColor-AutoComplete-success--hover)", "Input:boxShadow-AutoComplete-success--hover": "var(--xmlui-boxShadow-AutoComplete-success--hover)", "Input:textColor-AutoComplete-success--hover": "var(--xmlui-textColor-AutoComplete-success--hover)", "Input:textColor-placeholder-AutoComplete-success": "var(--xmlui-textColor-placeholder-AutoComplete-success)", "Input:backgroundColor-AutoComplete--disabled": "var(--xmlui-backgroundColor-AutoComplete--disabled)", "Input:textColor-AutoComplete--disabled": "var(--xmlui-textColor-AutoComplete--disabled)", "Input:borderColor-AutoComplete--disabled": "var(--xmlui-borderColor-AutoComplete--disabled)", "Input:outlineWidth-AutoComplete--focus": "var(--xmlui-outlineWidth-AutoComplete--focus)", "Input:outlineColor-AutoComplete--focus": "var(--xmlui-outlineColor-AutoComplete--focus)", "Input:outlineStyle-AutoComplete--focus": "var(--xmlui-outlineStyle-AutoComplete--focus)", "Input:outlineOffset-AutoComplete--focus": "var(--xmlui-outlineOffset-AutoComplete--focus)", "Input:fontSize-AutoComplete-badge": "var(--xmlui-fontSize-AutoComplete-badge)", "Input:backgroundColor-AutoComplete-badge": "var(--xmlui-backgroundColor-AutoComplete-badge)", "Input:textColor-AutoComplete-badge": "var(--xmlui-textColor-AutoComplete-badge)", "Input:backgroundColor-AutoComplete-badge--hover": "var(--xmlui-backgroundColor-AutoComplete-badge--hover)", "Input:textColor-AutoComplete-badge--hover": "var(--xmlui-textColor-AutoComplete-badge--hover)", "Input:backgroundColor-AutoComplete-badge--active": "var(--xmlui-backgroundColor-AutoComplete-badge--active)", "Input:textColor-AutoComplete-badge--active": "var(--xmlui-textColor-AutoComplete-badge--active)", "Input:textColor-placeholder-AutoComplete": "var(--xmlui-textColor-placeholder-AutoComplete)", "Input:backgroundColor-menu-AutoComplete": "var(--xmlui-backgroundColor-menu-AutoComplete)", "Input:borderRadius-menu-AutoComplete": "var(--xmlui-borderRadius-menu-AutoComplete)", "Input:boxShadow-menu-AutoComplete": "var(--xmlui-boxShadow-menu-AutoComplete)", "backgroundColor-item-AutoComplete": "var(--xmlui-backgroundColor-item-AutoComplete)", "backgroundColor-item-AutoComplete--hover": "var(--xmlui-backgroundColor-item-AutoComplete--hover)", "textColor-item-AutoComplete--disabled": "var(--xmlui-textColor-item-AutoComplete--disabled)"}'`,command:"_command_zl2iy_13",badgeListWrapper:"_badgeListWrapper_zl2iy_20",error:"_error_zl2iy_43",warning:"_warning_zl2iy_62",valid:"_valid_zl2iy_81",disabled:"_disabled_zl2iy_100",focused:"_focused_zl2iy_107",badgeList:"_badgeList_zl2iy_20",badge:"_badge_zl2iy_20",commandInput:"_commandInput_zl2iy_172",actions:"_actions_zl2iy_188",autoCompleteEmpty:"_autoCompleteEmpty_zl2iy_194",commandList:"_commandList_zl2iy_204","fade-in":"_fade-in_zl2iy_1",autoCompleteOption:"_autoCompleteOption_zl2iy_217"},An=u.createContext({value:null,onChange:e=>{},optionRenderer:e=>c.jsx("div",{children:e.label}),inputValue:"",options:new Set});function Nn(){return u.useContext(An)}function Ju(e){return c.jsx("div",{children:e.label})}function Ku(e,r){return r.some(t=>Array.from(e).some(o=>o.value===t.value||o.label===t.label))}const ec=u.forwardRef(function({id:r,initialValue:t,value:o,enabled:a=!0,placeholder:n,updateState:i=ie,validationStatus:l="none",onDidChange:d=ie,onFocus:v=ie,onBlur:x=ie,registerComponentApi:p,optionRenderer:C=Ju,emptyListTemplate:f,style:g,children:y,autoFocus:H=!1,dropdownHeight:A,multi:$=!1,label:L,labelPosition:V,labelWidth:U,labelBreak:Z,required:P=!1},W){const[O,E]=u.useState(null),b=u.useRef(null),[h,T]=u.useState(!1),S=u.useRef(null),[_,G]=u.useState(new Set),[z,N]=u.useState(""),{root:I}=Fr(),[M,R]=u.useState(0),D=u.useRef();u.useEffect(()=>{t!==void 0&&i({value:t||[]},{initial:!0})},[t,i]),u.useEffect(()=>{var le;const F=O;return(le=D.current)==null||le.disconnect(),F&&(D.current=new ResizeObserver(()=>R(F.clientWidth)),D.current.observe(F)),()=>{var $e;($e=D.current)==null||$e.disconnect()}},[O]);const Y=u.useCallback(F=>{if($?N(""):T(!0),F==="")return;const le=$?Array.isArray(o)?o.includes(F)?o.filter($e=>$e!==F):[...o,F]:[F]:F===o?null:F;i({value:le}),d(le)},[$,o,i,d]);u.useEffect(()=>{var F;$||N(((F=Array.from(_).find(le=>le.value===o))==null?void 0:F.labelText)||"")},[$,_,o]);const j=u.useCallback(()=>{const F=$?[]:"";N(""),i({value:F}),d(F)},[$,i,d]),J=u.useCallback(F=>{G(le=>new Set(le).add(F))},[]),K=u.useCallback(F=>{G(le=>{const $e=new Set(le);return $e.delete(F),$e})},[]),ce=F=>{S.current&&!S.current.contains(F.target)&&b.current&&!b.current.contains(F.target)&&(T(!1),b.current.blur())};u.useEffect(()=>(h?(document.addEventListener("mousedown",ce),document.addEventListener("touchend",ce)):(document.removeEventListener("mousedown",ce),document.removeEventListener("touchend",ce)),()=>{document.removeEventListener("mousedown",ce),document.removeEventListener("touchend",ce)}),[h]);const Ee=u.useMemo(()=>f??c.jsxs("div",{className:Ye.autoCompleteEmpty,children:[c.jsx(be,{name:"noresult"}),c.jsx("span",{children:"List is empty"})]}),[f]),Be=u.useCallback(()=>{var F;(F=b==null?void 0:b.current)==null||F.focus()},[b]),oe=ke(F=>{i({value:Array.isArray(F)?F:[F]})});u.useEffect(()=>{p==null||p({focus:Be,setValue:oe})},[Be,p,oe]);const re=u.useMemo(()=>({onOptionAdd:J,onOptionRemove:K}),[J,K]),X=u.useMemo(()=>({multi:$,value:o,onChange:Y,optionRenderer:C,options:_,inputValue:z}),[z,$,C,_,Y,o]);return c.jsx(An.Provider,{value:X,children:c.jsx(Mo,{Component:In,children:c.jsxs(Oa.Provider,{value:re,children:[y,c.jsx(mr,{ref:W,labelPosition:V,label:L,labelWidth:U,labelBreak:Z,required:P,enabled:a,onFocus:v,onBlur:x,style:g,children:c.jsx(gt.Popover,{open:h,children:c.jsxs(sr.Command,{ref:S,className:Ye.command,filter:(F,le,$e)=>(F+" "+$e.join(" ")).toLowerCase().includes(le.toLowerCase())?1:0,children:[c.jsx(gt.PopoverTrigger,{style:{width:"100%"},children:c.jsxs("div",{ref:E,onClick:()=>{var F;a&&((F=b==null?void 0:b.current)==null||F.focus())},style:g,className:ne(Ye.badgeListWrapper,Ye[l],{[Ye.disabled]:!a,[Ye.focused]:document.activeElement===b.current}),children:[$?c.jsxs("div",{className:Ye.badgeList,children:[Array.isArray(o)&&o.map(F=>{var le;return c.jsxs("span",{className:Ye.badge,children:[(le=Array.from(_).find($e=>$e.value===F))==null?void 0:le.label,c.jsx(be,{name:"close",size:"sm",onClick:$e=>{$e.stopPropagation(),Y(F)}})]},F)}),c.jsx(sr.CommandInput,{id:r,autoFocus:H,ref:b,value:z,disabled:!a,onValueChange:F=>{T(!0),N(F)},onFocus:()=>{T(!0),v()},onBlur:()=>{T(!1),x()},placeholder:n,className:Ye.commandInput})]}):c.jsx(sr.CommandInput,{id:r,autoFocus:H,ref:b,value:z,disabled:!a,onValueChange:F=>{T(!0),N(F)},onFocus:()=>{T(!0),v()},onBlur:()=>{T(!1),x()},placeholder:n,className:Ye.commandInput}),c.jsxs("div",{className:Ye.actions,children:[(o==null?void 0:o.length)>0&&a&&c.jsx("button",{onClick:F=>{F.stopPropagation(),j()},children:c.jsx(be,{name:"close"})}),c.jsx("button",{onClick:()=>T(!0),children:c.jsx(be,{name:"chevrondown"})})]})]})}),h&&c.jsx(gt.Portal,{container:I,children:c.jsx(gt.PopoverContent,{asChild:!0,style:{width:M,height:A},className:Ye.popoverContent,align:"start",onOpenAutoFocus:F=>F.preventDefault(),children:c.jsxs(sr.CommandList,{className:Ye.commandList,onMouseUp:()=>{var F;(F=b==null?void 0:b.current)==null||F.focus()},style:{height:A},children:[c.jsx(sr.CommandEmpty,{children:Ee}),c.jsx(rc,{}),c.jsx(sr.CommandGroup,{children:Array.from(_).map(({value:F,label:le,enabled:$e,keywords:Et,labelText:Ge})=>c.jsx(tc,{value:F,label:le,enabled:$e,keywords:Et,labelText:Ge},F))})]})})})]})})})]})})})});function rc(){const{value:e,options:r,inputValue:t,onChange:o}=Nn(),{onOptionAdd:a}=Wa();if(Ku(r,[{value:t,label:t}])||Array.isArray(e)&&(e!=null&&e.find(i=>i===t))||t===e)return c.jsx("span",{style:{display:"none"}});const n=c.jsx(sr.CommandItem,{value:t,className:Ye.autoCompleteOption,onMouseDown:i=>{i.preventDefault(),i.stopPropagation()},onSelect:i=>{a({value:i,label:i,enabled:!0,labelText:i}),o(i)},children:`Create "${t}"`});return t.length>0?n:c.jsx("span",{style:{display:"none"}})}function tc({value:e,label:r,enabled:t=!0,keywords:o}){const a=u.useId(),{value:n,onChange:i,optionRenderer:l,multi:d}=Nn(),v=d?n==null?void 0:n.includes(e):n===e;return c.jsxs(sr.CommandItem,{id:a,disabled:!t,value:`${e}`,className:Ye.autoCompleteOption,onMouseDown:x=>{x.preventDefault(),x.stopPropagation()},onSelect:()=>{i(e)},"data-state":v?"checked":void 0,keywords:o,children:[l({label:r,value:e}),v&&c.jsx(be,{name:"checkmark"})]},a)}const Qr={themeVars:`'{"Input:backgroundColor-track-Slider": "var(--xmlui-backgroundColor-track-Slider)", "Input:borderRadius-Slider-default": "var(--xmlui-borderRadius-Slider-default)", "Input:borderColor-Slider-default": "var(--xmlui-borderColor-Slider-default)", "Input:borderWidth-Slider-default": "var(--xmlui-borderWidth-Slider-default)", "Input:borderStyle-Slider-default": "var(--xmlui-borderStyle-Slider-default)", "Input:boxShadow-Slider-default": "var(--xmlui-boxShadow-Slider-default)", "Input:borderColor-Slider-default--hover": "var(--xmlui-borderColor-Slider-default--hover)", "Input:boxShadow-Slider-default--hover": "var(--xmlui-boxShadow-Slider-default--hover)", "Input:borderColor-Slider-default--focus": "var(--xmlui-borderColor-Slider-default--focus)", "Input:boxShadow-Slider-default--focus": "var(--xmlui-boxShadow-Slider-default--focus)", "Input:borderRadius-Slider-error": "var(--xmlui-borderRadius-Slider-error)", "Input:borderColor-Slider-error": "var(--xmlui-borderColor-Slider-error)", "Input:borderWidth-Slider-error": "var(--xmlui-borderWidth-Slider-error)", "Input:borderStyle-Slider-error": "var(--xmlui-borderStyle-Slider-error)", "Input:boxShadow-Slider-error": "var(--xmlui-boxShadow-Slider-error)", "Input:borderColor-Slider-error--hover": "var(--xmlui-borderColor-Slider-error--hover)", "Input:boxShadow-Slider-error--hover": "var(--xmlui-boxShadow-Slider-error--hover)", "Input:borderColor-Slider-error--focus": "var(--xmlui-borderColor-Slider-error--focus)", "Input:boxShadow-Slider-error--focus": "var(--xmlui-boxShadow-Slider-error--focus)", "Input:borderRadius-Slider-warning": "var(--xmlui-borderRadius-Slider-warning)", "Input:borderColor-Slider-warning": "var(--xmlui-borderColor-Slider-warning)", "Input:borderWidth-Slider-warning": "var(--xmlui-borderWidth-Slider-warning)", "Input:borderStyle-Slider-warning": "var(--xmlui-borderStyle-Slider-warning)", "Input:boxShadow-Slider-warning": "var(--xmlui-boxShadow-Slider-warning)", "Input:borderColor-Slider-warning--hover": "var(--xmlui-borderColor-Slider-warning--hover)", "Input:boxShadow-Slider-warning--hover": "var(--xmlui-boxShadow-Slider-warning--hover)", "Input:borderColor-Slider-warning--focus": "var(--xmlui-borderColor-Slider-warning--focus)", "Input:boxShadow-Slider-warning--focus": "var(--xmlui-boxShadow-Slider-warning--focus)", "Input:borderRadius-Slider-success": "var(--xmlui-borderRadius-Slider-success)", "Input:borderColor-Slider-success": "var(--xmlui-borderColor-Slider-success)", "Input:borderWidth-Slider-success": "var(--xmlui-borderWidth-Slider-success)", "Input:borderStyle-Slider-success": "var(--xmlui-borderStyle-Slider-success)", "Input:boxShadow-Slider-success": "var(--xmlui-boxShadow-Slider-success)", "Input:borderColor-Slider-success--hover": "var(--xmlui-borderColor-Slider-success--hover)", "Input:boxShadow-Slider-success--hover": "var(--xmlui-boxShadow-Slider-success--hover)", "Input:borderColor-Slider-success--focus": "var(--xmlui-borderColor-Slider-success--focus)", "Input:boxShadow-Slider-success--focus": "var(--xmlui-boxShadow-Slider-success--focus)", "Input:backgroundColor-track-Slider--disabled": "var(--xmlui-backgroundColor-track-Slider--disabled)", "Input:backgroundColor-range-Slider": "var(--xmlui-backgroundColor-range-Slider)", "Input:backgroundColor-range-Slider--disabled": "var(--xmlui-backgroundColor-range-Slider--disabled)", "Input:borderWidth-thumb-Slider": "var(--xmlui-borderWidth-thumb-Slider)", "Input:borderStyle-thumb-Slider": "var(--xmlui-borderStyle-thumb-Slider)", "Input:borderColor-thumb-Slider": "var(--xmlui-borderColor-thumb-Slider)", "Input:backgroundColor-thumb-Slider": "var(--xmlui-backgroundColor-thumb-Slider)", "Input:boxShadow-thumb-Slider": "var(--xmlui-boxShadow-thumb-Slider)"}'`,sliderRoot:"_sliderRoot_1irri_13",sliderTrack:"_sliderTrack_1irri_22",error:"_error_1irri_43",warning:"_warning_1irri_58",valid:"_valid_1irri_73",sliderRange:"_sliderRange_1irri_92",sliderThumb:"_sliderThumb_1irri_101"},On=u.forwardRef(({style:e,step:r=1,min:t,max:o,inverted:a,updateState:n,onDidChange:i=ie,onFocus:l=ie,onBlur:d=ie,registerComponentApi:v,enabled:x=!0,value:p,autoFocus:C,readOnly:f,tabIndex:g=-1,label:y,labelPosition:H,labelWidth:A,labelBreak:$,required:L,validationStatus:V="none",initialValue:U,minStepsBetweenThumbs:Z,rangeStyle:P,thumbStyle:W},O)=>{const E=u.useRef(null),[b,h]=u.useState([]);u.useEffect(()=>{typeof p=="object"?h(p):typeof p=="number"&&h([p])},[p]),u.useEffect(()=>{n({value:U},{initial:!0})},[U,n]);const T=u.useCallback(I=>{n({value:I}),i(I)},[i,n]),S=u.useCallback(I=>{I.length>1?T(I):I.length===1&&T(I[0])},[T]),_=u.useCallback(()=>{l==null||l()},[l]),G=u.useCallback(()=>{d==null||d()},[d]),z=u.useCallback(()=>{var I;(I=E.current)==null||I.focus()},[]),N=ke(I=>{T(I)});return u.useEffect(()=>{v==null||v({focus:z,setValue:N})},[z,v,N]),c.jsx(mr,{labelPosition:H,label:y,labelWidth:A,labelBreak:$,required:L,enabled:x,onFocus:l,onBlur:d,style:e,ref:O,children:c.jsxs(mo.Root,{minStepsBetweenThumbs:Z,ref:E,tabIndex:g,"aria-readonly":f,className:ne(Qr.sliderRoot),style:e,max:o,min:t,inverted:a,step:r,disabled:!x,onFocus:_,onBlur:G,onValueChange:S,"aria-required":L,value:b,autoFocus:C,children:[c.jsx(mo.Track,{className:ne(Qr.sliderTrack,{[Qr.disabled]:!x,[Qr.readOnly]:f,[Qr.error]:V==="error",[Qr.warning]:V==="warning",[Qr.valid]:V==="valid"}),children:c.jsx(mo.Range,{className:Qr.sliderRange,style:P})}),b==null?void 0:b.map((I,M)=>c.jsx(mo.Thumb,{className:Qr.sliderThumb,style:W},M))]})})});On.displayName=mo.Root.displayName;const eo={themeVars:`'{"Input:backgroundColor-ColorPicker": "var(--xmlui-backgroundColor-ColorPicker)", "Input:borderRadius-ColorPicker-default": "var(--xmlui-borderRadius-ColorPicker-default)", "Input:borderColor-ColorPicker-default": "var(--xmlui-borderColor-ColorPicker-default)", "Input:borderWidth-ColorPicker-default": "var(--xmlui-borderWidth-ColorPicker-default)", "Input:borderStyle-ColorPicker-default": "var(--xmlui-borderStyle-ColorPicker-default)", "Input:boxShadow-ColorPicker-default": "var(--xmlui-boxShadow-ColorPicker-default)", "Input:borderColor-ColorPicker-default--hover": "var(--xmlui-borderColor-ColorPicker-default--hover)", "Input:boxShadow-ColorPicker-default--hover": "var(--xmlui-boxShadow-ColorPicker-default--hover)", "Input:borderColor-ColorPicker-default--focus": "var(--xmlui-borderColor-ColorPicker-default--focus)", "Input:boxShadow-ColorPicker-default--focus": "var(--xmlui-boxShadow-ColorPicker-default--focus)", "Input:borderRadius-ColorPicker-error": "var(--xmlui-borderRadius-ColorPicker-error)", "Input:borderColor-ColorPicker-error": "var(--xmlui-borderColor-ColorPicker-error)", "Input:borderWidth-ColorPicker-error": "var(--xmlui-borderWidth-ColorPicker-error)", "Input:borderStyle-ColorPicker-error": "var(--xmlui-borderStyle-ColorPicker-error)", "Input:boxShadow-ColorPicker-error": "var(--xmlui-boxShadow-ColorPicker-error)", "Input:borderColor-ColorPicker-error--hover": "var(--xmlui-borderColor-ColorPicker-error--hover)", "Input:boxShadow-ColorPicker-error--hover": "var(--xmlui-boxShadow-ColorPicker-error--hover)", "Input:borderColor-ColorPicker-error--focus": "var(--xmlui-borderColor-ColorPicker-error--focus)", "Input:boxShadow-ColorPicker-error--focus": "var(--xmlui-boxShadow-ColorPicker-error--focus)", "Input:borderRadius-ColorPicker-warning": "var(--xmlui-borderRadius-ColorPicker-warning)", "Input:borderColor-ColorPicker-warning": "var(--xmlui-borderColor-ColorPicker-warning)", "Input:borderWidth-ColorPicker-warning": "var(--xmlui-borderWidth-ColorPicker-warning)", "Input:borderStyle-ColorPicker-warning": "var(--xmlui-borderStyle-ColorPicker-warning)", "Input:boxShadow-ColorPicker-warning": "var(--xmlui-boxShadow-ColorPicker-warning)", "Input:borderColor-ColorPicker-warning--hover": "var(--xmlui-borderColor-ColorPicker-warning--hover)", "Input:boxShadow-ColorPicker-warning--hover": "var(--xmlui-boxShadow-ColorPicker-warning--hover)", "Input:borderColor-ColorPicker-warning--focus": "var(--xmlui-borderColor-ColorPicker-warning--focus)", "Input:boxShadow-ColorPicker-warning--focus": "var(--xmlui-boxShadow-ColorPicker-warning--focus)", "Input:borderRadius-ColorPicker-success": "var(--xmlui-borderRadius-ColorPicker-success)", "Input:borderColor-ColorPicker-success": "var(--xmlui-borderColor-ColorPicker-success)", "Input:borderWidth-ColorPicker-success": "var(--xmlui-borderWidth-ColorPicker-success)", "Input:borderStyle-ColorPicker-success": "var(--xmlui-borderStyle-ColorPicker-success)", "Input:boxShadow-ColorPicker-success": "var(--xmlui-boxShadow-ColorPicker-success)", "Input:borderColor-ColorPicker-success--hover": "var(--xmlui-borderColor-ColorPicker-success--hover)", "Input:boxShadow-ColorPicker-success--hover": "var(--xmlui-boxShadow-ColorPicker-success--hover)", "Input:borderColor-ColorPicker-success--focus": "var(--xmlui-borderColor-ColorPicker-success--focus)", "Input:boxShadow-ColorPicker-success--focus": "var(--xmlui-boxShadow-ColorPicker-success--focus)"}'`,colorInput:"_colorInput_ays9f_13",error:"_error_ays9f_41",warning:"_warning_ays9f_56",valid:"_valid_ays9f_71"},yo={initialValue:"",value:"",enabled:!0,validationStatus:"none"},Wn=u.forwardRef(({style:e,updateState:r,onDidChange:t=ie,onFocus:o=ie,onBlur:a=ie,registerComponentApi:n,enabled:i=yo.enabled,value:l=yo.value,autoFocus:d,tabIndex:v=-1,label:x,labelPosition:p,labelWidth:C,labelBreak:f,required:g,validationStatus:y=yo.validationStatus,initialValue:H=yo.initialValue},A)=>{const $=u.useRef(null),L=u.useCallback(O=>{r({value:O}),t(O)},[t,r]),V=u.useCallback(O=>{L(O.target.value)},[L]);u.useEffect(()=>{r({value:H},{initial:!0})},[H,r]);const U=u.useCallback(()=>{o==null||o()},[o]),Z=u.useCallback(()=>{a==null||a()},[a]),P=u.useCallback(()=>{var O;(O=$.current)==null||O.focus()},[]),W=ke(O=>{L(O)});return u.useEffect(()=>{n==null||n({focus:P,setValue:W})},[P,n,W]),c.jsx(mr,{labelPosition:p,label:x,labelWidth:C,labelBreak:f,required:g,enabled:i,onFocus:o,onBlur:a,style:e,ref:A,children:c.jsx("input",{className:ne(eo.colorInput,{[eo.disabled]:!i,[eo.error]:y==="error",[eo.warning]:y==="warning",[eo.valid]:y==="valid"}),disabled:!i,onFocus:U,onChange:V,autoFocus:d,onBlur:Z,required:g,type:"color",inputMode:"text",ref:$,value:l,tabIndex:v})})});Wn.displayName="ColorPicker";const ko={helper:"_helper_1qbfk_13",helperText:"_helperText_1qbfk_24",valid:"_valid_1qbfk_29",error:"_error_1qbfk_34",warning:"_warning_1qbfk_39"};var Vn={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},En=u.createContext&&u.createContext(Vn),ct=function(){return ct=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++){r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},ct.apply(this,arguments)},oc=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]]);return t};function zn(e){return e&&e.map(function(r,t){return u.createElement(r.tag,ct({key:t},r.attr),zn(r.child))})}function ro(e){return function(r){return u.createElement(ac,ct({attr:ct({},e.attr)},r),zn(e.child))}}function ac(e){var r=function(t){var o=e.attr,a=e.size,n=e.title,i=oc(e,["attr","size","title"]),l=a||t.size||"1em",d;return t.className&&(d=t.className),e.className&&(d=(d?d+" ":"")+e.className),u.createElement("svg",ct({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,i,{className:d,style:ct(ct({color:e.color||t.color},t.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),n&&u.createElement("title",null,n),e.children)};return En!==void 0?u.createElement(En.Consumer,null,function(t){return r(t)}):r(Vn)}function ic(e){return ro({attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M464 720a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8zm475.7 440l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zm-783.5-27.9L512 239.9l339.8 588.2H172.2z"}}]})(e)}const nc=e=>c.jsx(ic,{...e});function lc(e){return ro({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z"}},{tag:"path",attr:{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}}]})(e)}const sc=e=>c.jsx(lc,{...e}),Pn=({text:e="",status:r,style:t})=>{const o=()=>{if(r==="warning")return c.jsx(nc,{color:"var(--xmlui-color-warning)"});if(r==="error")return c.jsx(sc,{color:"var(--xmlui-color-error)"})};return c.jsxs("div",{style:t,className:ne(ko.helper,{[ko.valid]:r==="valid",[ko.warning]:r==="warning",[ko.error]:r==="error"}),children:[r&&c.jsx("div",{style:{flexShrink:0},children:o()}),e&&c.jsx("div",{className:ko.helperText,children:e})]})},dc={checkbox:"end"},At={type:"text",labelBreak:!0,enabled:!0,customValidationsDebounce:0};u.memo(function({style:r,bindTo:t,type:o=At.type,label:a,enabled:n=At.enabled,labelPosition:i,labelWidth:l,labelBreak:d=At.labelBreak,children:v,validations:x,onValidate:p,customValidationsDebounce:C=At.customValidationsDebounce,validationMode:f,registerComponentApi:g,maxTextLength:y,inputRenderer:H,...A}){const $=et(I=>l||I.itemLabelWidth),L=et(I=>d!==void 0?d:I.itemLabelBreak),V=et(I=>i||I.itemLabelPosition||dc[o]),U=et(I=>on(I.originalSubject,t)),Z=U===void 0?A.initialValue:U,P=et(I=>on(I.subject,t)),W=et(I=>I.validationResults[t]),O=et(I=>I.dispatch),E=et(I=>I.enabled),b=n&&E;u.useEffect(()=>{O(Hd(t,Z))},[t,O,Z]),iu(x,p,P,O,t,C);const h=u.useCallback(({value:I},M)=>{M!=null&&M.initial||O($d(t,I))},[t,O]);u.useEffect(()=>()=>{O(Ld(t))},[t,O]);const{validationStatus:T,isHelperTextShown:S}=nu(t,P,W,f);let _=null;switch(o){case"select":{_=c.jsx(Fu,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,children:v});break}case"autocomplete":{_=c.jsx(ec,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,children:v});break}case"datePicker":{_=c.jsx(rd,{...A,value:P,updateState:h,enabled:b,validationStatus:T});break}case"radioGroup":{_=c.jsx(qu,{...A,value:P,updateState:h,enabled:b,validationStatus:T,children:v});break}case"number":case"integer":{_=c.jsx(Hu,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,integersOnly:o==="integer",validationStatus:T,min:x.minValue,max:x.maxValue,maxLength:y??(x==null?void 0:x.maxLength)});break}case"switch":case"checkbox":{_=c.jsx(fa,{...A,value:P,updateState:h,enabled:b,validationStatus:T,variant:o,inputRenderer:H});break}case"file":{_=c.jsx(ud,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,multiple:vu(A.multiple,!1)});break}case"text":{_=c.jsx(pa,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,maxLength:y??(x==null?void 0:x.maxLength)});break}case"password":{_=c.jsx(pa,{...A,type:"password",value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,maxLength:y??(x==null?void 0:x.maxLength)});break}case"textarea":{_=c.jsx(ju,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,maxLength:y??(x==null?void 0:x.maxLength)});break}case"slider":{_=c.jsx(On,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T,min:x.minValue,max:x.maxValue});break}case"colorpicker":{_=c.jsx(Wn,{...A,value:P,updateState:h,registerComponentApi:g,enabled:b,validationStatus:T});break}case"custom":{_=v;break}default:{console.warn(`unknown form item type ${o}`),_=c.jsx("div",{children:P});break}}const G=ke(()=>{O(Id(t))}),z=ke(()=>{O(Bd(t))}),[N]=Ia({duration:100});return c.jsx(mr,{labelPosition:V,label:a,labelWidth:$,labelBreak:L,enabled:b,required:x.required,validationInProgress:W==null?void 0:W.partial,onFocus:G,onBlur:z,style:r,validationResult:c.jsx("div",{ref:N,children:S&&(W==null?void 0:W.validations.map((I,M)=>c.jsxs(u.Fragment,{children:[I.isValid&&!!I.validMessage&&c.jsx(Pn,{text:I.validMessage,status:"valid",style:{opacity:I.stale?.5:void 0}}),!I.isValid&&!!I.invalidMessage&&c.jsx(Pn,{text:I.invalidMessage,status:I.severity,style:{opacity:I.stale?.5:void 0}})]},M)))}),children:_})});const to="FormItem",Fo=eu.filter(e=>e!=="none"),uc=k({status:"experimental",description:`A \`${to}\` component represents a single input element within a \`Form\`. The value within the \`${to}\` may be associated with a particular property within the encapsulating \`Form\` component's data.`,props:{bindTo:{description:"This property binds a particular input field to one of the attributes of the `Form` data. It names the property of the form's `data` data to get the input's initial value.When the field is saved, its value will be stored in the `data` property with this name."},autoFocus:Qe(),label:Pe(),labelPosition:Lr(),labelWidth:m("This property sets the width of the item label."),labelBreak:{description:"This boolean value indicates if the label can be split into multiple lines if it would overflow the available label width.",type:"boolean",defaultValue:At.labelBreak},enabled:Ue(),type:{description:"This property is used to determine the specific input control the FormItem will wrap around. Note that the control names start with a lowercase letter and map to input components found in XMLUI.",availableValues:tu,defaultValue:At.type,valueType:"string"},customValidationsDebounce:{description:"This optional number prop determines the time interval between two runs of a custom validation.",type:"number",defaultValue:At.customValidationsDebounce},validationMode:{description:"This property sets what kind of validation mode or strategy to employ for a particular input field.",availableValues:ru,defaultValue:Yi},initialValue:cr(),required:Sr(),requiredInvalidMessage:{description:"This optional string property is used to customize the message that is displayed if the field is not filled in.",valueType:"string"},minLength:{description:"Checks whether the input has a minimum length of a specified value.",valueType:"number"},maxLength:{description:"Checks whether the input has a maximum length of a specified value.",valueType:"number"},maxTextLength:{description:"The maximum length of the text in the input field",valueType:"number"},lengthInvalidMessage:{description:"This optional string property is used to customize the message that is displayed on a failed length check: [minLength](#minlength) or [maxLength](#maxlength).",valueType:"string"},lengthInvalidSeverity:{description:"This property sets the severity level of the length validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},minValue:{description:"Checks whether the input has the minimum specified value.",valueType:"number"},maxValue:{description:"Checks whether the input has the maximum specified value.",valueType:"number"},rangeInvalidMessage:{description:"This optional string property is used to customize the message that is displayed when a value is out of range.",valueType:"string"},rangeInvalidSeverity:{description:"This property sets the severity level of the value range validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},pattern:{description:"Checks whether the input fits a predefined regular expression.",valueType:"string"},patternInvalidMessage:{description:"This optional string property is used to customize the message that is displayed on a failed pattern test.",valueType:"string"},patternInvalidSeverity:{description:"This property sets the severity level of the pattern validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},regex:{description:"Checks whether the input fits the provided regular expression.",valueType:"string"},regexInvalidMessage:{description:"This optional string property is used to customize the message that is displayed on a failed regular expression test.",valueType:"string"},regexInvalidSeverity:{description:"This property sets the severity level of regular expression validation.",valueType:"string",availableValues:Fo,defaultValue:"error"},inputTemplate:{description:"This property is used to define a custom input template."}},events:{validate:m("This event is used to define a custom validation function.")},contextVars:{$value:m(`The context variable represents the current value of the \`${to}\`. It can be used in expressions and code snippets within the \`${to}\` instance.`),$setValue:m(`This function can be invoked to set the \`${to}\` instance's value. The function has a single argument, the new value to set.`),$validationResult:m(`This variable represents the result of the latest validation of the \`${to}\` instance.`)},themeVars:Q(wr.themeVars),defaultThemeVars:{"textColor-FormItemLabel":"$textColor-primary","fontSize-FormItemLabel":"$fontSize-small","fontWeight-FormItemLabel":"$fontWeight-medium","fontStyle-FormItemLabel":"normal","textTransform-FormItemLabel":"none","textColor-FormItemLabel-requiredMark":"$color-danger-400"}}),Wr="Heading",Nt=m(`This property determines the text displayed in the heading. \`${Wr}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`),Ot=m("This property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified."),cc={description:"This property indicates whether ellipses should be displayed (`true`) when the heading text is cropped or not (`false`).",type:"boolean",defaultValue:ba.ellipses},mc=m("This property indicates whether linebreaks should be preserved when displaying text."),oo=e=>`Represents a heading level ${e} text`,Wt={description:"If true, this heading will be excluded from the table of contents.",type:"boolean",defaultValue:ba.omitFromToc},pc=k({description:"Represents a heading text",props:{value:Nt,level:{description:"This property sets the visual significance (level) of the heading.",availableValues:["h1","h2","h3","h4","h5","h6"],defaultValue:ba.level},maxLines:Ot,ellipses:cc,preserveLinebreaks:mc,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontFamily-${Wr}`]:"$fontFamily",[`textColor-${Wr}`]:"inherit",[`fontWeight-${Wr}`]:"$fontWeight-bold",[`letterSpacing-${Wr} `]:"0",light:{},dark:{}}}),Va="H1",hc=k({description:oo(1),specializedFrom:Wr,props:{value:Nt,maxLines:Ot,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontSize-${Va}`]:"$fontSize-large",[`marginTop-${Va}`]:"0",[`marginBottom-${Va}`]:"0",light:{},dark:{}}}),Ea="H2",xc=k({description:oo(2),specializedFrom:Wr,props:{value:Nt,maxLines:Ot,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontSize-${Ea}`]:"$fontSize-medium",[`marginTop-${Ea}`]:"0",[`marginBottom-${Ea}`]:"0",light:{},dark:{}}}),za="H3",bc=k({description:oo(3),specializedFrom:Wr,props:{value:Nt,maxLines:Ot,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontSize-${za}`]:"$fontSize-normal",[`marginTop-${za}`]:"0",[`marginBottom-${za}`]:"0",light:{},dark:{}}}),Pa="H4",fc=k({description:oo(4),specializedFrom:Wr,props:{value:Nt,maxLines:Ot,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontSize-${Pa}`]:"$fontSize-small",[`marginTop-${Pa}`]:"0",[`marginBottom-${Pa}`]:"0",light:{},dark:{}}}),Da="H5",vc=k({description:oo(5),specializedFrom:Wr,props:{value:Nt,maxLines:Ot,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontSize-${Da}`]:"$fontSize-smaller",[`marginTop-${Da}`]:"0",[`marginBottom-${Da}`]:"0",light:{},dark:{}}}),Ma="H6",gc=k({description:oo(6),specializedFrom:Wr,props:{value:Nt,maxLines:Ot,omitFromToc:Wt},themeVars:Q($r.themeVars),defaultThemeVars:{[`fontSize-${Ma}`]:"$fontSize-tiny",[`marginTop-${Ma}`]:"0",[`marginBottom-${Ma}`]:"0",light:{},dark:{}}}),Tc=k({status:"deprecated",description:"(**OBSOLETE**) This component displays some content when its parent component is hovered.",props:{triggerTemplate:Ae("The component that opens the hover card when hovered.")}}),Dn="Icon",Cc=k({status:"experimental",description:"This component is the representation of an icon.",props:{name:m("This string property specifies the name of the icon to display. All icons have unique names and identifying the name is case-sensitive."),size:{description:`This property defines the size of the \`${Dn}\`. Note that setting the \`height\` and/or the \`width\` of the component will override this property.`,availableValues:["xs","sm","md","lg"]},fallback:m("This optional property provides a way to handle situations when the provided [icon name](#name) is not found in the registry.")},themeVars:Q(hi.themeVars),defaultThemeVars:{[`size-${Dn}`]:"1.25em"}}),Mn="Image",yc=k({description:`The \`${Mn}\` component represents or depicts an object, scene, idea, or other concept with a picture.`,props:{src:m("This property is used to indicate the source (path) of the image to display."),alt:m("This property specifies an alternate text for the image."),fit:{description:"This property sets how the image content should be resized to fit its container.",type:"string",defaultValue:"contain"},lazyLoad:m("Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it). The default value is eager (`false`)."),aspectRatio:m("This property sets a preferred aspect ratio for the image, which will be used in the calculation of auto sizes and some other layout functions."),animation:m("The animation object to be applied to the component")},events:{click:Mt(Mn)},themeVars:Q(_s.themeVars)}),kc=k({description:"The `Items` component maps sequential data items into component instances, representing each data item as a particular component.",props:{items:Ve("This property contains the list of data items this component renders."),data:m("This property contains the list of data items (obtained from a data source) this component renders."),reverse:{description:"This property reverses the order in which data is mapped to template components."},itemTemplate:Ae("The component template to display a single item")},contextVars:{$item:Ae("This value represents the current iteration item while the component renders its children."),$itemIndex:Ae("This integer value represents the current iteration index (zero-based) while rendering children."),$isFirst:Ae("This boolean value indicates if the component renders its first item."),$isLast:Ae("This boolean value indicates if the component renders its last item.")},opaque:!0}),Ie="Link",Sc=k({description:`A \`${Ie}\` component represents a navigation target within the app or a reference to an external web URL.`,props:{to:m("This property defines the URL of the link."),enabled:Ue(),active:{description:"Indicates whether this link is active or not. If so, it will have a distinct visual appearance.",type:"boolean",defaultValue:!1},target:{description:`This property specifies where to open the link represented by the \`${Ie}\`. This property accepts the following values (in accordance with the HTML standard):`,availableValues:ti,type:"string",defaultValue:"_self"},label:Pe(),icon:m("This property allows you to add an icon (specify the icon's name) to the link.")},themeVars:Q(Ut.themeVars),themeVarDescriptions:{[`gap-icon-${Ie}`]:"This property defines the size of the gap between the icon and the label."},defaultThemeVars:{[`border-${Ie}`]:"0px solid $borderColor",[`textColor-${Ie}--hover--active`]:`$textColor-${Ie}--active`,[`textDecorationColor-${Ie}--hover`]:"$color-surface-400A80",[`textDecorationColor-${Ie}--active`]:"$color-surface200",[`fontWeight-${Ie}--active`]:"$fontWeight-bold",[`textDecorationColor-${Ie}`]:"$color-surface-400",[`textUnderlineOffset-${Ie}`]:"$space-1",[`textDecorationLine-${Ie}`]:"underline",[`textDecorationStyle-${Ie}`]:"dashed",[`textDecorationThickness-${Ie}`]:"$space-0_5",[`outlineColor-${Ie}--focus`]:"$outlineColor--focus",[`outlineWidth-${Ie}--focus`]:"$outlineWidth--focus",[`outlineStyle-${Ie}--focus`]:"$outlineStyle--focus",[`outlineOffset-${Ie}--focus`]:"$outlineOffset--focus",[`fontSize-${Ie}`]:"inherit",[`gap-icon-${Ie}`]:"$gap-tight",[`padding-icon-${Ie}`]:"$space-0_5",light:{[`textColor-${Ie}`]:"$color-primary-500",[`textColor-${Ie}--active`]:"$color-primary-500"},dark:{[`textColor-${Ie}`]:"$color-primary-500",[`textColor-${Ie}--active`]:"$color-primary-500"}}}),wc={themeVars:'"[]"'},ao="List",Hc=k({status:"experimental",description:`The \`${ao}\` component is a robust layout container that renders associated data items as a list of components. \`${ao}\` is virtualized; it renders only items that are visible in the viewport.`,props:{data:m("The component receives data via this property. The `data` property is a list of items that the `List` can display."),items:Ve("You can use `items` as an alias for the `data` property. When you bind the list to a data source (e.g. an API endpoint), the `data` acts as the property that accepts a URL to fetch information from an API.When both `items` and `data` are used, `items` has priority."),loading:m("This property delays the rendering of children until it is set to `false`, or the component receives usable list items via the [`data`](#data) property."),limit:m(`This property limits the number of items displayed in the \`${ao}\`.`),scrollAnchor:{description:"This property pins the scroll position to a specified location of the list. Available values are shown below.",availableValues:Rl,type:"string",defaultValue:"top"},groupBy:m("This property sets which attribute of the data is used to group the list items. If the attribute does not appear in the data, it will be ignored."),orderBy:m("This property enables the ordering of list items by specifying an attribute in the data."),availableGroups:m(`This property is an array of group names that the \`${ao}\` will display.`),groupHeaderTemplate:Ae("Enables the customization of how the groups are displayed, similarly to the [`itemTemplate`](#itemtemplate). You can use the `$item` context variable to access an item group and map its individual attributes."),groupFooterTemplate:Ae("Enables the customization of how the the footer of each group is displayed. Combine with [`groupHeaderTemplate`](#groupHeaderTemplate) to customize sections. You can use the `$item` context variable to access an item group and map its individual attributes."),itemTemplate:Ae("This property allows the customization of mapping data items to components. You can use the `$item` context variable to access an item and map its individual attributes."),emptyListTemplate:Ae("This property defines the template to display when the list is empty."),pageInfo:m(`This property contains the current page information. Setting this property also enures the \`${ao}\` uses pagination.`),idKey:{description:"Denotes which attribute of an item acts as the ID or key of the item",type:"string",defaultValue:"id"},groupsInitiallyExpanded:m("This Boolean property defines whether the list groups are initially expanded."),defaultGroups:m(`This property adds a list of default groups for the \`${ao}\` and displays the group headers in the specified order. If the data contains group headers not in this list, those headers are also displayed (after the ones in this list); however, their order is not deterministic.`),hideEmptyGroups:{description:"This boolean property indicates if empty groups should be hidden (no header and footer are displayed).",valueType:"boolean",defaultValue:!0},borderCollapse:{description:"Collapse items borders",valueType:"boolean",defaultValue:!0}},apis:{scrollToTop:m("This method scrolls the list to the top."),scrollToBottom:m("This method scrolls the list to the bottom."),scrollToIndex:m("This method scrolls the list to a specific index. The method accepts an index as a parameter."),scrollToId:m("This method scrolls the list to a specific item. The method accepts an item ID as a parameter.")},contextVars:{$item:m("This property represents the value of an item in the data list.")},themeVars:Q(wc.themeVars)}),$c=k({status:"experimental",description:"The `Logo` component represents a logo or a brand symbol. Usually, you use this component in the [`AppHeader`](./AppHeader.mdx#logotemplate)."}),Ic={themeVars:`'{"borderColor-HorizontalRule": "var(--xmlui-borderColor-HorizontalRule)", "borderWidth-HorizontalRule": "var(--xmlui-borderWidth-HorizontalRule)", "borderStyle-HorizontalRule": "var(--xmlui-borderStyle-HorizontalRule)", "backgroundColor-Blockquote": "var(--xmlui-backgroundColor-Blockquote)", "accent-Blockquote": "var(--xmlui-accent-Blockquote)", "borderRadius-Blockquote": "var(--xmlui-borderRadius-Blockquote)", "boxShadow-Blockquote": "var(--xmlui-boxShadow-Blockquote)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "margin-Blockquote": "var(--xmlui-margin-Blockquote)", "backgroundColor-Admonition": "var(--xmlui-backgroundColor-Admonition)", "textColor-Admonition": "var(--xmlui-textColor-Admonition)", "size-icon-Admonition": "var(--xmlui-size-icon-Admonition)", "paddingLeft-UnorderedList": "var(--xmlui-paddingLeft-UnorderedList)", "paddingLeft-OrderedList": "var(--xmlui-paddingLeft-OrderedList)", "paddingLeft-ListItem": "var(--xmlui-paddingLeft-ListItem)", "color-marker-ListItem": "var(--xmlui-color-marker-ListItem)", "marginTop-HtmlHeading": "var(--xmlui-marginTop-HtmlHeading)", "marginBottom-HtmlHeading": "var(--xmlui-marginBottom-HtmlHeading)"}'`},Je={themeVarsTable:`'{"textColor-HtmlTable": "var(--xmlui-textColor-HtmlTable)", "backgroundColor-HtmlTable": "var(--xmlui-backgroundColor-HtmlTable)", "fontFamily-HtmlTable": "var(--xmlui-fontFamily-HtmlTable)", "fontSize-HtmlTable": "var(--xmlui-fontSize-HtmlTable)", "fontWeight-HtmlTable": "var(--xmlui-fontWeight-HtmlTable)", "textTransform-HtmlTable": "var(--xmlui-textTransform-HtmlTable)", "marginTop-HtmlTable": "var(--xmlui-marginTop-HtmlTable)", "marginBottom-HtmlTable": "var(--xmlui-marginBottom-HtmlTable)", "border-HtmlTable": "var(--xmlui-border-HtmlTable)", "borderHorizontal-HtmlTable": "var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable))", "borderVertical-HtmlTable": "var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable))", "borderLeft-HtmlTable": "var(--xmlui-borderLeft-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderRight-HtmlTable": "var(--xmlui-borderRight-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderTop-HtmlTable": "var(--xmlui-borderTop-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderBottom-HtmlTable": "var(--xmlui-borderBottom-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderWidth-HtmlTable": "var(--xmlui-borderWidth-HtmlTable)", "borderHorizontalWidth-HtmlTable": "var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderLeftWidth-HtmlTable": "var(--xmlui-borderLeftWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderRightWidth-HtmlTable": "var(--xmlui-borderRightWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderVerticalWidth-HtmlTable": "var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderTopWidth-HtmlTable": "var(--xmlui-borderTopWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderBottomWidth-HtmlTable": "var(--xmlui-borderBottomWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderStyle-HtmlTable": "var(--xmlui-borderStyle-HtmlTable)", "borderHorizontalStyle-HtmlTable": "var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderLeftStyle-HtmlTable": "var(--xmlui-borderLeftStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderRightStyle-HtmlTable": "var(--xmlui-borderRightStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderVerticalStyle-HtmlTable": "var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderTopStyle-HtmlTable": "var(--xmlui-borderTopStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderBottomStyle-HtmlTable": "var(--xmlui-borderBottomStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderColor-HtmlTable": "var(--xmlui-borderColor-HtmlTable)", "borderHorizontalColor-HtmlTable": "var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderLeftColor-HtmlTable": "var(--xmlui-borderLeftColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderRightColor-HtmlTable": "var(--xmlui-borderRightColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderVerticalColor-HtmlTable": "var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderTopColor-HtmlTable": "var(--xmlui-borderTopColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderBottomColor-HtmlTable": "var(--xmlui-borderBottomColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderRadius-start-start-HtmlTable": "var(--xmlui-borderRadius-start-start-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderRadius-start-end-HtmlTable": "var(--xmlui-borderRadius-start-end-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderRadius-end-start-HtmlTable": "var(--xmlui-borderRadius-end-start-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderRadius-end-end-HtmlTable": "var(--xmlui-borderRadius-end-end-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "padding-HtmlTable": "var(--xmlui-padding-HtmlTable)", "paddingHorizontal-HtmlTable": "var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingVertical-HtmlTable": "var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingLeft-HtmlTable": "var(--xmlui-paddingLeft-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingRight-HtmlTable": "var(--xmlui-paddingRight-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingTop-HtmlTable": "var(--xmlui-paddingTop-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingBottom-HtmlTable": "var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))"}'`,themeVarsThead:`'{"backgroundColor-HtmlThead": "var(--xmlui-backgroundColor-HtmlThead)", "textColor-HtmlThead": "var(--xmlui-textColor-HtmlThead)", "fontWeight-HtmlThead": "var(--xmlui-fontWeight-HtmlThead)", "fontSize-HtmlThead": "var(--xmlui-fontSize-HtmlThead)", "textTransform-HtmlThead": "var(--xmlui-textTransform-HtmlThead)", "border-HtmlThead": "var(--xmlui-border-HtmlThead)", "borderHorizontal-HtmlThead": "var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead))", "borderVertical-HtmlThead": "var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead))", "borderLeft-HtmlThead": "var(--xmlui-borderLeft-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderRight-HtmlThead": "var(--xmlui-borderRight-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderTop-HtmlThead": "var(--xmlui-borderTop-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderBottom-HtmlThead": "var(--xmlui-borderBottom-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderWidth-HtmlThead": "var(--xmlui-borderWidth-HtmlThead)", "borderHorizontalWidth-HtmlThead": "var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderLeftWidth-HtmlThead": "var(--xmlui-borderLeftWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderRightWidth-HtmlThead": "var(--xmlui-borderRightWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderVerticalWidth-HtmlThead": "var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderTopWidth-HtmlThead": "var(--xmlui-borderTopWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderBottomWidth-HtmlThead": "var(--xmlui-borderBottomWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderStyle-HtmlThead": "var(--xmlui-borderStyle-HtmlThead)", "borderHorizontalStyle-HtmlThead": "var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderLeftStyle-HtmlThead": "var(--xmlui-borderLeftStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderRightStyle-HtmlThead": "var(--xmlui-borderRightStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderVerticalStyle-HtmlThead": "var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderTopStyle-HtmlThead": "var(--xmlui-borderTopStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderBottomStyle-HtmlThead": "var(--xmlui-borderBottomStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderColor-HtmlThead": "var(--xmlui-borderColor-HtmlThead)", "borderHorizontalColor-HtmlThead": "var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderLeftColor-HtmlThead": "var(--xmlui-borderLeftColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderRightColor-HtmlThead": "var(--xmlui-borderRightColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderVerticalColor-HtmlThead": "var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderTopColor-HtmlThead": "var(--xmlui-borderTopColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderBottomColor-HtmlThead": "var(--xmlui-borderBottomColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderRadius-start-start-HtmlThead": "var(--xmlui-borderRadius-start-start-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderRadius-start-end-HtmlThead": "var(--xmlui-borderRadius-start-end-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderRadius-end-start-HtmlThead": "var(--xmlui-borderRadius-end-start-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderRadius-end-end-HtmlThead": "var(--xmlui-borderRadius-end-end-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "padding-HtmlThead": "var(--xmlui-padding-HtmlThead)", "paddingHorizontal-HtmlThead": "var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingVertical-HtmlThead": "var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingLeft-HtmlThead": "var(--xmlui-paddingLeft-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingRight-HtmlThead": "var(--xmlui-paddingRight-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingTop-HtmlThead": "var(--xmlui-paddingTop-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingBottom-HtmlThead": "var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))"}'`,themeVarsTbody:`'{"backgroundColor-HtmlTbody": "var(--xmlui-backgroundColor-HtmlTbody)", "textColor-HtmlTbody": "var(--xmlui-textColor-HtmlTbody)", "textAlign-HtmlTbody": "var(--xmlui-textAlign-HtmlTbody)", "verticalAlign-HtmlTbody": "var(--xmlui-verticalAlign-HtmlTbody)", "textTransform-HtmlTbody": "var(--xmlui-textTransform-HtmlTbody)"}'`,themeVarsTfoot:`'{"backgroundColor-HtmlTfoot": "var(--xmlui-backgroundColor-HtmlTfoot)", "textColor-HtmlTfoot": "var(--xmlui-textColor-HtmlTfoot)"}'`,themeVarsTh:`'{"backgroundColor-HtmlTh": "var(--xmlui-backgroundColor-HtmlTh)", "textColor-HtmlTh": "var(--xmlui-textColor-HtmlTh)", "fontWeight-HtmlTh": "var(--xmlui-fontWeight-HtmlTh)", "fontSize-HtmlTh": "var(--xmlui-fontSize-HtmlTh)", "backgroundColor-HtmlTh--hover": "var(--xmlui-backgroundColor-HtmlTh--hover)", "border-HtmlTh": "var(--xmlui-border-HtmlTh)", "borderHorizontal-HtmlTh": "var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh))", "borderVertical-HtmlTh": "var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh))", "borderLeft-HtmlTh": "var(--xmlui-borderLeft-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderRight-HtmlTh": "var(--xmlui-borderRight-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderTop-HtmlTh": "var(--xmlui-borderTop-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderBottom-HtmlTh": "var(--xmlui-borderBottom-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderWidth-HtmlTh": "var(--xmlui-borderWidth-HtmlTh)", "borderHorizontalWidth-HtmlTh": "var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderLeftWidth-HtmlTh": "var(--xmlui-borderLeftWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderRightWidth-HtmlTh": "var(--xmlui-borderRightWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderVerticalWidth-HtmlTh": "var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderTopWidth-HtmlTh": "var(--xmlui-borderTopWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderBottomWidth-HtmlTh": "var(--xmlui-borderBottomWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderStyle-HtmlTh": "var(--xmlui-borderStyle-HtmlTh)", "borderHorizontalStyle-HtmlTh": "var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderLeftStyle-HtmlTh": "var(--xmlui-borderLeftStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderRightStyle-HtmlTh": "var(--xmlui-borderRightStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderVerticalStyle-HtmlTh": "var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderTopStyle-HtmlTh": "var(--xmlui-borderTopStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderBottomStyle-HtmlTh": "var(--xmlui-borderBottomStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderColor-HtmlTh": "var(--xmlui-borderColor-HtmlTh)", "borderHorizontalColor-HtmlTh": "var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderLeftColor-HtmlTh": "var(--xmlui-borderLeftColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderRightColor-HtmlTh": "var(--xmlui-borderRightColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderVerticalColor-HtmlTh": "var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderTopColor-HtmlTh": "var(--xmlui-borderTopColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderBottomColor-HtmlTh": "var(--xmlui-borderBottomColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderRadius-start-start-HtmlTh": "var(--xmlui-borderRadius-start-start-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderRadius-start-end-HtmlTh": "var(--xmlui-borderRadius-start-end-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderRadius-end-start-HtmlTh": "var(--xmlui-borderRadius-end-start-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderRadius-end-end-HtmlTh": "var(--xmlui-borderRadius-end-end-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "padding-HtmlTh": "var(--xmlui-padding-HtmlTh)", "paddingHorizontal-HtmlTh": "var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingVertical-HtmlTh": "var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingLeft-HtmlTh": "var(--xmlui-paddingLeft-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingRight-HtmlTh": "var(--xmlui-paddingRight-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingTop-HtmlTh": "var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingBottom-HtmlTh": "var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))"}'`,themeVarsTr:`'{"backgroundColor-HtmlTr": "var(--xmlui-backgroundColor-HtmlTr)", "backgroundColor-HtmlTr--hover": "var(--xmlui-backgroundColor-HtmlTr--hover)", "backgroundColor-even-HtmlTr": "var(--xmlui-backgroundColor-even-HtmlTr)", "textColor-HtmlTr": "var(--xmlui-textColor-HtmlTr)", "textColor-HtmlTr--hover": "var(--xmlui-textColor-HtmlTr--hover)", "fontSize-HtmlTr": "var(--xmlui-fontSize-HtmlTr)", "fontWeight-HtmlTr": "var(--xmlui-fontWeight-HtmlTr)", "border-HtmlTr": "var(--xmlui-border-HtmlTr)", "borderHorizontal-HtmlTr": "var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr))", "borderVertical-HtmlTr": "var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr))", "borderLeft-HtmlTr": "var(--xmlui-borderLeft-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderRight-HtmlTr": "var(--xmlui-borderRight-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderTop-HtmlTr": "var(--xmlui-borderTop-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderBottom-HtmlTr": "var(--xmlui-borderBottom-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderWidth-HtmlTr": "var(--xmlui-borderWidth-HtmlTr)", "borderHorizontalWidth-HtmlTr": "var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderLeftWidth-HtmlTr": "var(--xmlui-borderLeftWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderRightWidth-HtmlTr": "var(--xmlui-borderRightWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderVerticalWidth-HtmlTr": "var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderTopWidth-HtmlTr": "var(--xmlui-borderTopWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderBottomWidth-HtmlTr": "var(--xmlui-borderBottomWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderStyle-HtmlTr": "var(--xmlui-borderStyle-HtmlTr)", "borderHorizontalStyle-HtmlTr": "var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderLeftStyle-HtmlTr": "var(--xmlui-borderLeftStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderRightStyle-HtmlTr": "var(--xmlui-borderRightStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderVerticalStyle-HtmlTr": "var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderTopStyle-HtmlTr": "var(--xmlui-borderTopStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderBottomStyle-HtmlTr": "var(--xmlui-borderBottomStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderColor-HtmlTr": "var(--xmlui-borderColor-HtmlTr)", "borderHorizontalColor-HtmlTr": "var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderLeftColor-HtmlTr": "var(--xmlui-borderLeftColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderRightColor-HtmlTr": "var(--xmlui-borderRightColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderVerticalColor-HtmlTr": "var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderTopColor-HtmlTr": "var(--xmlui-borderTopColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderBottomColor-HtmlTr": "var(--xmlui-borderBottomColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderRadius-start-start-HtmlTr": "var(--xmlui-borderRadius-start-start-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderRadius-start-end-HtmlTr": "var(--xmlui-borderRadius-start-end-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderRadius-end-start-HtmlTr": "var(--xmlui-borderRadius-end-start-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderRadius-end-end-HtmlTr": "var(--xmlui-borderRadius-end-end-HtmlTr, var(--xmlui-borderRadius-HtmlTr))"}'`,themeVarsTd:`'{"backgroundColor-HtmlTd": "var(--xmlui-backgroundColor-HtmlTd)", "text-align-HtmlTd": "var(--xmlui-text-align-HtmlTd)", "verticalAlign-HtmlTd": "var(--xmlui-verticalAlign-HtmlTd)", "fontSize-HtmlTd": "var(--xmlui-fontSize-HtmlTd)", "fontWeight-HtmlTd": "var(--xmlui-fontWeight-HtmlTd)", "border-HtmlTd": "var(--xmlui-border-HtmlTd)", "borderHorizontal-HtmlTd": "var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd))", "borderVertical-HtmlTd": "var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd))", "borderLeft-HtmlTd": "var(--xmlui-borderLeft-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderRight-HtmlTd": "var(--xmlui-borderRight-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderTop-HtmlTd": "var(--xmlui-borderTop-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderBottom-HtmlTd": "var(--xmlui-borderBottom-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderWidth-HtmlTd": "var(--xmlui-borderWidth-HtmlTd)", "borderHorizontalWidth-HtmlTd": "var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderLeftWidth-HtmlTd": "var(--xmlui-borderLeftWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderRightWidth-HtmlTd": "var(--xmlui-borderRightWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderVerticalWidth-HtmlTd": "var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderTopWidth-HtmlTd": "var(--xmlui-borderTopWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderBottomWidth-HtmlTd": "var(--xmlui-borderBottomWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderStyle-HtmlTd": "var(--xmlui-borderStyle-HtmlTd)", "borderHorizontalStyle-HtmlTd": "var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderLeftStyle-HtmlTd": "var(--xmlui-borderLeftStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderRightStyle-HtmlTd": "var(--xmlui-borderRightStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderVerticalStyle-HtmlTd": "var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderTopStyle-HtmlTd": "var(--xmlui-borderTopStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderBottomStyle-HtmlTd": "var(--xmlui-borderBottomStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderColor-HtmlTd": "var(--xmlui-borderColor-HtmlTd)", "borderHorizontalColor-HtmlTd": "var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderLeftColor-HtmlTd": "var(--xmlui-borderLeftColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderRightColor-HtmlTd": "var(--xmlui-borderRightColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderVerticalColor-HtmlTd": "var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderTopColor-HtmlTd": "var(--xmlui-borderTopColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderBottomColor-HtmlTd": "var(--xmlui-borderBottomColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderRadius-start-start-HtmlTd": "var(--xmlui-borderRadius-start-start-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderRadius-start-end-HtmlTd": "var(--xmlui-borderRadius-start-end-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderRadius-end-start-HtmlTd": "var(--xmlui-borderRadius-end-start-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderRadius-end-end-HtmlTd": "var(--xmlui-borderRadius-end-end-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "padding-HtmlTd": "var(--xmlui-padding-HtmlTd)", "paddingHorizontal-HtmlTd": "var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingVertical-HtmlTd": "var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingLeft-HtmlTd": "var(--xmlui-paddingLeft-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingRight-HtmlTd": "var(--xmlui-paddingRight-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingTop-HtmlTd": "var(--xmlui-paddingTop-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingBottom-HtmlTd": "var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))"}'`,themeVarsList:`'{"marginTop-HtmlOl": "var(--xmlui-marginTop-HtmlOl)", "marginBottom-HtmlOl": "var(--xmlui-marginBottom-HtmlOl)", "marginTop-HtmlUl": "var(--xmlui-marginTop-HtmlUl)", "marginBottom-HtmlUl": "var(--xmlui-marginBottom-HtmlUl)"}'`,themeVarsHeading:`'{"marginTop-HtmlHeading": "var(--xmlui-marginTop-HtmlHeading)", "marginBottom-HtmlHeading": "var(--xmlui-marginBottom-HtmlHeading)"}'`},Bc=k({description:"`Markdown` displays plain text styled using markdown syntax.",themeVars:Q(Ic.themeVars),props:{content:m("This property sets the markdown content to display."),removeIndents:{description:"This boolean property specifies whether leading indents should be removed from the markdown content. If set to `true`, the shortest indent found at the start of the content lines is removed from the beginning of every line.",valueType:"boolean",defaultValue:!1}},defaultThemeVars:{"borderColor-HorizontalRule":"$borderColor","borderWidth-HorizontalRule":"1px","borderStyle-HorizontalRule":"solid","accent-Blockquote":"$color-primary","padding-Blockquote":"$space-2 $space-6","margin-Blockquote":"$space-2","paddingLeft-UnorderedList":"$space-6","paddingLeft-OrderedList":"$space-6","paddingLeft-ListItem":"$space-1",light:{},dark:{}}}),fr="ModalDialog",Lc=k({description:`The \`${fr}\` component defines a modal dialog UI element that can be displayed over the existing UI - triggered by some action.`,props:{fullScreen:{description:"Toggles whether the dialog encompasses the whole UI (`true`) or not and has a minimum width and height (`false`).",valueType:"boolean",defaultValue:!1},title:m("Provides a prestyled heading to display the intent of the dialog."),closeButtonVisible:{description:"Shows (`true`) or hides (`false`) the visibility of the close button on the dialog.",valueType:"boolean",defaultValue:!0}},events:{open:m(`This event is fired when the \`${fr}\` is opened either via a \`when\` or an imperative API call (\`open()\`).`),close:m(`This event is fired when the close button is pressed or the user clicks outside the \`${fr}\`.`)},apis:{close:m(`This method is used to close the \`${fr}\`. Invoke it using \`modalId.close()\` where \`modalId\` refers to a \`ModalDialog\` component.`),open:m("This method imperatively opens the modal dialog. You can pass an arbitrary number of parameters to the method. In the `ModalDialog` instance, you can access those with the `$paramq` and `$params` context values.")},contextVars:{$param:m("This value represents the first parameters passed to the `open()` method to display the modal dialog."),$params:m("This value represents the array of parameters passed to the `open()` 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]`.")},themeVars:Q(st.themeVars),defaultThemeVars:{...ha(fr,{all:"$space-7"}),[`backgroundColor-${fr}`]:"$backgroundColor-primary",[`backgroundColor-overlay-${fr}`]:"$backgroundColor-overlay",[`textColor-${fr}`]:"$textColor-primary",[`borderRadius-${fr}`]:"$borderRadius",[`fontFamily-${fr}`]:"$fontFamily",[`maxWidth-${fr}`]:"450px",[`marginBottom-title-${fr}`]:"0",dark:{[`backgroundColor-${fr}`]:"$backgroundColor-primary"}}}),_c={themeVars:`'{"backgroundColor-dropdown-NavGroup": "var(--xmlui-backgroundColor-dropdown-NavGroup)", "boxShadow-dropdown-NavGroup": "var(--xmlui-boxShadow-dropdown-NavGroup)", "borderRadius-dropdown-NavGroup": "var(--xmlui-borderRadius-dropdown-NavGroup)"}'`},Ro="NavGroup",Ac=k({description:"The `NavGroup` component is a container for grouping related navigation targets (`NavLink` components). It can be displayed as a submenu in the App's UI.",props:{label:Pe(),icon:m(`This property defines an optional icon to display along with the \`${Ro}\` label.`),to:m("This property defines an optional navigation link.")},themeVars:Q(_c.themeVars),defaultThemeVars:{[`backgroundColor-dropdown-${Ro}`]:"$backgroundColor-primary",[`borderRadius-dropdown-${Ro}`]:"$borderRadius",[`boxShadow-dropdown-${Ro}`]:"$boxShadow-spread"}}),we="NavLink",Nc=k({description:`The \`${we}\` component defines a navigation target (app navigation menu item) within the app; it is associated with a particular in-app navigation target (or an external link).`,props:{to:m("This property defines the URL of the link."),enabled:Ue(),active:{description:"This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [`displayActive`](#displayactive) property is set to `true`.",valueType:"boolean",defaultValue:!1},target:{description:"This property specifies how to open the clicked link.",availableValues:ti,type:"string",defaultValue:"_self"},label:Pe(),vertical:{description:`This property sets how the active status is displayed on the \`${we}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu.`,valueType:"boolean",defaultValue:!1},displayActive:{description:"This Boolean property indicates if the active state of a link should have a visual indication. Setting it to `false` removes the visual indication of an active link.",valueType:"boolean",defaultValue:!0},icon:m("This property allows you to add an icon (specify the icon's name) to the navigation link.")},events:{click:Mt(we)},themeVars:Q(As.themeVars),themeVarDescriptions:{[`color-indicator-${we}`]:"Provides the following states: `--hover`, `--active`, `--pressed`"},defaultThemeVars:{[`border-${we}`]:"0px solid $borderColor",[`borderRadius-${we}`]:"$borderRadius",[`backgroundColor-${we}`]:"transparent",[`paddingHorizontal-${we}`]:"$space-4",[`paddingVertical-${we}`]:"$space-2",[`fontSize-${we}`]:"$fontSize-small",[`fontWeight-${we}`]:"$fontWeight-normal",[`fontFamily-${we}`]:"$fontFamily",[`textColor-${we}`]:"$textColor-primary",[`fontWeight-${we}--pressed`]:"$fontWeight-normal",[`thickness-indicator-${we}`]:"$space-0_5",[`outlineColor-${we}--focus`]:"$outlineColor--focus",[`outlineWidth-${we}--focus`]:"$outlineWidth--focus",[`outlineStyle-${we}--focus`]:"$outlineStyle--focus",[`outlineOffset-${we}--focus`]:"-1px",[`borderRadius-indicator-${we}`]:"$borderRadius",light:{[`color-icon-${we}`]:"$color-surface-500",[`color-indicator-${we}--active`]:"$color-primary-500",[`color-indicator-${we}--pressed`]:"$color-primary-500",[`color-indicator-${we}--hover`]:"$color-primary-600"},dark:{[`color-indicator-${we}--active`]:"$color-primary-500",[`color-indicator-${we}--pressed`]:"$color-primary-500",[`color-indicator-${we}--hover`]:"$color-primary-400"}}}),rt="NavPanel",Oc=k({description:`\`${rt}\` is a placeholder within \`App\` to define the app's navigation (menu) structure.`,props:{logoTemplate:Ae("This property defines the logo template to display in the navigation panel with the `vertical` and `vertical-sticky` layout.")},themeVars:Q(Os.themeVars),defaultThemeVars:{[`backgroundColor-${rt}`]:"transparent",[`border-${rt}`]:"0px solid $borderColor",[`paddingHorizontal-${rt}`]:"$space-4",[`paddingVertical-logo-${rt}`]:"$space-4",[`paddingHorizontal-logo-${rt}`]:"$space-4",[`marginBottom-logo-${rt}`]:"$space-4",light:{[`boxShadow-${rt}-vertical`]:"4px 0 4px 0 rgb(0 0 0 / 10%)"},dark:{[`boxShadow-${rt}-vertical`]:"4px 0 6px 0 rgba(0, 0, 0, 0.2)"}}}),Wc={themeVars:`'{"padding-NoResult": "var(--xmlui-padding-NoResult)", "paddingHorizontal-NoResult": "var(--xmlui-paddingHorizontal-NoResult, var(--xmlui-padding-NoResult))", "paddingVertical-NoResult": "var(--xmlui-paddingVertical-NoResult, var(--xmlui-padding-NoResult))", "paddingLeft-NoResult": "var(--xmlui-paddingLeft-NoResult, var(--xmlui-paddingHorizontal-NoResult, var(--xmlui-padding-NoResult)))", "paddingRight-NoResult": "var(--xmlui-paddingRight-NoResult, var(--xmlui-paddingHorizontal-NoResult, var(--xmlui-padding-NoResult)))", "paddingTop-NoResult": "var(--xmlui-paddingTop-NoResult, var(--xmlui-paddingVertical-NoResult, var(--xmlui-padding-NoResult)))", "paddingBottom-NoResult": "var(--xmlui-paddingBottom-NoResult, var(--xmlui-paddingVertical-NoResult, var(--xmlui-padding-NoResult)))", "border-NoResult": "var(--xmlui-border-NoResult)", "borderHorizontal-NoResult": "var(--xmlui-borderHorizontal-NoResult, var(--xmlui-border-NoResult))", "borderVertical-NoResult": "var(--xmlui-borderVertical-NoResult, var(--xmlui-border-NoResult))", "borderLeft-NoResult": "var(--xmlui-borderLeft-NoResult, var(--xmlui-borderHorizontal-NoResult, var(--xmlui-border-NoResult)))", "borderRight-NoResult": "var(--xmlui-borderRight-NoResult, var(--xmlui-borderHorizontal-NoResult, var(--xmlui-border-NoResult)))", "borderTop-NoResult": "var(--xmlui-borderTop-NoResult, var(--xmlui-borderVertical-NoResult, var(--xmlui-border-NoResult)))", "borderBottom-NoResult": "var(--xmlui-borderBottom-NoResult, var(--xmlui-borderVertical-NoResult, var(--xmlui-border-NoResult)))", "borderWidth-NoResult": "var(--xmlui-borderWidth-NoResult)", "borderHorizontalWidth-NoResult": "var(--xmlui-borderHorizontalWidth-NoResult, var(--xmlui-borderWidth-NoResult))", "borderLeftWidth-NoResult": "var(--xmlui-borderLeftWidth-NoResult, var(--xmlui-borderHorizontalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderRightWidth-NoResult": "var(--xmlui-borderRightWidth-NoResult, var(--xmlui-borderHorizontalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderVerticalWidth-NoResult": "var(--xmlui-borderVerticalWidth-NoResult, var(--xmlui-borderWidth-NoResult))", "borderTopWidth-NoResult": "var(--xmlui-borderTopWidth-NoResult, var(--xmlui-borderVerticalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderBottomWidth-NoResult": "var(--xmlui-borderBottomWidth-NoResult, var(--xmlui-borderVerticalWidth-NoResult, var(--xmlui-borderWidth-NoResult)))", "borderStyle-NoResult": "var(--xmlui-borderStyle-NoResult)", "borderHorizontalStyle-NoResult": "var(--xmlui-borderHorizontalStyle-NoResult, var(--xmlui-borderStyle-NoResult))", "borderLeftStyle-NoResult": "var(--xmlui-borderLeftStyle-NoResult, var(--xmlui-borderHorizontalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderRightStyle-NoResult": "var(--xmlui-borderRightStyle-NoResult, var(--xmlui-borderHorizontalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderVerticalStyle-NoResult": "var(--xmlui-borderVerticalStyle-NoResult, var(--xmlui-borderStyle-NoResult))", "borderTopStyle-NoResult": "var(--xmlui-borderTopStyle-NoResult, var(--xmlui-borderVerticalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderBottomStyle-NoResult": "var(--xmlui-borderBottomStyle-NoResult, var(--xmlui-borderVerticalStyle-NoResult, var(--xmlui-borderStyle-NoResult)))", "borderColor-NoResult": "var(--xmlui-borderColor-NoResult)", "borderHorizontalColor-NoResult": "var(--xmlui-borderHorizontalColor-NoResult, var(--xmlui-borderColor-NoResult))", "borderLeftColor-NoResult": "var(--xmlui-borderLeftColor-NoResult, var(--xmlui-borderHorizontalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderRightColor-NoResult": "var(--xmlui-borderRightColor-NoResult, var(--xmlui-borderHorizontalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderVerticalColor-NoResult": "var(--xmlui-borderVerticalColor-NoResult, var(--xmlui-borderColor-NoResult))", "borderTopColor-NoResult": "var(--xmlui-borderTopColor-NoResult, var(--xmlui-borderVerticalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderBottomColor-NoResult": "var(--xmlui-borderBottomColor-NoResult, var(--xmlui-borderVerticalColor-NoResult, var(--xmlui-borderColor-NoResult)))", "borderRadius-start-start-NoResult": "var(--xmlui-borderRadius-start-start-NoResult, var(--xmlui-borderRadius-NoResult))", "borderRadius-start-end-NoResult": "var(--xmlui-borderRadius-start-end-NoResult, var(--xmlui-borderRadius-NoResult))", "borderRadius-end-start-NoResult": "var(--xmlui-borderRadius-end-start-NoResult, var(--xmlui-borderRadius-NoResult))", "borderRadius-end-end-NoResult": "var(--xmlui-borderRadius-end-end-NoResult, var(--xmlui-borderRadius-NoResult))", "gap-icon-NoResult": "var(--xmlui-gap-icon-NoResult)", "size-icon-NoResult": "var(--xmlui-size-icon-NoResult)"}'`},So="NoResult",Vc=k({description:`\`${So}\` is a component that displays a visual indication that some data query (search) resulted in no (zero) items.`,props:{label:Pe(),icon:m("This property defines the icon to display with the component."),hideIcon:{description:"This boolean property indicates if the icon should be hidden.",valueType:"boolean",defaultValue:"false"}},themeVars:Q(Wc.themeVars),defaultThemeVars:{[`border-${So}`]:"0px solid $borderColor",[`paddingVertical-${So}`]:"$space-2",[`gap-icon-${So}`]:"$space-2",[`size-icon-${So}`]:"$space-8",light:{},dark:{}}}),Vt="NumberBox",Ec=k({status:"experimental",description:`A \`${Vt}\` component allows users to input numeric values: either integer or floating point numbers. It also accepts empty values, where the stored value will be of type \`null\`.`,props:{placeholder:Ct(),initialValue:cr(),label:Pe(),labelPosition:Lr("top"),labelWidth:zr(Vt),labelBreak:Pr(Vt),maxLength:ho(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),startText:ia(),startIcon:na(),endText:la(),endIcon:sa(),hasSpinBox:{description:"This boolean prop shows (`true`) or hides (`false`) the spinner buttons for the input field.",valueType:"boolean",defaultValue:!0},step:{description:"This prop governs how big the step when clicking on the spinner of the field.",valueType:"number",defaultValue:1},integersOnly:{description:"This boolean property signs whether the input field accepts integers only (`true`) or not (`false`).",valueType:"boolean",defaultValue:!1},zeroOrPositive:{description:"This boolean property determines whether the input value can only be 0 or positive numbers (`true`) or also negative (`false`).",valueType:"boolean",defaultValue:!1},minValue:m("The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer."),maxValue:m("The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.")},events:{gotFocus:dr(Vt),lostFocus:ur(Vt),didChange:Xe(Vt)},apis:{focus:Mr(Vt),value:Lo(),setValue:Dr()},themeVars:Q(je.themeVars)}),zc={themeVars:`'{"border-OffCanvas": "var(--xmlui-border-OffCanvas)", "borderHorizontal-OffCanvas": "var(--xmlui-borderHorizontal-OffCanvas, var(--xmlui-border-OffCanvas))", "borderVertical-OffCanvas": "var(--xmlui-borderVertical-OffCanvas, var(--xmlui-border-OffCanvas))", "borderLeft-OffCanvas": "var(--xmlui-borderLeft-OffCanvas, var(--xmlui-borderHorizontal-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderRight-OffCanvas": "var(--xmlui-borderRight-OffCanvas, var(--xmlui-borderHorizontal-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderTop-OffCanvas": "var(--xmlui-borderTop-OffCanvas, var(--xmlui-borderVertical-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderBottom-OffCanvas": "var(--xmlui-borderBottom-OffCanvas, var(--xmlui-borderVertical-OffCanvas, var(--xmlui-border-OffCanvas)))", "borderWidth-OffCanvas": "var(--xmlui-borderWidth-OffCanvas)", "borderHorizontalWidth-OffCanvas": "var(--xmlui-borderHorizontalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas))", "borderLeftWidth-OffCanvas": "var(--xmlui-borderLeftWidth-OffCanvas, var(--xmlui-borderHorizontalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderRightWidth-OffCanvas": "var(--xmlui-borderRightWidth-OffCanvas, var(--xmlui-borderHorizontalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderVerticalWidth-OffCanvas": "var(--xmlui-borderVerticalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas))", "borderTopWidth-OffCanvas": "var(--xmlui-borderTopWidth-OffCanvas, var(--xmlui-borderVerticalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderBottomWidth-OffCanvas": "var(--xmlui-borderBottomWidth-OffCanvas, var(--xmlui-borderVerticalWidth-OffCanvas, var(--xmlui-borderWidth-OffCanvas)))", "borderStyle-OffCanvas": "var(--xmlui-borderStyle-OffCanvas)", "borderHorizontalStyle-OffCanvas": "var(--xmlui-borderHorizontalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas))", "borderLeftStyle-OffCanvas": "var(--xmlui-borderLeftStyle-OffCanvas, var(--xmlui-borderHorizontalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderRightStyle-OffCanvas": "var(--xmlui-borderRightStyle-OffCanvas, var(--xmlui-borderHorizontalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderVerticalStyle-OffCanvas": "var(--xmlui-borderVerticalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas))", "borderTopStyle-OffCanvas": "var(--xmlui-borderTopStyle-OffCanvas, var(--xmlui-borderVerticalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderBottomStyle-OffCanvas": "var(--xmlui-borderBottomStyle-OffCanvas, var(--xmlui-borderVerticalStyle-OffCanvas, var(--xmlui-borderStyle-OffCanvas)))", "borderColor-OffCanvas": "var(--xmlui-borderColor-OffCanvas)", "borderHorizontalColor-OffCanvas": "var(--xmlui-borderHorizontalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas))", "borderLeftColor-OffCanvas": "var(--xmlui-borderLeftColor-OffCanvas, var(--xmlui-borderHorizontalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderRightColor-OffCanvas": "var(--xmlui-borderRightColor-OffCanvas, var(--xmlui-borderHorizontalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderVerticalColor-OffCanvas": "var(--xmlui-borderVerticalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas))", "borderTopColor-OffCanvas": "var(--xmlui-borderTopColor-OffCanvas, var(--xmlui-borderVerticalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderBottomColor-OffCanvas": "var(--xmlui-borderBottomColor-OffCanvas, var(--xmlui-borderVerticalColor-OffCanvas, var(--xmlui-borderColor-OffCanvas)))", "borderRadius-start-start-OffCanvas": "var(--xmlui-borderRadius-start-start-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "borderRadius-start-end-OffCanvas": "var(--xmlui-borderRadius-start-end-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "borderRadius-end-start-OffCanvas": "var(--xmlui-borderRadius-end-start-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "borderRadius-end-end-OffCanvas": "var(--xmlui-borderRadius-end-end-OffCanvas, var(--xmlui-borderRadius-OffCanvas))", "padding-OffCanvas": "var(--xmlui-padding-OffCanvas)", "paddingHorizontal-OffCanvas": "var(--xmlui-paddingHorizontal-OffCanvas, var(--xmlui-padding-OffCanvas))", "paddingVertical-OffCanvas": "var(--xmlui-paddingVertical-OffCanvas, var(--xmlui-padding-OffCanvas))", "paddingLeft-OffCanvas": "var(--xmlui-paddingLeft-OffCanvas, var(--xmlui-paddingHorizontal-OffCanvas, var(--xmlui-padding-OffCanvas)))", "paddingRight-OffCanvas": "var(--xmlui-paddingRight-OffCanvas, var(--xmlui-paddingHorizontal-OffCanvas, var(--xmlui-padding-OffCanvas)))", "paddingTop-OffCanvas": "var(--xmlui-paddingTop-OffCanvas, var(--xmlui-paddingVertical-OffCanvas, var(--xmlui-padding-OffCanvas)))", "paddingBottom-OffCanvas": "var(--xmlui-paddingBottom-OffCanvas, var(--xmlui-paddingVertical-OffCanvas, var(--xmlui-padding-OffCanvas)))", "boxShadow-vertical-OffCanvas": "var(--xmlui-boxShadow-vertical-OffCanvas)", "boxShadow-horizontal-OffCanvas": "var(--xmlui-boxShadow-horizontal-OffCanvas)", "backgroundColor-OffCanvas": "var(--xmlui-backgroundColor-OffCanvas)", "width-OffCanvas": "var(--xmlui-width-OffCanvas)", "marginBottom-title-OffCanvas": "var(--xmlui-marginBottom-title-OffCanvas)"}'`},qo="OffCanvas",Pc=k({status:"in progress",description:"(**NOT IMPLEMENTED YET**) The `OffCanvas` component is a hidden panel that slides into view from the side of the screen. It helps display additional content or navigation without disrupting the main interface.",props:{title:m("This property sets the title of the component.",null,"string"),isInitiallyOpen:m("This property indicates if the component is initially open.",null,"boolean",!1),enableBackdrop:m("This property indicates if the backdrop is enabled when the component is displayed. When the backdrop is not enabled, clicking outside `OffCanvas` will not close it.",null,"boolean",!0),enableBodyScroll:m("This property indicates if the body scroll is enabled when the component is displayed.",null,"boolean",!1),noCloseOnBackdropClick:m(`When this property is set to \`true\`, the ${qo} does not close when the user clicks on its backdrop.`,null,"boolean",!1),placement:m(`This property indicates the position where the ${qo} should be docked to.`,Dl),autoCloseInMs:m("This property sets a timeout. When the timeout expires, the component gets hidden.")},events:{didOpen:Xl(qo),didClose:Ql(qo)},apis:{open:m("This method opens the component. It triggers the `didOpen` event with the argument set to `false`."),close:m("This method closes the component. It triggers the `didClose` event with the argument set to `false`.")},themeVars:Q(zc.themeVars),defaultThemeVars:{"width-OffCanvas":"600px","padding-OffCanvas":"$padding-tight","paddingVertical-OffCanvas":"$padding-tight","paddingHorizontal-OffCanvas":"$padding-normal","backgroundColor-OffCanvas":"$backgroundColor","boxShadow-horizontal-OffCanvas":"0 2px 10px rgba(0, 0, 0, 0.2)","boxShadow-vertical-OffCanvas":"0 2px 10px rgba(0, 0, 0, 0.2)",light:{},dark:{}}}),Dc=k({description:"A PageMetaTitle component allows setting up (or changing) the app title to display with the current browser tab.",props:{value:m("This property sets the page's title to display in the browser tab.")}}),Fn="Page",Mc=k({status:"stable",docFolder:Fn,description:`The \`${Fn}\` component defines what content is displayed when the user navigates to a particular URL that is associated with the page.`,props:{url:m("The URL of the route associated with the content.")}}),Fc=k({description:"The `Pages` component is used as a container for [`Page`](./Page.mdx) components within an [`App`](./App.mdx).",props:{defaultRoute:m("The default route when displaying the app")}}),Rc={themeVars:'"[]"'},qc=k({status:"deprecated",description:"(**OBSOLETE**) This component was created for the ChatEngine app.",props:{visibleOnHover:m("No description")},themeVars:Q(Rc.themeVars)}),Uc={themeVars:`'{"backgroundColor-ProgressBar": "var(--xmlui-backgroundColor-ProgressBar)", "color-indicator-ProgressBar": "var(--xmlui-color-indicator-ProgressBar)", "borderRadius-ProgressBar": "var(--xmlui-borderRadius-ProgressBar)", "borderRadius-indicator-ProgressBar": "var(--xmlui-borderRadius-indicator-ProgressBar)", "thickness-ProgressBar": "var(--xmlui-thickness-ProgressBar)"}'`},mt="ProgressBar",Gc=k({description:`A \`${mt}\` component visually represents the progress of a task or process.`,props:{value:{description:"This property defines the progress value with a number between 0 and 1.",valueType:"number",defaultValue:0}},themeVars:Q(Uc.themeVars),defaultThemeVars:{[`borderRadius-${mt}`]:"$borderRadius",[`borderRadius-indicator-${mt}`]:"0px",[`thickness-${mt}`]:"$space-2",light:{[`backgroundColor-${mt}`]:"$color-surface-200",[`color-indicator-${mt}`]:"$color-primary-500"},dark:{[`backgroundColor-${mt}`]:"$color-surface-700",[`color-indicator-${mt}`]:"$color-primary-500"}}}),Yc=k({description:"The `Queue` component provides an API to enqueue elements and defines events to process queued elements in a FIFO order.",props:{progressFeedback:m("This property defines the component template of the UI that displays progress information whenever, the queue's `progressReport` function in invoked."),resultFeedback:m("This property defines the component template of the UI that displays result information when the queue becomes empty after processing all queued items."),clearAfterFinish:m("This property indicates the completed items (successful or error) should be removed from the queue after completion.")},nonVisual:!0,events:{willProcess:m("This event is triggered to process a particular item."),process:m("This event is fired to process the next item in the queue. If the processing cannot proceed because of some error, raise an exception, and the queue will handle that."),didProcess:m("This event is fired when the processing of a queued item has been successfully processed."),processError:m("This event is fired when processing an item raises an error. The event handler method receives two parameters. The first is the error raised during the processing of the item; the second is an object with these properties:"),complete:m("The queue fires this event when the queue gets empty after processing all items. The event handler has no arguments.")},apis:{enqueueItem:m("This method enqueues the item passed in the method parameter. The new item will be processed after the current queue items have been handled. The method retrieves the unique ID of the newly added item; this ID can be used later in other methods, such as `remove`."),enqueueItems:m("This method enqueues the array of items passed in the method parameter. The new items will be processed after the current queue items have been handled. The method retrieves an array of unique IDs, one for each new item. An item ID can be used later in other methods, such as `remove`."),getQueuedItems:m("You can use this method to return the items in the queue. These items contain all entries not removed from the queue yet, including pending, in-progress, and completed items."),getQueueLength:m("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet."),remove:m("This method retrieves the current queue length. The queue contains only those items that are not fully processed yet.")},contextVars:{$completedItems:m("A list containing the queue items that have been completed (fully processed)."),$queuedItems:m("A list containing the items waiting in the queue, icluding the completed items.")}}),io="RadioGroup",He="RadioGroupOption",Xc=k({description:`The \`${io}\` input component is a group of radio buttons ([\`RadioGroupOption\`](./RadioGroupOption.mdx) components) that allow users to select only one option from the group at a time.`,props:{initialValue:cr(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),orientation:m("(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group."),label:Pe(),labelPosition:Lr("top"),labelWidth:zr(io),labelBreak:Pr(io)},events:{gotFocus:dr(io),lostFocus:ur(io),didChange:Xe(io)},themeVars:Q(nr.themeVars),defaultThemeVars:{[`gap-${He}`]:"$space-1_5",[`borderWidth-${He}`]:"2px",[`backgroundColor-checked-${He}--disabled]`]:`$borderColor-${He}--disabled`,[`backgroundColor-checked-${He}-error`]:`$borderColor-${He}-error`,[`backgroundColor-checked-${He}-warning`]:`$borderColor-${He}-warning`,[`backgroundColor-checked-${He}-success`]:`$borderColor-${He}-success`,[`fontSize-${He}`]:"$fontSize-small",[`fontWeight-${He}`]:"$fontWeight-bold",[`textColor-${He}-error`]:`$borderColor-${He}-error`,[`textColor-${He}-warning`]:`$borderColor-${He}-warning`,[`textColor-${He}-success`]:`$borderColor-${He}-success`,light:{[`backgroundColor-checked-${He}-default`]:"$color-primary-500",[`borderColor-${He}-default`]:"$color-surface-500",[`borderColor-${He}-default--hover`]:"$color-surface-700",[`borderColor-${He}-default--active`]:"$color-primary-500"},dark:{[`backgroundColor-checked-${He}-default`]:"$color-primary-500",[`borderColor-${He}-default`]:"$color-surface-500",[`borderColor-${He}-default--hover`]:"$color-surface-300",[`borderColor-${He}-default--active`]:"$color-primary-400"}}}),Qc=k({status:"experimental",description:"`RealTimeAdapter` is a non-visual component that listens to real-time events through long-polling.",props:{url:m("This property specifies the URL to use for long-polling.")},events:{eventArrived:m("This event is raised when data arrives from the backend using long-polling.")}}),Zc=k({description:"`Redirect` is a component that immediately redirects the browser to the URL in its `to` property when it gets visible (its `when` property gets `true`). The redirection works only within the app.",props:{to:m("This property defines the URL to which this component is about to redirect requests.")}}),Te="Select",jc=k({description:"Provides a dropdown with a list of options to choose from.",status:"experimental",props:{placeholder:Ct(),initialValue:cr(),maxLength:ho(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),label:Pe(),labelPosition:Lr("top"),labelWidth:zr(Te),labelBreak:Pr(Te),optionLabelTemplate:Ae("This property allows replacing the default template to display an option in the dropdown list."),valueTemplate:Ae("This property allows replacing the default template to display a selected value when multiple selections (`multiSelect` is `true`) are enabled."),dropdownHeight:m("This property sets the height of the dropdown list."),emptyListTemplate:m("This optional property provides the ability to customize what is displayed when the list of options is empty."),multiSelect:ui(),searchable:m("This property enables the search functionality in the dropdown list.")},events:{gotFocus:dr(Te),lostFocus:ur(Te),didChange:Xe(Te)},apis:{focus:Mr(Te),setValue:Dr(),value:Lo()},contextVars:{$item:m("This property represents the value of an item in the dropdown list."),$itemContext:m("This property provides a `removeItem` method to delete the particular value from the selection.")},themeVars:Q(ge.themeVars),defaultThemeVars:{[`backgroundColor-menu-${Te}`]:"$backgroundColor-primary",[`boxShadow-menu-${Te}`]:"$boxShadow-md",[`borderRadius-menu-${Te}`]:"$borderRadius",[`borderWidth-menu-${Te}`]:"1px",[`borderColor-menu-${Te}`]:"$borderColor",[`backgroundColor-item-${Te}`]:"$backgroundColor-dropdown-item",[`backgroundColor-item-${Te}--hover`]:"$backgroundColor-dropdown-item--active",[`backgroundColor-item-${Te}--active`]:"$backgroundColor-dropdown-item--active","minHeight-Input":"39px",[`backgroundColor-${Te}-badge`]:"$color-primary-500",[`fontSize-${Te}-badge`]:"$fontSize-small",[`paddingHorizontal-${Te}-badge`]:"$space-1",[`paddingVertical-${Te}-badge`]:"$space-1",[`opacity-text-item-${Te}--disabled`]:"0.5",[`opacity-${Te}--disabled`]:"0.5",light:{[`backgroundColor-${Te}-badge--hover`]:"$color-primary-400",[`backgroundColor-${Te}-badge--active`]:"$color-primary-500",[`textColor-item-${Te}--disabled`]:"$color-surface-200",[`textColor-${Te}-badge`]:"$color-surface-50"},dark:{[`backgroundColor-${Te}-badge--hover`]:"$color-primary-600",[`backgroundColor-${Te}-badge--active`]:"$color-primary-500",[`textColor-${Te}-badge`]:"$color-surface-50",[`textColor-item-${Te}--disabled`]:"$color-surface-800"}}}),Jc={value:er},Kc=({children:e})=>{const[r,t]=u.useState(Jc);return c.jsx(em,{updateState:t,selectedItems:r.value,children:e})},em=({updateState:e=De.noop,idKey:r="id",children:t,selectedItems:o=er,registerComponentApi:a=De.noop})=>{const[n,i]=u.useState(o),l=u.useRef(!1),d=ke((C=er)=>{i(C);let f=C.filter(g=>!!o.find(y=>y[r]===g[r]));(!De.isEqual(o,f)||!l.current)&&(l.current=!0,e({value:f}))}),v=ke(C=>{e({value:n.filter(f=>C.includes(f[r]))})}),x=ke(()=>{v(er)});u.useLayoutEffect(()=>{a({clearSelection:x,setSelectedRowIds:v,refreshSelection:d})},[x,v,a,d]);const p=u.useMemo(()=>({selectedItems:o,setSelectedRowIds:v,refreshSelection:d,idKey:r}),[d,o,v,r]);return c.jsx(Rn.Provider,{value:p,children:t})},Rn=u.createContext(null);function qn(){return u.useContext(Rn)}const rm=k({status:"deprecated",description:"The `SelectionStore` is a non-visual component that may wrap components (items) and manage their selection state to accommodate the usage of other actions.",props:{idKey:m('The selected items in the selection store needs to have a unique ID to use as an unambiguous key for that particular item. This property uniquely identifies the selected object item via a given property. By default, the key attribute is `"id"`.')}}),tm=k({description:"The `SpaceFiller` is a component that works well in layout containers to fill the remaining (unused) space. Its behavior depends on the layout container in which it is used.",themeVars:Q(qi.themeVars)}),wo="Spinner",om=k({description:`The \`${wo}\` component is an animated indicator that represents a particular action in progress without a deterministic progress value.`,props:{delay:{description:"The delay in milliseconds before the spinner is displayed.",valueType:"number",defaultValue:400},fullScreen:{description:"If set to `true`, the component will be rendered in a full screen container.",valueType:"boolean",defaultValue:!1},themeColor:m("(**NOT IMPLEMENTED YET**) The theme color of the component.")},themeVars:Q(ma.themeVars),defaultThemeVars:{[`size-${wo}`]:"$space-10",[`thickness-${wo}`]:"$space-0_5",light:{[`borderColor-${wo}`]:"$color-surface-400"},dark:{[`borderColor-${wo}`]:"$color-surface-600"}}}),am={themeVars:`'{"boxShadow-Splitter": "var(--xmlui-boxShadow-Splitter)", "backgroundColor-Splitter": "var(--xmlui-backgroundColor-Splitter)", "borderRadius-Splitter": "var(--xmlui-borderRadius-Splitter)", "borderColor-Splitter": "var(--xmlui-borderColor-Splitter)", "borderWidth-Splitter": "var(--xmlui-borderWidth-Splitter)", "borderStyle-Splitter": "var(--xmlui-borderStyle-Splitter)", "border-Splitter": "var(--xmlui-border-Splitter)", "backgroundColor-resizer-Splitter": "var(--xmlui-backgroundColor-resizer-Splitter)", "thickness-resizer-Splitter": "var(--xmlui-thickness-resizer-Splitter)", "cursor-resizer-horizontal-Splitter": "var(--xmlui-cursor-resizer-horizontal-Splitter)", "cursor-resizer-vertical-Splitter": "var(--xmlui-cursor-resizer-vertical-Splitter)"}'`},pt="Splitter",Uo=k({description:`The \`${pt}\` component divides a container (such as a window, panel, pane, etc.) into two resizable sections.`,props:{swapped:{description:`This optional booelan property indicates whether the \`${pt}\` sections are layed out as primary and secondary (\`false\`) or secondary and primary (\`true\`) from left to right.`,valueType:"boolean",defaultValue:!1},splitterTemplate:Ae("The divider can be customized using XMLUI components via this property."),initialPrimarySize:{description:"This optional number property sets the initial size of the primary section. The unit of the size value is in pixels or percentages.",valueType:"string",defaultValue:"50%"},minPrimarySize:{description:"This property sets the minimum size the primary section can have. The unit of the size value is in pixels or percentages.",valueType:"string",defaultValue:"0%"},maxPrimarySize:{description:"This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages.",valueType:"string",defaultValue:"100%"},floating:{description:"Toggles whether the resizer is visible (`false`) or not (`true`) when not hovered or dragged. The default value is `false`, meaning the resizer is visible all the time.",valueType:"boolean",defaultValue:!1},orientation:{description:"Sets whether the `Splitter` divides the container horizontally and lays out the section on top of each other (`vertical`), or vertically by placing the sections next to each other (`horizontal`).",valueType:"string",availableValues:["horizontal","vertical"],defaultValue:"vertical"}},events:{resize:m("This event fires when the component is resized.")},themeVars:Q(am.themeVars),defaultThemeVars:{[`backgroundColor-resizer-${pt}`]:"$backgroundColor-Card",[`thickness-resizer-${pt}`]:"5px",[`cursor-resizer-horizontal-${pt}`]:"ew-resize",[`cursor-resizer-vertical-${pt}`]:"ns-resize"}}),im={...Uo,props:{...Uo.props}},nm={...Uo,specializedFrom:pt},lm={...Uo,specializedFrom:pt},sm={themeVars:'"[]"'},Un="StickyBox",dm=k({status:"experimental",description:`The \`${Un}\` is a component that "sticks" or remains fixed at the top or bottom position on the screen as the user scrolls.`,props:{to:{description:"This property determines whether the StickyBox should be anchored to the `top` or `bottom`.",availableValues:["top","bottom"],valueType:"string",defaultValue:"top"}},themeVars:Q(sm.themeVars),defaultThemeVars:{[`backgroundColor-${Un}`]:"$backgroundColor"}}),fe="Switch",um=k({description:`The \`${fe}\` component is a user interface element that allows users to toggle between two states: on and off. It consists of a small rectangular or circular button that can be moved left or right to change its state.`,props:{indeterminate:di(Or.indeterminate),label:Pe(),labelPosition:Lr("end"),labelWidth:zr(fe),labelBreak:Pr(fe),required:Sr(),initialValue:cr(Or.initialValue),autoFocus:Qe(),readOnly:yr(),enabled:Ue(),validationStatus:kr(Or.validationStatus),description:Ve(`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${fe} besides its label.`)},events:{gotFocus:dr(fe),lostFocus:ur(fe),didChange:Xe(fe)},apis:{value:ci(),setValue:Dr()},themeVars:Q(Rr.themeVars),defaultThemeVars:{[`borderColor-checked-${fe}-error`]:`$borderColor-${fe}-error`,[`backgroundColor-checked-${fe}-error`]:`$borderColor-${fe}-error`,[`borderColor-checked-${fe}-warning`]:`$borderColor-${fe}-warning`,[`backgroundColor-checked-${fe}-warning`]:`$borderColor-${fe}-warning`,[`borderColor-checked-${fe}-success`]:`$borderColor-${fe}-success`,[`backgroundColor-checked-${fe}-success`]:`$borderColor-${fe}-success`,light:{[`backgroundColor-${fe}`]:"$color-surface-400",[`borderColor-${fe}`]:"$color-surface-400",[`backgroundColor-indicator-${fe}`]:"$backgroundColor-primary",[`borderColor-checked-${fe}`]:"$color-primary-500",[`backgroundColor-checked-${fe}`]:"$color-primary-500",[`backgroundColor-${fe}--disabled`]:"$color-surface-200"},dark:{[`backgroundColor-${fe}`]:"$color-surface-500",[`borderColor-${fe}`]:"$color-surface-500",[`backgroundColor-indicator-${fe}`]:"$backgroundColor-primary",[`borderColor-checked-${fe}`]:"$color-primary-400",[`backgroundColor-checked-${fe}`]:"$color-primary-400",[`backgroundColor-${fe}--disabled`]:"$color-surface-800"}}}),Ce={themeVars:`'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRadius-start-start-cell-Table": "var(--xmlui-borderRadius-start-start-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderRadius-start-end-cell-Table": "var(--xmlui-borderRadius-start-end-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderRadius-end-start-cell-Table": "var(--xmlui-borderRadius-end-start-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderRadius-end-end-cell-Table": "var(--xmlui-borderRadius-end-end-cell-Table, var(--xmlui-borderRadius-cell-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)"}'`,wrapper:"_wrapper_8m12g_13",noScroll:"_noScroll_8m12g_19",headerWrapper:"_headerWrapper_8m12g_23",tableBody:"_tableBody_8m12g_23",clickableHeader:"_clickableHeader_8m12g_29",headerContent:"_headerContent_8m12g_43",headerRow:"_headerRow_8m12g_76",columnCell:"_columnCell_8m12g_81",cell:"_cell_8m12g_81",table:"_table_8m12g_23",row:"_row_8m12g_93",checkBoxWrapper:"_checkBoxWrapper_8m12g_99",showInHeader:"_showInHeader_8m12g_103",selected:"_selected_8m12g_106",allSelected:"_allSelected_8m12g_106",focused:"_focused_8m12g_152",disabled:"_disabled_8m12g_164",noRows:"_noRows_8m12g_193",pagination:"_pagination_8m12g_199",paginationLabel:"_paginationLabel_8m12g_215",paginationSelect:"_paginationSelect_8m12g_220",paginationButtons:"_paginationButtons_8m12g_226",loadingWrapper:"_loadingWrapper_8m12g_238",resizer:"_resizer_8m12g_253",isResizing:"_isResizing_8m12g_275"},Gn=u.createContext({registerColumn:(e,r)=>{},unRegisterColumn:e=>{}});function cm(e){return ro({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"15 18 9 12 15 6"}}]})(e)}function mm(e){return ro({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"9 18 15 12 9 6"}}]})(e)}function pm(e){return ro({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"11 17 6 12 11 7"}},{tag:"polyline",attr:{points:"18 17 13 12 18 7"}}]})(e)}function hm(e){return ro({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"13 17 18 12 13 7"}},{tag:"polyline",attr:{points:"6 17 11 12 6 7"}}]})(e)}function xm({items:e=er,visibleItems:r=e,rowsSelectable:t,enableMultiRowSelection:o,onSelectionDidChange:a}){const[n,i]=u.useState(-1),[l,d]=u.useState(null),{selectedItems:v,setSelectedRowIds:x,refreshSelection:p,idKey:C}=qn(),f=u.useMemo(()=>r.map(E=>E[C]),[C,r]);u.useEffect(()=>{p(t?e:er)},[p,e,t]);const g=xi(o);u.useEffect(()=>{g&&!o&&v.length>1&&x([v[0][C]])},[o,C,g,v,x]),u.useEffect(()=>{t&&n!==-1&&!f[n]&&f[0]&&i(0)},[n,t,i,f]);const y=ke((E,b={})=>{if(!t)return;const h=f[E],{shiftKey:T,metaKey:S,ctrlKey:_}=b,G=!o||!T&&!S&&!_;let z,N=[...v.map(I=>I[C])];if(G)z={from:h,to:h},N=[h];else if(T){let I,M,R,D;if(l){let j=f.indexOf(l.from),J=f.indexOf(l.to),K=Math.min(j,J),ce=Math.max(j,J);const Ee=f.slice(K,ce+1);N=N.filter(re=>!Ee.includes(re)),R=l.from,D=h;let Be=f.indexOf(R),oe=f.indexOf(D);I=Math.min(Be,oe),M=Math.max(Be,oe)}else R=h,D=h,I=E,M=E;const Y=f.slice(I,M+1);N=De.union(N,Y),z={from:R,to:D}}else z={from:h,to:h},S||_?N.includes(h)?N=N.filter(I=>I!==h):N.push(h):N=[h];i(E),x(De.uniq(N)),d(z)}),H=ke((E,b)=>{if(!t)return;const h=f.indexOf(E[C]);y(h,b)}),A=ke(E=>{if(t){if(E.key==="ArrowDown"){E.preventDefault();let b=Math.min(r.length-1,n+1);n!==r.length-1&&y(b,E)}if(E.key==="PageDown"){E.preventDefault();const b=Math.min(r.length-1,n+8);y(b,E)}if(E.key==="ArrowUp"){E.preventDefault();let b=Math.max(0,n-1);n>=0&&y(b,E)}if(E.key==="PageUp"){E.preventDefault();const b=Math.max(0,n-8);y(b,E)}}});u.useEffect(()=>{a==null||a(v)},[v,a]);const $=ke(E=>{t&&(!o&&E||x(E?e.map(b=>b[C]):[]))}),L=u.useMemo(()=>{let E={};return v.forEach(b=>{E[b[C]]=!0}),E},[C,v]),V=u.useCallback(()=>v,[v]),U=u.useCallback(()=>v.map(E=>E[C]),[C,v]),Z=u.useCallback(()=>{$(!1)},[$]),P=u.useCallback(()=>{$(!0)},[$]),W=u.useCallback(E=>{if(!t)return;let b=Array.isArray(E)?E:[E];b.length>1&&!o&&(b=[b[0]]),x(b)},[o,t,x]),O=u.useMemo(()=>({getSelectedItems:V,getSelectedIds:U,clearSelection:Z,selectAll:P,selectId:W}),[Z,U,V,P,W]);return{onKeyDown:A,focusedIndex:n,toggleRowIndex:y,toggleRow:H,checkAllRows:$,selectedRowIdMap:L,selectedItems:v,idKey:C,selectionApi:O}}function bm(e){return!1}const fm=42,vm=[10],Yn=e=>{const r=e.getIsPinned();return{left:r==="left"?`${e.getStart("left")}px`:void 0,right:r==="right"?`${e.getAfter("right")}px`:void 0,opacity:r?.95:void 0,position:r?"sticky":"relative",backgroundColor:r?"inherit":void 0,zIndex:r?1:void 0}},gm=u.forwardRef(({data:e=er,columns:r=er,isPaginated:t=!1,loading:o=!1,headerHeight:a,rowsSelectable:n=!1,enableMultiRowSelection:i=!0,pageSizes:l=vm,rowDisabledPredicate:d=bm,sortBy:v,sortingDirection:x="ascending",iconSortAsc:p,iconSortDesc:C,iconNoSort:f,sortingDidChange:g,willSort:y,style:H,noDataRenderer:A,autoFocus:$=!1,hideHeader:L=!1,hideNoDataView:V=!1,alwaysShowSelectionHeader:U=!1,registerComponentApi:Z,onSelectionDidChange:P},W)=>{var xl,bl,fl,vl;const{getThemeVar:O}=Fr(),E=Array.isArray(e)?e:er,b=u.useRef(null),h=W?Jr(b,W):b,T=u.useRef(null),S=u.useRef(null),_=v!==void 0,G=u.useMemo(()=>r||(E.length?Object.keys(E[0]).map(ae=>({header:ae,accessorKey:ae})):er),[r,E]);u.useEffect(()=>{$&&b.current.focus()},[$]);const[z,N]=u.useState(er),{toggleRow:I,checkAllRows:M,focusedIndex:R,onKeyDown:D,selectedRowIdMap:Y,idKey:j,selectionApi:J}=xm({items:E,visibleItems:z,rowsSelectable:n,enableMultiRowSelection:i,onSelectionDidChange:P}),K=u.useMemo(()=>E.map((ae,ve)=>({...ae,order:ve+1})),[E]),[ce,Ee]=u.useState(v),[Be,oe]=u.useState(x);u.useLayoutEffect(()=>{Ee(v)},[v]),u.useLayoutEffect(()=>{oe(x)},[x]);const re=u.useMemo(()=>!ce||_?K:De.orderBy(K,ce,Be==="ascending"?"asc":"desc"),[ce,Be,K,_]),X=u.useCallback(async ae=>{let ve="ascending",se=ae;ce===ae&&(Be==="ascending"?ve="descending":se=void 0),await(y==null?void 0:y(se,ve))!==!1&&(oe(ve),Ee(se),g==null||g(se,ve))},[ce,y,g,Be]),F=u.useMemo(()=>G.map((ae,ve)=>{const{width:se,starSizedWidth:he}=Br(ae.width,!0,"width"),{width:Tr}=Br(ae.minWidth,!1,"minWidth"),{width:_e}=Br(ae.maxWidth,!1,"maxWidth");return{...ae,header:ae.header??ae.accessorKey??" ",id:"col_"+ve,size:se,minSize:Tr,maxSize:_e,enableResizing:ae.canResize,enableSorting:ae.canSort,enablePinning:ae.pinTo!==void 0,meta:{starSizedWidth:he,pinTo:ae.pinTo,style:ae.style,accessorKey:ae.accessorKey,cellRenderer:ae.cellRenderer}};function Br(Cr,Zr,$x){let Io,Ko;const Pt=ws(Cr)?O(Cr):Cr;if(typeof Pt=="number")Ko=Pt;else if(typeof Pt=="string"){const Ix=Pt.match(/^\s*\*\s*$/);if(Zr&&Ix)Io="1*";else{const gl=Pt.match(/^\s*(\d+)\s*\*\s*$/);if(Zr&&gl)Io=gl[1]+"*";else{const Tl=Pt.match(/^\s*(\d+)\s*(px)?\s*$/);if(Tl)Ko=Number(Tl[1]);else throw new Error(`Invalid TableColumnDef '${$x}' value: ${Pt}`)}}}return Ko===void 0&&Io===void 0&&Zr&&(Io="1*"),{width:Ko,starSizedWidth:Io}}}),[O,G]),le=u.useMemo(()=>n?[{id:"select",size:fm,enableResizing:!1,enablePinning:!0,meta:{pinTo:"left"},header:({table:ve})=>i?c.jsx(fa,{className:ne(Ce.checkBoxWrapper,{[Ce.showInHeader]:U}),value:ve.getIsAllRowsSelected(),indeterminate:ve.getIsSomeRowsSelected(),onDidChange:se=>{M(se)}}):null,cell:({row:ve})=>c.jsx(fa,{className:Ce.checkBoxWrapper,value:ve.getIsSelected(),indeterminate:ve.getIsSomeSelected(),onDidChange:()=>{I(ve.original,{metaKey:!0})}})},...F]:F,[n,F,i,U,M,I]),[$e,Et]=u.useState({pageSize:t?l[0]:Number.MAX_VALUE,pageIndex:0}),Ge=xi(t);u.useEffect(()=>{!Ge&&t&&Et(ae=>({...ae,pageSize:l[0]})),Ge&&!t&&Et(ae=>({pageIndex:0,pageSize:Number.MAX_VALUE}))},[t,l,Ge]);const[co,zt]=u.useState({}),Ho=u.useMemo(()=>{const ae=[],ve=[];return le.forEach(se=>{var he,Tr;((he=se.meta)==null?void 0:he.pinTo)==="right"&&ve.push(se.id),((Tr=se.meta)==null?void 0:Tr.pinTo)==="left"&&ae.push(se.id)}),{left:ae,right:ve}},[le]),Le=po.useReactTable({columns:le,data:re,getCoreRowModel:po.getCoreRowModel(),getPaginationRowModel:t?po.getPaginationRowModel():void 0,enableRowSelection:n,enableMultiRowSelection:i,columnResizeMode:"onChange",getRowId:u.useCallback(ae=>ae[j]+"",[j]),state:u.useMemo(()=>({pagination:$e,rowSelection:Y,columnSizing:co,columnPinning:Ho}),[Ho,co,$e,Y]),onColumnSizingChange:zt,onPaginationChange:Et}),Re=Le.getRowModel().rows;u.useEffect(()=>{N(Re.map(ae=>ae.original))},[Re]);const qe=u.useContext(Bs),$o=qe&&(H==null?void 0:H.maxHeight)===void 0&&(H==null?void 0:H.height)===void 0&&(H==null?void 0:H.flex)===void 0,Hx=u.useCallback((ae,ve)=>ei.observeElementOffset(ae,(se,he)=>{var _e;const Tr=$o&&((_e=b.current)==null?void 0:_e.offsetTop)||0;ve(se-Tr,he)}),[$o]),ft=ei.useVirtualizer({count:Re.length,getScrollElement:u.useCallback(()=>$o&&(qe!=null&&qe.current)?qe==null?void 0:qe.current:b.current,[qe,$o]),observeElementOffset:Hx,estimateSize:u.useCallback(()=>S.current||30,[]),overscan:5}),ml=ft.getVirtualItems().length>0&&((bl=(xl=ft.getVirtualItems())==null?void 0:xl[0])==null?void 0:bl.start)||0,pl=ft.getVirtualItems().length>0?ft.getTotalSize()-(((vl=(fl=ft.getVirtualItems())==null?void 0:fl[ft.getVirtualItems().length-1])==null?void 0:vl.end)||0):0,jo=E.length!==0,Za=u.useRef({}),hl=u.useCallback(ae=>{Za.current[ae]=!0},[]),Jo=ke(()=>{if(!T.current)return;let ae=T.current.clientWidth-1;const ve={},se=[],he={};Le.getAllColumns().forEach(_e=>{var at,Br;if(_e.columnDef.size!==void 0||Za.current[_e.id])ae-=co[_e.id]||_e.columnDef.size||0;else{se.push(_e);let Cr;(at=_e.columnDef.meta)!=null&&at.starSizedWidth?Cr=Number((Br=_e.columnDef.meta)==null?void 0:Br.starSizedWidth.replace("*","").trim())||1:Cr=1,he[_e.id]=Cr}});const Tr=Object.values(he).reduce((_e,at)=>_e+at,0);se.forEach(_e=>{ve[_e.id]=Math.floor(ae*(he[_e.id]/Tr))}),Ja.flushSync(()=>{zt(_e=>({..._e,...ve}))})});return Kl(T,Jo),xo(()=>{queueMicrotask(()=>{Jo()})},[Jo,G]),xo(()=>{Z(J)},[Z,J]),c.jsxs("div",{className:ne(Ce.wrapper,{[Ce.noScroll]:$o}),tabIndex:-1,onKeyDown:D,ref:h,style:H,children:[c.jsxs("table",{className:Ce.table,ref:T,style:{borderRight:"1px solid transparent"},children:[!L&&c.jsx("thead",{style:{height:a},className:Ce.headerWrapper,children:Le.getHeaderGroups().map((ae,ve)=>c.jsx("tr",{className:ne(Ce.headerRow,{[Ce.allSelected]:Le.getIsAllRowsSelected()}),children:ae.headers.map((se,he)=>{var Br,Cr;const{width:Tr,..._e}=((Br=se.column.columnDef.meta)==null?void 0:Br.style)||{},at=se.getSize();return c.jsxs("th",{className:Ce.columnCell,colSpan:se.colSpan,style:{position:"relative",width:at,...Yn(se.column)},children:[c.jsx(Tm,{hasSorting:se.column.columnDef.enableSorting,updateSorting:()=>{var Zr;return X((Zr=se.column.columnDef.meta)==null?void 0:Zr.accessorKey)},children:c.jsxs("div",{className:Ce.headerContent,style:_e,children:[po.flexRender(se.column.columnDef.header,se.getContext()),c.jsx("span",{style:{display:"inline-flex",maxWidth:16},children:se.column.columnDef.enableSorting&&c.jsx(Cm,{iconSortAsc:p,iconSortDesc:C,iconNoSort:f,direction:((Cr=se.column.columnDef.meta)==null?void 0:Cr.accessorKey)===ce?Be:void 0})})]})}),se.column.getCanResize()&&c.jsx("div",{onDoubleClick:()=>{Za.current[se.column.id]=!1,se.column.columnDef.size!==void 0?se.column.resetSize():Jo()},onMouseDown:Zr=>{hl(se.column.id),se.getResizeHandler()(Zr)},onTouchStart:Zr=>{hl(se.column.id),se.getResizeHandler()(Zr)},className:ne(Ce.resizer,{[Ce.isResizing]:se.column.getIsResizing()})})]},`${se.id}-${he}`)})},`${ae.id}-${ve}`))}),jo&&c.jsxs("tbody",{className:Ce.tableBody,children:[ml>0&&c.jsx("tr",{children:c.jsx("td",{style:{height:`${ml}px`}})}),ft.getVirtualItems().map(ae=>{const ve=ae.index,se=Re[ve];return c.jsx("tr",{"data-index":ve,className:ne(Ce.row,{[Ce.selected]:se.getIsSelected(),[Ce.focused]:R===ve,[Ce.disabled]:d(se.original)}),ref:he=>{he&&S.current===null&&(S.current=Math.round(he.getBoundingClientRect().height)),ft.measureElement(he)},onClick:he=>{he.defaultPrevented||he.target.tagName.toLowerCase()==="input"||I(se.original,he)},children:se.getVisibleCells().map((he,Tr)=>{var Br,Cr;const _e=(Cr=(Br=he.column.columnDef)==null?void 0:Br.meta)==null?void 0:Cr.cellRenderer,at=he.column.getSize();return c.jsx("td",{className:Ce.cell,style:{width:at,...Yn(he.column)},children:_e?_e(he.row.original,ve,Tr,he==null?void 0:he.getValue()):po.flexRender(he.column.columnDef.cell,he.getContext())},`${he.id}-${Tr}`)})},`${se.id}-${ve}`)}),pl>0&&c.jsx("tr",{children:c.jsx("td",{style:{height:`${pl}px`}})})]})]}),o&&!jo&&c.jsx("div",{className:Ce.loadingWrapper,children:c.jsx(Si,{})}),!V&&!o&&!jo&&(A?A():c.jsx("div",{className:Ce.noRows,children:"No data available"})),t&&jo&&Re.length>0&&$e&&c.jsxs("div",{className:Ce.pagination,children:[c.jsx("div",{style:{flex:1},children:c.jsxs("span",{className:Ce.paginationLabel,children:["Showing ",Re[0].original.order," to ",Re[Re.length-1].original.order," of"," ",E.length," entries"]})}),l.length>1&&c.jsxs("div",{children:[c.jsx("span",{className:Ce.paginationLabel,children:"Rows per page"}),c.jsx("select",{className:Ce.paginationSelect,value:$e.pageSize,onChange:ae=>{Le.setPageSize(Number(ae.target.value))},children:l.map(ae=>c.jsx("option",{value:ae,children:ae},ae))})]}),c.jsxs("div",{className:Ce.paginationButtons,children:[c.jsx(tr,{onClick:()=>Le.setPageIndex(0),disabled:!Le.getCanPreviousPage(),type:"button",variant:"ghost",children:c.jsx(pm,{})}),c.jsx(tr,{onClick:()=>Le.previousPage(),disabled:!Le.getCanPreviousPage(),type:"button",variant:"ghost",children:c.jsx(cm,{})}),c.jsx(tr,{onClick:()=>Le.nextPage(),disabled:!Le.getCanNextPage(),type:"button",variant:"ghost",children:c.jsx(mm,{})}),c.jsx(tr,{onClick:()=>Le.setPageIndex(Le.getPageCount()-1),disabled:!Le.getCanNextPage(),type:"button",variant:"ghost",children:c.jsx(hm,{})})]})]})]})});function Tm({hasSorting:e,updateSorting:r,children:t}){return e?c.jsx("button",{className:Ce.clickableHeader,onClick:r,children:t}):c.jsx(c.Fragment,{children:t})}function Cm({direction:e,iconSortAsc:r="sortasc:Table",iconSortDesc:t="sortdesc:Table",iconNoSort:o="nosort:Table"}){return e==="ascending"?c.jsx(be,{name:r,fallback:"sortasc",size:"12"}):e==="descending"?c.jsx(be,{name:t,fallback:"sortdesc",size:"12"}):o!=="-"?c.jsx(be,{name:o,fallback:"nosort",size:"12"}):c.jsx(be,{name:o,size:"12"})}const ue="Table",ym=k({description:`\`${ue}\` is a component that displays cells organized into rows and columns. The \`${ue}\` component is virtualized so it only renders visible cells.`,props:{items:Ve("You can use `items` as an alias for the `data` property. When you bind the table to a data source (e.g. an API endpoint), the `data` acts as the property that accepts a URL to fetch information from an API. When both `items` and `data` are used, `items` has priority."),data:m("The component receives data via this property. The `data` property is a list of items that the `Table` can display."),isPaginated:{description:`This property adds pagination controls to the \`${ue}\`.`,valueType:"boolean",defaultValue:!1},loading:m("This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time."),headerHeight:m("This optional property is used to specify the height of the table header."),rowsSelectable:m("Indicates whether the rows are selectable (`true`) or not (`false`)."),pageSizes:{description:"This property holds an array of page sizes (numbers) the user can select for pagination. If this property is not defined, the component allows only a page size of 10 items."},rowDisabledPredicate:m("This property defines a predicate function with a return value that determines if the row should be disabled. The function retrieves the item to display and should return a Boolean-like value."),noDataTemplate:Ae("A property to customize what to display if the table does not contain any data."),sortBy:m("This property is used to determine which data attributes to sort by."),sortDirection:m("This property determines the sort order to be `ascending` or `descending`. This property only works if the [`sortBy`](#sortby) property is also set."),autoFocus:Qe(),hideHeader:{description:"Set the header visibility using this property. Set it to `true` to hide the header.",valueType:"boolean",defaultValue:!1},iconNoSort:m(`Allows setting the icon displayed in the ${ue} column header when sorting is enabled, but the column remains unsorted.`),iconSortAsc:m(`Allows setting the icon displayed in the ${ue} column header when sorting is enabled, and the column is sorted in ascending order.`),iconSortDesc:m(`Allows setting the icon displayed in the ${ue} column header when sorting is enabled, and the column is sorted in descending order.`),enableMultiRowSelection:{description:"This boolean property indicates whether you can select multiple rows in the table. This property only has an effect when the rowsSelectable property is set. Setting it to `false` limits selection to a single row.",valueType:"boolean",defaultValue:!0},alwaysShowSelectionHeader:{description:"This property indicates when the row selection header is displayed. When the value is `true,` the selection header is always visible. Otherwise, it is displayed only when hovered.",valueType:"boolean",defaultValue:!1}},events:{sortingDidChange:m("This event is fired when the table data sorting has changed. It has two arguments: the column's name and the sort direction. When the column name is empty, the table displays the data list as it received it."),willSort:m("This event is fired before the table data is sorted. It has two arguments: the column's name and the sort direction. When the method returns a literal `false` value (and not any other falsy one), the method indicates that the sorting should be aborted."),selectionDidChange:m("This event is triggered when the table's current selection (the rows selected) changes. Its parameter is an array of the selected table row items. ")},apis:{clearSelection:m("This method clears the list of currently selected table rows."),getSelectedItems:m("This method returns the list of currently selected table rows items."),getSelectedIds:m("This method returns the list of currently selected table rows IDs."),selectAll:m("This method selects all the rows in the table. This method has no effect if the rowsSelectable property is set to `false`."),selectId:m("This method selects the row with the specified ID. This method has no effect if the `rowsSelectable` property is set to `false`. The method argument can be a single id or an array of them.")},themeVars:Q(Ce.themeVars),defaultThemeVars:{[`padding-heading-${ue}`]:"$space-2",[`paddingHorizontal-cell-${ue}`]:"$space-2",[`paddingHorizontal-cell-first-${ue}`]:"$space-5",[`paddingHorizontal-cell-last-${ue}`]:"$space-5",[`paddingVertical-cell-${ue}`]:"$space-2",[`border-cell-${ue}`]:"1px solid $borderColor",[`outlineWidth-heading-${ue}--focus`]:"$outlineWidth--focus",[`outlineStyle-heading-${ue}--focus`]:"$outlineStyle--focus",[`outlineOffset-heading-${ue}--focus`]:"$outlineOffset--focus",[`fontSize-heading-${ue}`]:"$fontSize-tiny",[`fontWeight-heading-${ue}`]:"$fontWeight-bold",[`textTransform-heading-${ue}`]:"uppercase",[`fontSize-row-${ue}`]:"$fontSize-small",[`backgroundColor-${ue}`]:"$backgroundColor",[`backgroundColor-row-${ue}`]:"inherit",[`backgroundColor-selected-${ue}--hover`]:`$backgroundColor-row-${ue}--hover`,[`backgroundColor-pagination-${ue}`]:`$backgroundColor-${ue}`,[`outlineColor-heading-${ue}--focus`]:"$outlineColor--focus",[`textColor-pagination-${ue}`]:"$color-secondary",light:{[`backgroundColor-row-${ue}--hover`]:"$color-primary-50",[`backgroundColor-selected-${ue}`]:"$color-primary-100",[`backgroundColor-heading-${ue}--hover`]:"$color-surface-200",[`backgroundColor-heading-${ue}--active`]:"$color-surface-300",[`backgroundColor-heading-${ue}`]:"$color-surface-100",[`textColor-heading-${ue}`]:"$color-surface-500"},dark:{[`backgroundColor-row-${ue}--hover`]:"$color-primary-900",[`backgroundColor-selected-${ue}`]:"$color-primary-800",[`backgroundColor-heading-${ue}--hover`]:"$color-surface-800",[`backgroundColor-heading-${ue}`]:"$color-surface-950",[`backgroundColor-heading-${ue}--active`]:"$color-surface-700"}}});u.forwardRef(({extractValue:e,node:r,renderChild:t,lookupEventHandler:o,lookupSyncCallback:a,layoutCss:n,registerComponentApi:i},l)=>{var U,Z,P,W,O,E;const d=e(r.props.items)||e(r.props.data),[v,x]=u.useState(er),[p,C]=u.useState(yt),f=u.useRef([]),[g,y]=u.useState(0),H=u.useMemo(()=>({registerColumn:(b,h)=>{x(vt(T=>{T.findIndex(_=>_===h)<0&&T.push(h)})),C(vt(T=>{T[h]=b}))},unRegisterColumn:b=>{x(vt(h=>h.filter(T=>T!==b))),C(vt(h=>{delete h[b]}))}}),[]),A=u.useMemo(()=>({registerColumn:(b,h)=>{f.current.find(T=>T===h)||(y(T=>T+1),f.current.push(h))},unRegisterColumn:b=>{f.current.find(h=>h===b)&&(f.current=f.current.filter(h=>h!==b),y(h=>h+1))}}),[]),$=u.useMemo(()=>v.map(b=>p[b]),[v,p]),L=qn(),V=c.jsxs(c.Fragment,{children:[c.jsx(Gn.Provider,{value:H,children:t(r.children)},g),c.jsx(Gn.Provider,{value:A,children:t(r.children)}),c.jsx(gm,{ref:l,data:d,columns:$,pageSizes:e(r.props.pageSizes),rowsSelectable:e.asOptionalBoolean(r.props.rowsSelectable),registerComponentApi:i,noDataRenderer:r.props.noDataTemplate&&(()=>t(r.props.noDataTemplate)),hideNoDataView:r.props.noDataTemplate===null||r.props.noDataTemplate==="",loading:e.asOptionalBoolean(r.props.loading),isPaginated:e.asOptionalBoolean((U=r.props)==null?void 0:U.isPaginated),headerHeight:e.asSize(r.props.headerHeight),rowDisabledPredicate:a(r.props.rowDisabledPredicate),sortBy:e((Z=r.props)==null?void 0:Z.sortBy),sortingDirection:e((P=r.props)==null?void 0:P.sortDirection),iconSortAsc:e.asOptionalString((W=r.props)==null?void 0:W.iconSortAsc),iconSortDesc:e.asOptionalString((O=r.props)==null?void 0:O.iconSortDesc),iconNoSort:e.asOptionalString((E=r.props)==null?void 0:E.iconNoSort),sortingDidChange:o("sortingDidChange"),onSelectionDidChange:o("selectionDidChange"),willSort:o("willSort"),style:n,uid:r.uid,autoFocus:e.asOptionalBoolean(r.props.autoFocus),hideHeader:e.asOptionalBoolean(r.props.hideHeader),enableMultiRowSelection:e.asOptionalBoolean(r.props.enableMultiRowSelection),alwaysShowSelectionHeader:e.asOptionalBoolean(r.props.alwaysShowSelectionHeader)})]});return L===null?c.jsx(Kc,{children:V}):V});const km=k({description:"The `Column` component can be used within a `Table` to define a particular table column's visual properties and data bindings.",props:{bindTo:{description:"Indicates what part of the data to lay out in the column.",valueType:"string"},header:{description:"Adds a label for a particular column.",valueType:"string"},width:{description:"This property defines the width of the column. You can use a numeric value, a pixel value (such as `100px`), or a star size value (such as `*`, `2*`, etc.). You will get an error if you use any other unit (or value).",valueType:"any"},minWidth:{description:"Indicates the minimum width a particular column can have. Same rules apply as with [width](#width).",valueType:"any"},maxWidth:{description:"Indicates the maximum width a particular column can have. Same rules apply as with [width](#width).",valueType:"any"},canSort:{description:"This property sets whether the user can sort by a column by clicking on its header (`true`) or not (`false`).",valueType:"boolean"},pinTo:{description:"This property allows the column to be pinned to the `left` (left-to-right writing style) or `right` (left-to-right writing style) edge of the table. If the writing style is right-to-left, the locations are switched.",availableValues:["left","right"],valueType:"string"},canResize:{description:"This property indicates whether the user can resize the column. If set to `true`, the column can be resized by dragging the column border. If set to `false`, the column cannot be resized. Double-clicking the column border resets to the original size.",valueType:"boolean"}},contextVars:{$item:{description:"The data item being rendered."},$row:{description:"The data item being rendered (the same as `$item`)."},$itemIndex:{description:"The index of the data item being rendered."},$rowIndex:{description:"The index of the data item being rendered (the same as `$itemIndex`)."},$colIndex:{description:"The index of the column being rendered."},$cell:{description:"The value of the cell being rendered."}}}),Sm={themeVars:`'{"padding-TableOfContentsItem": "var(--xmlui-padding-TableOfContentsItem)", "paddingHorizontal-TableOfContentsItem": "var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem))", "paddingVertical-TableOfContentsItem": "var(--xmlui-paddingVertical-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem))", "paddingLeft-TableOfContentsItem": "var(--xmlui-paddingLeft-TableOfContentsItem, var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "paddingRight-TableOfContentsItem": "var(--xmlui-paddingRight-TableOfContentsItem, var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "paddingTop-TableOfContentsItem": "var(--xmlui-paddingTop-TableOfContentsItem, var(--xmlui-paddingVertical-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "paddingBottom-TableOfContentsItem": "var(--xmlui-paddingBottom-TableOfContentsItem, var(--xmlui-paddingVertical-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)))", "padding-TableOfContentsItem-level-1": "var(--xmlui-padding-TableOfContentsItem-level-1)", "paddingHorizontal-TableOfContentsItem-level-1": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1))", "paddingVertical-TableOfContentsItem-level-1": "var(--xmlui-paddingVertical-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1))", "paddingLeft-TableOfContentsItem-level-1": "var(--xmlui-paddingLeft-TableOfContentsItem-level-1, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "paddingRight-TableOfContentsItem-level-1": "var(--xmlui-paddingRight-TableOfContentsItem-level-1, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "paddingTop-TableOfContentsItem-level-1": "var(--xmlui-paddingTop-TableOfContentsItem-level-1, var(--xmlui-paddingVertical-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "paddingBottom-TableOfContentsItem-level-1": "var(--xmlui-paddingBottom-TableOfContentsItem-level-1, var(--xmlui-paddingVertical-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)))", "padding-TableOfContentsItem-level-2": "var(--xmlui-padding-TableOfContentsItem-level-2)", "paddingHorizontal-TableOfContentsItem-level-2": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2))", "paddingVertical-TableOfContentsItem-level-2": "var(--xmlui-paddingVertical-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2))", "paddingLeft-TableOfContentsItem-level-2": "var(--xmlui-paddingLeft-TableOfContentsItem-level-2, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "paddingRight-TableOfContentsItem-level-2": "var(--xmlui-paddingRight-TableOfContentsItem-level-2, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "paddingTop-TableOfContentsItem-level-2": "var(--xmlui-paddingTop-TableOfContentsItem-level-2, var(--xmlui-paddingVertical-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "paddingBottom-TableOfContentsItem-level-2": "var(--xmlui-paddingBottom-TableOfContentsItem-level-2, var(--xmlui-paddingVertical-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)))", "padding-TableOfContentsItem-level-3": "var(--xmlui-padding-TableOfContentsItem-level-3)", "paddingHorizontal-TableOfContentsItem-level-3": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3))", "paddingVertical-TableOfContentsItem-level-3": "var(--xmlui-paddingVertical-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3))", "paddingLeft-TableOfContentsItem-level-3": "var(--xmlui-paddingLeft-TableOfContentsItem-level-3, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "paddingRight-TableOfContentsItem-level-3": "var(--xmlui-paddingRight-TableOfContentsItem-level-3, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "paddingTop-TableOfContentsItem-level-3": "var(--xmlui-paddingTop-TableOfContentsItem-level-3, var(--xmlui-paddingVertical-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "paddingBottom-TableOfContentsItem-level-3": "var(--xmlui-paddingBottom-TableOfContentsItem-level-3, var(--xmlui-paddingVertical-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)))", "padding-TableOfContentsItem-level-4": "var(--xmlui-padding-TableOfContentsItem-level-4)", "paddingHorizontal-TableOfContentsItem-level-4": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4))", "paddingVertical-TableOfContentsItem-level-4": "var(--xmlui-paddingVertical-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4))", "paddingLeft-TableOfContentsItem-level-4": "var(--xmlui-paddingLeft-TableOfContentsItem-level-4, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "paddingRight-TableOfContentsItem-level-4": "var(--xmlui-paddingRight-TableOfContentsItem-level-4, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "paddingTop-TableOfContentsItem-level-4": "var(--xmlui-paddingTop-TableOfContentsItem-level-4, var(--xmlui-paddingVertical-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "paddingBottom-TableOfContentsItem-level-4": "var(--xmlui-paddingBottom-TableOfContentsItem-level-4, var(--xmlui-paddingVertical-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)))", "padding-TableOfContentsItem-level-5": "var(--xmlui-padding-TableOfContentsItem-level-5)", "paddingHorizontal-TableOfContentsItem-level-5": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5))", "paddingVertical-TableOfContentsItem-level-5": "var(--xmlui-paddingVertical-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5))", "paddingLeft-TableOfContentsItem-level-5": "var(--xmlui-paddingLeft-TableOfContentsItem-level-5, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "paddingRight-TableOfContentsItem-level-5": "var(--xmlui-paddingRight-TableOfContentsItem-level-5, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "paddingTop-TableOfContentsItem-level-5": "var(--xmlui-paddingTop-TableOfContentsItem-level-5, var(--xmlui-paddingVertical-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "paddingBottom-TableOfContentsItem-level-5": "var(--xmlui-paddingBottom-TableOfContentsItem-level-5, var(--xmlui-paddingVertical-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)))", "padding-TableOfContentsItem-level-6": "var(--xmlui-padding-TableOfContentsItem-level-6)", "paddingHorizontal-TableOfContentsItem-level-6": "var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6))", "paddingVertical-TableOfContentsItem-level-6": "var(--xmlui-paddingVertical-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6))", "paddingLeft-TableOfContentsItem-level-6": "var(--xmlui-paddingLeft-TableOfContentsItem-level-6, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "paddingRight-TableOfContentsItem-level-6": "var(--xmlui-paddingRight-TableOfContentsItem-level-6, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "paddingTop-TableOfContentsItem-level-6": "var(--xmlui-paddingTop-TableOfContentsItem-level-6, var(--xmlui-paddingVertical-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "paddingBottom-TableOfContentsItem-level-6": "var(--xmlui-paddingBottom-TableOfContentsItem-level-6, var(--xmlui-paddingVertical-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)))", "backgroundColor-TableOfContents": "var(--xmlui-backgroundColor-TableOfContents)", "width-TableOfContents": "var(--xmlui-width-TableOfContents)", "height-TableOfContents": "var(--xmlui-height-TableOfContents)", "borderRadius-TableOfContents": "var(--xmlui-borderRadius-TableOfContents)", "borderColor-TableOfContents": "var(--xmlui-borderColor-TableOfContents)", "borderWidth-TableOfContents": "var(--xmlui-borderWidth-TableOfContents)", "borderStyle-TableOfContents": "var(--xmlui-borderStyle-TableOfContents)", "marginTop-TableOfContents": "var(--xmlui-marginTop-TableOfContents)", "marginBottom-TableOfContents": "var(--xmlui-marginBottom-TableOfContents)", "paddingVertical-TableOfContents": "var(--xmlui-paddingVertical-TableOfContents)", "paddingHorizontal-TableOfContents": "var(--xmlui-paddingHorizontal-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)", "textColor-TableOfContentsItem": "var(--xmlui-textColor-TableOfContentsItem)", "fontSize-TableOfContentsItem": "var(--xmlui-fontSize-TableOfContentsItem)", "fontWeight-TableOfContentsItem": "var(--xmlui-fontWeight-TableOfContentsItem)", "fontFamily-TableOfContentsItem": "var(--xmlui-fontFamily-TableOfContentsItem)", "textTransform-TableOfContentsItem": "var(--xmlui-textTransform-TableOfContentsItem)", "verticalAlign-TableOfContentsItem": "var(--xmlui-verticalAlign-TableOfContentsItem)", "letterSpacing-TableOfContentsItem": "var(--xmlui-letterSpacing-TableOfContentsItem)", "borderColor-TableOfContentsItem--active": "var(--xmlui-borderColor-TableOfContentsItem--active)", "color-TableOfContentsItem--active": "var(--xmlui-color-TableOfContentsItem--active)", "fontWeight-TableOfContentsItem--active": "var(--xmlui-fontWeight-TableOfContentsItem--active)"}'`},de="TableOfContents",wm=k({status:"experimental",description:`The \`${de}\` 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:{description:"This property indicates that smooth scrolling is used while scrolling the selected table of contents items into view.",valueType:"boolean",defaultValue:"false"},maxHeadingLevel:{description:"Defines the maximum heading level (1 to 6) to include in the table of contents. For example, if it is 2, then `H1` and `H2` are displayed, but lower levels (`H3` to `H6`) are not.",valueType:"number",defaultValue:"6"}},themeVars:Q(Sm.themeVars),defaultThemeVars:{[`width-${de}`]:"auto",[`height-${de}`]:"auto",[`fontSize-${de}Item`]:"$fontSize-smaller",[`fontWeight-${de}Item`]:"$fontWeight-normal",[`fontFamily-${de}Item`]:"$fontFamily",[`borderRadius-${de}Item`]:"0",[`border-width-${de}Item`]:"$space-0_5",[`border-style-${de}Item`]:"solid",[`borderRadius-${de}Item--active`]:"0",[`border-width-${de}Item--active`]:"$space-0_5",[`border-style-${de}Item--active`]:"solid",[`fontWeight-${de}Item--active`]:"$fontWeight-bold",[`backgroundColor-${de}`]:"transparent",[`paddingHorizontal-${de}`]:"$space-8",[`paddingVertical-${de}`]:"$space-4",[`paddingHorizontal-${de}Item`]:"$space-2",[`paddingVertical-${de}Item`]:"$space-2",[`paddingHorizontal-${de}Item-level-1`]:"unset",[`paddingHorizontal-${de}Item-level-2`]:"unset",[`paddingHorizontal-${de}Item-level-3`]:"unset",[`paddingHorizontal-${de}Item-level-4`]:"unset",[`paddingHorizontal-${de}Item-level-5`]:"unset",[`paddingHorizontal-${de}Item-level-6`]:"unset",[`marginTop-${de}`]:"0",[`marginBottom-${de}`]:"0",[`borderRadius-${de}`]:"0",[`border-width-${de}`]:"0",[`borderColor-${de}`]:"transparent",[`border-style-${de}`]:"solid",[`textTransform-${de}Item`]:"none",[`verticalAlign-${de}Item`]:"baseline",[`letterSpacing-${de}Item`]:"0",light:{[`color-${de}Item`]:"$textColor-primary",[`borderColor-${de}Item`]:"$borderColor",[`borderColor-${de}Item--active`]:"$color-primary-500",[`color-${de}Item--active`]:"$color-primary-500"},dark:{[`color-${de}Item`]:"$textColor-primary",[`borderColor-${de}Item`]:"$borderColor",[`borderColor-${de}Item--active`]:"$color-primary-500",[`color-${de}Item--active`]:"$textColor-secondary"}}}),Hm={themeVars:`'{"backgroundColor-Tabs": "var(--xmlui-backgroundColor-Tabs)", "borderColor-Tabs": "var(--xmlui-borderColor-Tabs)", "borderWidth-Tabs": "var(--xmlui-borderWidth-Tabs)", "borderColor-active-Tabs": "var(--xmlui-borderColor-active-Tabs)", "backgroundColor-trigger-Tabs": "var(--xmlui-backgroundColor-trigger-Tabs)", "textColor-trigger-Tabs": "var(--xmlui-textColor-trigger-Tabs)", "backgroundColor-trigger-Tabs--hover": "var(--xmlui-backgroundColor-trigger-Tabs--hover)", "backgroundColor-list-Tabs": "var(--xmlui-backgroundColor-list-Tabs)"}'`},vr="Tabs",$m=k({status:"experimental",description:`The \`${vr}\` component provides a tabbed layout where each tab has a clickable label and content.`,props:{activeTab:m("This property indicates the index of the active tab. The indexing starts from 0, representing the starting (leftmost) tab."),orientation:{description:"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.",availableValues:["horizontal","vertical"],defaultValue:"vertical",valueType:"string"},tabTemplate:Ae("This property declares the template for the clickable tab area.")},apis:{next:m("This method selects the next tab.")},themeVars:Q(Hm.themeVars),defaultThemeVars:{[`backgroundColor-${vr}`]:"$backgroundColor-primary",[`borderStyle-${vr}`]:"solid",[`borderColor-${vr}`]:"$borderColor",[`borderColor-active-${vr}`]:"$color-primary",[`borderWidth-${vr}`]:"2px",[`backgroundColor-trigger-${vr}`]:"$backgroundColor-primary",light:{[`backgroundColor-trigger-${vr}--hover`]:"$color-primary-50",[`backgroundColor-list-${vr}`]:"$color-primary-50",[`textColor-trigger-${vr}`]:"$color-primary-100"},dark:{[`backgroundColor-trigger-${vr}--hover`]:"$color-primary-800",[`backgroundColor-list-${vr}`]:"$color-primary-800",[`textColor-trigger-${vr}`]:"$color-primary-100"}}}),ee="Text",Im=k({description:`The \`${ee}\` component displays textual information in a number of optional styles and variants.`,props:{value:m(`The text to be displayed. This value can also be set via nesting the text into the \`${ee}\` component.`),variant:{description:"An optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color, and other parameters. If not defined, the text uses the current style of its context.",availableValues:ql},maxLines:m("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. When the value is not defined, there is no limit on the displayed lines."),preserveLinebreaks:{description:"This property indicates if linebreaks should be preserved when displaying text.",valueType:"boolean",defaultValue:"false"},ellipses:{description:"This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).",valueType:"boolean",defaultValue:!1}},themeVars:Q(Ft.themeVars),defaultThemeVars:{[`borderRadius-${ee}`]:"$borderRadius",[`borderStyle-${ee}`]:"solid",[`fontSize-${ee}`]:"$fontSize-small",[`borderWidth-${ee}`]:"$space-0",[`fontWeight-${ee}-abbr`]:"$fontWeight-bold",[`textTransform-${ee}-abbr`]:"uppercase",[`fontSize-${ee}-secondary`]:"$fontSize-small",[`fontStyle-${ee}-cite`]:"italic",[`textColor-${ee}`]:"$textColor-primary",[`fontFamily-${ee}`]:"$fontFamily",[`fontWeight-${ee}`]:"$fontWeight-normal",[`fontFamily-${ee}-code`]:"$fontFamily-monospace",[`fontSize-${ee}-code`]:"$fontSize-small",[`borderWidth-${ee}-code`]:"1px",[`paddingHorizontal-${ee}-code`]:"$space-1",[`textDecorationLine-${ee}-deleted`]:"line-through",[`textDecorationLine-${ee}-inserted`]:"underline",[`fontFamily-${ee}-keyboard`]:"$fontFamily-monospace",[`fontSize-${ee}-keyboard`]:"$fontSize-small",[`fontWeight-${ee}-keyboard`]:"$fontWeight-bold",[`borderWidth-${ee}-keyboard`]:"1px",[`paddingHorizontal-${ee}-keyboard`]:"$space-1",[`fontFamily-${ee}-sample`]:"$fontFamily-monospace",[`fontSize-${ee}-sample`]:"$fontSize-small",[`fontSize-${ee}-sup`]:"$fontSize-smaller",[`verticalAlign-${ee}-sup`]:"super",[`fontSize-${ee}-sub`]:"$fontSize-smaller",[`verticalAlign-${ee}-sub`]:"sub",[`fontStyle-${ee}-var`]:"italic",[`fontFamily-${ee}-mono`]:"$fontFamily-monospace",[`fontSize-${ee}-title`]:"$fontSize-large",[`fontSize-${ee}-subtitle`]:"$fontSize-medium",[`fontSize-${ee}-small`]:"$fontSize-small",[`lineHeight-${ee}-small`]:"$lineHeight-tight",[`letterSpacing-${ee}-caption`]:"0.05rem",[`fontSize-${ee}-placeholder`]:"$fontSize-small",[`fontFamily-${ee}-codefence`]:"$fontFamily-monospace",[`paddingHorizontal-${ee}-codefence`]:"$space-3",[`paddingVertical-${ee}-codefence`]:"$space-2",[`paddingVertical-${ee}-paragraph`]:"$space-1",[`fontSize-${ee}-subheading`]:"$fontSize-H6",[`fontWeight-${ee}-subheading`]:"$fontWeight-bold",[`letterSpacing-${ee}-subheading`]:"0.04em",[`textTransform-${ee}-subheading`]:"uppercase",[`marginTop-${ee}-tableheading`]:"$space-1",[`marginBottom-${ee}-tableheading`]:"$space-4",[`paddingHorizontal-${ee}-tableheading`]:"$space-1",[`fontWeight-${ee}-tableheading`]:"$fontWeight-bold",light:{[`backgroundColor-${ee}-code`]:"$color-surface-100",[`borderColor-${ee}-code`]:"$color-surface-200",[`backgroundColor-${ee}-keyboard`]:"$color-surface-200",[`borderColor-${ee}-keyboard`]:"$color-surface-300",[`backgroundColor-${ee}-marked`]:"yellow",[`color-${ee}-placeholder`]:"$color-surface-500",[`backgroundColor-${ee}-codefence`]:"$color-primary-100",[`color-${ee}-codefence`]:"$color-surface-900",[`color-${ee}-subheading`]:"$textColor-secondary",[`color-${ee}-secondary`]:"$textColor-secondary"},dark:{[`backgroundColor-${ee}-code`]:"$color-surface-800",[`borderColor-${ee}-code`]:"$color-surface-700",[`backgroundColor-${ee}-keyboard`]:"$color-surface-800",[`borderColor-${ee}-keyboard`]:"$color-surface-700",[`backgroundColor-${ee}-marked`]:"orange",[`color-${ee}-placeholder`]:"$color-surface-500",[`backgroundColor-${ee}-codefence`]:"$color-primary-800",[`color-${ee}-codefence`]:"$color-surface-200",[`color-${ee}-subheading`]:"$textColor-secondary",[`color-${ee}-secondary`]:"$textColor-secondary"}}}),Vr="TextArea",Bm=[{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"}],Lm=k({status:"experimental",description:`\`${Vr}\` is a component that provides a multiline text input area.`,props:{enterSubmits:{description:"This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit.",valueType:"boolean",defaultValue:!0},escResets:{description:`This boolean property indicates whether the ${Vr} contents should be reset when pressing the ESC key.`,valueType:"boolean",defaultValue:!1},maxRows:m(`This optional property sets the maximum number of text rows the \`${Vr}\` can grow.`),minRows:m(`This optional property sets the minimum number of text rows the \`${Vr}\` can shrink.`),rows:{description:"Specifies the number of rows the component initially has.",valueType:"number",defaultValue:2},autoSize:{description:`If set to \`true\`, this boolean property enables the \`${Vr}\` to resize automatically based on the number of lines inside it.`,valueType:"boolean",defaultValue:!1},placeholder:Ct(),initialValue:cr(),label:Pe(),labelPosition:Lr("top"),labelWidth:zr(Vr),labelBreak:Pr(Vr),maxLength:ho(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),resize:{description:"This optional property specifies in which dimensions can the `TextArea` be resized by the user.",availableValues:Bm}},events:{gotFocus:dr(Vr),lostFocus:ur(Vr),didChange:Xe(Vr)},apis:{focus:Mr(Vr),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dr()},themeVars:Q(Xr.themeVars)}),Xn={themeVars:`'{"border-Accordion": "var(--xmlui-border-Accordion)", "borderHorizontal-Accordion": "var(--xmlui-borderHorizontal-Accordion, var(--xmlui-border-Accordion))", "borderVertical-Accordion": "var(--xmlui-borderVertical-Accordion, var(--xmlui-border-Accordion))", "borderLeft-Accordion": "var(--xmlui-borderLeft-Accordion, var(--xmlui-borderHorizontal-Accordion, var(--xmlui-border-Accordion)))", "borderRight-Accordion": "var(--xmlui-borderRight-Accordion, var(--xmlui-borderHorizontal-Accordion, var(--xmlui-border-Accordion)))", "borderTop-Accordion": "var(--xmlui-borderTop-Accordion, var(--xmlui-borderVertical-Accordion, var(--xmlui-border-Accordion)))", "borderBottom-Accordion": "var(--xmlui-borderBottom-Accordion, var(--xmlui-borderVertical-Accordion, var(--xmlui-border-Accordion)))", "borderWidth-Accordion": "var(--xmlui-borderWidth-Accordion)", "borderHorizontalWidth-Accordion": "var(--xmlui-borderHorizontalWidth-Accordion, var(--xmlui-borderWidth-Accordion))", "borderLeftWidth-Accordion": "var(--xmlui-borderLeftWidth-Accordion, var(--xmlui-borderHorizontalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderRightWidth-Accordion": "var(--xmlui-borderRightWidth-Accordion, var(--xmlui-borderHorizontalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderVerticalWidth-Accordion": "var(--xmlui-borderVerticalWidth-Accordion, var(--xmlui-borderWidth-Accordion))", "borderTopWidth-Accordion": "var(--xmlui-borderTopWidth-Accordion, var(--xmlui-borderVerticalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderBottomWidth-Accordion": "var(--xmlui-borderBottomWidth-Accordion, var(--xmlui-borderVerticalWidth-Accordion, var(--xmlui-borderWidth-Accordion)))", "borderStyle-Accordion": "var(--xmlui-borderStyle-Accordion)", "borderHorizontalStyle-Accordion": "var(--xmlui-borderHorizontalStyle-Accordion, var(--xmlui-borderStyle-Accordion))", "borderLeftStyle-Accordion": "var(--xmlui-borderLeftStyle-Accordion, var(--xmlui-borderHorizontalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderRightStyle-Accordion": "var(--xmlui-borderRightStyle-Accordion, var(--xmlui-borderHorizontalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderVerticalStyle-Accordion": "var(--xmlui-borderVerticalStyle-Accordion, var(--xmlui-borderStyle-Accordion))", "borderTopStyle-Accordion": "var(--xmlui-borderTopStyle-Accordion, var(--xmlui-borderVerticalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderBottomStyle-Accordion": "var(--xmlui-borderBottomStyle-Accordion, var(--xmlui-borderVerticalStyle-Accordion, var(--xmlui-borderStyle-Accordion)))", "borderColor-Accordion": "var(--xmlui-borderColor-Accordion)", "borderHorizontalColor-Accordion": "var(--xmlui-borderHorizontalColor-Accordion, var(--xmlui-borderColor-Accordion))", "borderLeftColor-Accordion": "var(--xmlui-borderLeftColor-Accordion, var(--xmlui-borderHorizontalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderRightColor-Accordion": "var(--xmlui-borderRightColor-Accordion, var(--xmlui-borderHorizontalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderVerticalColor-Accordion": "var(--xmlui-borderVerticalColor-Accordion, var(--xmlui-borderColor-Accordion))", "borderTopColor-Accordion": "var(--xmlui-borderTopColor-Accordion, var(--xmlui-borderVerticalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderBottomColor-Accordion": "var(--xmlui-borderBottomColor-Accordion, var(--xmlui-borderVerticalColor-Accordion, var(--xmlui-borderColor-Accordion)))", "borderRadius-start-start-Accordion": "var(--xmlui-borderRadius-start-start-Accordion, var(--xmlui-borderRadius-Accordion))", "borderRadius-start-end-Accordion": "var(--xmlui-borderRadius-start-end-Accordion, var(--xmlui-borderRadius-Accordion))", "borderRadius-end-start-Accordion": "var(--xmlui-borderRadius-end-start-Accordion, var(--xmlui-borderRadius-Accordion))", "borderRadius-end-end-Accordion": "var(--xmlui-borderRadius-end-end-Accordion, var(--xmlui-borderRadius-Accordion))", "padding-Accordion": "var(--xmlui-padding-Accordion)", "paddingHorizontal-Accordion": "var(--xmlui-paddingHorizontal-Accordion, var(--xmlui-padding-Accordion))", "paddingVertical-Accordion": "var(--xmlui-paddingVertical-Accordion, var(--xmlui-padding-Accordion))", "paddingLeft-Accordion": "var(--xmlui-paddingLeft-Accordion, var(--xmlui-paddingHorizontal-Accordion, var(--xmlui-padding-Accordion)))", "paddingRight-Accordion": "var(--xmlui-paddingRight-Accordion, var(--xmlui-paddingHorizontal-Accordion, var(--xmlui-padding-Accordion)))", "paddingTop-Accordion": "var(--xmlui-paddingTop-Accordion, var(--xmlui-paddingVertical-Accordion, var(--xmlui-padding-Accordion)))", "paddingBottom-Accordion": "var(--xmlui-paddingBottom-Accordion, var(--xmlui-paddingVertical-Accordion, var(--xmlui-padding-Accordion)))", "borderRadius-Accordion": "var(--xmlui-borderRadius-Accordion)", "verticalAlign-header-Accordion": "var(--xmlui-verticalAlign-header-Accordion)", "fontSize-header-Accordion": "var(--xmlui-fontSize-header-Accordion)", "fontWeight-header-Accordion": "var(--xmlui-fontWeight-header-Accordion)", "fontStyle-header-Accordion": "var(--xmlui-fontStyle-header-Accordion)", "paddingVertical-header-Accordion": "var(--xmlui-paddingVertical-header-Accordion)", "paddingHorizontal-header-Accordion": "var(--xmlui-paddingHorizontal-header-Accordion)", "backgroundColor-header-Accordion": "var(--xmlui-backgroundColor-header-Accordion)", "color-header-Accordion": "var(--xmlui-color-header-Accordion)", "backgroundColor-header-Accordion-hover": "var(--xmlui-backgroundColor-header-Accordion-hover)", "color-content-Accordion": "var(--xmlui-color-content-Accordion)", "backgroundColor-content-Accordion": "var(--xmlui-backgroundColor-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_h1d5j_13"},_m=u.createContext({expandedItems:null,rotateExpanded:null,expandItem:ie,register:ie,unRegister:ie,hideIcon:null,expandedIcon:null,collapsedIcon:null,triggerPosition:null}),ht={hideIcon:!1,collapsedIcon:"chevrondown",triggerPosition:"end",rotateExpanded:"180deg"};u.forwardRef(function({style:r,children:t,hideIcon:o=ht.hideIcon,expandedIcon:a,collapsedIcon:n=ht.collapsedIcon,triggerPosition:i=ht.triggerPosition,onDisplayDidChange:l=ie,registerComponentApi:d,rotateExpanded:v=ht.rotateExpanded},x){const[p,C]=u.useState([]),[f,g]=u.useState(new Set),y=u.useCallback(P=>{C(W=>W.filter(O=>O!==`${P}`))},[C]),H=u.useCallback(P=>{p.includes(`${P}`)||C(W=>[...W,`${P}`])},[C,p]),A=u.useCallback(P=>{p.includes(`${P}`)?y(P):H(P)},[y,H,p]),$=u.useCallback(P=>{g(W=>(W.add(P),W))},[g]),L=u.useCallback(P=>{g(W=>(W.delete(P),W))},[g]),V=u.useCallback(P=>{if(f.has(`trigger_${P}`)){const W=document.getElementById(`trigger_${P}`);W&&W.focus()}},[f]),U=u.useCallback(P=>p.includes(`${P}`),[p]);u.useEffect(()=>{d==null||d({expanded:U,expand:H,collapse:y,toggle:A,focus:V})},[d,H,y,A,V,U]);const Z=u.useMemo(()=>({register:$,unRegister:L,expandItem:H,expandedItems:p,hideIcon:o,expandedIcon:a,collapsedIcon:n,triggerPosition:i,rotateExpanded:v}),[$,L,p,o,a,n,i,H,v]);return u.useEffect(()=>{l==null||l(p)},[p,l]),c.jsx(_m.Provider,{value:Z,children:c.jsx(Ol.Root,{style:r,ref:x,value:p,type:"multiple",className:Xn.root,onValueChange:P=>C(P),children:t})})});const ye="Accordion",Am=k({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${ye}\` 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:{description:"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.",defaultValue:ht.triggerPosition,valueType:"string",availableValues:Ml},collapsedIcon:{description:"This property is the name of the icon that is displayed when the accordion is collapsed.",valueType:"string",defaultValue:ht.collapsedIcon},expandedIcon:{description:"This property is the name of the icon that is displayed when the accordion is expanded.",valueType:"string"},hideIcon:{description:"This property indicates that the trigger icon is not displayed (`true`).",defaultValue:ht.hideIcon,valueType:"boolean"},rotateExpanded:{description:"This optional property defines the rotation angle of the expanded icon (relative to the collapsed icon).",valueType:"string",defaultValue:ht.rotateExpanded}},events:{displayDidChange:Xe(ye)},apis:{expanded:Ul(ye),expand:Gl(ye),collapse:Yl(ye),toggle:m(`This method toggles the state of the ${ye} between expanded and collapsed.`),focus:Mr(ye)},themeVars:Q(Xn.themeVars),defaultThemeVars:{[`paddingHorizontal-header-${ye}`]:"$space-3",[`paddingVertical-header-${ye}`]:"$space-3",[`verticalAlign-header-${ye}`]:"center",[`fontSize-header-${ye}`]:"$fontSize-normal",[`fontWeight-header-${ye}`]:"$fontWeight-normal",[`fontFamily-header-${ye}`]:"$fontFamily",[`border-${ye}`]:"0px solid $borderColor",[`width-icon-${ye}`]:"",[`height-icon-${ye}`]:"",light:{[`backgroundColor-header-${ye}`]:"$color-primary-500",[`backgroundColor-header-${ye}-hover`]:"$color-primary-400",[`color-header-${ye}`]:"$color-surface-50",[`color-content-${ye}`]:"$textColor-primary",[`backgroundColor-content-${ye}`]:"transparent",[`color-icon-${ye}`]:"$color-surface-50"},dark:{[`backgroundColor-header-${ye}`]:"$color-primary-500",[`backgroundColor-header-${ye}-hover`]:"$color-primary-600",[`color-header-${ye}`]:"$color-surface-50",[`color-content-${ye}`]:"$textColor-primary",[`backgroundColor-content-${ye}`]:"transparent",[`color-icon-${ye}`]:"$color-surface-50"}}}),Nm={themeVars:'"[]"'},Go="Alert",Om=k({status:"in progress",description:`(**NOT IMPLEMENTED YET**) The \`${Go}\` 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:{description:`The value of this optional property sets the string to provide a color scheme for the ${Go}.`,availableValues:Pl,valueType:"string",defaultValue:"primary"},dismissable:{description:`This property's \`true\` value indicates if this alert is dismissable by the user. When the user closes the ${Go}, it gets hidden.`,valueType:"boolean",defaultValue:!0},autoDismissInMs:{description:"Timeout for the alert to be dismissed",valueType:"number"},showIcon:{description:"Indicates if the alert should display an icon",valueType:"boolean",defaultValue:!0},icon:{description:"Icon to be displayed in the alert",valueType:"string"}},events:{},apis:{dismiss:m(`This method dismisses the ${Go}. It triggers the \`didDismiss\` event with the argument set to \`false\`.`)},themeVars:Q(Nm.themeVars),defaultThemeVars:{light:{},dark:{}}}),Qn="TabItem",Wm=k({description:`\`${Qn}\` is a non-visual component describing a tab. Tabs component may use nested ${Qn} instances from which the user can select.`,props:{label:Pe()}}),Vm=k({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}),Em=k({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:Ae("The template for each item in the tree.")}}),Yo="APICall",zm=k({description:`\`${Yo}\` 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:{description:"The method of data manipulation can be done via setting this property.",valueType:"string",availableValues:li,defaultValue:"get"},url:{description:"Use this property to set the URL to send data to.",isRequired:!0,valueType:"string"},rawBody:{description:"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.",valueType:"string"},body:{description:"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.",valueType:"string"},queryParams:{description:"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:{description:"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:{description:`This optional string sets the title in the confirmation dialog that is displayed before the \`${Yo}\` is executed.`,valueType:"string"},confirmMessage:{description:`This optional string sets the message in the confirmation dialog that is displayed before the \`${Yo}\` is executed.`,valueType:"string"},confirmButtonLabel:{description:`This optional string property enables the customization of the submit button in the confirmation dialog that is displayed before the \`${Yo}\` is executed.`,valueType:"string"},inProgressNotificationMessage:{description:"This property customizes the message that is displayed in a toast while the API operation is in progress.",valueType:"string"},errorNotificationMessage:{description:"This property defines the message to display automatically when the operation results in an error.",valueType:"string"},completedNotificationMessage:{description:"This property defines the message to display automatically when the operation has been completed.",valueType:"string"},payloadType:Ve(),invalidates:Ve(),updates:Ve(),optimisticValue:Ve(),getOptimisticValue:Ve()},events:{beforeRequest:m("This event fires before the request is sent. Returning an explicit boolean`false` value will prevent the request from being sent."),success:m("This event fires when a request results in a success."),error:m("This event fires when a request results in an error."),progress:Ve()},contextVars:{$param:m("This value represents the first parameters passed to the `execute()` method to display the modal dialog."),$params:m("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:m("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.")}}),Fa="DataSource",Pm=k({status:"stable",description:`The \`${Fa}\` 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:{description:"The method by which the data fetching request is made.",defaultValue:"get",availableValues:li},url:{description:"This property represents the URL to fetch the data.",isRequired:!0,valueType:"string"},rawBody:{description:"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.",valueType:"string"},body:{description:"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:{description:"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:{description:"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:{description:"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.",valueType:"number"},inProgressNotificationMessage:{description:"This property defines the message to display when the data fetch operation is in progress.",valueType:"string"},completedNotificationMessage:{description:"This property defines the message to display when the data fetch operation has been completed.",valueType:"string"},errorNotificationMessage:{description:"This property defines the message to display when the data fetch operation results in an error.",valueType:"string"},resultSelector:{description:"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:{description:"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:{description:`When using \`${Fa}\` 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:{description:`When using \`${Fa}\` 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:m("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:m("This event fires when a request results in an error.")}});var B=(e=>(e[e.EOF=-1]="EOF",e[e.nullCharacter=0]="nullCharacter",e[e.maxAsciiCharacter=127]="maxAsciiCharacter",e[e.lineFeed=10]="lineFeed",e[e.carriageReturn=13]="carriageReturn",e[e.lineSeparator=8232]="lineSeparator",e[e.paragraphSeparator=8233]="paragraphSeparator",e[e.nextLine=133]="nextLine",e[e.space=32]="space",e[e.nonBreakingSpace=160]="nonBreakingSpace",e[e.enQuad=8192]="enQuad",e[e.emQuad=8193]="emQuad",e[e.enSpace=8194]="enSpace",e[e.emSpace=8195]="emSpace",e[e.threePerEmSpace=8196]="threePerEmSpace",e[e.fourPerEmSpace=8197]="fourPerEmSpace",e[e.sixPerEmSpace=8198]="sixPerEmSpace",e[e.figureSpace=8199]="figureSpace",e[e.punctuationSpace=8200]="punctuationSpace",e[e.thinSpace=8201]="thinSpace",e[e.hairSpace=8202]="hairSpace",e[e.zeroWidthSpace=8203]="zeroWidthSpace",e[e.narrowNoBreakSpace=8239]="narrowNoBreakSpace",e[e.ideographicSpace=12288]="ideographicSpace",e[e.mathematicalSpace=8287]="mathematicalSpace",e[e.ogham=5760]="ogham",e[e.replacementCharacter=65533]="replacementCharacter",e[e._=95]="_",e[e.$=36]="$",e[e._0=48]="_0",e[e._1=49]="_1",e[e._2=50]="_2",e[e._3=51]="_3",e[e._4=52]="_4",e[e._5=53]="_5",e[e._6=54]="_6",e[e._7=55]="_7",e[e._8=56]="_8",e[e._9=57]="_9",e[e.a=97]="a",e[e.b=98]="b",e[e.c=99]="c",e[e.d=100]="d",e[e.e=101]="e",e[e.f=102]="f",e[e.g=103]="g",e[e.h=104]="h",e[e.i=105]="i",e[e.j=106]="j",e[e.k=107]="k",e[e.l=108]="l",e[e.m=109]="m",e[e.n=110]="n",e[e.o=111]="o",e[e.p=112]="p",e[e.q=113]="q",e[e.r=114]="r",e[e.s=115]="s",e[e.t=116]="t",e[e.u=117]="u",e[e.v=118]="v",e[e.w=119]="w",e[e.x=120]="x",e[e.y=121]="y",e[e.z=122]="z",e[e.A=65]="A",e[e.B=66]="B",e[e.C=67]="C",e[e.D=68]="D",e[e.E=69]="E",e[e.F=70]="F",e[e.G=71]="G",e[e.H=72]="H",e[e.I=73]="I",e[e.J=74]="J",e[e.K=75]="K",e[e.L=76]="L",e[e.M=77]="M",e[e.N=78]="N",e[e.O=79]="O",e[e.P=80]="P",e[e.Q=81]="Q",e[e.R=82]="R",e[e.S=83]="S",e[e.T=84]="T",e[e.U=85]="U",e[e.V=86]="V",e[e.W=87]="W",e[e.X=88]="X",e[e.Y=89]="Y",e[e.Z=90]="Z",e[e.ampersand=38]="ampersand",e[e.asterisk=42]="asterisk",e[e.at=64]="at",e[e.backslash=92]="backslash",e[e.backtick=96]="backtick",e[e.bar=124]="bar",e[e.caret=94]="caret",e[e.closeBrace=125]="closeBrace",e[e.closeBracket=93]="closeBracket",e[e.closeParen=41]="closeParen",e[e.colon=58]="colon",e[e.comma=44]="comma",e[e.dot=46]="dot",e[e.doubleQuote=34]="doubleQuote",e[e.equals=61]="equals",e[e.exclamation=33]="exclamation",e[e.greaterThan=62]="greaterThan",e[e.hash=35]="hash",e[e.lessThan=60]="lessThan",e[e.minus=45]="minus",e[e.openBrace=123]="openBrace",e[e.openBracket=91]="openBracket",e[e.openParen=40]="openParen",e[e.percent=37]="percent",e[e.plus=43]="plus",e[e.question=63]="question",e[e.semicolon=59]="semicolon",e[e.singleQuote=39]="singleQuote",e[e.slash=47]="slash",e[e.tilde=126]="tilde",e[e.backspace=8]="backspace",e[e.formFeed=12]="formFeed",e[e.byteOrderMark=65279]="byteOrderMark",e[e.tab=9]="tab",e[e.verticalTab=11]="verticalTab",e))(B||{}),no=(e=>(e[e.Warning=0]="Warning",e[e.Error=1]="Error",e[e.Suggestion=2]="Suggestion",e[e.Message=3]="Message",e))(no||{}),xt=(e=>(e.onlyOneElem="U002",e.expTagOpen="U003",e.expTagIdent="U004",e.expCloseStart="U005",e.expEndOrClose="U006",e.tagNameMismatch="U007",e.expEnd="U008",e.expAttrIdent="U009",e.expEq="U010",e.expAttrValue="U011",e.duplAttr="U012",e.uppercaseAttr="U013",e.invalidChar="W001",e.untermStr="W002",e.untermComment="W007",e.untermCData="W008",e.untermScript="W009",e))(xt||{});const Ra={code:"W001",category:1,message:"Invalid character."},Dm={code:"W002",category:1,message:"Unterminated string literal."},Mm={code:"W007",category:1,message:"Unterminated comment"},Fm={code:"W008",category:1,message:"Unterminated CDATA section"},Rm={code:"W009",category:1,message:"Unterminated script section"},qm={category:1,code:"U008",message:"A '>' token expected."},Um={category:1,code:"U005",message:"A '</' token expected."},Zn={category:1,code:"U004",message:"A tag identifier expected."},Gm={category:1,code:"U011",message:"An attribute value expected."},Ym={category:1,code:"U003",message:"A '<' token expected."},Xm={category:1,code:"U006",message:"A '>' or '/>' token expected."},jn={category:1,code:"U009",message:"An attribute identifier expected."};var w=(e=>(e[e.Unknown=0]="Unknown",e[e.EndOfFileToken=1]="EndOfFileToken",e[e.CommentTrivia=2]="CommentTrivia",e[e.NewLineTrivia=3]="NewLineTrivia",e[e.WhitespaceTrivia=4]="WhitespaceTrivia",e[e.Identifier=5]="Identifier",e[e.OpenNodeStart=6]="OpenNodeStart",e[e.CloseNodeStart=7]="CloseNodeStart",e[e.NodeEnd=8]="NodeEnd",e[e.NodeClose=9]="NodeClose",e[e.Colon=10]="Colon",e[e.Equal=11]="Equal",e[e.StringLiteral=12]="StringLiteral",e[e.CData=13]="CData",e[e.Script=14]="Script",e[e.TextNode=15]="TextNode",e[e.AmpersandEntity=16]="AmpersandEntity",e[e.LessThanEntity=17]="LessThanEntity",e[e.GreaterThanEntity=18]="GreaterThanEntity",e[e.SingleQuoteEntity=19]="SingleQuoteEntity",e[e.DoubleQuoteEntity=20]="DoubleQuoteEntity",e[e.ElementNode=21]="ElementNode",e[e.AttributeNode=22]="AttributeNode",e[e.AttributeKeyNode=23]="AttributeKeyNode",e[e.ContentListNode=24]="ContentListNode",e[e.AttributeListNode=25]="AttributeListNode",e[e.TagNameNode=26]="TagNameNode",e[e.ErrorNode=27]="ErrorNode",e))(w||{});function Qm(e){return e>=2&&e<=4}function Jn(e){switch(e){case 0:return"Unknown";case 1:return"EndOfFileToken";case 2:return"CommentTrivia";case 3:return"NewLineTrivia";case 4:return"WhitespaceTrivia";case 5:return"Identifier";case 6:return"OpenNodeStart";case 7:return"CloseNodeStart";case 8:return"NodeEnd";case 9:return"NodeClose";case 10:return"Colon";case 11:return"Equal";case 12:return"StringLiteral";case 13:return"CData";case 14:return"Script";case 16:return"AmpersandEntity";case 17:return"LessThanEntity";case 18:return"GreaterThanEntity";case 19:return"SingleQuoteEntity";case 20:return"DoubleQuoteEntity";case 21:return"ElementNode";case 22:return"AttributeNode";case 15:return"TextNode";case 24:return"ContentListNode";case 25:return"AttributeListNode";case 26:return"TagNameNode";case 27:return"ErrorNode";case 23:return"AttributeKeyNode"}return Zm()}function Zm(e){throw new Error("Didn't expect to get here")}function jm(e,r,t,o,a){let n=r,i,l,d,v,x,p;return U(n,o,a),{getStartPos:()=>d,getTokenEnd:()=>i,getToken:()=>x,getTokenStart:()=>v,getTokenText:()=>n.substring(v,i),getTokenValue:()=>p,isIdentifier:()=>x===w.Identifier,peekChar:C,scanChar:f,scan:g,scanTrivia:y,scanText:H,getText:A,setText:U,setOnError:Z,resetTokenState:P,back:W};function C(T){if(i+(T??0)>=l)return null;const S=L(i+(T??0));return isNaN(S)?null:S}function f(){if(i>=l)return null;const T=L(i);return i+=tt(T),T}function g(){for(d=i;;){if(v=i,i>=l)return x=w.EndOfFileToken;const T=L(i);switch(T){case B.lineFeed:case B.carriageReturn:return T===B.carriageReturn&&i+1<l&&$(i+1)===B.lineFeed?i+=2:i++,x=w.NewLineTrivia;case B.tab:case B.verticalTab:case B.formFeed:case B.space:case B.nonBreakingSpace:case B.ogham:case B.enQuad:case B.emQuad:case B.enSpace:case B.emSpace:case B.threePerEmSpace:case B.fourPerEmSpace:case B.sixPerEmSpace:case B.figureSpace:case B.punctuationSpace:case B.thinSpace:case B.hairSpace:case B.zeroWidthSpace:case B.narrowNoBreakSpace:case B.mathematicalSpace:case B.ideographicSpace:case B.byteOrderMark:{for(;i<l&&el($(i));)i++;return x=w.WhitespaceTrivia}case B.doubleQuote:case B.singleQuote:case B.backtick:return p=b(),x=w.StringLiteral;case B.ampersand:return $(i+1)===B.a&&$(i+2)===B.m&&$(i+3)===B.p&&$(i+4)===B.semicolon?(i+=5,x=w.AmpersandEntity):$(i+1)===B.l&&$(i+2)===B.t&&$(i+3)===B.semicolon?(i+=4,x=w.LessThanEntity):$(i+1)===B.g&&$(i+2)===B.t&&$(i+3)===B.semicolon?(i+=4,x=w.GreaterThanEntity):$(i+1)===B.q&&$(i+2)===B.u&&$(i+3)===B.o&&$(i+4)===B.t&&$(i+5)===B.semicolon?(i+=6,x=w.DoubleQuoteEntity):$(i+1)===B.a&&$(i+2)===B.p&&$(i+3)===B.o&&$(i+4)===B.s&&$(i+5)===B.semicolon?(i+=6,x=w.SingleQuoteEntity):(i++,h(Ra,1),x=w.Unknown);case B.equals:return i++,x=w.Equal;case B.colon:return i++,x=w.Colon;case B.lessThan:if($(i+1)===B.slash)return i+=2,x=w.CloseNodeStart;if($(i+1)===B.exclamation&&$(i+2)===B.minus&&$(i+3)===B.minus){for(i+=4;i<l;){if($(i)===B.minus&&$(i+1)===B.minus&&$(i+2)===B.greaterThan)return i+=3,x=w.CommentTrivia;i+=tt($(i))}return h(Mm,4),x=w.Unknown}else if($(i+1)===B.exclamation&&$(i+2)===B.openBracket&&$(i+3)===B.C&&$(i+4)===B.D&&$(i+5)===B.A&&$(i+6)===B.T&&$(i+7)===B.A&&$(i+8)===B.openBracket){for(i+=9;i<l;){if($(i)===B.closeBracket&&$(i+1)===B.closeBracket&&$(i+2)===B.greaterThan)return i+=3,x=w.CData;i+=tt($(i))}return h(Fm,9),x=w.CData}else if($(i+1)===B.s&&$(i+2)===B.c&&$(i+3)===B.r&&$(i+4)===B.i&&$(i+5)===B.p&&$(i+6)===B.t&&$(i+7)===B.greaterThan){for(i+=8;i<l;){if($(i)===B.lessThan&&$(i+1)===B.slash&&$(i+2)===B.s&&$(i+3)===B.c&&$(i+4)===B.r&&$(i+5)===B.i&&$(i+6)===B.p&&$(i+7)===B.t&&$(i+8)===B.greaterThan)return i+=9,x=w.Script;i+=tt($(i))}return h(Rm,9),x=w.Script}return i++,x=w.OpenNodeStart;case B.slash:return $(i+1)===B.greaterThan?(i+=2,x=w.NodeClose):(i++,h(Ra,1),x=w.Unknown);case B.greaterThan:return i++,x=w.NodeEnd;default:const S=O(T);if(S)return x=S;if(el(T)){i+=tt(T);continue}else if(tp(T)){i+=tt(T);continue}const _=tt(T);return i+=_,h(Ra,_),x=w.Unknown}}}function y(){const T=i,S=g();return Qm(S)?S:(P(T),null)}function H(){return w.Unknown}function A(){return n}function $(T){return n.charCodeAt(T)}function L(T){return V(n,T)}function V(T,S){return T.codePointAt(S)??0}function U(T,S,_){n=T||"",l=_===void 0?n.length:S+_,P(S||0)}function Z(T){t=T}function P(T){i=T,d=T,v=T,x=w.Unknown,p=void 0}function W(){P(d)}function O(T){let S=T;if(ep(S)){for(i+=tt(S);i<l&&rp(S=L(i));)i+=tt(S);return p=n.substring(v,i),E()}}function E(){return x=w.Identifier}function b(){const T=$(i);i++;let S="",_=i;for(;;){if(i>=l){S+=n.substring(_,i),h(Dm,1);break}if($(i)===T){S+=n.substring(_,i),i++;break}i++}return S}function h(T,S=0){t&&t(T,S)}}function tt(e){return e>=65536?2:e===B.EOF?0:1}function Kn(e){return e>=B.A&&e<=B.Z||e>=B.a&&e<=B.z}function Jm(e){return Kn(e)||Km(e)||e===B._}function Km(e){return e>=B._0&&e<=B._9}function ep(e){return Kn(e)||e===B.$||e===B._}function rp(e){return Jm(e)||e===B.$||e===B.minus||e===B.dot}function el(e){return e===B.space||e===B.tab||e===B.verticalTab||e===B.formFeed||e===B.nonBreakingSpace||e===B.nextLine||e===B.ogham||e>=B.enQuad&&e<=B.zeroWidthSpace||e===B.narrowNoBreakSpace||e===B.mathematicalSpace||e===B.ideographicSpace||e===B.byteOrderMark}function tp(e){return e===B.lineFeed||e===B.carriageReturn||e===B.lineSeparator||e===B.paragraphSeparator}function op(e,r,t){var n,i;const o=((n=e.children)==null?void 0:n.filter(l=>l.kind!==w.ErrorNode))??[],a=((i=r.children)==null?void 0:i.filter(l=>l.kind!==w.ErrorNode))??[];if(o.length!==a.length)return!1;for(let l=0;l<o.length;++l)if(t(o[l])!==t(a[l]))return!1;return!0}const Xo={uppercaseAttr:function(e){return{category:no.Error,code:xt.uppercaseAttr,message:`Attribute name '${e}' cannot start with an uppercase letter.`}},duplAttr:function(e){return{category:no.Error,code:xt.duplAttr,message:`Duplicated attribute: '${e}'.`}},tagNameMismatch:function(e,r){return{category:no.Error,code:xt.tagNameMismatch,message:`Opening and closing tag names should match. Opening tag has a name '${e}', but the closing tag name is '${r}'.`}},invalidChar:function(e){return{category:no.Error,code:xt.invalidChar,message:`Invalid character '${e}'.`}}};function ap(e){return{parse:()=>ip(e),getText:(r,t=!0)=>e.substring(t?r.pos??r.start??0:r.start??r.pos??0,r.end)}}function ip(e){const r=[],t=[];let o,a={children:[]},n;const l=jm(!1,e,function(N,I){n={message:N,prefixLength:I}});function d(N,I=!0){return e.substring(I?N.pos:N.start,N.end)}function v(){h();e:for(;;){const N=O();switch(N.kind){case w.TextNode:case w.StringLiteral:E(N.kind);break;case w.CloseNodeStart:break e;case w.EndOfFileToken:break e;default:p();break}}a.children&&a.children.length>0?T(w.ContentListNode):G()}function x(){for(;;)switch(O().kind){case w.EndOfFileToken:b();return;default:p();break}}function p(){!L(w.CData)&&!L(w.Script)&&($(w.OpenNodeStart)?C():_(Ym))}function C(){h(),E(w.OpenNodeStart);let N;if($(w.Identifier)?N=f():Z(Zn),g(),L(w.NodeClose)){T(w.ElementNode);return}else if(L(w.NodeEnd)){if(v(),L(w.CloseNodeStart)){if($(w.Identifier)){const I=f();N!==void 0&&!op(N,I,d)&&Z(Xo.tagNameMismatch(d(N),d(I)))}else U(Zn,[w.NodeEnd]);L(w.NodeEnd)||Z(qm)}else Z(Um);T(w.ElementNode);return}else Z(Xm)}function f(){return h(),E(w.Identifier),L(w.Colon)&&L(w.Identifier),T(w.TagNameNode)}function g(){h();const N=[];for(;!V([w.EndOfFileToken,w.NodeEnd,w.NodeClose]);)y(N);a.children.length===0?G():T(w.AttributeListNode)}function y(N){if(h(),$(w.Identifier))H(N);else{const I=[w.Equal];if(!U(jn,I))return}if(L(w.Equal)&&!L(w.StringLiteral)&&!L(w.Identifier)){const I=[w.NodeEnd,w.NodeClose];U(Gm,I)}T(w.AttributeNode)}function H(N){const I=W();let M;h(),E(w.Identifier),L(w.Colon)&&($(w.Identifier)?M=E(w.Identifier):U(jn,[w.NodeClose,w.NodeEnd,w.Equal])),A(N,{nsIdent:M,nameIdent:I}),T(w.AttributeKeyNode)}function A(N,{nameIdent:I,nsIdent:M}){const R=d(I),D=M===void 0?void 0:d(M),Y=({ns:ce,name:Ee})=>Ee===R&&ce===D,j=N.findIndex(Y)!==-1,J="A"<=R[0]&&R[0]<="Z",K=j||J;j&&P(Xo.duplAttr(R),I.pos,I.end),J&&P(Xo.uppercaseAttr(R),I.pos,I.end),K||N.push({name:R})}function $(N){return W().kind===N}function L(N){const I=$(N);return I&&b(),I}function V(N){return N.includes(W().kind)}function U(N,I){return V(I)||$(w.EndOfFileToken)?(Z(N),!0):(h(),Z(N),b(),T(w.ErrorNode),!1)}function Z({code:N,message:I,category:M}){const{pos:R,end:D}=W();r.push({category:M,code:N,message:I,pos:R,end:D})}function P({code:N,message:I,category:M},R,D){r.push({category:M,code:N,message:I,pos:R,end:D})}function W(N=!1){return o!==void 0||(o=S(N)),o}function O(){const N=W(!0);if(N.kind===w.EndOfFileToken||N.kind===w.OpenNodeStart||N.kind===w.Script||N.kind===w.CData||N.kind===w.CloseNodeStart)return N;const I=N.triviaBefore,M=(I==null?void 0:I.length)??0;let R=0,D=[],Y=-1;for(;R<M;++R)if(I[R].kind===w.CommentTrivia)D.push(I[R]);else{Y=R;break}let j=-1;for(;R<M;++R)if(I[R].kind===w.CommentTrivia){j=R;break}let J=!1;if(N.kind===w.StringLiteral){const re=N.end,X=S(!0);J=X.kind===w.CData||X.kind===w.CloseNodeStart||X.kind===w.Script||X.kind===w.OpenNodeStart,l.resetTokenState(re)}let K;J?K=N.pos:D.length>0?K=D[D.length-1].end:Y!==-1?K=I[Y].pos:K=N.start;let ce=K,Ee;D.length>0&&(Ee=D,ce=D[0].pos);let Be=w.TextNode,oe=-1;if(j!==-1)oe=I[j].pos,l.resetTokenState(oe);else if(J)Be=w.StringLiteral,oe=N.end;else{for(;;){const re=l.peekChar();if(re===null||re===B.lessThan)break;l.scanChar()}oe=l.getTokenEnd()}return o={kind:Be,start:ce,pos:K,end:oe,triviaBefore:Ee},o}function E(N){const I=b();if(I.kind!==N)throw new Error(`expected ${Jn(N)}, bumped a ${Jn(I.kind)}`);return I}function b(){if(o){a.children.push(o);const I=o;return o=void 0,I}const N=S(!1);return a.children.push(N),N}function h(){t.push(a),a={children:[]}}function T(N){const I=rl(N,a.children),M=t[t.length-1];return M.children.push(I),a=M,t.pop(),I}function S(N){let I,M=[],R=null;for(;;){if(I=l.scan(),R===null&&(R=l.getTokenStart()),n!==void 0){let D;n.message.code===xt.invalidChar?D=Xo.invalidChar(l.getTokenText()):D=n.message;const Y=l.getTokenStart(),j={kind:I,start:R,pos:Y,end:l.getTokenEnd(),triviaBefore:M.length>0?M:void 0};if(M=[],N&&D.code===xt.invalidChar)return n=void 0,j;const J=Y+n.prefixLength;return j.end=J,l.resetTokenState(J),h(),a.children.push(j),P(D,Y,J),T(w.ErrorNode),n=void 0,S(N)}switch(I){case w.CommentTrivia:case w.NewLineTrivia:case w.WhitespaceTrivia:M.push({kind:I,start:R,pos:l.getTokenStart(),end:l.getTokenEnd()});break;default:return{kind:I,start:R,pos:l.getTokenStart(),end:l.getTokenEnd(),triviaBefore:M.length>0?M:void 0}}}}function _(N){U(N,[])}function G(){const N=t[t.length-1];N.children.push(...a.children),a=N,t.pop()}return x(),{node:rl(w.ContentListNode,a.children),errors:r}}function rl(e,r){const t=r[0],o=r[r.length-1];return{kind:e,start:t.start,pos:t.pos,end:o.end,children:r}}const qa="__PARSED__";function np(e,r,t,o){const a={vars:{},moduleErrors:{},functions:{}},n={},i=bu(e,r,t,!0);if(xu(i))return{...a,moduleErrors:i};const l=o(i.name);return i.statements.forEach(x=>{switch(x.type){case"VarS":x.declarations.forEach(p=>{if(p.id in a.vars)throw new Error(`Duplicated var declaration: '${p.id}'`);a.vars[p.id]={[qa]:!0,source:p.expression.source,tree:p.expression}});break;case"FuncD":v(l,x);break;case"ImportD":break;default:throw new Error(`'${x.type}' is not allowed in a code-behind module.`)}}),d(i),a;function d(x){var C;const p=o(x.name);if(!((C=n==null?void 0:n[p])!=null&&C.collectedImportsFrom)){for(const f in x.imports){const g=o(f),y=x.imports[f];for(const H of Object.values(y))H.type==="FuncD"&&v(g,H)}n[p]??(n[p]={collectedImportsFrom:!0}),n[p].collectedImportsFrom=!0;for(let f of x.importedModules)d(f)}}function v(x,p){var H,A,$,L;var C;if(((A=(H=n==null?void 0:n[x])==null?void 0:H.functions)==null?void 0:A[p.name])!==void 0)return;if(p.name in a.functions)throw new Error(`Duplicated function declaration: '${p.name}'`);const f=p.args.length===1?`${p.args[0].source} => ${p.statement.source}`:`(${p.args.map(V=>V.source).join(", ")}) => ${p.statement.source}`,g={type:"ArrowE",args:p.args.slice(),statement:p.statement,closureContext:cn({blocks:[{vars:{}}]})},y=(L=($=g.closureContext[0])==null?void 0:$.vars)==null?void 0:L[p.name];y!=null&&y.closureContext&&delete y.closureContext,n[x]??(n[x]={functions:{},collectedImportsFrom:!1}),(C=n[x]).functions??(C.functions={}),n[x].functions[p.name]={[qa]:!0,source:f,tree:g},a.functions[p.name]={[qa]:!0,source:f,tree:g}}}class Ua extends Error{constructor(r,t){super(`${t?`${t}: `:""}${r}`),this.code=t,Object.setPrototypeOf(this,Ua.prototype)}}const lp={U001:"Unexpected token: {0}.",U002:"A component definition can have exactly one XMLUI element.",U003:"A '<' token expected.",U004:"A node identifier expected.",U005:"A '</' token expected.",U006:"A '>' or '/>' token expected.",U007:"An '{0}' ID expected in the closing tag but '{1}' received.",U008:"A '>' token expected.",U009:"An attribute identifier expected.",U010:"An '=' token expected.",U011:"An attribute value expected.",U012:"Duplicated attribute: '{0}'.",U013:"Attribute name cannot start with an uppercase letter.",U014:"An '{0}' ID expected in the closing tag's namespace but '{1}' received.",U015:"Unexpected token in text element: {0}.",T001:"A component definition must have exactly one XMLUI element.",T002:"A component definition's name must start with an uppercase letter.",T003:"A reusable component must have a non-empty name.",T004:"A reusable component's name must start with an uppercase letter.",T005:"A reusable component must have at least one nested component definition.",T006:"A reusable component definition cannot nest another one.",T007:"Invalid attribute name: '{0}'",T008:"Event attribute names should not start with 'on' prefix: '{0}'",T009:"Invalid node name '{0}' in a component definition",T010:"The '{0}' element does not accept a text child",T011:"Only 'name', 'value', and type hint attributes are accepted in '{0}'.",T012:"The 'name' attribute in '{0}' is required.",T013:"A loader element must have an id.",T014:"A loader element must not have '{0}'.",T015:"The uses element must define only a non-empty 'value' attribute.",T016:"Only 'field' or 'item' are accepted as a child element.",T017:"Cannot mix 'field' and 'item' nodes within an element.",T018:"The '{0}' node cannot have a 'name' attribute.",T019:"The 'value' attribute in '{0}' is required.",T020:"Cannot mix nested components and non-component children.",T021:"Invalid reusable component attribute '{0}'.",T022:"The 'script' tag must not have any attribute.",T023:"A 'script' tag cannot nest other child nodes, only text.",T024:"Cannot put a reusable component definitions into a slot.",T025:"Duplicate xmlns found: '{0}'.",T026:"The top level component's name cannot have a namespace.",T027:"Cannot resolve namespace '{0}'. It was not defined in any of the ancestor components.",T028:"Incorrect namespace value '{0}'. {1}",T029:"Incorrect scheme specified before ':' (colon) in namespace {0}. Delete it to get the default '{1}'."},tl="Component",Ga=/^[A-Z]/,ol=/^on[A-Z]/,sp=["name","value"],dp=9,Ya="component-ns",up="app-ns",cp="#app-ns",mp="core-ns",pp="#xmlui-core-ns",bt={property:"property",event:"event",variable:"variable",loaders:"loaders",uses:"uses",method:"method",item:"item",field:"field"};function hp(e,r,t,o=()=>""){const a=b=>b.text??r(b),n=vp(e),i=U(n),l=[],d=[];return v(l,i);function v(b,h){const T=sl(h,a,d);if(T===tl)return p(h);let S={type:T,debug:{source:{start:h.start,end:h.end,fileId:t}}};return C(b,S,h),S}function x(b,h){const T=sl(h,a,d);T===tl&&me("T006");let S={type:T,debug:{source:{start:h.start,end:h.end,fileId:t}}};return C(b,S,h),S}function p(b){const h=lo(b).map(L),T=h.find(K=>K.name==="name");T||me("T003"),Ga.test(T.value)||me("T004");let S;const _=h.filter(K=>K.startSegment==="method");_.length>0&&(S={},_.forEach(K=>{S[K.name]=K.value}));let G;const z=h.filter(K=>K.startSegment==="var");z.length>0&&(G={},z.forEach(K=>{G[K.name]=K.value}));const N=so(b),I=N.filter(K=>K.kind===w.ElementNode&&!(ot(K,a)in bt));I.length===0&&I.push(al(""));const M=[],R=[];for(let K of N)if(K.kind===w.ElementNode){const ce=ot(K,a);ce===bt.variable?R.push(K):ce in bt&&M.push(K)}let D;I.length>1||R.length>0?D=il([...R,...I]):D=I[0],d.push(new Map),h.filter(K=>K.namespace==="xmlns").forEach(K=>{ll(d,D,K.unsegmentedName,K.value)});let Y=x(l,D);d.pop();const j={name:T.value,component:Y,debug:{source:{start:b.start,end:b.end,fileId:t}}};S&&(j.api=S),G&&(Y.vars={...Y.vars,...G}),Y.debug={source:{start:D.start,end:D.end,fileId:t}};const J=nl(b,M);return C(l,j,J),j}function C(b,h,T){var I;const S=!Er(h),_=lo(T);if(d.push(new Map),_.forEach(M=>{f(h,M)}),so(T).forEach(M=>{if(M.kind===w.Script){lo(M).length>0&&me("T022");const D=a(M),Y=D.slice(D.indexOf(">")+1,D.lastIndexOf("</"));h.script??(h.script=""),h.script.length>0&&(h.script+=`
|
|
12
|
+
`),h.script+=Y;return}if(M.kind===w.TextNode&&!S){h.children=Qo(h.children,a(M));return}const R=ot(M,a);if(!(S&&M.kind===w.ElementNode&&!(R in bt))){if(!(R in bt)&&!S){const D=x(b,M);D&&(h.children?typeof h.children=="string"?h.children=[h.children,D]:Array.isArray(h.children)&&h.children.push(D):h.children=[D]);return}switch(R){case"property":A(b,h,M,D=>{var Y;return Er(h)?(Y=h.props)==null?void 0:Y[D]:void 0},(D,Y)=>{Er(h)&&(h.props??(h.props={}),h.props[D]=Y)});return;case"event":A(b,h,M,D=>{var Y;return Er(h)?(Y=h.events)==null?void 0:Y[D]:void 0},(D,Y)=>{Er(h)&&(h.events??(h.events={}),h.events[D]=Y)},D=>{ol.test(D)&&me("T008",D)});return;case bt.variable:A(b,h,M,D=>{var Y;return Er(h)?(Y=h.vars)==null?void 0:Y[D]:void 0},(D,Y)=>{Er(h)&&(h.vars??(h.vars={}),h.vars[D]=Y)});return;case"loaders":H(b,h,M);return;case"uses":$(h,M);return;case"method":A(b,h,M,D=>{var Y;return Er(h)?(Y=h.api)==null?void 0:Y[D]:void 0},(D,Y)=>{h.api??(h.api={}),h.api[D]=Y});return;default:me("T009",R);return}}}),d.pop(),!h.script||h.script.trim().length===0)return;const z=new un(h.script);try{z.parseStatements(),h.scriptCollected=np("Main",h.script,o,M=>M)}catch(M){z.errors&&z.errors.length>0?h.scriptError=z.errors:h.scriptError=M}const N=((I=h.scriptCollected)==null?void 0:I.moduleErrors)??{};Object.keys(N).length>0&&(h.scriptError=N)}function f(b,h){const{namespace:T,startSegment:S,name:_,value:G,unsegmentedName:z}=L(h);if(T==="xmlns")return ll(d,b,z,G);if(!Er(b)){if(S&&S!=="method"&&S!=="var"){me("T021");return}if(_==="name"&&!S)return;!S&&_&&me("T021",_);return}switch(_){case"id":b.uid=G;return;case"testId":b.testId=G;return;case"when":b.when=G;return;default:if(S==="var")b.vars??(b.vars={}),b.vars[_]=G;else if(S==="method")b.api??(b.api={}),b.api[_]=G;else if(S==="event")b.events??(b.events={}),b.events[_]=G;else if(ol.test(_)){b.events??(b.events={});const I=_[2].toLowerCase()+_.substring(3);b.events[I]=G}else b.props??(b.props={}),b.props[_]=G;return}}function g(b,h){let T=null;if(!h)return T;let S=null;return h.forEach(_=>{if(_.kind===w.TextNode){T=Qo(T,a(_));return}if(_.kind!==w.ElementNode)return;const G=ot(_,a);if(G!=="field"&&G!=="item"){me("T016");return}if(G==="field"){if(!S)S=G,T={};else if(S!==G){me("T017");return}}else if(G==="item"){if(!S)S=G,T=[];else if(S!==G){me("T017");return}}let z=y(b,_,G==="field");if(!z)return null;S==="field"?T[z.name]=z.value:T.push(z.value)}),T}function y(b,h,T=!0){const S=ot(h,a),_=so(h),G=_.filter(j=>j.kind===w.ElementNode&&Ga.test(ot(j,a))),z=_.filter(j=>j.kind===w.ElementNode&&!Ga.test(ot(j,a))),N=lo(h).map(L),I=N.filter(j=>sp.indexOf(j.name)>=0);if(N.length>I.length)return me("T011",S),null;const M=I.find(j=>j.name==="name");if(T){if(!(M!=null&&M.value))return me("T012",S),null}else if(M)return me("T018",S),null;const R=M==null?void 0:M.value,D=I.find(j=>j.name==="value");if(D&&D.value===void 0)return me("T019",S),null;if(R&&G.length>=1){if(z.length>0)return me("T020"),null;const j=G.map(J=>x(b,J));return{name:R,value:j.length===1?j[0]:j}}let Y=D==null?void 0:D.value;return Y===null?null:typeof Y=="string"?{name:R,value:Y}:{name:R,value:g(b,_)}}function H(b,h,T){var G;if(!Er(h)){me("T009","loaders");return}const S=so(T);if(S.length===0&&(h.loaders??(h.loaders=[])),(G=T.children)==null?void 0:G.some(z=>z.kind===w.AttributeListNode)){me("T014","attributes");return}S.forEach(z=>{if(z.kind===w.TextNode){me("T010","loader");return}const N=x(b,z);if(!N.uid){me("T013");return}if(N.vars){me("T014","vars");return}if(N.loaders){me("T014","loaders");return}if(N.uses){me("T014","uses");return}h.loaders??(h.loaders=[]),h.loaders.push(N)})}function A(b,h,T,S,_,G){const z=y(b,T);if(!z)return;G==null||G((z==null?void 0:z.name)??"");const N=z.name,I=z.value;if((z==null?void 0:z.value)!==void 0)_(N,Qo(S(N),I));else{const M=so(T),R=g(b,M);let D=S(N);D=Qo(D,R),_(N,D)}}function $(b,h){if(!Er(b)){me("T009","uses");return}const T=lo(h).map(L),S=T.find(_=>_.name==="value");if(!(S!=null&&S.value)||T.length!==1){me("T015","uses");return}b.uses??(b.uses=S.value.split(",").map(_=>_.trim()))}function L(b){let h=b.children[0];const T=h.children.length===3;let S;T&&(S=a(h.children[0]));let _=a(h.children[h.children.length-1]);const G=_.split(".");G.length>2&&me("T007",b,h);let z,N;G.length===2?(N=G[0],z=G[1],z.trim()===""&&me("T007",b,z)):z=_;const I=a(b.children[2]),M=I.substring(1,I.length-1);return{namespace:S,startSegment:N,name:z,value:M,unsegmentedName:_}}function V(b){for(let h of b){const T=h.children[h.children.length-1],S=O(a(T));S!==null&&(T.text=S)}}function U(b){const h=so(b),T=ot(b,a),_=!(T in bt)||T==="property",G=T!=="event"&&T!=="method",z=lo(b);bp(z),fp(z,a),V(z),W(h),E(h,G);let N=!1,I=!1;for(let Y=0;Y<h.length;++Y){const j=h[Y];let J;if(j.kind==w.Script){I=!0;continue}if(j.kind===w.ElementNode){J=U(j),h[Y]=J;continue}let K=a(j);j.kind===w.StringLiteral?K=K.slice(1,-1):j.kind===w.CData&&(N=!0),_?N?J=xp(K):J=al(K):J={kind:w.TextNode,text:K},h[Y]=J}const M=[],R=[];let D=!1;for(const Y of h){if(Y.kind===w.ElementNode){if((ot(Y,a)??void 0)in bt){M.push(Y);continue}D=!0}R.push(Y)}if(I&&D){const Y=il(R);return M.push(Y),nl(b,M)}return b}function Z(b){for(let h=0;h<b.length;++h)if(b[h].kind===w.StringLiteral||b[h].kind===w.TextNode){const T=/[\f\n\r\t\v\u0020\u1680\u2000-\u200a\u2028\u2029\u202f\u205f\u3000\ufeff]+/g;b[h].text=a(b[h]).replace(T," ")}}function P(b){for(let h=0;h<b.length;++h)b[h].kind===w.CData&&(b[h].text=a(b[h]).slice(dp,-3))}function W(b){for(let h of b)if(h.kind===w.StringLiteral||h.kind===w.TextNode){const T=O(a(h));T!==null&&(h.text=T)}}function O(b){let h="",T=0;for(let S=0;S<b.length;++S)if(b.charCodeAt(S)===B.ampersand)switch(b.charCodeAt(S+1)){case B.a:switch(b.charCodeAt(S+2)){case B.m:b.charCodeAt(S+3)===B.p&&b.charCodeAt(S+4)===B.semicolon&&(h=h+b.substring(T,S)+"&",S+=4,T=S+1);break;case B.p:b.charCodeAt(S+3)===B.o&&b.charCodeAt(S+4)===B.s&&b.charCodeAt(S+5)===B.semicolon&&(h=h+b.substring(T,S)+"'",S+=5,T=S+1);break}break;case B.g:b.charCodeAt(S+2)===B.t&&b.charCodeAt(S+3)===B.semicolon&&(h=h+b.substring(T,S)+">",S+=3,T=S+1);break;case B.l:b.charCodeAt(S+2)===B.t&&b.charCodeAt(S+3)===B.semicolon&&(h=h+b.substring(T,S)+"<",S+=3,T=S+1);break;case B.q:b.charCodeAt(S+2)===B.u&&b.charCodeAt(S+3)===B.o&&b.charCodeAt(S+4)===B.t&&b.charCodeAt(S+5)===B.semicolon&&(h=h+b.substring(T,S)+'"',S+=5,T=S+1);break;case B.n:b.charCodeAt(S+2)===B.b&&b.charCodeAt(S+3)===B.s&&b.charCodeAt(S+4)===B.p&&b.charCodeAt(S+5)===B.semicolon&&(h=h+b.substring(T,S)+" ",S+=5,T=S+1);break}return T===0?null:(h+=b.substring(T),h)}function E(b,h){h&&Z(b),P(b);for(let T=b.length-1;T>0;--T){const S=b[T-1],_=b[T];S.kind===w.StringLiteral&&_.kind===w.CData?(b[T-1]={kind:w.CData,text:a(S).slice(1,-1)+a(_)},b.pop()):S.kind===w.CData&&_.kind===w.StringLiteral?(b[T-1]={kind:w.CData,text:a(S)+a(_).slice(1,-1)},b.pop()):S.kind===w.CData&&_.kind===w.TextNode?(b[T-1]={kind:w.CData,text:a(S)+a(_)},b.pop()):S.kind===w.CData&&_.kind===w.CData?(b[T-1]={kind:w.CData,text:a(S)+a(_)},b.pop()):S.kind===w.TextNode&&_.kind===w.TextNode?(a(S).endsWith(" ")&&a(_).startsWith(" ")&&(S.text=a(S).trimEnd()),b[T-1]={kind:w.TextNode,text:a(S)+a(_)},b.pop()):S.kind===w.TextNode&&_.kind===w.CData&&(b[T-1]={kind:w.CData,text:a(S)+a(_)},b.pop())}}}function xp(e){return{kind:w.ElementNode,children:[{kind:w.OpenNodeStart},{kind:w.TagNameNode,children:[{kind:w.Identifier,text:"TextNodeCData"}]},{kind:w.AttributeListNode,children:[{kind:w.AttributeNode,children:[{kind:w.AttributeKeyNode,children:[{kind:w.Identifier,text:"value"}]},{kind:w.Equal},{kind:w.Identifier,text:`"${e}"`}]}]},{kind:w.NodeClose}]}}function al(e){return{kind:w.ElementNode,children:[{kind:w.OpenNodeStart},{kind:w.TagNameNode,children:[{kind:w.Identifier,text:"TextNode"}]},{kind:w.AttributeListNode,children:[{kind:w.AttributeNode,children:[{kind:w.AttributeKeyNode,children:[{kind:w.Identifier,text:"value"}]},{kind:w.Equal},{kind:w.Identifier,text:`"${e}"`}]}]},{kind:w.NodeClose}]}}function me(e,...r){let t=lp[e]??"Unknown error";throw r&&r.forEach((a,n)=>t=o(t,`{${n}}`,a.toString())),new Ua(t,e);function o(a,n,i){do a=a.replace(n,i);while(a.includes(n));return a}}function Er(e){return e.type}function Qo(e,r){return e?Array.isArray(e)?typeof e=="string"?[e,r]:(e.push(r),e):[e,r]:r}function il(e){const r={kind:w.TagNameNode,children:[{kind:w.Identifier,text:"Fragment"}]};return{kind:w.ElementNode,start:e[0].start,pos:e[0].pos,end:e[e.length-1].end,children:[{kind:w.OpenNodeStart},r,{kind:w.NodeEnd},{kind:w.ContentListNode,children:e},{kind:w.CloseNodeStart},r,{kind:w.NodeEnd}]}}function lo(e){var r,t;return((t=(r=e.children)==null?void 0:r.find(o=>o.kind===w.AttributeListNode))==null?void 0:t.children)??[]}function so(e){var r,t;return((t=(r=e.children)==null?void 0:r.find(o=>o.kind===w.ContentListNode))==null?void 0:t.children)??[]}function nl(e,r){var o;const t=(o=e.children)==null?void 0:o.findIndex(a=>a.kind===w.ContentListNode);return t===void 0||t===-1?e:{...e,children:[...e.children.slice(0,t),{...e.children[t],children:r},...e.children.slice(t)]}}function bp(e){var r;for(let t of e)if(((r=t.children)==null?void 0:r.length)===1){const o={kind:w.Equal},a={kind:w.StringLiteral,text:'"true"'};t.children.push(o,a)}}function fp(e,r){var t,o,a;for(let n of e){const i=(t=n.children)==null?void 0:t[2];((a=(o=n.children)==null?void 0:o[2])==null?void 0:a.kind)===w.Identifier&&(i.text='"'+r(i)+'"')}}function ll(e,r,t,o){let a=o.split(":");if(a.length>2)return me("T028",o,"Namespace cannot contain multiple ':' (colon).");let n=o;if(a.length===2){if(a[0]!=Ya)return me("T029",o,Ya);n=a[1]}if(n.includes("#"))return me("T028",n,"Namespace cannot contain character '#'.");switch(n){case Ya:n=t;break;case up:n=cp;break;case mp:n=pp;break}const i=e[e.length-1];if(i.has(t))return me("T025",t);i.set(t,n),r.namespaces??(r.namespaces={}),r.namespaces[t]=n}function vp(e,r){e.children.length!==2&&me("T001");const t=e.children[0];return t.kind!==w.ElementNode&&me("T001"),t}function ot(e,r){const t=e.children.find(a=>a.kind===w.TagNameNode).children;return r(t.at(-1))}function sl(e,r,t){const o=e.children.find(l=>l.kind===w.TagNameNode).children,a=r(o.at(-1));if(o.length===1)return a;const n=r(o[0]);t.length===0&&me("T026");let i;for(let l=t.length-1;l>=0&&(i=t[l].get(n),i===void 0);--l);return i===void 0&&me("T027",n),i+"."+a}function gp(e,r=0,t){const{parse:o,getText:a}=ap(e),{node:n,errors:i}=o();if(i.length>0){const l=[];for(let x=0;x<e.length;++x)e[x]===`
|
|
13
|
+
`&&l.push(x);const d=Tp(i,l),v=dl(n,a);return{component:null,errors:d,erroneousCompoundComponentName:v}}try{return{component:hp(n,a,r,t),errors:[]}}catch(l){const d=dl(n,a),v={message:l.message,col:0,line:0,code:xt.expEq,category:no.Error,pos:0,end:0};return{component:null,erroneousCompoundComponentName:d,errors:[v]}}}function Tp(e,r){if(r.length===0){for(let t of e)t.line=1,t.col=t.pos+1;return e}for(let t of e){let o=0;for(;o<r.length;++o){const n=r[o];if(t.pos<n){t.line=o+1,t.col=t.pos-(r[o-1]??0)+1;break}}const a=r[r.length-1];t.pos>=a&&(t.line=r.length+1,t.col=t.pos-a+0)}return e}function dl(e,r){var d,v,x,p,C,f;const t=(d=e==null?void 0:e.children)==null?void 0:d[0],o=(x=(v=t==null?void 0:t.children)==null?void 0:v.find(g=>g.kind===w.TagNameNode))==null?void 0:x.children,a=o==null?void 0:o[o.length-1];if(a===void 0||r(a)!=="Component")return;const n=(C=(p=t.children)==null?void 0:p.find(g=>g.kind===w.AttributeListNode))==null?void 0:C.children,i=(f=n==null?void 0:n.find(g=>g.kind===w.AttributeNode&&r(g==null?void 0:g.children[0])==="name"))==null?void 0:f.children,l=i==null?void 0:i[i.length-1];if(l!==void 0&&l.kind===w.StringLiteral){const g=r(l);return g.substring(1,g.length-1)}}function Cp(e,r){const t=gp(r).component;if(!t)throw new Error(`Failed to parse ${e} component definition during build.`);return t}const Xa="FormSection",yp=k({status:"experimental",description:`The \`${Xa}\` is a component that groups cohesive elements together within a \`Form\`. This grouping is indicated visually: the child components of the \`${Xa}\` are placed in a [\`FlowLayout\`](./FlowLayout.mdx) component.`});Cp(Xa,`
|
|
14
14
|
<Component name="FormSection">
|
|
15
15
|
<VStack paddingBottom="{$props.paddingBottom ?? '1rem'}" gap="0" width="100%">
|
|
16
16
|
<Heading
|
|
@@ -33,4 +33,4 @@
|
|
|
33
33
|
</FlowLayout>
|
|
34
34
|
</VStack>
|
|
35
35
|
</Component>
|
|
36
|
-
`);const kp={themeVars:'"[]"'},Sp=k({status:"in progress",description:"(**NOT IMPLEMENTED YET**) The `ButtonGroup` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.",props:{themeColor:{description:"This optional property specifies the default theme color for the buttons in the group. Individual buttons may override this setting with their `themeColor` property.",availableValues:ra,valueType:"string",defaultValue:"primary"},variant:{description:"This optional property specifies the default variant for the buttons in the group. Individual buttons may override this setting with their `variant` property.",availableValues:oa,valueType:"string",defaultValue:"solid"},orientation:pi("horizontal"),buttonWidth:{description:"When this optional property is set, all buttons within the group will have the specified width. If it is empty, each button's width accommodates its content."},gap:{description:"When this optional property is set, adjacent buttons will have the specified gap between them. If this property is not set, the buttons will be merged into one group."}},themeVars:j(kp.themeVars),defaultThemeVars:{light:{},dark:{}}}),wp=k({description:"The `Breakout` component creates a breakout section. It allows its child to occupy the entire width of the UI even if the app or the parent container constrains the maximum content width."}),gt={themeVars:`'{"width-Carousel": "var(--xmlui-width-Carousel)", "height-Carousel": "var(--xmlui-height-Carousel)", "height-control-Carousel": "var(--xmlui-height-control-Carousel)", "width-control-Carousel": "var(--xmlui-width-control-Carousel)", "textColor-control-Carousel": "var(--xmlui-textColor-control-Carousel)", "backgroundColor-control-Carousel": "var(--xmlui-backgroundColor-control-Carousel)", "borderRadius-control-Carousel": "var(--xmlui-borderRadius-control-Carousel)", "backgroundColor-control-hover-Carousel": "var(--xmlui-backgroundColor-control-hover-Carousel)", "textColor-control-hover-Carousel": "var(--xmlui-textColor-control-hover-Carousel)", "backgroundColor-control-active-Carousel": "var(--xmlui-backgroundColor-control-active-Carousel)", "textColor-control-active-Carousel": "var(--xmlui-textColor-control-active-Carousel)", "textColor-control-disabled-Carousel": "var(--xmlui-textColor-control-disabled-Carousel)", "backgroundColor-control-disabled-Carousel": "var(--xmlui-backgroundColor-control-disabled-Carousel)", "width-indicator-Carousel": "var(--xmlui-width-indicator-Carousel)", "height-indicator-Carousel": "var(--xmlui-height-indicator-Carousel)", "textColor-indicator-Carousel": "var(--xmlui-textColor-indicator-Carousel)", "backgroundColor-indicator-Carousel": "var(--xmlui-backgroundColor-indicator-Carousel)", "backgroundColor-indicator-hover-Carousel": "var(--xmlui-backgroundColor-indicator-hover-Carousel)", "textColor-indicator-hover-Carousel": "var(--xmlui-textColor-indicator-hover-Carousel)", "backgroundColor-indicator-active-Carousel": "var(--xmlui-backgroundColor-indicator-active-Carousel)", "textColor-indicator-active-Carousel": "var(--xmlui-textColor-indicator-active-Carousel)"}'`,carousel:"_carousel_1jsvj_13",carouselContentWrapper:"_carouselContentWrapper_1jsvj_30",carouselContent:"_carouselContent_1jsvj_30",vertical:"_vertical_1jsvj_40",controls:"_controls_1jsvj_51",controlButton:"_controlButton_1jsvj_60",indicators:"_indicators_1jsvj_87",indicator:"_indicator_1jsvj_87",active:"_active_1jsvj_107"},Hp=u.createContext({register:e=>{},unRegister:e=>{}});function $p(){const[e,t]=u.useState([]),r=u.useMemo(()=>({register:o=>{t(vr(a=>{const n=a.findIndex(i=>i.id===o.id);n<0?a.push(o):a[n]=o}))},unRegister:o=>{t(vr(a=>a.filter(n=>n.id!==o)))}}),[t]);return{carouselItems:e,carouselContextValue:r}}const Me={orientation:"horizontal",indicators:!0,autoplay:!1,controls:!0,loop:!1,startIndex:0,transitionDuration:25,autoplayInterval:5e3,stopAutoplayOnInteraction:!0};u.forwardRef(function({orientation:t=Me.orientation,children:r,style:o,indicators:a=Me.indicators,onDisplayDidChange:n=ie,autoplay:i=Me.autoplay,controls:l=Me.controls,loop:d=Me.loop,startIndex:v=Me.startIndex,prevIcon:f,nextIcon:p,transitionDuration:C=Me.transitionDuration,autoplayInterval:b=Me.autoplayInterval,stopAutoplayOnInteraction:g=Me.stopAutoplayOnInteraction,registerComponentApi:y},H){const A=u.useRef(null),[$,B]=u.useState(0),[E,U]=u.useState([]),[Z,P]=u.useState(!1),{carouselContextValue:W,carouselItems:O}=$p(),V=H?Jt(A,H):A,[x,h]=Ll({axis:t==="horizontal"?"x":"y",loop:d,startIndex:v,duration:C},E),T=f||t==="horizontal"?"arrowleft":"arrowup",S=p||t==="horizontal"?"arrowright":"arrowdown";u.useEffect(()=>{i&&U([_l({delay:b,stopOnInteraction:g})])},[b,i,g]);const _=u.useCallback(()=>{var ce;const J=(ce=h==null?void 0:h.plugins())==null?void 0:ce.autoplay;if(!J)return;(J.isPlaying()?J.stop:J.play)()},[h]);u.useEffect(()=>{var K;const J=(K=h==null?void 0:h.plugins())==null?void 0:K.autoplay;J&&(P(J.isPlaying()),h.on("autoplay:play",()=>P(!0)).on("autoplay:stop",()=>P(!1)).on("reInit",()=>P(J.isPlaying())))},[h]);const G=u.useCallback(J=>{h==null||h.scrollTo(J)},[h]),[z,N]=Ne.useState(!1),[I,M]=Ne.useState(!1),R=Ne.useCallback(J=>{if(!J)return;const K=J.selectedScrollSnap();n(K),B(K),N(J.canScrollPrev()),M(J.canScrollNext())},[n]),D=u.useCallback(()=>{h&&(h==null||h.scrollPrev())},[h]),Y=u.useCallback(()=>{h==null||h.scrollNext()},[h]),Q=u.useCallback(J=>{t==="horizontal"?J.key==="ArrowLeft"?(J.preventDefault(),D()):J.key==="ArrowRight"&&(J.preventDefault(),Y()):J.key==="ArrowUp"?(J.preventDefault(),D()):J.key==="ArrowDown"&&(J.preventDefault(),Y())},[t,D,Y]);return u.useEffect(()=>{y==null||y({scrollTo:G,scrollPrev:D,scrollNext:Y,canScrollPrev:()=>z,canScrollNext:()=>I})},[y,G,D,Y,z,I]),Ne.useEffect(()=>{if(h)return R(h),h.on("init",R),h.on("reInit",R),h.on("select",R),()=>{h==null||h.off("select",R)}},[h,R]),u.useEffect(()=>{A!=null&&A.current&&A.current.addEventListener("keydown",Q)},[V,Q]),c.jsx(Hp.Provider,{value:W,children:c.jsxs("div",{style:o,ref:V,className:ne(gt.carousel),role:"region",tabIndex:-1,"aria-roledescription":"carousel",children:[c.jsx("div",{ref:x,className:gt.carouselContentWrapper,children:c.jsx("div",{className:ne(gt.carouselContent,{[gt.horizontal]:t==="horizontal",[gt.vertical]:t==="vertical"}),children:r})}),l&&c.jsxs("div",{className:gt.controls,children:[i&&c.jsx("button",{className:gt.controlButton,onClick:_,children:Z?c.jsx(fe,{name:"pause"}):c.jsx(fe,{name:"play"})}),c.jsx("button",{className:gt.controlButton,disabled:!z,onClick:D,children:c.jsx(fe,{name:T})}),c.jsx("button",{className:gt.controlButton,onClick:Y,disabled:!I,children:c.jsx(fe,{name:S})})]}),a&&c.jsx("div",{className:gt.indicators,children:O.map((J,K)=>c.jsx("button",{type:"button",onClick:()=>G(K),className:ne(gt.indicator,{[gt.active]:K===$}),"aria-current":K===$},K))})]})})});const Oe="Carousel",Ip=k({status:"in progress",description:"This component displays a slideshow by cycling through elements (images, text, or custom slides) like a carousel.",props:{orientation:{description:"This property indicates the orientation of the carousel. The `horizontal` value indicates that the carousel moves horizontally, and the `vertical` value indicates that the carousel moves vertically.",availableValues:Bo,valueType:"string",defaultValue:Me.orientation},indicators:{description:"This property indicates whether the carousel displays the indicators.",valueType:"boolean",defaultValue:Me.indicators},controls:{description:"This property indicates whether the carousel displays the controls.",valueType:"boolean",defaultValue:Me.controls},autoplay:{description:"This property indicates whether the carousel automatically scrolls.",valueType:"boolean",defaultValue:Me.autoplay},loop:{description:"This property indicates whether the carousel loops.",valueType:"boolean",defaultValue:Me.loop},startIndex:{description:"This property indicates the index of the first slide to display.",valueType:"number",defaultValue:Me.startIndex},transitionDuration:{description:"This property indicates the duration of the transition between slides.",valueType:"number",defaultValue:Me.transitionDuration},autoplayInterval:{description:"This property specifies the interval between autoplay transitions.",valueType:"number",defaultValue:Me.autoplayInterval},stopAutoplayOnInteraction:{description:"This property indicates whether autoplay stops on interaction.",valueType:"boolean",defaultValue:Me.stopAutoplayOnInteraction},prevIcon:{description:"This property specifies the icon to display for the previous control.",valueType:"string"},nextIcon:{description:"This property specifies the icon to display for the next control.",valueType:"string"},keyboard:{description:"This property indicates whether the carousel responds to keyboard events.",valueType:"boolean"}},events:{displayDidChange:Xe(Oe)},apis:{canScrollPrev:m("This method returns `true` if the carousel can scroll to the previous slide."),canScrollNext:m("This method returns `true` if the carousel can scroll to the next slide."),scrollTo:m("This method scrolls the carousel to the specified slide index."),scrollPrev:m("This method scrolls the carousel to the previous slide."),scrollNext:m("This method scrolls the carousel to the next slide.")},themeVars:j(gt.themeVars),themeVarDescriptions:{[`width-indicator-${Oe}`]:"Sets the width of the indicator."},defaultThemeVars:{[`backgroundColor-control-${Oe}`]:"$color-primary",[`textColor-control-${Oe}`]:"$textColor",[`backgroundColor-control-hover-${Oe}`]:"$color-primary",[`textColor-control-hover-${Oe}`]:"$textColor",[`backgroundColor-control-active-${Oe}`]:"$color-primary",[`backgroundColor-control-disabled-${Oe}`]:"$color-surface-200",[`textColor-control-disabled-${Oe}`]:"$textColor-disabled",[`textColor-control-active-${Oe}`]:"$color-primary",[`backgroundColor-indicator-${Oe}`]:"$color-surface-200",[`backgroundColor-indicator-active-${Oe}`]:"$color-primary",[`textColor-indicator-${Oe}`]:"$color-primary",[`textColor-indicator-active-${Oe}`]:"$color-primary",[`backgroundColor-indicator-hover-${Oe}`]:"$color-surface-200",[`textColor-indicator-hover-${Oe}`]:"$color-primary",[`width-indicator-${Oe}`]:"25px",[`height-indicator-${Oe}`]:"6px",[`height-control-${Oe}`]:"36px",[`width-control-${Oe}`]:"36px",[`borderRadius-control-${Oe}`]:"50%",[`height-${Oe}`]:"100%",[`width-${Oe}`]:"100%"}}),Bp=k({status:"experimental",description:"The `ToneChangerButton` component is a component that allows the user to change the tone of the app.",props:{}}),Lp=k({description:"`Option` is a non-visual component describing a selection option. Other components (such as `Select`, `AutoComplete`, and others) may use nested `Option` instances from which the user can select.",props:{label:m("This property defines the text to display for the option. If `label` is not defined, `Option` will use the `value` as the label."),value:m("This property defines the value of the option. If `value` is not defined, `Option` will use the `label` as the value."),enabled:qe(),optionTemplate:m("This property is used to define a custom option template")}}),_p=u.memo(e=>{const t=Du();return t?c.jsx(t,{...e}):null});_p.displayName="OptionNative";const We="AutoComplete",Ap=k({description:"This component is a dropdown with a list of options. According to the `multi` property, the user can select one or more items.",status:"experimental",props:{placeholder:Cr(),initialValue:ct(),maxLength:ho(),autoFocus:je(),required:St(),readOnly:yt(),enabled:qe(),validationStatus:kt(),dropdownHeight:m("This property sets the height of the dropdown list."),multi:ui(),optionTemplate:Ae("This property enables the customization of list items. To access the attributes of a list item use the `$item` context variable."),emptyListTemplate:m("This property defines the template to display when the list of options is empty.")},events:{gotFocus:dt(We),lostFocus:ut(We),didChange:Xe(We)},apis:{focus:Mt(We),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dt()},contextVars:{$item:m("This context value represents an item when you define an option item template. Use `$item.value` and `$item.label` to refer to the value and label of the particular option.")},themeVars:j(Ye.themeVars),defaultThemeVars:{[`backgroundColor-menu-${We}`]:"$backgroundColor-primary",[`boxShadow-menu-${We}`]:"$boxShadow-md",[`borderRadius-menu-${We}`]:"$borderRadius",[`backgroundColor-item-${We}`]:"$backgroundColor-dropdown-item",[`backgroundColor-item-${We}--hover`]:"$backgroundColor-dropdown-item--active",[`backgroundColor-item-${We}--active`]:"$backgroundColor-dropdown-item--active","minHeight-Input":"39px",[`backgroundColor-${We}-badge`]:"$color-primary-500",[`fontSize-${We}-badge`]:"$fontSize-small",[`paddingHorizontal-${We}-badge`]:"$space-1",[`paddingVertical-${We}-badge`]:"$space-1",light:{[`backgroundColor-${We}-badge--hover`]:"$color-primary-400",[`backgroundColor-${We}-badge--active`]:"$color-primary-500",[`textColor-item-${We}--disabled`]:"$color-surface-200",[`textColor-${We}-badge`]:"$color-surface-50"},dark:{[`backgroundColor-${We}-badge--hover`]:"$color-primary-600",[`backgroundColor-${We}-badge--active`]:"$color-primary-500",[`textColor-${We}-badge`]:"$color-surface-50",[`textColor-item-${We}--disabled`]:"$color-surface-800"}}}),Qo={themeVars:'"[]"',backdropContainer:"_backdropContainer_18iuc_13",backdrop:"_backdrop_18iuc_13",overlay:"_overlay_18iuc_26"},ja={backgroundColor:"black",opacity:"0.1"};u.forwardRef(function({style:t,children:r,overlayTemplate:o,backgroundColor:a=ja.backgroundColor,opacity:n=ja.opacity},i){const l={...t,width:void 0};return c.jsxs("div",{className:Qo.backdropContainer,style:{width:t.width??"fit-content"},ref:i,children:[r,c.jsx("div",{className:Qo.backdrop,style:{...l,backgroundColor:a,opacity:n}}),o&&c.jsx("div",{className:Qo.overlay,children:o})]})});const Np=k({status:"stable",description:"The `Backdrop` component is a semi-transparent overlay that appears on top of its child component to obscure or highlight the content behind it.",props:{overlayTemplate:Ae("This property defines the component template for an optional overlay to display over the component."),backgroundColor:{description:"The background color of the backdrop.",valueType:"string",defaultValue:ja.backgroundColor},opacity:{description:"The opacity of the backdrop.",valueType:"number",defaultValue:.1}},themeVars:j(Qo.themeVars)}),Op=k({status:"experimental",description:"This component renders an HTML `a` tag.",isHtmlTag:!0,props:{href:m("Specifies the URL of the page the link goes to"),target:m("Specifies where to open the linked document"),rel:m("Specifies the relationship between the current document and the linked document"),download:m("Indicates that the target will be downloaded when a user clicks on the hyperlink"),hreflang:m("Specifies the language of the linked document"),type:m("Specifies the MIME type of the linked document"),ping:m("Specifies a space-separated list of URLs to be notified if the user follows the hyperlink"),referrerPolicy:m("Specifies the referrer policy for the element"),disabled:m("Specifies that the link should be disabled")}}),Wp=k({status:"experimental",description:"This component renders an HTML `address` tag.",isHtmlTag:!0}),Vp=k({status:"experimental",description:"This component renders an HTML `area` tag.",isHtmlTag:!0,props:{alt:m("Specifies an alternate text for the area"),coords:m("Specifies the coordinates of the area"),download:m("Indicates that the target will be downloaded when a user clicks on the area"),href:m("Specifies the URL of the linked document"),hrefLang:m("Specifies the language of the linked document"),referrerPolicy:m("Specifies the referrer policy for the area"),rel:m("Specifies the relationship between the current document and the linked document"),shape:m("Specifies the shape of the area"),target:m("Specifies where to open the linked document"),media:m("Specifies a media query for the linked resource")}}),Ep=k({status:"experimental",description:"This component renders an HTML `article` tag.",isHtmlTag:!0}),zp=k({status:"experimental",description:"This component renders an HTML `aside` tag.",isHtmlTag:!0}),Pp=k({status:"experimental",description:"This component renders an HTML `audio` tag.",isHtmlTag:!0,props:{autoPlay:m("Specifies that the audio will start playing as soon as it is ready"),controls:m("Specifies that audio controls should be displayed"),crossOrigin:m("Specifies how the element handles cross-origin requests"),loop:m("Specifies that the audio will start over again every time it is finished"),muted:m("Specifies that the audio output should be muted"),preload:m("Specifies if and how the author thinks the audio should be loaded when the page loads"),src:m("Specifies the URL of the audio file")}}),Dp=k({status:"experimental",description:"This component renders an HTML `b` tag.",isHtmlTag:!0}),Mp=k({status:"experimental",description:"This component renders an HTML `bdi` tag.",isHtmlTag:!0}),Fp=k({status:"experimental",description:"This component renders an HTML `bdo` tag.",isHtmlTag:!0,props:{dir:m("Specifies the text direction override")}}),Rp=k({status:"experimental",description:"This component renders an HTML `blockquote` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source of the quotation")}}),Up=k({status:"experimental",description:"This component renders an HTML `br` tag.",isHtmlTag:!0}),qp=k({status:"experimental",description:"This component renders an HTML `button` tag.",isHtmlTag:!0,props:{autoFocus:m("Specifies that the button should automatically get focus when the page loads"),disabled:m("Specifies that the button should be disabled"),form:m("Specifies the form the button belongs to"),formAction:m("Specifies the URL of a file that processes the information submitted by the button"),formEncType:m("Specifies how the form-data should be encoded when submitting it to the server"),formMethod:m("Specifies the HTTP method to use when sending form-data"),formNoValidate:m("Specifies that the form should not be validated when submitted"),formTarget:m("Specifies where to display the response after submitting the form"),name:m("Specifies a name for the button"),type:m("Specifies the type of the button"),value:m("Specifies the value associated with the button")}}),Gp=k({status:"experimental",description:"This component renders an HTML `canvas` tag.",isHtmlTag:!0,props:{width:m("Specifies the width of the canvas"),height:m("Specifies the height of the canvas")}}),Yp=k({status:"experimental",description:"This component renders an HTML `caption` tag.",isHtmlTag:!0}),Xp=k({status:"experimental",description:"This component renders an HTML `cite` tag.",isHtmlTag:!0}),ul=k({status:"experimental",description:"This component renders an HTML `code` tag.",isHtmlTag:!0}),jp=k({status:"experimental",description:"This component renders an HTML `col` tag.",isHtmlTag:!0,props:{span:m("Specifies the number of columns a `col` element should span")}}),Qp=k({status:"experimental",description:"This component renders an HTML `colgroup` tag.",isHtmlTag:!0,props:{span:m("Specifies the number of columns in a `colgroup`")}}),Zp=k({status:"experimental",description:"This component renders an HTML `data` tag.",isHtmlTag:!0,props:{value:m("Specifies the machine-readable value of the element")}}),Jp=k({status:"experimental",description:"This component renders an HTML `datalist` tag.",isHtmlTag:!0}),Kp=k({status:"experimental",description:"This component renders an HTML `dd` tag.",isHtmlTag:!0}),eh=k({status:"experimental",description:"This component renders an HTML `del` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source of the quotation"),dateTime:m("Specifies the date and time of the edit")}}),th=k({status:"experimental",description:"This component renders an HTML `details` tag.",isHtmlTag:!0,props:{open:m("Specifies that the details are visible (open)")}}),rh=k({status:"experimental",description:"This component renders an HTML `dfn` tag.",isHtmlTag:!0}),oh=k({status:"experimental",description:"This component renders an HTML `dialog` tag.",isHtmlTag:!0,props:{open:m("Specifies that the dialog is open")}}),ah=k({status:"experimental",description:"This component renders an HTML `div` tag.",isHtmlTag:!0}),ih=k({status:"experimental",description:"This component renders an HTML `dl` tag.",isHtmlTag:!0}),nh=k({status:"experimental",description:"This component renders an HTML `dt` tag.",isHtmlTag:!0}),cl=k({status:"experimental",description:"This component renders an HTML `em` tag.",isHtmlTag:!0}),lh=k({status:"experimental",description:"This component renders an HTML `embed` tag.",isHtmlTag:!0,props:{src:m("Specifies the URL of the resource"),type:m("Specifies the type of the resource"),width:m("Specifies the width of the embed"),height:m("Specifies the height of the embed")}}),sh=k({status:"experimental",description:"This component renders an HTML `fieldset` tag.",isHtmlTag:!0,props:{disabled:m("Specifies that the fieldset should be disabled"),form:m("Specifies the form the fieldset belongs to"),name:m("Specifies a name for the fieldset")}}),dh=k({status:"experimental",description:"This component renders an HTML `figcaption` tag.",isHtmlTag:!0}),uh=k({status:"experimental",description:"This component renders an HTML `figure` tag.",isHtmlTag:!0}),ch=k({status:"experimental",description:"This component renders an HTML `footer` tag.",isHtmlTag:!0}),mh=k({status:"experimental",description:"This component renders an HTML `form` tag.",isHtmlTag:!0,props:{acceptCharset:m("Specifies the character encodings that are to be used for the form submission"),action:m("Specifies where to send the form-data when a form is submitted"),autoComplete:m("Specifies whether a form should have auto-completion"),encType:m("Specifies how the form-data should be encoded when submitting it to the server"),method:m("Specifies the HTTP method to use when sending form-data"),name:m("Specifies the name of the form"),noValidate:m("Specifies that the form should not be validated when submitted"),target:m("Specifies where to display the response after submitting the form")}}),ph=k({status:"experimental",description:"This component renders an HTML `h1` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),hh=k({status:"experimental",description:"This component renders an HTML `h2` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),xh=k({status:"experimental",description:"This component renders an HTML `h3` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),fh=k({status:"experimental",description:"This component renders an HTML `h4` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),bh=k({status:"experimental",description:"This component renders an HTML `h5` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),vh=k({status:"experimental",description:"This component renders an HTML `h6` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),gh=k({status:"experimental",description:"This component renders an HTML `header` tag.",isHtmlTag:!0}),Th=k({status:"experimental",description:"This component renders an HTML `hr` tag.",isHtmlTag:!0}),Ch=k({status:"experimental",description:"This component renders an HTML `i` tag.",isHtmlTag:!0}),yh=k({status:"experimental",description:"This component renders an HTML `iframe` tag.",isHtmlTag:!0,props:{src:m("Specifies the URL of the page to embed"),srcDoc:m("Specifies the HTML content of the page to embed"),name:m("Specifies the name of the iframe"),sandbox:m("Specifies a set of extra restrictions for the content in the iframe"),allow:m("Specifies a feature policy for the iframe"),allowFullScreen:m("Specifies that the iframe can be displayed in full-screen mode"),width:m("Specifies the width of the iframe"),height:m("Specifies the height of the iframe"),loading:m("Specifies the loading behavior of the iframe"),referrerPolicy:m("Specifies the referrer policy for the iframe")}}),kh=k({status:"experimental",description:"This component renders an HTML `img` tag.",isHtmlTag:!0,props:{alt:m("Specifies an alternate text for an image"),height:m("Specifies the height of an image"),src:m("Specifies the path to the image"),width:m("Specifies the width of an image"),useMap:m("Specifies an image as a client-side image map"),loading:m("Specifies the loading behavior of the image"),referrerPolicy:m("Specifies the referrer policy for the image"),sizes:m("Specifies image sizes for different page layouts")}}),Sh=k({status:"experimental",description:"This component renders an HTML `input` tag.",isHtmlTag:!0,props:{type:m("Specifies the type of input"),value:m("Specifies the value of the input"),placeholder:m("Specifies a short hint that describes the expected value of the input"),autoFocus:m("Specifies that the input should automatically get focus when the page loads"),checked:m("Specifies that the input should be pre-selected"),disabled:m("Specifies that the input should be disabled"),form:m("Specifies the form the input belongs to"),name:m("Specifies the name of the input"),list:m("Specifies the id of a datalist element that contains pre-defined options for the input"),max:m("Specifies the maximum value for an input"),maxLength:m("Specifies the maximum number of characters allowed in an input"),min:m("Specifies the minimum value for an input"),minLength:m("Specifies the minimum number of characters allowed in an input"),multiple:m("Specifies that a user can enter more than one value"),pattern:m("Specifies a regular expression that an input's value is checked against"),readOnly:m("Specifies that the input is read-only"),required:m("Specifies that the input is required"),size:m("Specifies the width, in characters, of an input"),step:m("Specifies the legal number intervals for an input")}}),wh=k({status:"experimental",description:"This component renders an HTML `ins` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source URL for the inserted text"),dateTime:m("Specifies the date and time when the text was inserted")}}),Hh=k({status:"experimental",description:"This component renders an HTML `kbd` tag.",isHtmlTag:!0}),$h=k({status:"experimental",description:"This component renders an HTML `label` tag.",isHtmlTag:!0,props:{htmlFor:m("Specifies which form element a label is bound to")}}),Ih=k({status:"experimental",description:"This component renders an HTML `legend` tag.",isHtmlTag:!0}),Bh=k({status:"experimental",description:"This component renders an HTML `li` tag.",isHtmlTag:!0,props:{value:m("Specifies the value of the list item (if the parent is an ordered list)")}}),Lh=k({status:"experimental",description:"This component renders an HTML `main` tag.",isHtmlTag:!0}),_h=k({status:"experimental",description:"This component renders an HTML `map` tag.",isHtmlTag:!0,props:{name:m("Specifies the name of the map")}}),Ah=k({status:"experimental",description:"This component renders an HTML `mark` tag.",isHtmlTag:!0}),Nh=k({status:"experimental",description:"This component renders an HTML `menu` tag.",isHtmlTag:!0,props:{type:m("Specifies the type of the menu")}}),Oh=k({status:"experimental",description:"This component renders an HTML `meter` tag.",isHtmlTag:!0,props:{min:m("Specifies the minimum value"),max:m("Specifies the maximum value"),low:m("Specifies the lower bound of the high value"),high:m("Specifies the upper bound of the low value"),optimum:m("Specifies the optimal value"),value:m("Specifies the current value")}}),Wh=k({status:"experimental",description:"This component renders an HTML `nav` tag.",isHtmlTag:!0}),Vh=k({status:"experimental",description:"This component renders an HTML `object` tag.",isHtmlTag:!0,props:{data:m("Specifies the URL of the resource"),type:m("Specifies the MIME type of the resource"),name:m("Specifies the name of the object"),form:m("Specifies the form the object belongs to"),width:m("Specifies the width of the object"),height:m("Specifies the height of the object")}}),Eh=k({status:"experimental",description:"This component renders an HTML `ol` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsList),defaultThemeVars:{"marginTop-HtmlOl":"$space-4","marginBottom-HtmlOl":"$space-4"}}),zh=k({status:"experimental",description:"This component renders an HTML `optgroup` tag.",isHtmlTag:!0,props:{label:m("Specifies the label for the option group"),disabled:m("Specifies that the option group is disabled")}}),Ph=k({status:"experimental",description:"This component renders an HTML `option` tag.",isHtmlTag:!0,props:{disabled:m("Specifies that the option should be disabled"),label:m("Specifies the label of the option"),selected:m("Specifies that the option should be pre-selected"),value:m("Specifies the value of the option")}}),Dh=k({status:"experimental",description:"This component renders an HTML `output` tag.",isHtmlTag:!0,props:{form:m("Specifies the form element that the output is associated with"),htmlFor:m("Specifies the IDs of the elements that this output is related to"),name:m("Specifies the name of the output")}}),Mh=k({status:"experimental",description:"This component renders an HTML `p` tag.",isHtmlTag:!0}),Fh=k({status:"experimental",description:"This component renders an HTML `param` tag.",isHtmlTag:!0,props:{name:m("Specifies the name of the parameter"),value:m("Specifies the value of the parameter")}}),Rh=k({status:"experimental",description:"This component renders an HTML `picture` tag.",isHtmlTag:!0}),Uh=k({status:"experimental",description:"This component renders an HTML `pre` tag.",isHtmlTag:!0}),qh=k({status:"experimental",description:"This component renders an HTML `progress` tag.",isHtmlTag:!0,props:{max:m("Specifies the maximum value of the progress element"),value:m("Specifies the current value of the progress element")}}),Gh=k({status:"experimental",description:"This component renders an HTML `q` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source URL of the quotation")}}),Yh=k({status:"experimental",description:"This component renders an HTML `rp` tag.",isHtmlTag:!0}),Xh=k({status:"experimental",description:"This component renders an HTML `rt` tag.",isHtmlTag:!0}),jh=k({status:"experimental",description:"This component renders an HTML `ruby` tag.",isHtmlTag:!0}),Qh=k({status:"experimental",description:"This component renders an HTML `s` tag.",isHtmlTag:!0}),Zh=k({status:"experimental",description:"This component renders an HTML `samp` tag.",isHtmlTag:!0}),Jh=k({status:"experimental",description:"This component renders an HTML `section` tag.",isHtmlTag:!0}),Kh=k({status:"experimental",description:"This component renders an HTML `select` tag.",isHtmlTag:!0,props:{autoFocus:m("Specifies that the select should automatically get focus when the page loads"),disabled:m("Specifies that the select should be disabled"),form:m("Specifies the form the select belongs to"),multiple:m("Specifies that multiple options can be selected at once"),name:m("Specifies the name of the select"),required:m("Specifies that the select is required"),size:m("Specifies the number of visible options in the select")}}),ex=k({status:"experimental",description:"This component renders an HTML `small` tag.",isHtmlTag:!0}),tx=k({status:"experimental",description:"This component renders an HTML `source` tag.",isHtmlTag:!0,props:{src:m("Specifies the URL of the media file"),type:m("Specifies the type of the media file"),media:m("Specifies a media query for the media file"),srcSet:m("Specifies the source set for responsive images"),sizes:m("Specifies the sizes attribute for responsive images")}}),rx=k({status:"experimental",description:"This component renders an HTML `span` tag.",isHtmlTag:!0}),ox=k({status:"experimental",description:"This component renders an HTML `strong` tag.",isHtmlTag:!0}),ax=k({status:"experimental",description:"This component renders an HTML `sub` tag.",isHtmlTag:!0}),ix=k({status:"experimental",description:"This component renders an HTML `summary` tag.",isHtmlTag:!0}),nx=k({status:"experimental",description:"This component renders an HTML `sup` tag.",isHtmlTag:!0}),lx=k({status:"experimental",description:"This component renders an HTML `table` tag.",isHtmlTag:!0,props:{border:m("Specifies the width of the border around the table"),cellPadding:m("Specifies the space between the cell content and its borders"),cellSpacing:m("Specifies the space between cells"),summary:m("Provides a summary of the table's purpose and structure"),width:m("Specifies the width of the table"),align:m("Specifies the alignment of the table"),frame:m("Specifies which parts of the table frame to render"),rules:m("Specifies which rules to draw between cells")},themeVars:j(Je.themeVarsTable),defaultThemeVars:{"backgroundColor-HtmlTable":"$backgroundColor","border-HtmlTable":"1px solid $borderColor","marginBottom-HtmlTable":"$space-4","marginTop-HtmlTable":"$space-4"}}),sx=k({status:"experimental",description:"This component renders an HTML `tbody` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsTbody)}),dx=k({status:"experimental",description:"This component renders an HTML `td` tag.",isHtmlTag:!0,props:{align:m("Specifies the horizontal alignment of the content in the cell"),colSpan:m("Specifies the number of columns a cell should span"),headers:m("Specifies a list of header cells the current cell is related to"),rowSpan:m("Specifies the number of rows a cell should span"),valign:m("Specifies the vertical alignment of the content in the cell"),scope:m("Specifies whether a cell is a header for a column, row, or group of columns or rows"),abbr:m("Specifies an abbreviated version of the content in the cell"),height:m("Specifies the height of the cell"),width:m("Specifies the width of the cell")},themeVars:j(Je.themeVarsTd),defaultThemeVars:{"padding-HtmlTd":"$space-2","borderBottom-HtmlTd":"1px solid $borderColor"}}),ux=k({status:"experimental",description:"This component renders an HTML `template` tag.",isHtmlTag:!0}),cx=k({status:"experimental",description:"This component renders an HTML `textarea` tag.",isHtmlTag:!0,props:{autoFocus:m("Specifies that the textarea should automatically get focus when the page loads"),cols:m("Specifies the visible width of the text area in average character widths"),dirName:m("Specifies the text directionality"),disabled:m("Specifies that the textarea should be disabled"),form:m("Specifies the form the textarea belongs to"),maxLength:m("Specifies the maximum number of characters allowed in the textarea"),minLength:m("Specifies the minimum number of characters allowed in the textarea"),name:m("Specifies the name of the textarea"),placeholder:m("Specifies a short hint that describes the expected value"),readOnly:m("Specifies that the textarea is read-only"),required:m("Specifies that the textarea is required"),rows:m("Specifies the visible number of lines in the textarea"),value:m("Specifies the current value of the textarea"),wrap:m("Specifies how the text in a textarea is to be wrapped when submitted")}}),mx=k({status:"experimental",description:"This component renders an HTML `tfoot` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsTfoot)}),px=k({status:"experimental",description:"This component renders an HTML `th` tag.",isHtmlTag:!0,props:{abbr:m("Specifies an abbreviated version of the content in the header cell"),align:m("Specifies the horizontal alignment of the content in the header cell"),colSpan:m("Specifies the number of columns a header cell should span"),headers:m("Specifies a list of header cells the current header cell is related to"),rowSpan:m("Specifies the number of rows a header cell should span"),scope:m("Specifies whether a header cell is a header for a column, row, or group of columns or rows")},themeVars:j(Je.themeVarsTh),defaultThemeVars:{"padding-HtmlTh":"$space-2","fontSize-HtmlTh":"$fontSize-tiny","fontWeight-HtmlTh":"$fontWeight-bold",light:{"backgroundColor-HtmlTh--hover":"$color-surface-200"},dark:{"backgroundColor-HtmlTh--hover":"$color-surface-800"}}}),hx=k({status:"experimental",description:"This component renders an HTML `thead` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsThead),defaultThemeVars:{"textTransform-HtmlThead":"uppercase",light:{"backgroundColor-HtmlThead":"$color-surface-100","textColor-HtmlThead":"$color-surface-500"},dark:{"backgroundColor-HtmlThead":"$color-surface-950"}}}),xx=k({status:"experimental",description:"This component renders an HTML `time` tag.",isHtmlTag:!0,props:{dateTime:m("Specifies the date and time in a machine-readable format")}}),fx=k({status:"experimental",description:"This component renders an HTML `tr` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsTr),defaultThemeVars:{"fontSize-HtmlTr":"$fontSize-small","backgroundColor-row-HtmlTr":"inherit",light:{"backgroundColor-HtmlTr--hover":"$color-primary-50"},dark:{"backgroundColor-HtmlTr--hover":"$color-primary-900"}}}),bx=k({status:"experimental",description:"This component renders an HTML `track` tag.",isHtmlTag:!0,props:{default:m("Specifies that the track is to be enabled if no other track is more suitable"),kind:m("Specifies the kind of text track"),label:m("Specifies the title of the text track"),src:m("Specifies the URL of the track file"),srcLang:m("Specifies the language of the track text data")}}),vx=k({status:"experimental",description:"This component renders an HTML `u` tag.",isHtmlTag:!0}),gx=k({status:"experimental",description:"This component renders an HTML `ul` tag.",isHtmlTag:!0,themeVars:j(Je.themeVarsList),defaultThemeVars:{"marginTop-HtmlUl":"$space-4","marginBottom-HtmlUl":"$space-4"}}),Tx=k({status:"experimental",description:"This component renders an HTML `var` tag.",isHtmlTag:!0}),Cx=k({status:"experimental",description:"This component renders an HTML `video` tag.",isHtmlTag:!0,props:{autoPlay:m("Specifies that the video will start playing as soon as it is ready"),controls:m("Specifies that video controls should be displayed"),height:m("Specifies the height of the video player"),loop:m("Specifies that the video will start over again when finished"),muted:m("Specifies that the video output should be muted"),poster:m("Specifies an image to be shown while the video is downloading"),preload:m("Specifies if and how the author thinks the video should be loaded when the page loads"),src:m("Specifies the URL of the video file"),width:m("Specifies the width of the video player")}}),yx=k({status:"experimental",description:"This component renders an HTML `wbr` tag.",isHtmlTag:!0}),Fe="Slider",kx=k({status:"experimental",description:`The \`${Fe}\` component allows you to select a numeric value between a range specified by minimum and maximum values.`,props:{initialValue:ct(),label:Pe(),labelPosition:Lt("top"),labelWidth:zt(Fe),labelBreak:Pt(Fe),minValue:m("This property specifies the minimum value of the allowed input range.",null,"number",0),maxValue:m("This property specifies the maximum value of the allowed input range.",null,"number",10),step:m("This property defines the increment value for the slider, determining the allowed intervals between selectable values."),minStepsBetweenThumbs:m("This property sets the minimum number of steps required between multiple thumbs on the slider, ensuring they maintain a specified distance."),enabled:qe(),autoFocus:je(),required:St(),readOnly:yt(),validationStatus:kt(),rangeStyle:m("This property allows you to apply custom styles to the range element of the slider."),thumbStyle:m("This property allows yout top apply custom styles to the thumb elements of the slider.")},events:{didChange:Xe(Fe),gotFocus:dt(Fe),lostFocus:ut(Fe)},apis:{focus:Mt(Fe),value:Lo(),setValue:Dt()},themeVars:j(jt.themeVars),defaultThemeVars:{[`backgroundColor-track-${Fe}`]:"$color-surface-200",[`backgroundColor-range-${Fe}`]:"$color-primary",[`borderWidth-thumb-${Fe}`]:"2px",[`borderStyle-thumb-${Fe}`]:"solid",[`borderColor-thumb-${Fe}`]:"$color-surface-50",[`backgroundColor-thumb-${Fe}`]:"$color-primary",[`boxShadow-thumb-${Fe}`]:"$boxShadow-md",light:{[`backgroundColor-track-${Fe}--disabled`]:"$color-surface-300",[`backgroundColor-range-${Fe}--disabled`]:"$color-surface-400"},dark:{[`backgroundColor-track-${Fe}--disabled`]:"$color-surface-600",[`backgroundColor-range-${Fe}--disabled`]:"$color-surface-800"}}}),uo="ColorPicker",Sx=k({description:"This component allows the user to select a color with the browser's default color picker control.",props:{initialValue:ct(),label:Pe(),labelPosition:Lt(),labelWidth:zt(uo),labelBreak:Pt(uo),enabled:qe(),autoFocus:je(),required:St(),readOnly:yt(),validationStatus:kt(yo.validationStatus)},events:{didChange:Xe(uo),gotFocus:dt(uo),lostFocus:ut(uo)},apis:{focus:Mt(uo),value:Lo(),setValue:Dt()},themeVars:j(eo.themeVars)}),wx={a:Op,address:Wp,area:Vp,article:Ep,aside:zp,audio:Pp,b:Dp,bdi:Mp,bdo:Fp,blockquote:Rp,br:Up,button:qp,canvas:Gp,caption:Yp,cite:Xp,code:ul,col:jp,colgroup:Qp,data:Zp,datalist:Jp,dd:Kp,del:eh,details:th,dfn:rh,dialog:oh,div:ah,dl:ih,dt:nh,em:cl,embed:lh,fieldset:sh,figcaption:dh,figure:uh,footer:ch,form:mh,h1:ph,h2:hh,h3:xh,h4:fh,h5:bh,h6:vh,header:gh,hr:Th,i:Ch,iframe:yh,img:kh,input:Sh,ins:wh,kbd:Hh,label:$h,legend:Ih,li:Bh,main:Lh,map:_h,mark:Ah,menu:Nh,meter:Oh,nav:Wh,object:Vh,ol:Eh,optgroup:zh,option:Ph,output:Dh,p:Mh,param:Fh,picture:Rh,pre:Uh,progress:qh,q:Gh,rp:Yh,rt:Xh,ruby:jh,s:Qh,samp:Zh,section:Jh,select:Kh,small:ex,source:tx,span:rx,strong:ox,sub:ax,summary:ix,sup:nx,table:lx,tbody:sx,td:dx,template:ux,textarea:cx,tfoot:mx,th:px,thead:hx,time:xx,tr:fx,track:bx,u:vx,ul:gx,var:Tx,video:Cx,wbr:yx,Accordion:Am,Alert:Om,APICall:zm,App:Ws,AppHeader:Vs,AppState:Es,AutoComplete:Ap,Avatar:Ps,Backdrop:Np,Badge:Fs,Bookmark:Us,Breakout:wp,Button:cs,ButtonGroup:Sp,Card:Ys,Carousel:Ip,ChangeListener:js,Checkbox:Qs,CODE:ul,ColorPicker:Sx,Column:km,ContentSeparator:Ks,DataSource:Pm,DatePicker:od,DropdownMenu:ad,EM:cl,Fragment:Vm,MenuItem:id,SubMenuItem:nd,EmojiSelector:sd,FileInput:md,FileUploadDropZone:hd,FlowLayout:kd,Footer:wd,Form:uu,FormItem:uc,FormSection:yp,Heading:pc,H1:hc,H2:xc,H3:fc,H4:bc,H5:vc,H6:gc,HoverCard:Tc,Icon:Cc,Image:yc,Items:kc,Link:Sc,List:Hc,Logo:$c,Markdown:Bc,MenuSeparator:ld,ModalDialog:Lc,NavGroup:Ac,NavLink:Nc,NavPanel:Oc,NoResult:Vc,NumberBox:Ec,OffCanvas:Pc,Option:Lp,PageMetaTitle:Dc,Page:Mc,Pages:Fc,PositionedContainer:Uc,ProgressBar:Gc,Queue:Yc,RadioGroup:Xc,RealTimeAdapter:jc,Redirect:Qc,Select:Zc,SelectionStore:tm,Slider:kx,SpaceFiller:rm,Spinner:om,Splitter:im,HSplitter:nm,VSplitter:lm,Stack:vo,CHStack:fs,CVStack:xs,HStack:hs,VStack:ps,StickyBox:dm,Switch:um,Table:ym,TableOfContents:wm,TabItem:Wm,Tabs:$m,Text:Im,TextArea:Lm,TextBox:wi,PasswordInput:Ss,Theme:Hs,ToneChangerButton:Bp,Tree:Em};xe.collectedComponentMetadata=wx,Object.defineProperty(xe,Symbol.toStringTag,{value:"Module"})});
|
|
36
|
+
`);const kp={themeVars:'"[]"'},Sp=k({status:"in progress",description:"(**NOT IMPLEMENTED YET**) The `ButtonGroup` component is a container that embeds buttons used together for a particular reason. It provides a view that emphasizes this coherency.",props:{themeColor:{description:"This optional property specifies the default theme color for the buttons in the group. Individual buttons may override this setting with their `themeColor` property.",availableValues:ta,valueType:"string",defaultValue:"primary"},variant:{description:"This optional property specifies the default variant for the buttons in the group. Individual buttons may override this setting with their `variant` property.",availableValues:oa,valueType:"string",defaultValue:"solid"},orientation:pi("horizontal"),buttonWidth:{description:"When this optional property is set, all buttons within the group will have the specified width. If it is empty, each button's width accommodates its content."},gap:{description:"When this optional property is set, adjacent buttons will have the specified gap between them. If this property is not set, the buttons will be merged into one group."}},themeVars:Q(kp.themeVars),defaultThemeVars:{light:{},dark:{}}}),wp=k({description:"The `Breakout` component creates a breakout section. It allows its child to occupy the entire width of the UI even if the app or the parent container constrains the maximum content width."}),gr={themeVars:`'{"width-Carousel": "var(--xmlui-width-Carousel)", "height-Carousel": "var(--xmlui-height-Carousel)", "height-control-Carousel": "var(--xmlui-height-control-Carousel)", "width-control-Carousel": "var(--xmlui-width-control-Carousel)", "textColor-control-Carousel": "var(--xmlui-textColor-control-Carousel)", "backgroundColor-control-Carousel": "var(--xmlui-backgroundColor-control-Carousel)", "borderRadius-control-Carousel": "var(--xmlui-borderRadius-control-Carousel)", "backgroundColor-control-hover-Carousel": "var(--xmlui-backgroundColor-control-hover-Carousel)", "textColor-control-hover-Carousel": "var(--xmlui-textColor-control-hover-Carousel)", "backgroundColor-control-active-Carousel": "var(--xmlui-backgroundColor-control-active-Carousel)", "textColor-control-active-Carousel": "var(--xmlui-textColor-control-active-Carousel)", "textColor-control-disabled-Carousel": "var(--xmlui-textColor-control-disabled-Carousel)", "backgroundColor-control-disabled-Carousel": "var(--xmlui-backgroundColor-control-disabled-Carousel)", "width-indicator-Carousel": "var(--xmlui-width-indicator-Carousel)", "height-indicator-Carousel": "var(--xmlui-height-indicator-Carousel)", "textColor-indicator-Carousel": "var(--xmlui-textColor-indicator-Carousel)", "backgroundColor-indicator-Carousel": "var(--xmlui-backgroundColor-indicator-Carousel)", "backgroundColor-indicator-hover-Carousel": "var(--xmlui-backgroundColor-indicator-hover-Carousel)", "textColor-indicator-hover-Carousel": "var(--xmlui-textColor-indicator-hover-Carousel)", "backgroundColor-indicator-active-Carousel": "var(--xmlui-backgroundColor-indicator-active-Carousel)", "textColor-indicator-active-Carousel": "var(--xmlui-textColor-indicator-active-Carousel)"}'`,carousel:"_carousel_1jsvj_13",carouselContentWrapper:"_carouselContentWrapper_1jsvj_30",carouselContent:"_carouselContent_1jsvj_30",vertical:"_vertical_1jsvj_40",controls:"_controls_1jsvj_51",controlButton:"_controlButton_1jsvj_60",indicators:"_indicators_1jsvj_87",indicator:"_indicator_1jsvj_87",active:"_active_1jsvj_107"},Hp=u.createContext({register:e=>{},unRegister:e=>{}});function $p(){const[e,r]=u.useState([]),t=u.useMemo(()=>({register:o=>{r(vt(a=>{const n=a.findIndex(i=>i.id===o.id);n<0?a.push(o):a[n]=o}))},unRegister:o=>{r(vt(a=>a.filter(n=>n.id!==o)))}}),[r]);return{carouselItems:e,carouselContextValue:t}}const Me={orientation:"horizontal",indicators:!0,autoplay:!1,controls:!0,loop:!1,startIndex:0,transitionDuration:25,autoplayInterval:5e3,stopAutoplayOnInteraction:!0};u.forwardRef(function({orientation:r=Me.orientation,children:t,style:o,indicators:a=Me.indicators,onDisplayDidChange:n=ie,autoplay:i=Me.autoplay,controls:l=Me.controls,loop:d=Me.loop,startIndex:v=Me.startIndex,prevIcon:x,nextIcon:p,transitionDuration:C=Me.transitionDuration,autoplayInterval:f=Me.autoplayInterval,stopAutoplayOnInteraction:g=Me.stopAutoplayOnInteraction,registerComponentApi:y},H){const A=u.useRef(null),[$,L]=u.useState(0),[V,U]=u.useState([]),[Z,P]=u.useState(!1),{carouselContextValue:W,carouselItems:O}=$p(),E=H?Jr(A,H):A,[b,h]=Ll({axis:r==="horizontal"?"x":"y",loop:d,startIndex:v,duration:C},V),T=x||r==="horizontal"?"arrowleft":"arrowup",S=p||r==="horizontal"?"arrowright":"arrowdown";u.useEffect(()=>{i&&U([_l({delay:f,stopOnInteraction:g})])},[f,i,g]);const _=u.useCallback(()=>{var ce;const J=(ce=h==null?void 0:h.plugins())==null?void 0:ce.autoplay;if(!J)return;(J.isPlaying()?J.stop:J.play)()},[h]);u.useEffect(()=>{var K;const J=(K=h==null?void 0:h.plugins())==null?void 0:K.autoplay;J&&(P(J.isPlaying()),h.on("autoplay:play",()=>P(!0)).on("autoplay:stop",()=>P(!1)).on("reInit",()=>P(J.isPlaying())))},[h]);const G=u.useCallback(J=>{h==null||h.scrollTo(J)},[h]),[z,N]=Ne.useState(!1),[I,M]=Ne.useState(!1),R=Ne.useCallback(J=>{if(!J)return;const K=J.selectedScrollSnap();n(K),L(K),N(J.canScrollPrev()),M(J.canScrollNext())},[n]),D=u.useCallback(()=>{h&&(h==null||h.scrollPrev())},[h]),Y=u.useCallback(()=>{h==null||h.scrollNext()},[h]),j=u.useCallback(J=>{r==="horizontal"?J.key==="ArrowLeft"?(J.preventDefault(),D()):J.key==="ArrowRight"&&(J.preventDefault(),Y()):J.key==="ArrowUp"?(J.preventDefault(),D()):J.key==="ArrowDown"&&(J.preventDefault(),Y())},[r,D,Y]);return u.useEffect(()=>{y==null||y({scrollTo:G,scrollPrev:D,scrollNext:Y,canScrollPrev:()=>z,canScrollNext:()=>I})},[y,G,D,Y,z,I]),Ne.useEffect(()=>{if(h)return R(h),h.on("init",R),h.on("reInit",R),h.on("select",R),()=>{h==null||h.off("select",R)}},[h,R]),u.useEffect(()=>{A!=null&&A.current&&A.current.addEventListener("keydown",j)},[E,j]),c.jsx(Hp.Provider,{value:W,children:c.jsxs("div",{style:o,ref:E,className:ne(gr.carousel),role:"region",tabIndex:-1,"aria-roledescription":"carousel",children:[c.jsx("div",{ref:b,className:gr.carouselContentWrapper,children:c.jsx("div",{className:ne(gr.carouselContent,{[gr.horizontal]:r==="horizontal",[gr.vertical]:r==="vertical"}),children:t})}),l&&c.jsxs("div",{className:gr.controls,children:[i&&c.jsx("button",{className:gr.controlButton,onClick:_,children:Z?c.jsx(be,{name:"pause"}):c.jsx(be,{name:"play"})}),c.jsx("button",{className:gr.controlButton,disabled:!z,onClick:D,children:c.jsx(be,{name:T})}),c.jsx("button",{className:gr.controlButton,onClick:Y,disabled:!I,children:c.jsx(be,{name:S})})]}),a&&c.jsx("div",{className:gr.indicators,children:O.map((J,K)=>c.jsx("button",{type:"button",onClick:()=>G(K),className:ne(gr.indicator,{[gr.active]:K===$}),"aria-current":K===$},K))})]})})});const Oe="Carousel",Ip=k({status:"in progress",description:"This component displays a slideshow by cycling through elements (images, text, or custom slides) like a carousel.",props:{orientation:{description:"This property indicates the orientation of the carousel. The `horizontal` value indicates that the carousel moves horizontally, and the `vertical` value indicates that the carousel moves vertically.",availableValues:Bo,valueType:"string",defaultValue:Me.orientation},indicators:{description:"This property indicates whether the carousel displays the indicators.",valueType:"boolean",defaultValue:Me.indicators},controls:{description:"This property indicates whether the carousel displays the controls.",valueType:"boolean",defaultValue:Me.controls},autoplay:{description:"This property indicates whether the carousel automatically scrolls.",valueType:"boolean",defaultValue:Me.autoplay},loop:{description:"This property indicates whether the carousel loops.",valueType:"boolean",defaultValue:Me.loop},startIndex:{description:"This property indicates the index of the first slide to display.",valueType:"number",defaultValue:Me.startIndex},transitionDuration:{description:"This property indicates the duration of the transition between slides.",valueType:"number",defaultValue:Me.transitionDuration},autoplayInterval:{description:"This property specifies the interval between autoplay transitions.",valueType:"number",defaultValue:Me.autoplayInterval},stopAutoplayOnInteraction:{description:"This property indicates whether autoplay stops on interaction.",valueType:"boolean",defaultValue:Me.stopAutoplayOnInteraction},prevIcon:{description:"This property specifies the icon to display for the previous control.",valueType:"string"},nextIcon:{description:"This property specifies the icon to display for the next control.",valueType:"string"},keyboard:{description:"This property indicates whether the carousel responds to keyboard events.",valueType:"boolean"}},events:{displayDidChange:Xe(Oe)},apis:{canScrollPrev:m("This method returns `true` if the carousel can scroll to the previous slide."),canScrollNext:m("This method returns `true` if the carousel can scroll to the next slide."),scrollTo:m("This method scrolls the carousel to the specified slide index."),scrollPrev:m("This method scrolls the carousel to the previous slide."),scrollNext:m("This method scrolls the carousel to the next slide.")},themeVars:Q(gr.themeVars),themeVarDescriptions:{[`width-indicator-${Oe}`]:"Sets the width of the indicator."},defaultThemeVars:{[`backgroundColor-control-${Oe}`]:"$color-primary",[`textColor-control-${Oe}`]:"$textColor",[`backgroundColor-control-hover-${Oe}`]:"$color-primary",[`textColor-control-hover-${Oe}`]:"$textColor",[`backgroundColor-control-active-${Oe}`]:"$color-primary",[`backgroundColor-control-disabled-${Oe}`]:"$color-surface-200",[`textColor-control-disabled-${Oe}`]:"$textColor-disabled",[`textColor-control-active-${Oe}`]:"$color-primary",[`backgroundColor-indicator-${Oe}`]:"$color-surface-200",[`backgroundColor-indicator-active-${Oe}`]:"$color-primary",[`textColor-indicator-${Oe}`]:"$color-primary",[`textColor-indicator-active-${Oe}`]:"$color-primary",[`backgroundColor-indicator-hover-${Oe}`]:"$color-surface-200",[`textColor-indicator-hover-${Oe}`]:"$color-primary",[`width-indicator-${Oe}`]:"25px",[`height-indicator-${Oe}`]:"6px",[`height-control-${Oe}`]:"36px",[`width-control-${Oe}`]:"36px",[`borderRadius-control-${Oe}`]:"50%",[`height-${Oe}`]:"100%",[`width-${Oe}`]:"100%"}}),Bp=k({status:"experimental",description:"The `ToneChangerButton` component is a component that allows the user to change the tone of the app.",props:{}}),Lp=k({description:"`Option` is a non-visual component describing a selection option. Other components (such as `Select`, `AutoComplete`, and others) may use nested `Option` instances from which the user can select.",props:{label:m("This property defines the text to display for the option. If `label` is not defined, `Option` will use the `value` as the label."),value:m("This property defines the value of the option. If `value` is not defined, `Option` will use the `label` as the value."),enabled:Ue(),optionTemplate:m("This property is used to define a custom option template")}}),_p=u.memo(e=>{const r=Du();return r?c.jsx(r,{...e}):null});_p.displayName="OptionNative";const We="AutoComplete",Ap=k({description:"This component is a dropdown with a list of options. According to the `multi` property, the user can select one or more items.",status:"experimental",props:{placeholder:Ct(),initialValue:cr(),maxLength:ho(),autoFocus:Qe(),required:Sr(),readOnly:yr(),enabled:Ue(),validationStatus:kr(),dropdownHeight:m("This property sets the height of the dropdown list."),multi:ui(),optionTemplate:Ae("This property enables the customization of list items. To access the attributes of a list item use the `$item` context variable."),emptyListTemplate:m("This property defines the template to display when the list of options is empty.")},events:{gotFocus:dr(We),lostFocus:ur(We),didChange:Xe(We)},apis:{focus:Mr(We),value:m("You can query the component's value. If no value is set, it will retrieve `undefined`."),setValue:Dr()},contextVars:{$item:m("This context value represents an item when you define an option item template. Use `$item.value` and `$item.label` to refer to the value and label of the particular option.")},themeVars:Q(Ye.themeVars),defaultThemeVars:{[`backgroundColor-menu-${We}`]:"$backgroundColor-primary",[`boxShadow-menu-${We}`]:"$boxShadow-md",[`borderRadius-menu-${We}`]:"$borderRadius",[`backgroundColor-item-${We}`]:"$backgroundColor-dropdown-item",[`backgroundColor-item-${We}--hover`]:"$backgroundColor-dropdown-item--active",[`backgroundColor-item-${We}--active`]:"$backgroundColor-dropdown-item--active","minHeight-Input":"39px",[`backgroundColor-${We}-badge`]:"$color-primary-500",[`fontSize-${We}-badge`]:"$fontSize-small",[`paddingHorizontal-${We}-badge`]:"$space-1",[`paddingVertical-${We}-badge`]:"$space-1",light:{[`backgroundColor-${We}-badge--hover`]:"$color-primary-400",[`backgroundColor-${We}-badge--active`]:"$color-primary-500",[`textColor-item-${We}--disabled`]:"$color-surface-200",[`textColor-${We}-badge`]:"$color-surface-50"},dark:{[`backgroundColor-${We}-badge--hover`]:"$color-primary-600",[`backgroundColor-${We}-badge--active`]:"$color-primary-500",[`textColor-${We}-badge`]:"$color-surface-50",[`textColor-item-${We}--disabled`]:"$color-surface-800"}}}),Zo={themeVars:'"[]"',backdropContainer:"_backdropContainer_18iuc_13",backdrop:"_backdrop_18iuc_13",overlay:"_overlay_18iuc_26"},Qa={backgroundColor:"black",opacity:"0.1"};u.forwardRef(function({style:r,children:t,overlayTemplate:o,backgroundColor:a=Qa.backgroundColor,opacity:n=Qa.opacity},i){const l={...r,width:void 0};return c.jsxs("div",{className:Zo.backdropContainer,style:{width:r.width??"fit-content"},ref:i,children:[t,c.jsx("div",{className:Zo.backdrop,style:{...l,backgroundColor:a,opacity:n}}),o&&c.jsx("div",{className:Zo.overlay,children:o})]})});const Np=k({status:"stable",description:"The `Backdrop` component is a semi-transparent overlay that appears on top of its child component to obscure or highlight the content behind it.",props:{overlayTemplate:Ae("This property defines the component template for an optional overlay to display over the component."),backgroundColor:{description:"The background color of the backdrop.",valueType:"string",defaultValue:Qa.backgroundColor},opacity:{description:"The opacity of the backdrop.",valueType:"number",defaultValue:.1}},themeVars:Q(Zo.themeVars)}),Op=k({status:"experimental",description:"This component renders an HTML `a` tag.",isHtmlTag:!0,props:{href:m("Specifies the URL of the page the link goes to"),target:m("Specifies where to open the linked document"),rel:m("Specifies the relationship between the current document and the linked document"),download:m("Indicates that the target will be downloaded when a user clicks on the hyperlink"),hreflang:m("Specifies the language of the linked document"),type:m("Specifies the MIME type of the linked document"),ping:m("Specifies a space-separated list of URLs to be notified if the user follows the hyperlink"),referrerPolicy:m("Specifies the referrer policy for the element"),disabled:m("Specifies that the link should be disabled")}}),Wp=k({status:"experimental",description:"This component renders an HTML `address` tag.",isHtmlTag:!0}),Vp=k({status:"experimental",description:"This component renders an HTML `area` tag.",isHtmlTag:!0,props:{alt:m("Specifies an alternate text for the area"),coords:m("Specifies the coordinates of the area"),download:m("Indicates that the target will be downloaded when a user clicks on the area"),href:m("Specifies the URL of the linked document"),hrefLang:m("Specifies the language of the linked document"),referrerPolicy:m("Specifies the referrer policy for the area"),rel:m("Specifies the relationship between the current document and the linked document"),shape:m("Specifies the shape of the area"),target:m("Specifies where to open the linked document"),media:m("Specifies a media query for the linked resource")}}),Ep=k({status:"experimental",description:"This component renders an HTML `article` tag.",isHtmlTag:!0}),zp=k({status:"experimental",description:"This component renders an HTML `aside` tag.",isHtmlTag:!0}),Pp=k({status:"experimental",description:"This component renders an HTML `audio` tag.",isHtmlTag:!0,props:{autoPlay:m("Specifies that the audio will start playing as soon as it is ready"),controls:m("Specifies that audio controls should be displayed"),crossOrigin:m("Specifies how the element handles cross-origin requests"),loop:m("Specifies that the audio will start over again every time it is finished"),muted:m("Specifies that the audio output should be muted"),preload:m("Specifies if and how the author thinks the audio should be loaded when the page loads"),src:m("Specifies the URL of the audio file")}}),Dp=k({status:"experimental",description:"This component renders an HTML `b` tag.",isHtmlTag:!0}),Mp=k({status:"experimental",description:"This component renders an HTML `bdi` tag.",isHtmlTag:!0}),Fp=k({status:"experimental",description:"This component renders an HTML `bdo` tag.",isHtmlTag:!0,props:{dir:m("Specifies the text direction override")}}),Rp=k({status:"experimental",description:"This component renders an HTML `blockquote` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source of the quotation")}}),qp=k({status:"experimental",description:"This component renders an HTML `br` tag.",isHtmlTag:!0}),Up=k({status:"experimental",description:"This component renders an HTML `button` tag.",isHtmlTag:!0,props:{autoFocus:m("Specifies that the button should automatically get focus when the page loads"),disabled:m("Specifies that the button should be disabled"),form:m("Specifies the form the button belongs to"),formAction:m("Specifies the URL of a file that processes the information submitted by the button"),formEncType:m("Specifies how the form-data should be encoded when submitting it to the server"),formMethod:m("Specifies the HTTP method to use when sending form-data"),formNoValidate:m("Specifies that the form should not be validated when submitted"),formTarget:m("Specifies where to display the response after submitting the form"),name:m("Specifies a name for the button"),type:m("Specifies the type of the button"),value:m("Specifies the value associated with the button")}}),Gp=k({status:"experimental",description:"This component renders an HTML `canvas` tag.",isHtmlTag:!0,props:{width:m("Specifies the width of the canvas"),height:m("Specifies the height of the canvas")}}),Yp=k({status:"experimental",description:"This component renders an HTML `caption` tag.",isHtmlTag:!0}),Xp=k({status:"experimental",description:"This component renders an HTML `cite` tag.",isHtmlTag:!0}),ul=k({status:"experimental",description:"This component renders an HTML `code` tag.",isHtmlTag:!0}),Qp=k({status:"experimental",description:"This component renders an HTML `col` tag.",isHtmlTag:!0,props:{span:m("Specifies the number of columns a `col` element should span")}}),Zp=k({status:"experimental",description:"This component renders an HTML `colgroup` tag.",isHtmlTag:!0,props:{span:m("Specifies the number of columns in a `colgroup`")}}),jp=k({status:"experimental",description:"This component renders an HTML `data` tag.",isHtmlTag:!0,props:{value:m("Specifies the machine-readable value of the element")}}),Jp=k({status:"experimental",description:"This component renders an HTML `datalist` tag.",isHtmlTag:!0}),Kp=k({status:"experimental",description:"This component renders an HTML `dd` tag.",isHtmlTag:!0}),eh=k({status:"experimental",description:"This component renders an HTML `del` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source of the quotation"),dateTime:m("Specifies the date and time of the edit")}}),rh=k({status:"experimental",description:"This component renders an HTML `details` tag.",isHtmlTag:!0,props:{open:m("Specifies that the details are visible (open)")}}),th=k({status:"experimental",description:"This component renders an HTML `dfn` tag.",isHtmlTag:!0}),oh=k({status:"experimental",description:"This component renders an HTML `dialog` tag.",isHtmlTag:!0,props:{open:m("Specifies that the dialog is open")}}),ah=k({status:"experimental",description:"This component renders an HTML `div` tag.",isHtmlTag:!0}),ih=k({status:"experimental",description:"This component renders an HTML `dl` tag.",isHtmlTag:!0}),nh=k({status:"experimental",description:"This component renders an HTML `dt` tag.",isHtmlTag:!0}),cl=k({status:"experimental",description:"This component renders an HTML `em` tag.",isHtmlTag:!0}),lh=k({status:"experimental",description:"This component renders an HTML `embed` tag.",isHtmlTag:!0,props:{src:m("Specifies the URL of the resource"),type:m("Specifies the type of the resource"),width:m("Specifies the width of the embed"),height:m("Specifies the height of the embed")}}),sh=k({status:"experimental",description:"This component renders an HTML `fieldset` tag.",isHtmlTag:!0,props:{disabled:m("Specifies that the fieldset should be disabled"),form:m("Specifies the form the fieldset belongs to"),name:m("Specifies a name for the fieldset")}}),dh=k({status:"experimental",description:"This component renders an HTML `figcaption` tag.",isHtmlTag:!0}),uh=k({status:"experimental",description:"This component renders an HTML `figure` tag.",isHtmlTag:!0}),ch=k({status:"experimental",description:"This component renders an HTML `footer` tag.",isHtmlTag:!0}),mh=k({status:"experimental",description:"This component renders an HTML `form` tag.",isHtmlTag:!0,props:{acceptCharset:m("Specifies the character encodings that are to be used for the form submission"),action:m("Specifies where to send the form-data when a form is submitted"),autoComplete:m("Specifies whether a form should have auto-completion"),encType:m("Specifies how the form-data should be encoded when submitting it to the server"),method:m("Specifies the HTTP method to use when sending form-data"),name:m("Specifies the name of the form"),noValidate:m("Specifies that the form should not be validated when submitted"),target:m("Specifies where to display the response after submitting the form")}}),ph=k({status:"experimental",description:"This component renders an HTML `h1` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),hh=k({status:"experimental",description:"This component renders an HTML `h2` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),xh=k({status:"experimental",description:"This component renders an HTML `h3` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),bh=k({status:"experimental",description:"This component renders an HTML `h4` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),fh=k({status:"experimental",description:"This component renders an HTML `h5` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),vh=k({status:"experimental",description:"This component renders an HTML `h6` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsHeading),defaultThemeVars:{"marginTop-HtmlHeading":"1rem","marginBottom-HtmlHeading":".5rem"}}),gh=k({status:"experimental",description:"This component renders an HTML `header` tag.",isHtmlTag:!0}),Th=k({status:"experimental",description:"This component renders an HTML `hr` tag.",isHtmlTag:!0}),Ch=k({status:"experimental",description:"This component renders an HTML `i` tag.",isHtmlTag:!0}),yh=k({status:"experimental",description:"This component renders an HTML `iframe` tag.",isHtmlTag:!0,props:{src:m("Specifies the URL of the page to embed"),srcDoc:m("Specifies the HTML content of the page to embed"),name:m("Specifies the name of the iframe"),sandbox:m("Specifies a set of extra restrictions for the content in the iframe"),allow:m("Specifies a feature policy for the iframe"),allowFullScreen:m("Specifies that the iframe can be displayed in full-screen mode"),width:m("Specifies the width of the iframe"),height:m("Specifies the height of the iframe"),loading:m("Specifies the loading behavior of the iframe"),referrerPolicy:m("Specifies the referrer policy for the iframe")}}),kh=k({status:"experimental",description:"This component renders an HTML `img` tag.",isHtmlTag:!0,props:{alt:m("Specifies an alternate text for an image"),height:m("Specifies the height of an image"),src:m("Specifies the path to the image"),width:m("Specifies the width of an image"),useMap:m("Specifies an image as a client-side image map"),loading:m("Specifies the loading behavior of the image"),referrerPolicy:m("Specifies the referrer policy for the image"),sizes:m("Specifies image sizes for different page layouts")}}),Sh=k({status:"experimental",description:"This component renders an HTML `input` tag.",isHtmlTag:!0,props:{type:m("Specifies the type of input"),value:m("Specifies the value of the input"),placeholder:m("Specifies a short hint that describes the expected value of the input"),autoFocus:m("Specifies that the input should automatically get focus when the page loads"),checked:m("Specifies that the input should be pre-selected"),disabled:m("Specifies that the input should be disabled"),form:m("Specifies the form the input belongs to"),name:m("Specifies the name of the input"),list:m("Specifies the id of a datalist element that contains pre-defined options for the input"),max:m("Specifies the maximum value for an input"),maxLength:m("Specifies the maximum number of characters allowed in an input"),min:m("Specifies the minimum value for an input"),minLength:m("Specifies the minimum number of characters allowed in an input"),multiple:m("Specifies that a user can enter more than one value"),pattern:m("Specifies a regular expression that an input's value is checked against"),readOnly:m("Specifies that the input is read-only"),required:m("Specifies that the input is required"),size:m("Specifies the width, in characters, of an input"),step:m("Specifies the legal number intervals for an input")}}),wh=k({status:"experimental",description:"This component renders an HTML `ins` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source URL for the inserted text"),dateTime:m("Specifies the date and time when the text was inserted")}}),Hh=k({status:"experimental",description:"This component renders an HTML `kbd` tag.",isHtmlTag:!0}),$h=k({status:"experimental",description:"This component renders an HTML `label` tag.",isHtmlTag:!0,props:{htmlFor:m("Specifies which form element a label is bound to")}}),Ih=k({status:"experimental",description:"This component renders an HTML `legend` tag.",isHtmlTag:!0}),Bh=k({status:"experimental",description:"This component renders an HTML `li` tag.",isHtmlTag:!0,props:{value:m("Specifies the value of the list item (if the parent is an ordered list)")}}),Lh=k({status:"experimental",description:"This component renders an HTML `main` tag.",isHtmlTag:!0}),_h=k({status:"experimental",description:"This component renders an HTML `map` tag.",isHtmlTag:!0,props:{name:m("Specifies the name of the map")}}),Ah=k({status:"experimental",description:"This component renders an HTML `mark` tag.",isHtmlTag:!0}),Nh=k({status:"experimental",description:"This component renders an HTML `menu` tag.",isHtmlTag:!0,props:{type:m("Specifies the type of the menu")}}),Oh=k({status:"experimental",description:"This component renders an HTML `meter` tag.",isHtmlTag:!0,props:{min:m("Specifies the minimum value"),max:m("Specifies the maximum value"),low:m("Specifies the lower bound of the high value"),high:m("Specifies the upper bound of the low value"),optimum:m("Specifies the optimal value"),value:m("Specifies the current value")}}),Wh=k({status:"experimental",description:"This component renders an HTML `nav` tag.",isHtmlTag:!0}),Vh=k({status:"experimental",description:"This component renders an HTML `object` tag.",isHtmlTag:!0,props:{data:m("Specifies the URL of the resource"),type:m("Specifies the MIME type of the resource"),name:m("Specifies the name of the object"),form:m("Specifies the form the object belongs to"),width:m("Specifies the width of the object"),height:m("Specifies the height of the object")}}),Eh=k({status:"experimental",description:"This component renders an HTML `ol` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsList),defaultThemeVars:{"marginTop-HtmlOl":"$space-4","marginBottom-HtmlOl":"$space-4"}}),zh=k({status:"experimental",description:"This component renders an HTML `optgroup` tag.",isHtmlTag:!0,props:{label:m("Specifies the label for the option group"),disabled:m("Specifies that the option group is disabled")}}),Ph=k({status:"experimental",description:"This component renders an HTML `option` tag.",isHtmlTag:!0,props:{disabled:m("Specifies that the option should be disabled"),label:m("Specifies the label of the option"),selected:m("Specifies that the option should be pre-selected"),value:m("Specifies the value of the option")}}),Dh=k({status:"experimental",description:"This component renders an HTML `output` tag.",isHtmlTag:!0,props:{form:m("Specifies the form element that the output is associated with"),htmlFor:m("Specifies the IDs of the elements that this output is related to"),name:m("Specifies the name of the output")}}),Mh=k({status:"experimental",description:"This component renders an HTML `p` tag.",isHtmlTag:!0}),Fh=k({status:"experimental",description:"This component renders an HTML `param` tag.",isHtmlTag:!0,props:{name:m("Specifies the name of the parameter"),value:m("Specifies the value of the parameter")}}),Rh=k({status:"experimental",description:"This component renders an HTML `picture` tag.",isHtmlTag:!0}),qh=k({status:"experimental",description:"This component renders an HTML `pre` tag.",isHtmlTag:!0}),Uh=k({status:"experimental",description:"This component renders an HTML `progress` tag.",isHtmlTag:!0,props:{max:m("Specifies the maximum value of the progress element"),value:m("Specifies the current value of the progress element")}}),Gh=k({status:"experimental",description:"This component renders an HTML `q` tag.",isHtmlTag:!0,props:{cite:m("Specifies the source URL of the quotation")}}),Yh=k({status:"experimental",description:"This component renders an HTML `rp` tag.",isHtmlTag:!0}),Xh=k({status:"experimental",description:"This component renders an HTML `rt` tag.",isHtmlTag:!0}),Qh=k({status:"experimental",description:"This component renders an HTML `ruby` tag.",isHtmlTag:!0}),Zh=k({status:"experimental",description:"This component renders an HTML `s` tag.",isHtmlTag:!0}),jh=k({status:"experimental",description:"This component renders an HTML `samp` tag.",isHtmlTag:!0}),Jh=k({status:"experimental",description:"This component renders an HTML `section` tag.",isHtmlTag:!0}),Kh=k({status:"experimental",description:"This component renders an HTML `select` tag.",isHtmlTag:!0,props:{autoFocus:m("Specifies that the select should automatically get focus when the page loads"),disabled:m("Specifies that the select should be disabled"),form:m("Specifies the form the select belongs to"),multiple:m("Specifies that multiple options can be selected at once"),name:m("Specifies the name of the select"),required:m("Specifies that the select is required"),size:m("Specifies the number of visible options in the select")}}),ex=k({status:"experimental",description:"This component renders an HTML `small` tag.",isHtmlTag:!0}),rx=k({status:"experimental",description:"This component renders an HTML `source` tag.",isHtmlTag:!0,props:{src:m("Specifies the URL of the media file"),type:m("Specifies the type of the media file"),media:m("Specifies a media query for the media file"),srcSet:m("Specifies the source set for responsive images"),sizes:m("Specifies the sizes attribute for responsive images")}}),tx=k({status:"experimental",description:"This component renders an HTML `span` tag.",isHtmlTag:!0}),ox=k({status:"experimental",description:"This component renders an HTML `strong` tag.",isHtmlTag:!0}),ax=k({status:"experimental",description:"This component renders an HTML `sub` tag.",isHtmlTag:!0}),ix=k({status:"experimental",description:"This component renders an HTML `summary` tag.",isHtmlTag:!0}),nx=k({status:"experimental",description:"This component renders an HTML `sup` tag.",isHtmlTag:!0}),lx=k({status:"experimental",description:"This component renders an HTML `table` tag.",isHtmlTag:!0,props:{border:m("Specifies the width of the border around the table"),cellPadding:m("Specifies the space between the cell content and its borders"),cellSpacing:m("Specifies the space between cells"),summary:m("Provides a summary of the table's purpose and structure"),width:m("Specifies the width of the table"),align:m("Specifies the alignment of the table"),frame:m("Specifies which parts of the table frame to render"),rules:m("Specifies which rules to draw between cells")},themeVars:Q(Je.themeVarsTable),defaultThemeVars:{"backgroundColor-HtmlTable":"$backgroundColor","border-HtmlTable":"1px solid $borderColor","marginBottom-HtmlTable":"$space-4","marginTop-HtmlTable":"$space-4"}}),sx=k({status:"experimental",description:"This component renders an HTML `tbody` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsTbody)}),dx=k({status:"experimental",description:"This component renders an HTML `td` tag.",isHtmlTag:!0,props:{align:m("Specifies the horizontal alignment of the content in the cell"),colSpan:m("Specifies the number of columns a cell should span"),headers:m("Specifies a list of header cells the current cell is related to"),rowSpan:m("Specifies the number of rows a cell should span"),valign:m("Specifies the vertical alignment of the content in the cell"),scope:m("Specifies whether a cell is a header for a column, row, or group of columns or rows"),abbr:m("Specifies an abbreviated version of the content in the cell"),height:m("Specifies the height of the cell"),width:m("Specifies the width of the cell")},themeVars:Q(Je.themeVarsTd),defaultThemeVars:{"padding-HtmlTd":"$space-2","borderBottom-HtmlTd":"1px solid $borderColor"}}),ux=k({status:"experimental",description:"This component renders an HTML `template` tag.",isHtmlTag:!0}),cx=k({status:"experimental",description:"This component renders an HTML `textarea` tag.",isHtmlTag:!0,props:{autoFocus:m("Specifies that the textarea should automatically get focus when the page loads"),cols:m("Specifies the visible width of the text area in average character widths"),dirName:m("Specifies the text directionality"),disabled:m("Specifies that the textarea should be disabled"),form:m("Specifies the form the textarea belongs to"),maxLength:m("Specifies the maximum number of characters allowed in the textarea"),minLength:m("Specifies the minimum number of characters allowed in the textarea"),name:m("Specifies the name of the textarea"),placeholder:m("Specifies a short hint that describes the expected value"),readOnly:m("Specifies that the textarea is read-only"),required:m("Specifies that the textarea is required"),rows:m("Specifies the visible number of lines in the textarea"),value:m("Specifies the current value of the textarea"),wrap:m("Specifies how the text in a textarea is to be wrapped when submitted")}}),mx=k({status:"experimental",description:"This component renders an HTML `tfoot` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsTfoot)}),px=k({status:"experimental",description:"This component renders an HTML `th` tag.",isHtmlTag:!0,props:{abbr:m("Specifies an abbreviated version of the content in the header cell"),align:m("Specifies the horizontal alignment of the content in the header cell"),colSpan:m("Specifies the number of columns a header cell should span"),headers:m("Specifies a list of header cells the current header cell is related to"),rowSpan:m("Specifies the number of rows a header cell should span"),scope:m("Specifies whether a header cell is a header for a column, row, or group of columns or rows")},themeVars:Q(Je.themeVarsTh),defaultThemeVars:{"padding-HtmlTh":"$space-2","fontSize-HtmlTh":"$fontSize-tiny","fontWeight-HtmlTh":"$fontWeight-bold",light:{"backgroundColor-HtmlTh--hover":"$color-surface-200"},dark:{"backgroundColor-HtmlTh--hover":"$color-surface-800"}}}),hx=k({status:"experimental",description:"This component renders an HTML `thead` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsThead),defaultThemeVars:{"textTransform-HtmlThead":"uppercase",light:{"backgroundColor-HtmlThead":"$color-surface-100","textColor-HtmlThead":"$color-surface-500"},dark:{"backgroundColor-HtmlThead":"$color-surface-950"}}}),xx=k({status:"experimental",description:"This component renders an HTML `time` tag.",isHtmlTag:!0,props:{dateTime:m("Specifies the date and time in a machine-readable format")}}),bx=k({status:"experimental",description:"This component renders an HTML `tr` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsTr),defaultThemeVars:{"fontSize-HtmlTr":"$fontSize-small","backgroundColor-row-HtmlTr":"inherit",light:{"backgroundColor-HtmlTr--hover":"$color-primary-50"},dark:{"backgroundColor-HtmlTr--hover":"$color-primary-900"}}}),fx=k({status:"experimental",description:"This component renders an HTML `track` tag.",isHtmlTag:!0,props:{default:m("Specifies that the track is to be enabled if no other track is more suitable"),kind:m("Specifies the kind of text track"),label:m("Specifies the title of the text track"),src:m("Specifies the URL of the track file"),srcLang:m("Specifies the language of the track text data")}}),vx=k({status:"experimental",description:"This component renders an HTML `u` tag.",isHtmlTag:!0}),gx=k({status:"experimental",description:"This component renders an HTML `ul` tag.",isHtmlTag:!0,themeVars:Q(Je.themeVarsList),defaultThemeVars:{"marginTop-HtmlUl":"$space-4","marginBottom-HtmlUl":"$space-4"}}),Tx=k({status:"experimental",description:"This component renders an HTML `var` tag.",isHtmlTag:!0}),Cx=k({status:"experimental",description:"This component renders an HTML `video` tag.",isHtmlTag:!0,props:{autoPlay:m("Specifies that the video will start playing as soon as it is ready"),controls:m("Specifies that video controls should be displayed"),height:m("Specifies the height of the video player"),loop:m("Specifies that the video will start over again when finished"),muted:m("Specifies that the video output should be muted"),poster:m("Specifies an image to be shown while the video is downloading"),preload:m("Specifies if and how the author thinks the video should be loaded when the page loads"),src:m("Specifies the URL of the video file"),width:m("Specifies the width of the video player")}}),yx=k({status:"experimental",description:"This component renders an HTML `wbr` tag.",isHtmlTag:!0}),Fe="Slider",kx=k({status:"experimental",description:`The \`${Fe}\` component allows you to select a numeric value between a range specified by minimum and maximum values.`,props:{initialValue:cr(),label:Pe(),labelPosition:Lr("top"),labelWidth:zr(Fe),labelBreak:Pr(Fe),minValue:m("This property specifies the minimum value of the allowed input range.",null,"number",0),maxValue:m("This property specifies the maximum value of the allowed input range.",null,"number",10),step:m("This property defines the increment value for the slider, determining the allowed intervals between selectable values."),minStepsBetweenThumbs:m("This property sets the minimum number of steps required between multiple thumbs on the slider, ensuring they maintain a specified distance."),enabled:Ue(),autoFocus:Qe(),required:Sr(),readOnly:yr(),validationStatus:kr(),rangeStyle:m("This property allows you to apply custom styles to the range element of the slider."),thumbStyle:m("This property allows yout top apply custom styles to the thumb elements of the slider.")},events:{didChange:Xe(Fe),gotFocus:dr(Fe),lostFocus:ur(Fe)},apis:{focus:Mr(Fe),value:Lo(),setValue:Dr()},themeVars:Q(Qr.themeVars),defaultThemeVars:{[`backgroundColor-track-${Fe}`]:"$color-surface-200",[`backgroundColor-range-${Fe}`]:"$color-primary",[`borderWidth-thumb-${Fe}`]:"2px",[`borderStyle-thumb-${Fe}`]:"solid",[`borderColor-thumb-${Fe}`]:"$color-surface-50",[`backgroundColor-thumb-${Fe}`]:"$color-primary",[`boxShadow-thumb-${Fe}`]:"$boxShadow-md",light:{[`backgroundColor-track-${Fe}--disabled`]:"$color-surface-300",[`backgroundColor-range-${Fe}--disabled`]:"$color-surface-400"},dark:{[`backgroundColor-track-${Fe}--disabled`]:"$color-surface-600",[`backgroundColor-range-${Fe}--disabled`]:"$color-surface-800"}}}),uo="ColorPicker",Sx=k({description:"This component allows the user to select a color with the browser's default color picker control.",props:{initialValue:cr(),label:Pe(),labelPosition:Lr(),labelWidth:zr(uo),labelBreak:Pr(uo),enabled:Ue(),autoFocus:Qe(),required:Sr(),readOnly:yr(),validationStatus:kr(yo.validationStatus)},events:{didChange:Xe(uo),gotFocus:dr(uo),lostFocus:ur(uo)},apis:{focus:Mr(uo),value:Lo(),setValue:Dr()},themeVars:Q(eo.themeVars)}),wx={a:Op,address:Wp,area:Vp,article:Ep,aside:zp,audio:Pp,b:Dp,bdi:Mp,bdo:Fp,blockquote:Rp,br:qp,button:Up,canvas:Gp,caption:Yp,cite:Xp,code:ul,col:Qp,colgroup:Zp,data:jp,datalist:Jp,dd:Kp,del:eh,details:rh,dfn:th,dialog:oh,div:ah,dl:ih,dt:nh,em:cl,embed:lh,fieldset:sh,figcaption:dh,figure:uh,footer:ch,form:mh,h1:ph,h2:hh,h3:xh,h4:bh,h5:fh,h6:vh,header:gh,hr:Th,i:Ch,iframe:yh,img:kh,input:Sh,ins:wh,kbd:Hh,label:$h,legend:Ih,li:Bh,main:Lh,map:_h,mark:Ah,menu:Nh,meter:Oh,nav:Wh,object:Vh,ol:Eh,optgroup:zh,option:Ph,output:Dh,p:Mh,param:Fh,picture:Rh,pre:qh,progress:Uh,q:Gh,rp:Yh,rt:Xh,ruby:Qh,s:Zh,samp:jh,section:Jh,select:Kh,small:ex,source:rx,span:tx,strong:ox,sub:ax,summary:ix,sup:nx,table:lx,tbody:sx,td:dx,template:ux,textarea:cx,tfoot:mx,th:px,thead:hx,time:xx,tr:bx,track:fx,u:vx,ul:gx,var:Tx,video:Cx,wbr:yx,Accordion:Am,Alert:Om,APICall:zm,App:Ws,AppHeader:Vs,AppState:Es,AutoComplete:Ap,Avatar:Ps,Backdrop:Np,Badge:Fs,Bookmark:qs,Breakout:wp,Button:cs,ButtonGroup:Sp,Card:Ys,Carousel:Ip,ChangeListener:Qs,Checkbox:Zs,CODE:ul,ColorPicker:Sx,Column:km,ContentSeparator:Ks,DataSource:Pm,DatePicker:od,DropdownMenu:ad,EM:cl,Fragment:Vm,MenuItem:id,SubMenuItem:nd,EmojiSelector:sd,FileInput:md,FileUploadDropZone:hd,FlowLayout:kd,Footer:wd,Form:uu,FormItem:uc,FormSection:yp,Heading:pc,H1:hc,H2:xc,H3:bc,H4:fc,H5:vc,H6:gc,HoverCard:Tc,Icon:Cc,Image:yc,Items:kc,Link:Sc,List:Hc,Logo:$c,Markdown:Bc,MenuSeparator:ld,ModalDialog:Lc,NavGroup:Ac,NavLink:Nc,NavPanel:Oc,NoResult:Vc,NumberBox:Ec,OffCanvas:Pc,Option:Lp,PageMetaTitle:Dc,Page:Mc,Pages:Fc,PositionedContainer:qc,ProgressBar:Gc,Queue:Yc,RadioGroup:Xc,RealTimeAdapter:Qc,Redirect:Zc,Select:jc,SelectionStore:rm,Slider:kx,SpaceFiller:tm,Spinner:om,Splitter:im,HSplitter:nm,VSplitter:lm,Stack:vo,CHStack:bs,CVStack:xs,HStack:hs,VStack:ps,StickyBox:dm,Switch:um,Table:ym,TableOfContents:wm,TabItem:Wm,Tabs:$m,Text:Im,TextArea:Lm,TextBox:wi,PasswordInput:Ss,Theme:Hs,ToneChangerButton:Bp,Tree:Em};xe.collectedComponentMetadata=wx,Object.defineProperty(xe,Symbol.toStringTag,{value:"Module"})});
|