twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/individual-entry.d.ts

@@ -1,13 +1,6 @@
-export * from './accessibility';
-export * from './data-display';
-export * from './feedback';
+export * from './components';
 export * from './icon';
-export * from './input';
-export * from './json-visualizer';
-export * from './layout';
-export * from './navigation';
-export * from './surfaces';
+export * from './primitives';
 export * from './theme';
 export * from './theme-constants';
-export * from './typography';
 export * from './utilities';

package/dist/input-B1qr987z.cjs

@@ -0,0 +1 @@
+var ir=Object.create;var ye=Object.defineProperty;var lr=Object.getOwnPropertyDescriptor;var dr=Object.getOwnPropertyNames;var cr=Object.getPrototypeOf,ur=Object.prototype.hasOwnProperty;var mr=(e,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of dr(r))!ur.call(e,i)&&i!==o&&ye(e,i,{get:()=>r[i],enumerable:!(n=lr(r,i))||n.enumerable});return e};var _r=(e,r,o)=>(o=e!=null?ir(cr(e)):{},mr(r||!e||!e.__esModule?ye(o,"default",{value:e,enumerable:!0}):o,e));const ge=require("./chunk-u_mIcLyS.cjs"),s=require("./theme-constants-Do_FO7Uy.cjs"),ve=require("./Pill-4lAWCmbk.cjs"),Se=require("./utilities-DmbkuukL.cjs"),L=require("./theme-YHfZnD2U.cjs"),br=require("./Button-DDrUyVB1.cjs"),j=require("./mergeClassNames-BbJtXN2t.cjs"),Ae=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),Z=require("./data-display-DH28tg-I.cjs"),M=require("./OverflowingTextWithTooltip-C2iADYbv.cjs"),C=require("./surfaces-ec8RlQ5J.cjs"),Ne=require("./useResizeHandle-BsV5UEJk.cjs");let _=require("clsx"),he=require("react"),f=ge.__toESM(he,1);he=ge.__toESM(he);let ae=require("@sniptt/guards"),a=require("react/jsx-runtime"),fe=require("react-router-dom"),He=require("@base-ui/react/use-render"),Ie=require("@base-ui/react/radio"),Be=require("@base-ui/react/checkbox"),ee=require("@monaco-editor/react");ee=ge.__toESM(ee,1);let z=require("@base-ui/react/field"),hr=require("@base-ui/react/direction-provider"),xe=require("@base-ui/react/input"),pr=require("@base-ui/react/radio-group"),I=require("@base-ui/react/select"),E=require("@base-ui/react/slider"),we=require("@base-ui/react/switch"),G=require("@tabler/icons-react");var gr="_button_1qefn_1",vr="_small_1qefn_53",fr="_medium_1qefn_58",xr="_fullWidth_1qefn_63",Cr="_square_1qefn_67",kr="_motion_1qefn_73",jr="_separator_1qefn_77",yr="_shortcutLabel_1qefn_93",Sr="_soonPillContainer_1qefn_107",V={button:gr,small:vr,medium:fr,fullWidth:xr,square:Cr,motion:kr,separator:jr,shortcutLabel:yr,soonPillContainer:Sr},Nr=({variant:e,inverted:r,accent:o,disabled:n,focus:i,position:l})=>{const t={background:"transparent",borderColor:"transparent",borderWidthOverride:"",boxShadow:"none",color:s.themeCssVariables.font.color.secondary,hoverBackground:"transparent",activeBackground:"transparent"};switch(e){case"primary":switch(o){case"default":t.background=r?s.themeCssVariables.background.primary:s.themeCssVariables.background.secondary,t.borderColor=r?s.themeCssVariables.background.transparent.light:!n&&i?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.light,t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!n&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.font.color.secondary:n?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.secondary,n?(t.hoverBackground=t.background,t.activeBackground=t.background):(t.hoverBackground=r?s.themeCssVariables.background.secondary:s.themeCssVariables.background.tertiary,t.activeBackground=r?s.themeCssVariables.background.tertiary:s.themeCssVariables.background.quaternary);break;case"blue":t.background=r?s.themeCssVariables.background.primary:s.themeCssVariables.color.blue,t.borderColor=r?s.themeCssVariables.background.transparent.light:i?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.light,t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!n&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.color.blue:L.GRAY_SCALE_LIGHT.gray1,n?(t.hoverBackground=t.background,t.activeBackground=t.background):(t.hoverBackground=r?s.themeCssVariables.background.secondary:s.themeCssVariables.color.blue10,t.activeBackground=r?s.themeCssVariables.background.tertiary:s.themeCssVariables.color.blue12);break;case"danger":t.background=r?s.themeCssVariables.background.primary:s.themeCssVariables.color.red,t.borderColor=r?s.themeCssVariables.background.transparent.light:i?s.themeCssVariables.color.red:s.themeCssVariables.background.transparent.light,t.borderWidthOverride="1px 1px",t.boxShadow=!n&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.color.red3}`:"none",t.color=r?s.themeCssVariables.color.red:s.themeCssVariables.background.primary,n?(t.hoverBackground=t.background,t.activeBackground=t.background):(t.hoverBackground=r?s.themeCssVariables.background.secondary:s.themeCssVariables.color.red8,t.activeBackground=r?s.themeCssVariables.background.tertiary:s.themeCssVariables.color.red10);break}break;case"secondary":case"tertiary":switch(o){case"default":t.background="transparent",t.borderColor=r?e==="secondary"?i||n?L.GRAY_SCALE_LIGHT.gray1:s.themeCssVariables.background.transparent.primary:i?L.GRAY_SCALE_LIGHT.gray1:"transparent":e==="secondary"?!n&&i?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.medium:i?s.themeCssVariables.color.blue:"transparent",t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!n&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.font.color.inverted:n?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.secondary,t.hoverBackground=r?s.themeCssVariables.background.transparent.light:n?"transparent":s.themeCssVariables.background.transparent.light,t.activeBackground=r?s.themeCssVariables.background.transparent.medium:n?"transparent":s.themeCssVariables.background.transparent.light;break;case"blue":t.background="transparent",t.borderColor=r?e==="secondary"?i||n?L.GRAY_SCALE_LIGHT.gray1:s.themeCssVariables.background.transparent.primary:i?L.GRAY_SCALE_LIGHT.gray1:"transparent":e==="secondary"?i?s.themeCssVariables.color.blue:s.themeCssVariables.accent.primary:i?s.themeCssVariables.color.blue:"transparent",t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!n&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.font.color.inverted:n?s.themeCssVariables.accent.accent4060:s.themeCssVariables.color.blue,t.hoverBackground=r?s.themeCssVariables.background.transparent.light:n?"transparent":s.themeCssVariables.accent.tertiary,t.activeBackground=r?s.themeCssVariables.background.transparent.medium:n?"transparent":s.themeCssVariables.accent.secondary;break;case"danger":t.background="transparent",t.borderColor=r?e==="secondary"?i||n?L.GRAY_SCALE_LIGHT.gray1:s.themeCssVariables.background.transparent.primary:i?L.GRAY_SCALE_LIGHT.gray1:"transparent":e==="secondary"?i?s.themeCssVariables.color.red:s.themeCssVariables.border.color.danger:i?s.themeCssVariables.color.red:"transparent",t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!n&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.color.red3}`:"none",t.color=r?s.themeCssVariables.font.color.inverted:s.themeCssVariables.font.color.danger,t.hoverBackground=r?s.themeCssVariables.background.transparent.light:n?"transparent":s.themeCssVariables.background.danger,t.activeBackground=r?s.themeCssVariables.background.transparent.medium:n?"transparent":s.themeCssVariables.background.danger;break}break}if(t.borderWidthOverride!==""&&l!=="standalone")switch(l){case"left":t.borderWidthOverride="1px 0px 1px 1px";break;case"middle":t.borderWidthOverride="1px 0px 1px 0px";break;case"right":t.borderWidthOverride="1px 1px 1px 0px";break}return t},Ir=({className:e,Icon:r,animatedSvg:o,title:n,fullWidth:i=!1,variant:l="primary",inverted:t=!1,size:d="medium",accent:c="default",square:u=!1,position:m="standalone",soon:v=!1,disabled:k=!1,justify:S="flex-start",focus:b=!1,onClick:p,to:x,target:g,dataTestId:N,hotkeys:T,ariaLabel:F,dataClickOutsideId:W,dataGloballyPreventClickOutside:oe,soonLabel:ne="Soon"})=>{const se=s.useTheme(),K=Se.useIsMobile(),R=v||k,ie=(0,f.useMemo)(()=>{const w=Nr({variant:l,inverted:t,accent:c,disabled:R,focus:b,position:m});return{"--abtn-bg":w.background,"--abtn-border-color":w.borderColor,"--abtn-border-width":w.borderWidthOverride||void 0,"--abtn-box-shadow":w.boxShadow,"--abtn-color":w.color,"--abtn-hover-bg":w.hoverBackground,"--abtn-active-bg":w.activeBackground}},[l,t,c,R,b,m]);return(0,a.jsxs)(x?fe.Link:"button",{className:(0,_.clsx)(V.button,V[d],u&&V.square,i&&V.fullWidth,e),"data-position":m,"data-disabled":R||void 0,disabled:R,style:{...ie,"--abtn-justify":S},onClick:p,to:x,target:g,"data-testid":N,"aria-label":F,"data-click-outside-id":W,"data-globally-prevent-click-outside":oe,children:[r&&(0,a.jsx)("div",{className:V.motion,children:(0,a.jsx)(r,{size:se.icon.size.sm,"aria-hidden":!0})}),o&&(0,a.jsx)("div",{className:V.motion,children:o}),n,T&&!K&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:V.separator,"data-size":d,"data-accent":c}),(0,a.jsx)("div",{className:V.shortcutLabel,"data-variant":l,"data-accent":c,children:T.join(Se.getOsShortcutSeparator())})]}),v&&(0,a.jsx)("span",{className:V.soonPillContainer,children:(0,a.jsx)(ve.Pill,{label:ne})})]})},Br="_button_qb7pr_1",wr="_small_qb7pr_51",Vr="_medium_qb7pr_57",Lr="_iconContainer_qb7pr_63",ce={button:Br,small:wr,medium:Vr,iconContainer:Lr},$r=({"aria-label":e,className:r,testId:o,Icon:n,active:i=!1,size:l="small",accent:t="secondary",disabled:d=!1,focus:c=!1,rotate:u,onClick:m,title:v})=>{const k=s.useTheme();return(0,a.jsx)("button",{"data-testid":o,"aria-label":e,onClick:m,disabled:d,"data-disabled":d||void 0,"data-focus":c&&!d||void 0,"data-accent":t,"data-active":i||void 0,className:(0,_.clsx)(ce.button,ce[l],r),title:v,children:(0,a.jsx)("div",{className:ce.iconContainer,style:u!==void 0?{transform:`rotate(${u}deg)`}:void 0,children:n&&(0,a.jsx)(n,{size:l==="medium"?k.icon.size.md:k.icon.size.sm,"aria-hidden":!!e})})})},Tr="_container_143ex_1",qr={container:Tr},Dr=({className:e,children:r,variant:o,size:n,color:i,render:l,ref:t,...d})=>{const c=(0,He.useRender)({render:l,ref:t,props:{role:"group",...d,className:(0,_.clsx)(qr.container,e),children:r}});return(0,a.jsx)(br.ButtonGroupContext.Provider,{value:{variant:o,color:i,size:n},children:c})},Pr="_root_ahkrw_1",Or="_control_ahkrw_18",Er="_sm_ahkrw_33",Rr="_md_ahkrw_38",zr="_indicator_ahkrw_49",U={root:Pr,control:Or,sm:Er,md:Rr,indicator:zr},Me=({children:e,className:r,size:o="sm",...n})=>(0,a.jsxs)(Ie.Radio.Root,{...n,className:j.mergeClassNames((0,_.clsx)(U.root,U[o]),r),children:[(0,a.jsx)("span",{className:U.control,"aria-hidden":!0,children:(0,a.jsx)(Ie.Radio.Indicator,{className:U.indicator})}),e]}),Gr="_container_1gape_1",Fr="_cardInner_1gape_23",Ve={container:Gr,cardInner:Fr},Ar=({children:e,className:r,...o})=>(0,a.jsx)(Me,{render:(0,a.jsx)("div",{}),...o,className:j.mergeClassNames(Ve.container,r),children:(0,a.jsx)("div",{className:Ve.cardInner,children:e})}),Hr=({size:e="sm",variant:r="solid",shape:o="square",color:n="accent",hoverable:i=!0,className:l,children:t,...d})=>(0,a.jsxs)(Be.Checkbox.Root,{...d,className:j.mergeClassNames((0,_.clsx)(C.Checkbox_module_default.root,C.Checkbox_module_default[e],C.Checkbox_module_default[r],C.Checkbox_module_default[o],C.Checkbox_module_default[n],i&&C.Checkbox_module_default.hoverable),l),children:[(0,a.jsx)("span",{className:C.Checkbox_module_default.box,children:(0,a.jsxs)(Be.Checkbox.Indicator,{className:C.Checkbox_module_default.indicator,children:[(0,a.jsx)(G.IconCheck,{className:C.Checkbox_module_default.check,"aria-hidden":!0}),(0,a.jsx)(G.IconMinus,{className:C.Checkbox_module_default.minus,"aria-hidden":!0})]})}),t]}),pe="baseCodeEditorTheme",h=e=>{if(e.trim()==="transparent")return"#00000000";const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(s.isDefined(r)){const[,o,n,i,l]=r,t=Math.round(parseFloat(o)*255).toString(16).padStart(2,"0"),d=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),c=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");return s.isDefined(l)?`#${t}${d}${c}${Math.round(parseFloat(l)*255).toString(16).padStart(2,"0")}`:`#${t}${d}${c}`}return e},We=(e,r)=>({base:r==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:h(e.font.color.secondary)},{token:"keyword",foreground:h(e.color.pink11)},{token:"keyword.control",foreground:h(e.color.pink11)},{token:"keyword.json",foreground:h(e.color.orange11)},{token:"number",foreground:h(e.color.orange11)},{token:"number.json",foreground:h(e.color.orange11)},{token:"regexp",foreground:h(e.color.orange11)},{token:"type",foreground:h(e.color.green11)},{token:"attribute.name",foreground:h(e.color.blue11)},{token:"tag",foreground:h(e.color.pink11)},{token:"string",foreground:h(e.color.green11)},{token:"string.key.json",foreground:h(e.color.blue11)},{token:"delimiter",foreground:h(e.font.color.light)},{token:"delimiter.bracket.json",foreground:h(e.font.color.light)},{token:"string.value.json",foreground:h(e.color.green11)},{token:"comment",foreground:h(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":h("transparent"),"editor.foreground":h(e.font.color.secondary),"editorCursor.foreground":h(e.font.color.primary),"editorLineNumber.foreground":h(e.font.color.extraLight),"editorLineNumber.activeForeground":h(e.font.color.light),"editor.lineHighlightBackground":h(e.background.tertiary),"editor.selectionBackground":h(e.background.transparent.blue),"editor.inactiveSelectionBackground":h(e.background.transparent.light),"editorIndentGuide.background1":h(e.border.color.light),"editorIndentGuide.activeBackground1":h(e.border.color.medium),"editorBracketMatch.background":h(e.background.transparent.light),"editorBracketMatch.border":h(e.border.color.medium)}}),Mr="_editorLoader_zilk9_1",Wr="_container_zilk9_20",Kr="_editorWrapper_zilk9_24",ue={editorLoader:Mr,container:Wr,editorWrapper:Kr},Le,Yr=()=>(Le??=import("monaco-editor").then(e=>{ee.loader.config({monaco:e})}),Le),$e=(e,r,o)=>{e.editor.defineTheme(pe,We(r,o)),e.editor.setTheme(pe)},Ur=({value:e,language:r,onMount:o,onChange:n,setMarkers:i,onValidate:l,height:t=450,variant:d="default",transparentBackground:c,isLoading:u=!1,options:m,resizable:v=!1,contentPadding:k="default",autoHeight:S=!1})=>{const b=s.useTheme(),p=s.useThemeColorScheme(),[x,g]=(0,f.useState)(void 0),[N,T]=(0,f.useState)(void 0),[F,W]=(0,f.useState)(!1),[oe,ne]=(0,f.useState)(!1),[se,K]=(0,f.useState)(void 0),{size:R,handleResizeStart:ie,handleResizeMove:w,handleResizeEnd:tr}=Ne.useResizeHandle({initialSize:typeof t=="number"?t:450}),le=S&&!v,de=typeof b.spacingMultiplicator=="number"?b.spacingMultiplicator*4:void 0,Y=le?se??t:v?R:t,or={...k==="comfortable"?{lineDecorationsWidth:de}:{},padding:{bottom:de,top:de}},{padding:Bo,...nr}=m??{},je=(y,q)=>{const D=y?.getModel();if(!s.isDefined(D))return;const A=i?.(D.getValue());s.isDefined(A)&&q?.editor.setModelMarkers(D,"customMarker",A)},sr=y=>{F&&y.stopPropagation()};return(0,f.useEffect)(()=>{let y=!0;return Yr().then(()=>{y&&ne(!0)}),()=>{y=!1}},[]),(0,f.useEffect)(()=>{s.isDefined(x)&&$e(x,b,p)},[p,x,b]),(0,f.useEffect)(()=>{if(!le||!s.isDefined(N)){K(void 0);return}const y=()=>{const D=N.getContentHeight();!Number.isFinite(D)||D<=0||K(A=>A===D?A:D)};y();const q=N.onDidContentSizeChange(y);return()=>{q.dispose()}},[N,le]),u||!oe?(0,a.jsx)("div",{className:ue.editorLoader,"data-variant":d,style:{"--code-editor-height":typeof Y=="number"?`${Y}px`:Y},children:(0,a.jsx)(ve.Loader,{})}):(0,a.jsxs)("div",{className:ue.container,onKeyDown:sr,children:[(0,a.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,a.jsx)("div",{className:ue.editorWrapper,"data-variant":d,"data-transparent-background":c||void 0,children:(0,a.jsx)(ee.default,{height:Y,value:e,language:r,loading:"",onMount:(y,q)=>{g(q),T(y),$e(q,b,p),y.onDidFocusEditorWidget(()=>{W(!0)}),y.onDidBlurEditorWidget(()=>{W(!1)}),o?.(y,q),je(y,q)},onChange:y=>{s.isDefined(y)&&(n?.(y),je(N,x))},onValidate:y=>{l?.(y)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:b.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...nr,...or}})}),v&&(0,a.jsx)(Ne.ResizeHandle,{onPointerDown:ie,onPointerMove:w,onPointerUp:tr})]})},Xr="_editorHeader_19qlo_1",Jr="_elementContainer_19qlo_15",me={editorHeader:Xr,elementContainer:Jr},Qr=({title:e,leftNodes:r,rightNodes:o})=>(0,a.jsxs)("div",{className:me.editorHeader,children:[(0,a.jsxs)("div",{className:me.elementContainer,children:[r&&r.map((n,i)=>(0,a.jsx)("div",{children:n},`left-${i}`)),e]}),(0,a.jsx)("div",{className:me.elementContainer,children:o&&o.map((n,i)=>(0,a.jsx)("div",{children:n},`right-${i}`))})]}),Zr="_button_18q4p_1",ea="_small_18q4p_36",ra="_medium_18q4p_42",Te={button:Zr,small:ea,medium:ra},Ce=({"aria-label":e,className:r,testId:o,Icon:n,active:i=!1,size:l="small",accent:t="secondary",disabled:d=!1,focus:c=!1,onClick:u,title:m})=>{const v=s.useTheme();return(0,a.jsx)("button",{"data-testid":o,"aria-label":e,onClick:u,disabled:d,className:(0,_.clsx)(Te.button,Te[l],r),"data-accent":t,"data-active":i||void 0,"data-disabled":d||void 0,"data-focus":c&&!d||void 0,title:m,children:n&&(0,a.jsx)(n,{size:l==="medium"?v.icon.size.md:v.icon.size.sm,"aria-hidden":!!e})})},aa="_wrapper_1dmor_1",ta={wrapper:aa},oa=({colorName:e,isSelected:r,onClick:o})=>(0,a.jsx)("div",{className:ta.wrapper,"data-selected":r||void 0,children:(0,a.jsx)(Ce,{size:"medium",Icon:()=>(0,a.jsx)(Z.ColorSample,{colorName:e}),"aria-label":`Select ${e} color`,onClick:o})}),na="_container_qsmue_1",sa="_colorSchemeBackground_qsmue_6",ia="_colorSchemeContent_qsmue_22",la="_mixedColorSchemeSegment_qsmue_39",da="_checkmarkContainer_qsmue_54",P={container:na,colorSchemeBackground:sa,colorSchemeContent:ia,mixedColorSchemeSegment:la,checkmarkContainer:da},_e=({variant:e,style:r,className:o,onClick:n,onMouseEnter:i,onMouseLeave:l})=>{const t=e==="Dark"?L.GRAY_SCALE_DARK:L.GRAY_SCALE_LIGHT,d=(0,_.clsx)(P.colorSchemeBackground,o),c={"--color-scheme-card-background":t.gray4,"--color-scheme-card-border-color":t.gray5,"--color-scheme-card-content-background":t.gray1,"--color-scheme-card-content-color":t.gray12,...r},u=(0,a.jsx)("div",{className:P.colorSchemeContent,children:"Aa"});return s.isDefined(n)?(0,a.jsx)("div",{className:d,style:c,role:"button",tabIndex:0,"aria-label":e,onClick:n,onKeyDown:Ae.handleClickableElementKeyDown,onMouseEnter:i,onMouseLeave:l,children:u}):(0,a.jsx)("div",{className:d,style:c,onMouseEnter:i,onMouseLeave:l,children:u})},Q=({variant:e,selected:r,onClick:o,className:n})=>{const i=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(_e,{style:{borderTopRightRadius:0,borderBottomRightRadius:0},variant:"Light"}),(0,a.jsx)(_e,{style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},variant:"Dark"})]});return e==="System"?(0,a.jsxs)("div",{className:(0,_.clsx)(P.container,n),children:[s.isDefined(o)?(0,a.jsx)("div",{className:P.mixedColorSchemeSegment,role:"button",tabIndex:0,"aria-label":e,onClick:o,onKeyDown:Ae.handleClickableElementKeyDown,children:i}):(0,a.jsx)("div",{className:P.mixedColorSchemeSegment,children:i}),(0,a.jsx)("div",{className:P.checkmarkContainer,"data-selected":r||void 0,children:(0,a.jsx)(Z.Checkmark,{})})]}):(0,a.jsxs)("div",{className:(0,_.clsx)(P.container,n),children:[(0,a.jsx)(_e,{variant:e,onClick:o}),(0,a.jsx)("div",{className:P.checkmarkContainer,"data-selected":r||void 0,children:(0,a.jsx)(Z.Checkmark,{})})]})},ca="_container_pqcwk_1",ua="_cardContainer_pqcwk_13",ma="_card_pqcwk_13",_a="_label_pqcwk_29",B={container:ca,cardContainer:ua,card:ma,label:_a},ba=({value:e,onChange:r,className:o,lightLabel:n,darkLabel:i,systemLabel:l})=>(0,a.jsxs)("div",{className:(0,_.clsx)(B.container,o),children:[(0,a.jsxs)("div",{className:B.cardContainer,children:[(0,a.jsx)(Q,{className:B.card,onClick:()=>r("Light"),variant:"Light",selected:e==="Light"}),(0,a.jsx)("span",{className:B.label,children:n})]}),(0,a.jsxs)("div",{className:B.cardContainer,children:[(0,a.jsx)(Q,{className:B.card,onClick:()=>r("Dark"),variant:"Dark",selected:e==="Dark"}),(0,a.jsx)("span",{className:B.label,children:i})]}),(0,a.jsxs)("div",{className:B.cardContainer,children:[(0,a.jsx)(Q,{className:B.card,onClick:()=>r("System"),variant:"System",selected:e==="System"}),(0,a.jsx)("span",{className:B.label,children:l})]})]}),ha="_description_yrj5x_1",pa={description:ha},Ke=(0,f.forwardRef)(({className:e,...r},o)=>(0,a.jsx)(z.Field.Description,{ref:o,className:j.mergeClassNames(pa.description,e),...r}));Ke.displayName="FieldDescription";var ga="_error_179et_1",va={error:ga},Ye=(0,f.forwardRef)(({className:e,...r},o)=>(0,a.jsx)(z.Field.Error,{ref:o,className:j.mergeClassNames(va.error,e),...r}));Ye.displayName="FieldError";var fa="_label_1yxve_1",xa={label:fa},Ue=(0,f.forwardRef)(({className:e,...r},o)=>(0,a.jsx)(z.Field.Label,{ref:o,className:j.mergeClassNames(xa.label,e),...r}));Ue.displayName="FieldLabel";var Ca={Root:z.Field.Root,Label:Ue,Control:z.Field.Control,Description:Ke,Error:Ye,Validity:z.Field.Validity},ka="_button_1l322_1",ja="_small_1l322_37",ya="_medium_1l322_41",qe={button:ka,small:ja,medium:ya},Sa=({className:e,Icon:r,title:o,ariaLabel:n,size:i="small",position:l="standalone",applyBlur:t=!0,applyShadow:d=!0,disabled:c=!1,focus:u=!1,to:m})=>{const v=s.useTheme();return(0,a.jsxs)(m?fe.Link:"button",{disabled:c,"aria-label":n,className:(0,_.clsx)(qe.button,qe[i],e),"data-position":l,"data-apply-blur":t||void 0,"data-apply-shadow":d||void 0,"data-disabled":c||void 0,"data-focus":u&&!c||void 0,to:m,children:[r&&(0,a.jsx)(r,{size:v.icon.size.sm,"aria-hidden":!0}),o]})},Na="_container_4trh1_1",Ia={container:Na},Ba=({children:e,size:r,className:o})=>(0,a.jsx)("div",{className:(0,_.clsx)(Ia.container,o),children:f.default.Children.map(e,(n,i)=>{let l;i===0?l="left":i===e.length-1?l="right":l="middle";const t={position:l,size:r,applyShadow:!1,applyBlur:!1};return s.isDefined(r)&&(t.size=r),f.default.cloneElement(n,t)})}),wa="_button_1nypz_1",Va="_small_1nypz_23",La="_medium_1nypz_28",De={button:wa,small:Va,medium:La},Xe=({className:e,Icon:r,ariaLabel:o,size:n="small",position:i="standalone",applyShadow:l=!0,applyBlur:t=!0,disabled:d=!1,focus:c=!1,onClick:u,isActive:m})=>{const v=s.useTheme();return(0,a.jsx)("button",{disabled:d,"aria-label":o,className:(0,_.clsx)(De.button,De[n],e),"data-position":i,"data-apply-shadow":l||void 0,"data-apply-blur":t||void 0,"data-disabled":d||void 0,"data-focus":c&&!d||void 0,"data-is-active":m||void 0,onClick:u,children:r&&(0,a.jsx)(r,{size:v.icon.size.md,"aria-hidden":!!o})})},$a="_container_o9kcz_1",Ta={container:$a},qa=({iconButtons:e,size:r,className:o})=>(0,a.jsx)("div",{className:(0,_.clsx)(Ta.container,o),children:e.map(({Icon:n,onClick:i,isActive:l,ariaLabel:t},d)=>(0,a.jsx)(Xe,{applyBlur:!1,applyShadow:!1,Icon:n,ariaLabel:t,onClick:i,position:e.length===1?"standalone":d===0?"left":d===e.length-1?"right":"middle",size:r,isActive:l},`floating-icon-button-${d}`))}),Da="_button_lxb7o_1",Pa="_small_lxb7o_40",Oa="_medium_lxb7o_45",Pe={button:Da,small:Pa,medium:Oa},te=f.default.forwardRef(({className:e,Icon:r,variant:o="primary",size:n="medium",accent:i="default",position:l="standalone",disabled:t=!1,focus:d=!1,dataTestId:c,ariaLabel:u,"aria-label":m,onClick:v,to:k,children:S,...b},p)=>{const x=s.useTheme(),g=u??m;return(0,a.jsxs)("button",{...b,ref:p,"data-testid":c,className:(0,_.clsx)(Pe.button,Pe[n],e),"data-variant":o,"data-accent":i,"data-position":l,"data-disabled":t||void 0,"data-focus":d||void 0,disabled:t,onClick:v,"aria-label":g,to:k,children:[r?(0,a.jsx)(r,{size:x.icon.size.md,"aria-hidden":!!g}):null,S]})});te.displayName="IconButton";var Ea="_button_1khhu_1",Ra={button:Ea},Je=({className:e,Icon:r,ariaLabel:o,onClick:n,disabled:i=!1})=>{const l=s.useTheme();return(0,a.jsx)("button",{className:(0,_.clsx)(Ra.button,e),"aria-label":o,onClick:n,disabled:i,"data-disabled":i||void 0,children:r&&(0,a.jsx)(r,{size:l.icon.size.sm,"aria-hidden":!!o})})},za="_container_1l4n2_1",Ga={container:za},Fa=({iconButtons:e,disabled:r,className:o})=>(0,a.jsx)("div",{className:(0,_.clsx)(Ga.container,o),"data-disabled":r||void 0,children:e.map(({Icon:n,onClick:i,ariaLabel:l},t)=>(0,a.jsx)(Je,{Icon:n,ariaLabel:l,onClick:i,disabled:r},t))}),Aa=({tooltipContent:e,tooltipPlace:r=M.TooltipPosition.Bottom,tooltipDelay:o=M.TooltipDelay.longDelay,tooltipOffset:n=5,Icon:i,ariaLabel:l,onClick:t,size:d,variant:c,disabled:u})=>{const m=(0,f.useId)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{"data-tooltip-id":m,children:(0,a.jsx)(te,{Icon:i,ariaLabel:l,onClick:t,size:d,variant:c,disabled:u})}),(0,a.jsx)(M.AppTooltip,{anchorSelect:u?`[data-tooltip-id='${m}']`:`[data-tooltip-id='${m}'] > button`,title:e,delay:o,place:r,offset:n,noArrow:!0})]})},Ha=e=>(0,a.jsxs)("svg",{width:8,height:32,xmlns:"http://www.w3.org/2000/svg",fill:"none",...e,children:[(0,a.jsx)("path",{stroke:"null",id:"svg_1",fill:"#D6D6D6",d:"m0,7.5l4.5,0c0.82843,0 1.5,0.67157 1.5,1.5c0,0.82843 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"}),(0,a.jsx)("path",{id:"svg_2",fill:"#D6D6D6",d:"m0,14.5l4.5,0c0.82843,0 1.5,0.6716 1.5,1.5c0,0.8284 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"}),(0,a.jsx)("path",{id:"svg_3",fill:"#D6D6D6",d:"m0,21.5l4.5,0c0.82843,0 1.5,0.6716 1.5,1.5c0,0.8284 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"})]}),Ma=e=>{const r=e.size??8;return(0,a.jsx)(Ha,{height:e.size??32,width:r})},Qe=(0,f.createContext)(null),Wa="_input_14itx_1",Ka="_sm_14itx_45",Ya="_md_14itx_49",re={input:Wa,sm:Ka,md:Ya},Ua=({size:e,className:r,...o})=>{const n=(0,f.useContext)(Qe),i=e??n?.size??"md";return(0,a.jsx)(xe.Input,{...o,className:j.mergeClassNames((0,_.clsx)(re.input,re[i]),r),"data-grouped":s.isDefined(n)||void 0})},Xa="_root_lk8ci_1",Ja="_sm_lk8ci_27",Qa="_md_lk8ci_31",Za="_startElement_lk8ci_35",et="_endElement_lk8ci_36",X={root:Xa,sm:Ja,md:Qa,startElement:Za,endElement:et},Oe=e=>s.isDefined(e)&&!(0,ae.isBoolean)(e)&&e!=="",rt=({size:e="md",startElement:r,endElement:o,className:n,children:i,render:l,ref:t,...d})=>{const c=(0,He.useRender)({render:l,ref:t,props:{...d,className:(0,_.clsx)(X.root,X[e],n),children:(0,a.jsxs)(a.Fragment,{children:[Oe(r)&&(0,a.jsx)("span",{className:X.startElement,children:r}),i,Oe(o)&&(0,a.jsx)("span",{className:X.endElement,children:o})]})}});return(0,a.jsx)(Qe.Provider,{value:{size:e},children:c})},at="_hint_1tfyy_1",tt="_danger_1tfyy_8",Ee={hint:at,danger:tt},ot=({children:e,className:r,danger:o})=>(0,a.jsx)("div",{className:(0,_.clsx)(Ee.hint,o&&Ee.danger,r),children:e}),nt="_label_1yxve_1",st={label:nt},it=({children:e,className:r,htmlFor:o})=>(0,a.jsx)("label",{className:(0,_.clsx)(st.label,r),htmlFor:o,children:e}),lt="_container_7kzmx_1",dt={container:lt},ct=({iconButtons:e,size:r,className:o})=>(0,a.jsx)("div",{className:(0,_.clsx)(dt.container,o),children:e.map(({Wrapper:n,Icon:i,accent:l,onClick:t,ariaLabel:d,dataTestId:c},u)=>{const m=(0,a.jsx)(Ce,{Icon:i,accent:l,disabled:!t,onClick:t,size:r,"aria-label":d,testId:c},`light-icon-button-${u}`);return n?(0,a.jsx)(n,{iconButton:m},`light-icon-button-wrapper-${u}`):m})}),ut="_root_1h79s_1",mt={root:ut},_t=({className:e,...r})=>(0,a.jsx)(pr.RadioGroup,{...r,className:j.mergeClassNames(mt.root,e)}),bt="_button_vfe7z_1",ht="_small_vfe7z_28",pt="_medium_vfe7z_33",Re={button:bt,small:ht,medium:pt},gt=({Icon:e,onClick:r,disabled:o,className:n,size:i="small","aria-label":l})=>{const t=s.useTheme();return(0,a.jsx)("button",{className:(0,_.clsx)(Re.button,Re[i],n),disabled:o,"aria-label":l,onClick:r,children:(0,a.jsx)(e,{size:t.icon.size.md,"aria-hidden":!!l})})},vt="_wrapper_1nhk7_1",ft="_inputContainer_1nhk7_8",xt="_iconContainer_1nhk7_25",Ct="_input_1nhk7_8",J={wrapper:vt,inputContainer:ft,iconContainer:xt,input:Ct},kt=({value:e,onChange:r,placeholder:o,filterDropdown:n,autoFocus:i,disabled:l,className:t,id:d,filterButtonAriaLabel:c="Filter","aria-label":u,"aria-labelledby":m})=>{const v=s.useTheme(),[k,S]=(0,f.useState)(!1),b=(0,f.useId)(),p=d??b,x=(0,a.jsx)(te,{Icon:G.IconFilter,variant:"secondary",ariaLabel:c});return(0,a.jsxs)("div",{className:(0,_.clsx)(J.wrapper,t),children:[(0,a.jsxs)("div",{className:J.inputContainer,children:[(0,a.jsx)("div",{className:J.iconContainer,"data-focused":k||void 0,"aria-hidden":!0,children:(0,a.jsx)(G.IconSearch,{size:v.icon.size.md})}),(0,a.jsx)(xe.Input,{id:p,className:J.input,value:e,onValueChange:g=>r(g),onFocus:()=>S(!0),onBlur:()=>S(!1),placeholder:o,autoFocus:i,disabled:l,"aria-label":m?void 0:u??o,"aria-labelledby":m})]}),n&&n(x)]})},jt="_container_1fskn_1",yt="_item_1fskn_16",St="_iconOnly_1fskn_56",Nt="_icon_1fskn_56",It="_label_1fskn_70",H={container:jt,item:yt,iconOnly:St,icon:Nt,label:It},Bt=({ariaLabel:e,itemWidth:r="equal",onChange:o,options:n,role:i="group",value:l,width:t})=>{const d=s.useTheme(),c=i==="tablist",u=s.isDefined(t)?{"--segmented-control-width":typeof t=="number"?`${t}px`:t}:void 0,m=({event:k,optionIndex:S,optionValue:b})=>{o(b),Array.from(k.currentTarget.parentElement?.querySelectorAll("button:not(:disabled)")??[])[S]?.focus()},v=(k,S)=>{if(!c)return;const b=n.filter(N=>!N.disabled),p=b.findIndex(N=>N.value===S);if(p===-1||b.length===0)return;const x=b.length-1,g={ArrowDown:(p+1)%b.length,ArrowLeft:p===0?x:p-1,ArrowRight:(p+1)%b.length,ArrowUp:p===0?x:p-1,End:x,Home:0}[k.key];s.isDefined(g)&&(k.preventDefault(),m({event:k,optionIndex:g,optionValue:b[g].value}))};return(0,a.jsx)("div",{className:H.container,role:i,"aria-label":e,style:u,children:n.map(({Icon:k,ariaLabel:S,disabled:b,label:p,value:x})=>{const g=x===l,N=S??(typeof p=="string"?p:void 0),T=s.isDefined(p);return(0,a.jsxs)("button",{"aria-label":N,"aria-pressed":c?void 0:g,"aria-selected":c?g:void 0,className:(0,_.clsx)(H.item,!T&&H.iconOnly),"data-active":g||void 0,disabled:b,"data-item-width":r,onClick:()=>o(x),onKeyDown:F=>v(F,x),role:c?"tab":void 0,tabIndex:c?g?0:-1:void 0,type:"button",children:[k&&(0,a.jsx)("span",{className:H.icon,children:(0,a.jsx)(k,{"aria-hidden":T||s.isDefined(N),color:g?d.font.color.primary:d.font.color.secondary,size:d.icon.size.md})}),T&&(0,a.jsx)("span",{className:H.label,children:p})]},x)})})},wt="_trigger_hijh9_1",Vt="_value_hijh9_12",Lt="_icon_hijh9_31",$t="_positioner_hijh9_42",Tt="_popup_hijh9_46",qt="_item_hijh9_71",Dt="_indicator_hijh9_75",Pt="_groupLabel_hijh9_81",Ot="_separator_hijh9_89",$={trigger:wt,value:Vt,icon:Lt,positioner:$t,popup:Tt,item:qt,indicator:Dt,groupLabel:Pt,separator:Ot},Et=({className:e,...r})=>(0,a.jsx)(I.Select.GroupLabel,{...r,className:j.mergeClassNames($.groupLabel,e)}),Rt=({className:e,children:r,startIcon:o,endIcon:n,description:i,descriptionPlacement:l="inline",...t})=>(0,a.jsxs)(I.Select.Item,{...t,className:j.mergeClassNames((0,_.clsx)(C.ListItem_module_default.root,$.item),e),"data-color":"neutral","data-indicator":"check",children:[C.isRenderableSlot(o)&&(0,a.jsx)("div",{className:C.ListItem_module_default.startIcon,"aria-hidden":!0,children:o}),(0,a.jsxs)("div",{className:C.ListItem_module_default.label,children:[(0,a.jsx)(I.Select.ItemText,{className:C.ListItem_module_default.text,children:r}),C.isRenderableSlot(i)&&l==="inline"&&(0,a.jsx)("div",{className:(0,_.clsx)(C.ListItem_module_default.description,C.ListItem_module_default.inlineDescription),children:i})]}),C.isRenderableSlot(i)&&l==="end"&&(0,a.jsx)("div",{className:(0,_.clsx)(C.ListItem_module_default.description,C.ListItem_module_default.endDescription),children:i}),C.isRenderableSlot(n)&&(0,a.jsx)("div",{className:C.ListItem_module_default.endIcon,"aria-hidden":!0,children:n}),(0,a.jsx)(I.Select.ItemIndicator,{className:$.indicator,children:(0,a.jsx)(G.IconCheck,{className:C.ListItem_module_default.checkIndicator})})]}),zt=({side:e="bottom",align:r="start",sideOffset:o=8,alignOffset:n,alignItemWithTrigger:i=!1,anchor:l,container:t,className:d,...c})=>{const u=s.useThemeContainer(),m=(0,hr.useDirection)();return(0,a.jsx)(I.Select.Portal,{container:t===void 0?u??void 0:t,children:(0,a.jsx)(I.Select.Positioner,{dir:m,side:e,align:r,sideOffset:o,alignOffset:n,alignItemWithTrigger:i,anchor:l,className:$.positioner,children:(0,a.jsx)(I.Select.Popup,{...c,className:j.mergeClassNames($.popup,d)})})})},Gt=({className:e,...r})=>(0,a.jsx)(I.Select.Separator,{...r,className:j.mergeClassNames($.separator,e)}),Ft=({size:e="md",className:r,children:o,...n})=>(0,a.jsxs)(I.Select.Trigger,{...n,className:j.mergeClassNames((0,_.clsx)(re.input,re[e],$.trigger),r),children:[o,(0,a.jsx)(I.Select.Icon,{className:$.icon,children:(0,a.jsx)(G.IconChevronDown,{})})]}),At=({className:e,...r})=>(0,a.jsx)(I.Select.Value,{...r,className:j.mergeClassNames($.value,e)}),Ht=()=>({Root:I.Select.Root,Trigger:Ft,Value:At,Popup:zt,Item:Rt,Group:I.Select.Group,GroupLabel:Et,Separator:Gt}),Mt=Ht(),Wt="_root_1mh0w_1",Kt="_accent_1mh0w_16",Yt="_success_1mh0w_20",Ut="_control_1mh0w_24",Xt="_track_1mh0w_42",Jt="_indicator_1mh0w_55",Qt="_thumb_1mh0w_66",Zt="_label_1mh0w_80",eo="_value_1mh0w_81",O={root:Wt,accent:Kt,success:Yt,control:Ut,track:Xt,indicator:Jt,thumb:Qt,label:Zt,value:eo},ro=({className:e,color:r="accent",thumbAlignment:o="edge",...n})=>(0,a.jsx)(E.Slider.Root,{...n,thumbAlignment:o,className:j.mergeClassNames((0,_.clsx)(O.root,O[r]),e)}),ao=({className:e,...r})=>(0,a.jsx)(E.Slider.Control,{...r,className:j.mergeClassNames(O.control,e)}),to=({className:e,...r})=>(0,a.jsx)(E.Slider.Track,{...r,className:j.mergeClassNames(O.track,e)}),oo=({className:e,...r})=>(0,a.jsx)(E.Slider.Indicator,{...r,className:j.mergeClassNames(O.indicator,e)}),no=({className:e,...r})=>(0,a.jsx)(E.Slider.Thumb,{...r,className:j.mergeClassNames(O.thumb,e)}),so=({className:e,...r})=>(0,a.jsx)(E.Slider.Label,{...r,className:j.mergeClassNames(O.label,e)}),io=({className:e,...r})=>(0,a.jsx)(E.Slider.Value,{...r,className:j.mergeClassNames(O.value,e)}),lo={Root:ro,Control:ao,Track:to,Indicator:oo,Thumb:no,Label:so,Value:io},co="_root_rn2ew_1",uo="_sm_rn2ew_33",mo="_md_rn2ew_39",_o="_thumb_rn2ew_45",be={root:co,sm:uo,md:mo,thumb:_o},bo=({size:e="md",className:r,children:o,...n})=>(0,a.jsxs)(we.Switch.Root,{...n,className:j.mergeClassNames((0,_.clsx)(be.root,be[e]),r),children:[(0,a.jsx)(we.Switch.Thumb,{className:be.thumb}),o]}),ho="_tabButton_y4kj0_1",po="_tabContainer_y4kj0_36",go="_tabHover_y4kj0_67",ke={tabButton:ho,tabContainer:po,tabHover:go},Ze=(0,f.forwardRef)(({active:e,disabled:r,to:o,state:n,replace:i,className:l,children:t,...d},c)=>(0,a.jsx)(o?fe.Link:"button",{ref:c,to:o,state:o?n:void 0,replace:o?i:void 0,disabled:o?void 0:r,className:(0,_.clsx)(ke.tabButton,l),"data-active":e||void 0,"data-disabled":r||void 0,...d,children:t}));Ze.displayName="StyledTabButton";var er=(0,f.forwardRef)(({active:e,disabled:r,className:o,children:n,...i},l)=>(0,a.jsx)("div",{ref:l,className:(0,_.clsx)(ke.tabContainer,o),"data-active":e||void 0,"data-disabled":r||void 0,...i,children:n}));er.displayName="StyledTabContainer";var rr=(0,f.forwardRef)(({contentSize:e,className:r,children:o,...n},i)=>(0,a.jsx)("span",{ref:i,className:(0,_.clsx)(ke.tabHover,r),"data-content-size":e,...n,children:o}));rr.displayName="StyledTabHover";var ar=({active:e,disabled:r,LeftIcon:o,title:n,logo:i,RightIcon:l,pill:t,contentSize:d="sm",className:c})=>{const u=s.useTheme(),m=e?u.font.color.primary:r?u.font.color.extraLight:u.font.color.secondary;return(0,a.jsxs)(rr,{contentSize:d,className:c,children:[o&&(0,a.jsx)(o,{color:m,size:u.icon.size.md,"aria-hidden":!0}),i&&(0,a.jsx)(Z.Avatar,{src:i,size:"md",name:n,"aria-hidden":!0}),n,l&&(0,a.jsx)(l,{color:m,size:u.icon.size.md,"aria-hidden":!0}),t&&(typeof t=="string"?(0,a.jsx)(ve.Pill,{label:t}):t)]})},vo="_tabTooltipWrapper_197au_1",fo={tabTooltipWrapper:vo},xo=({id:e,active:r,disabled:o,to:n,state:i,replace:l,LeftIcon:t,className:d,title:c,onClick:u,logo:m,RightIcon:v,pill:k,contentSize:S="sm",disableTestId:b=!1,tooltipContent:p,onMouseEnter:x,onMouseLeave:g})=>{const N=`tab-${e}`;return(0,a.jsxs)("div",{id:N,className:fo.tabTooltipWrapper,children:[(0,a.jsx)(Ze,{"data-testid":b?void 0:`tab-${e}`,active:r,disabled:o,to:n,state:i,replace:l,className:d,onClick:u,onMouseEnter:x,onMouseLeave:g,children:(0,a.jsx)(ar,{id:e,active:r,disabled:o,LeftIcon:t,title:c,logo:m,RightIcon:v,pill:k,contentSize:S})}),p&&(0,a.jsx)(M.AppTooltip,{anchorSelect:`#${N}`,title:p,noArrow:!0,place:"bottom",positionStrategy:"fixed",delay:M.TooltipDelay.shortDelay})]},e)},Co=e=>s.isDefined(e)?(0,ae.isNumber)(e)?`${e}px`:String(e):"",ze=(e,r)=>{if(s.isDefined(e)){if((0,ae.isFunction)(e))return e(r);e.current=r}},ko=(...e)=>r=>{const o=e.map(n=>{const i=ze(n,r);return(0,ae.isFunction)(i)?i:()=>ze(n,null)});return()=>{for(const n of o)n()}},Ge=e=>{e.style.blockSize="auto";const r=e.offsetHeight-e.clientHeight;e.style.blockSize=`${e.scrollHeight+r}px`},jo="_textarea_1qcvj_1",yo="_sm_1qcvj_38",So="_md_1qcvj_42",Fe={textarea:jo,sm:yo,md:So},No=(0,a.jsx)("textarea",{}),Io=({size:e="md",autoResize:r=!1,maxRows:o,className:n,style:i,ref:l,render:t=No,onChange:d,value:c,rows:u,...m})=>{const v=(0,f.useRef)(null),k=(0,f.useMemo)(()=>ko(l,v),[l]),S=s.isDefined(c),b=i?.blockSize;(0,f.useLayoutEffect)(()=>{const g=v.current;if(s.isDefined(g)){if(!r){g.style.blockSize=Co(b);return}Ge(g)}},[r,c,o,u,b]);const p=g=>{r&&!S&&Ge(g.currentTarget),d?.(g)},x=s.isDefined(o)?{...i,"--tw-textarea-max-rows":o}:i;return(0,a.jsx)(xe.Input,{...m,rows:u,onChange:p,ref:k,render:t,value:c,className:j.mergeClassNames((0,_.clsx)(Fe.textarea,Fe[e]),n),style:x,"data-auto-resize":r||void 0})};Object.defineProperty(exports,"AnimatedButton",{enumerable:!0,get:function(){return Ir}});Object.defineProperty(exports,"AnimatedLightIconButton",{enumerable:!0,get:function(){return $r}});Object.defineProperty(exports,"BASE_CODE_EDITOR_THEME_ID",{enumerable:!0,get:function(){return pe}});Object.defineProperty(exports,"ButtonGroup",{enumerable:!0,get:function(){return Dr}});Object.defineProperty(exports,"CardPicker",{enumerable:!0,get:function(){return Ar}});Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return Hr}});Object.defineProperty(exports,"CodeEditor",{enumerable:!0,get:function(){return Ur}});Object.defineProperty(exports,"ColorPickerButton",{enumerable:!0,get:function(){return oa}});Object.defineProperty(exports,"ColorSchemeCard",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"ColorSchemePicker",{enumerable:!0,get:function(){return ba}});Object.defineProperty(exports,"CoreEditorHeader",{enumerable:!0,get:function(){return Qr}});Object.defineProperty(exports,"Field",{enumerable:!0,get:function(){return Ca}});Object.defineProperty(exports,"FloatingButton",{enumerable:!0,get:function(){return Sa}});Object.defineProperty(exports,"FloatingButtonGroup",{enumerable:!0,get:function(){return Ba}});Object.defineProperty(exports,"FloatingIconButton",{enumerable:!0,get:function(){return Xe}});Object.defineProperty(exports,"FloatingIconButtonGroup",{enumerable:!0,get:function(){return qa}});Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return te}});Object.defineProperty(exports,"IconButtonGroup",{enumerable:!0,get:function(){return Fa}});Object.defineProperty(exports,"IconButtonWithTooltip",{enumerable:!0,get:function(){return Aa}});Object.defineProperty(exports,"IconListViewGrip",{enumerable:!0,get:function(){return Ma}});Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return Ua}});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return rt}});Object.defineProperty(exports,"InputHint",{enumerable:!0,get:function(){return ot}});Object.defineProperty(exports,"InputLabel",{enumerable:!0,get:function(){return it}});Object.defineProperty(exports,"InsideButton",{enumerable:!0,get:function(){return Je}});Object.defineProperty(exports,"LightIconButton",{enumerable:!0,get:function(){return Ce}});Object.defineProperty(exports,"LightIconButtonGroup",{enumerable:!0,get:function(){return ct}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return Me}});Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function(){return _t}});Object.defineProperty(exports,"RoundedIconButton",{enumerable:!0,get:function(){return gt}});Object.defineProperty(exports,"SearchInput",{enumerable:!0,get:function(){return kt}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return Bt}});Object.defineProperty(exports,"Select",{enumerable:!0,get:function(){return Mt}});Object.defineProperty(exports,"Slider",{enumerable:!0,get:function(){return lo}});Object.defineProperty(exports,"StyledTabContainer",{enumerable:!0,get:function(){return er}});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return bo}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return xo}});Object.defineProperty(exports,"TabContent",{enumerable:!0,get:function(){return ar}});Object.defineProperty(exports,"Textarea",{enumerable:!0,get:function(){return Io}});Object.defineProperty(exports,"getBaseCodeEditorTheme",{enumerable:!0,get:function(){return We}});