nogbase-ui 1.0.0

package/dist/input.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./jsx-runtime-CycUbF8Y.cjs"),c=require("@linaria/react"),Z=require("./useIsMobile-BhDUpJrC.cjs"),v=require("framer-motion"),h=require("react"),Q=require("react-router-dom"),ne=require("./Pill-fgWKgFIn.cjs"),s=require("./themeCssVariables-DswYV7vR.cjs"),f=require("./ThemeProvider-CLAfdrfV.cjs"),k=require("./MainColorNames-I8OTbUOe.cjs"),$=require("./Checkmark-BMk88h_C.cjs"),R=require("./utils-DOUsOuwI.cjs"),N=require("./ColorSample-BWfzelYk.cjs"),_=require("./Toggle-Cw3Dds-m.cjs"),U=require("./AppTooltip-BSOOys5a.cjs"),Ce=require("@monaco-editor/react"),ge=require("./Loader-DvDr98P8.cjs"),ee=require("./useResizeHandle-CTxFjJ7o.cjs"),A=require("./GrayScaleDark-Cuc4HWDV.cjs"),ye=e=>e&&e.__esModule?e:{default:e};function Ve(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const g=Ve(h),ke=ye(Ce),fe=(e,r,n,a,i,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(n){case"default":t.background=r?s.themeCssVariables.background.primary:s.themeCssVariables.background.secondary,t.borderColor=r?s.themeCssVariables.background.transparent.light:!a&&i?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.light,t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!a&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.font.color.secondary:a?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.secondary,a?(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=!a&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.color.blue:k.GRAY_SCALE_LIGHT.gray1,a?(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=!a&&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,a?(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(n){case"default":t.background="transparent",t.borderColor=r?e==="secondary"?i||a?k.GRAY_SCALE_LIGHT.gray1:s.themeCssVariables.background.transparent.primary:i?k.GRAY_SCALE_LIGHT.gray1:"transparent":e==="secondary"?!a&&i?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.medium:i?s.themeCssVariables.color.blue:"transparent",t.borderWidthOverride="1px 1px 1px 1px",t.boxShadow=!a&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.font.color.inverted:a?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.secondary,t.hoverBackground=r?s.themeCssVariables.background.transparent.light:a?"transparent":s.themeCssVariables.background.transparent.light,t.activeBackground=r?s.themeCssVariables.background.transparent.medium:a?"transparent":s.themeCssVariables.background.transparent.light;break;case"blue":t.background="transparent",t.borderColor=r?e==="secondary"?i||a?k.GRAY_SCALE_LIGHT.gray1:s.themeCssVariables.background.transparent.primary:i?k.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=!a&&i?`0 0 0 3px ${r?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.accent.tertiary}`:"none",t.color=r?s.themeCssVariables.font.color.inverted:a?s.themeCssVariables.accent.accent4060:s.themeCssVariables.color.blue,t.hoverBackground=r?s.themeCssVariables.background.transparent.light:a?"transparent":s.themeCssVariables.accent.tertiary,t.activeBackground=r?s.themeCssVariables.background.transparent.medium:a?"transparent":s.themeCssVariables.accent.secondary;break;case"danger":t.background="transparent",t.borderColor=r?e==="secondary"?i||a?k.GRAY_SCALE_LIGHT.gray1:s.themeCssVariables.background.transparent.primary:i?k.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=!a&&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:a?"transparent":s.themeCssVariables.background.danger,t.activeBackground=r?s.themeCssVariables.background.transparent.medium:a?"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},Se=()=>({position:e})=>{switch(e){case"left":return`${s.themeCssVariables.border.radius.sm} 0px 0px ${s.themeCssVariables.border.radius.sm}`;case"right":return`0px ${s.themeCssVariables.border.radius.sm} ${s.themeCssVariables.border.radius.sm} 0px`;case"middle":return"0px";case"standalone":return s.themeCssVariables.border.radius.sm}return""},je=()=>({disabled:e})=>e?"not-allowed":"pointer",Ee=()=>({size:e})=>e==="small"?"24px":"32px",Re=()=>({justify:e})=>e??"",ve=()=>({fullWidth:e})=>e?"100%":"auto",$e=c.styled("button")({name:"StyledButton",class:"s1viq0d",propsAsIs:!1,vars:{"s1viq0d-0":[Se()],"s1viq0d-1":[je()],"s1viq0d-2":[Ee()],"s1viq0d-3":[Re()],"s1viq0d-4":[ve()]}}),_e=c.styled("span")({name:"StyledSoonPillContainer",class:"s15swgyq",propsAsIs:!1}),Be=()=>({accent:e})=>{switch(e){case"blue":return s.themeCssVariables.border.color.blue;case"danger":return s.themeCssVariables.border.color.danger;default:return s.themeCssVariables.font.color.light}},Ie=()=>({buttonSize:e})=>e==="small"?s.themeCssVariables.spacing[2]:s.themeCssVariables.spacing[4],Ae=c.styled("div")({name:"StyledSeparator",class:"s1u288ix",propsAsIs:!1,vars:{"s1u288ix-0":[Be()],"s1u288ix-1":[Ie()]}}),Le=()=>({variant:e,accent:r})=>{switch(r){case"blue":return s.themeCssVariables.border.color.blue;case"danger":return e==="primary"?s.themeCssVariables.border.color.danger:s.themeCssVariables.color.red8;default:return s.themeCssVariables.font.color.light}},we=c.styled("div")({name:"StyledShortcutLabel",class:"s4om9oh",propsAsIs:!1,vars:{"s4om9oh-0":[Le()]}}),Te=()=>v.motion.div,se=c.styled(Te())({name:"StyledMotion",class:"s1158gvo",propsAsIs:!0}),ze=({className:e,Icon:r,animatedSvg:n,title:a,fullWidth:i=!1,variant:l="primary",inverted:t=!1,size:d="medium",accent:u="default",position:p="standalone",soon:m=!1,disabled:b=!1,justify:y="flex-start",focus:V=!1,onClick:C,to:L,target:D,dataTestId:M,hotkeys:B,ariaLabel:H,animate:w,transition:T,dataClickOutsideId:O,dataGloballyPreventClickOutside:W,soonLabel:z="Soon"})=>{const{theme:G}=h.useContext(f.ThemeContext),F=Z.useIsMobile(),x=m||b,j=h.useMemo(()=>{const S=fe(l,t,u,x,V,p);return{"--abtn-bg":S.background,"--abtn-border-color":S.borderColor,"--abtn-border-width":S.borderWidthOverride||void 0,"--abtn-box-shadow":S.boxShadow,"--abtn-color":S.color,"--abtn-hover-bg":S.hoverBackground,"--abtn-active-bg":S.activeBackground}},[l,t,u,x,V,p]),I=L?Q.Link:"button";return o.jsxRuntimeExports.jsxs($e,{as:I,fullWidth:i,size:d,position:p,disabled:x,justify:y,className:e,style:j,onClick:C,to:L,target:D,"data-testid":M,"aria-label":H,"data-click-outside-id":O,"data-globally-prevent-click-outside":W,children:[r&&o.jsxRuntimeExports.jsx(se,{animate:w,transition:T,children:o.jsxRuntimeExports.jsx(r,{size:G.icon.size.sm})}),n&&o.jsxRuntimeExports.jsx(se,{animate:w,transition:T,children:n}),a,B&&!F&&o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Ae,{buttonSize:d,accent:u}),o.jsxRuntimeExports.jsx(we,{variant:l,accent:u,children:B.join(Z.getOsShortcutSeparator())})]}),m&&o.jsxRuntimeExports.jsx(_e,{children:o.jsxRuntimeExports.jsx(ne.Pill,{label:z})})]})},Ge=()=>({disabled:e,focus:r})=>!e&&r?`1px solid ${s.themeCssVariables.color.blue}`:"none",qe=()=>({disabled:e,focus:r})=>!e&&r?`0 0 0 3px ${s.themeCssVariables.color.blue3}`:"none",De=()=>({accent:e,active:r,disabled:n,focus:a})=>{switch(e){case"secondary":return r||a?s.themeCssVariables.color.blue:n?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.secondary;case"tertiary":return r||a?s.themeCssVariables.color.blue:n?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.tertiary}return""},Me=()=>({disabled:e})=>e?"not-allowed":"pointer",He=()=>({size:e})=>e==="small"?"24px":"32px",Oe=()=>({disabled:e})=>e?"transparent":s.themeCssVariables.background.transparent.light,We=()=>({disabled:e})=>e?"transparent":s.themeCssVariables.background.transparent.medium,Fe=c.styled("button")({name:"StyledButton",class:"se5o8nq",propsAsIs:!1,vars:{"se5o8nq-0":[Ge()],"se5o8nq-1":[qe()],"se5o8nq-2":[De()],"se5o8nq-3":[Me()],"se5o8nq-4":[He()],"se5o8nq-5":[Oe()],"se5o8nq-6":[We()]}}),Pe=()=>v.motion.div,Ye=c.styled(Pe())({name:"StyledIconContainer",class:"s1dbmpz0",propsAsIs:!0}),Ke=({"aria-label":e,className:r,testId:n,animate:a,transition:i,Icon:l,active:t=!1,size:d="small",accent:u="secondary",disabled:p=!1,focus:m=!1,onClick:b,title:y})=>{const{theme:V}=h.useContext(f.ThemeContext);return o.jsxRuntimeExports.jsx(Fe,{"data-testid":n,"aria-label":e,onClick:b,disabled:p,focus:m&&!p,accent:u,className:r,size:d,active:t,title:y,children:o.jsxRuntimeExports.jsx(Ye,{animate:a,transition:i,children:l&&o.jsxRuntimeExports.jsx(l,{size:d==="medium"?V.icon.size.md:V.icon.size.sm})})})},Ne=c.styled("div")({name:"StyledButtonGroupContainer",class:"shh5sp6",propsAsIs:!1}),Ue=({className:e,children:r,variant:n,size:a,accent:i})=>o.jsxRuntimeExports.jsx(Ne,{className:e,children:g.default.Children.map(r,(l,t)=>{if(!g.default.isValidElement(l))return null;let d;t===0?d="left":t===r.length-1?d="right":d="middle";const u={position:d,variant:n,accent:i,size:a};return R.o(n)&&(u.variant=n),R.o(i)&&(u.accent=i),R.o(a)&&(u.size=a),g.default.cloneElement(l,u)})}),Je=()=>({isSelected:e})=>e?s.themeCssVariables.background.transparent.medium:"transparent",Qe=c.styled("div")({name:"StyledButtonWrapper",class:"s1xhwzl4",propsAsIs:!1,vars:{"s1xhwzl4-0":[Je()]}}),Xe=({colorName:e,isSelected:r,onClick:n})=>o.jsxRuntimeExports.jsx(Qe,{isSelected:r,children:o.jsxRuntimeExports.jsx(N.LightIconButton,{size:"medium",Icon:()=>o.jsxRuntimeExports.jsx(N.ColorSample,{colorName:e}),onClick:n})}),Ze=()=>({applyBlur:e})=>e?"blur(20px)":"none",es=()=>({focus:e})=>e?`1px solid ${s.themeCssVariables.color.blue}`:"none",ss=()=>({position:e})=>{switch(e){case"left":return`${s.themeCssVariables.border.radius.sm} 0px 0px ${s.themeCssVariables.border.radius.sm}`;case"right":return`0px ${s.themeCssVariables.border.radius.sm} ${s.themeCssVariables.border.radius.sm} 0px`;case"middle":return"0px";case"standalone":return s.themeCssVariables.border.radius.sm}return""},rs=()=>({applyShadow:e,focus:r})=>e?`0px 2px 4px 0px ${s.themeCssVariables.background.transparent.light}, 0px 0px 4px 0px ${s.themeCssVariables.background.transparent.medium}${r?`,0 0 0 3px ${s.themeCssVariables.color.blue3}`:""}`:r?`0 0 0 3px ${s.themeCssVariables.color.blue3}`:"none",ts=()=>({disabled:e,focus:r})=>e?s.themeCssVariables.font.color.extraLight:r?s.themeCssVariables.color.blue:s.themeCssVariables.font.color.secondary,as=()=>({disabled:e})=>e?"not-allowed":"pointer",os=()=>({size:e})=>e==="small"?"24px":"32px",ns=()=>({disabled:e})=>e?"transparent":s.themeCssVariables.background.transparent.lighter,is=()=>({disabled:e})=>e?"transparent":s.themeCssVariables.background.transparent.medium,ls=c.styled("button")({name:"StyledButton",class:"seo7n1c",propsAsIs:!1,vars:{"seo7n1c-0":[Ze()],"seo7n1c-1":[es()],"seo7n1c-2":[ss()],"seo7n1c-3":[rs()],"seo7n1c-4":[ts()],"seo7n1c-5":[as()],"seo7n1c-6":[os()],"seo7n1c-7":[ns()],"seo7n1c-8":[is()]}}),cs=({className:e,Icon:r,title:n,size:a="small",position:i="standalone",applyBlur:l=!0,applyShadow:t=!0,disabled:d=!1,focus:u=!1,to:p})=>{const{theme:m}=h.useContext(f.ThemeContext);return o.jsxRuntimeExports.jsxs(ls,{disabled:d,focus:u&&!d,size:a,applyBlur:l,applyShadow:t,position:i,className:e,to:p,as:p?Q.Link:"button",children:[r&&o.jsxRuntimeExports.jsx(r,{size:m.icon.size.sm}),n]})},ds=c.styled("div")({name:"StyledFloatingButtonGroupContainer",class:"s1o9b5vh",propsAsIs:!1}),us=({children:e,size:r,className:n})=>o.jsxRuntimeExports.jsx(ds,{className:n,children:g.default.Children.map(e,(a,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 R.o(r)&&(t.size=r),g.default.cloneElement(a,t)})}),ps=()=>({applyBlur:e})=>e?s.themeCssVariables.blur.medium:"none",ms=()=>({isActive:e})=>e?s.themeCssVariables.background.transparent.medium:s.themeCssVariables.background.primary,xs=()=>({focus:e})=>e?`1px solid ${s.themeCssVariables.color.blue}`:`1px solid ${s.themeCssVariables.border.color.strong}`,hs=()=>({position:e})=>{switch(e){case"left":return`${s.themeCssVariables.border.radius.sm} 0px 0px ${s.themeCssVariables.border.radius.sm}`;case"right":return`0px ${s.themeCssVariables.border.radius.sm} ${s.themeCssVariables.border.radius.sm} 0px`;case"middle":return"0px";case"standalone":return s.themeCssVariables.border.radius.sm}return""},bs=()=>({applyShadow:e,focus:r})=>e?s.themeCssVariables.boxShadow.light:r?`0 0 0 3px ${s.themeCssVariables.color.blue3}`:"none",Cs=()=>({disabled:e,focus:r})=>e?s.themeCssVariables.font.color.extraLight:r?s.themeCssVariables.color.blue:s.themeCssVariables.font.color.tertiary,gs=()=>({disabled:e})=>e?"not-allowed":"pointer",ys=()=>({position:e,size:r})=>(r==="small"?24:32)-(e==="standalone"?0:4),Vs=()=>({disabled:e})=>e?"transparent":s.themeCssVariables.background.transparent.lighter,ks=()=>({disabled:e})=>e?"transparent":s.themeCssVariables.background.transparent.medium,fs=c.styled("button")({name:"StyledButton",class:"s1v80m03",propsAsIs:!1,vars:{"s1v80m03-0":[ps()],"s1v80m03-1":[ms()],"s1v80m03-2":[xs()],"s1v80m03-3":[hs()],"s1v80m03-4":[bs()],"s1v80m03-5":[Cs()],"s1v80m03-6":[gs()],"s1v80m03-7":[ys(),"px"],"s1v80m03-8":[Vs()],"s1v80m03-9":[ks()]}}),ie=({className:e,Icon:r,size:n="small",position:a="standalone",applyShadow:i=!0,applyBlur:l=!0,disabled:t=!1,focus:d=!1,onClick:u,isActive:p})=>{const{theme:m}=h.useContext(f.ThemeContext);return o.jsxRuntimeExports.jsx(fs,{disabled:t,focus:d&&!t,size:n,applyShadow:i,applyBlur:l,className:e,position:a,onClick:u,isActive:p,children:r&&o.jsxRuntimeExports.jsx(r,{size:m.icon.size.md})})},Ss=c.styled("div")({name:"StyledFloatingIconButtonGroupContainer",class:"s1kppr65",propsAsIs:!1}),js=({iconButtons:e,size:r,className:n})=>o.jsxRuntimeExports.jsx(Ss,{className:n,children:e.map(({Icon:a,onClick:i,isActive:l},t)=>{const d=e.length===1?"standalone":t===0?"left":t===e.length-1?"right":"middle";return o.jsxRuntimeExports.jsx(ie,{applyBlur:!1,applyShadow:!1,Icon:a,onClick:i,position:d,size:r,isActive:l},`floating-icon-button-${t}`)})}),Es=(e,r,n,a)=>{const i=!n&&a;switch(e){case"primary":switch(r){case"default":return{background:s.themeCssVariables.background.secondary,borderColor:a?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.light,borderWidthOverride:i?"1px 1px":void 0,boxShadow:i?`0 0 0 3px ${s.themeCssVariables.accent.tertiary}`:"none",color:n?s.themeCssVariables.font.color.extraLight:s.themeCssVariables.font.color.secondary,opacity:1,hoverBackground:n?s.themeCssVariables.background.secondary:s.themeCssVariables.background.tertiary,activeBackground:n?s.themeCssVariables.background.secondary:s.themeCssVariables.background.quaternary};case"blue":return{background:s.themeCssVariables.color.blue,borderColor:n?"transparent":a?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.light,borderWidthOverride:i?"1px 1px":void 0,boxShadow:i?`0 0 0 3px ${s.themeCssVariables.accent.tertiary}`:"none",color:s.themeCssVariables.grayScale.gray1,opacity:n?.24:1,hoverBackground:n?s.themeCssVariables.color.blue:s.themeCssVariables.color.blue10,activeBackground:n?s.themeCssVariables.color.blue:s.themeCssVariables.color.blue12};case"danger":return{background:s.themeCssVariables.color.red,borderColor:n?"transparent":a?s.themeCssVariables.color.red:s.themeCssVariables.background.transparent.light,borderWidthOverride:i?"1px 1px":void 0,boxShadow:i?`0 0 0 3px ${s.themeCssVariables.color.red3}`:"none",color:s.themeCssVariables.grayScale.gray1,opacity:n?.24:1,hoverBackground:n?s.themeCssVariables.color.red:s.themeCssVariables.color.red10,activeBackground:n?s.themeCssVariables.color.red:s.themeCssVariables.color.red10}}break;case"secondary":case"tertiary":switch(r){case"default":return{background:a?s.themeCssVariables.background.transparent.primary:"transparent",borderColor:e==="secondary"?i?s.themeCssVariables.color.blue:s.themeCssVariables.background.transparent.medium:a?s.themeCssVariables.color.blue:"transparent",borderWidthOverride:i?"1px 1px":void 0,boxShadow:i?`0 0 0 3px ${s.themeCssVariables.accent.tertiary}`:"none",color:n?s.themeCssVariables.font.color.extraLight:e==="secondary"?s.themeCssVariables.font.color.secondary:s.themeCssVariables.font.color.tertiary,opacity:1,hoverBackground:n?"transparent":s.themeCssVariables.background.transparent.light,activeBackground:n?"transparent":s.themeCssVariables.background.transparent.light};case"blue":return{background:a?s.themeCssVariables.background.transparent.primary:"transparent",borderColor:e==="secondary"?n?s.themeCssVariables.color.blue5:s.themeCssVariables.color.blue:a?s.themeCssVariables.color.blue:"transparent",borderWidthOverride:i?"1px 1px":void 0,boxShadow:i?`0 0 0 3px ${s.themeCssVariables.accent.tertiary}`:"none",color:n?s.themeCssVariables.accent.accent4060:s.themeCssVariables.color.blue,opacity:1,hoverBackground:n?"transparent":s.themeCssVariables.accent.tertiary,activeBackground:n?"transparent":s.themeCssVariables.accent.secondary};case"danger":return{background:"transparent",borderColor:e==="secondary"?s.themeCssVariables.border.color.danger:a?s.themeCssVariables.color.red:"transparent",borderWidthOverride:i?"1px 1px":void 0,boxShadow:i?`0 0 0 3px ${s.themeCssVariables.color.red3}`:"none",color:n?s.themeCssVariables.color.red5:s.themeCssVariables.font.color.danger,opacity:1,hoverBackground:n?"transparent":s.themeCssVariables.background.danger,activeBackground:n?"transparent":s.themeCssVariables.background.danger}}}return{background:"transparent",borderColor:"transparent",boxShadow:"none",color:s.themeCssVariables.font.color.secondary,opacity:1,hoverBackground:"transparent",activeBackground:"transparent"}},Rs=()=>({position:e})=>{switch(e){case"left":return`${s.themeCssVariables.border.radius.sm} 0px 0px ${s.themeCssVariables.border.radius.sm}`;case"right":return`0px ${s.themeCssVariables.border.radius.sm} ${s.themeCssVariables.border.radius.sm} 0px`;case"middle":return"0px";case"standalone":return s.themeCssVariables.border.radius.sm}return""},vs=()=>({variant:e,position:r})=>{switch(e){case"primary":case"secondary":return r==="middle"?"1px 0px":"1px";case"tertiary":return"0"}return""},$s=()=>({disabled:e})=>e?"not-allowed":"pointer",_s=()=>({size:e})=>e==="small"?"24px":"32px",Bs=c.styled("button")({name:"StyledButton",class:"s1kfpd8m",propsAsIs:!1,vars:{"s1kfpd8m-0":[Rs()],"s1kfpd8m-1":[vs()],"s1kfpd8m-2":[$s()],"s1kfpd8m-3":[_s()]}}),le=({className:e,Icon:r,variant:n="primary",size:a="medium",accent:i="default",position:l="standalone",disabled:t=!1,focus:d=!1,dataTestId:u,ariaLabel:p,onClick:m,to:b})=>{const{theme:y}=h.useContext(f.ThemeContext),V=h.useMemo(()=>{const C=Es(n,i,t,d);return{"--ibtn-bg":C.background,"--ibtn-border-color":C.borderColor,"--ibtn-border-width":C.borderWidthOverride||void 0,"--ibtn-box-shadow":C.boxShadow,"--ibtn-color":C.color,"--ibtn-opacity":C.opacity,"--ibtn-hover-bg":C.hoverBackground,"--ibtn-active-bg":C.activeBackground}},[n,i,t,d]);return o.jsxRuntimeExports.jsx(Bs,{"data-testid":u,variant:n,size:a,position:l,disabled:t,focus:d,accent:i,className:e,onClick:m,"aria-label":p,to:b,style:V,children:r&&o.jsxRuntimeExports.jsx(r,{size:y.icon.size.md})})},Is=()=>({disabled:e})=>e?"not-allowed":"pointer",As=c.styled("button")({name:"StyledButton",class:"su9t33x",propsAsIs:!1,vars:{"su9t33x-0":[Is()]}}),ce=({className:e,Icon:r,onClick:n,disabled:a=!1})=>{const{theme:i}=h.useContext(f.ThemeContext);return o.jsxRuntimeExports.jsx(As,{className:e,onClick:n,disabled:a,children:r&&o.jsxRuntimeExports.jsx(r,{size:i.icon.size.sm})})},Ls=()=>({disabled:e})=>e?"inherit":s.themeCssVariables.background.transparent.lighter,ws=c.styled("div")({name:"StyledIconButtonGroupContainer",class:"s1ap29xl",propsAsIs:!1,vars:{"s1ap29xl-0":[Ls()]}}),Ts=({iconButtons:e,disabled:r,className:n})=>o.jsxRuntimeExports.jsx(ws,{className:n,disabled:r,children:e.map(({Icon:a,onClick:i},l)=>o.jsxRuntimeExports.jsx(ce,{Icon:a,onClick:i,disabled:r},l))}),zs=()=>({variant:e,disabled:r})=>{if(r===!0)return s.themeCssVariables.background.secondary;switch(e){case"primary":return s.themeCssVariables.background.primaryInverted;case"secondary":return s.themeCssVariables.background.primary;default:return s.themeCssVariables.background.primary}},Gs=()=>({disabled:e,variant:r})=>{if(e===!0)return s.themeCssVariables.background.transparent.lighter;switch(r){case"primary":return s.themeCssVariables.background.transparent.strong;case"secondary":return s.themeCssVariables.border.color.medium;default:return s.themeCssVariables.background.primary}},qs=()=>({disabled:e})=>e?"none":s.themeCssVariables.boxShadow.light,Ds=()=>({variant:e,disabled:r})=>{if(r===!0)return s.themeCssVariables.font.color.light;switch(e){case"primary":return s.themeCssVariables.font.color.inverted;case"secondary":return s.themeCssVariables.font.color.primary;default:return s.themeCssVariables.font.color.primary}},Ms=()=>({disabled:e})=>e?"not-allowed":"pointer",Hs=()=>({fullWidth:e,width:r})=>e?"100%":r?`${r}px`:"auto",Os=()=>({variant:e,disabled:r})=>e==="secondary"?s.themeCssVariables.background.tertiary:r?s.themeCssVariables.background.secondary:s.themeCssVariables.background.primaryInvertedHover,Ws=c.styled("button")({name:"StyledButton",class:"s1pmufn7",propsAsIs:!1,vars:{"s1pmufn7-0":[zs()],"s1pmufn7-1":[Gs()],"s1pmufn7-2":[qs()],"s1pmufn7-3":[Ds()],"s1pmufn7-4":[Ms()],"s1pmufn7-5":[Hs()],"s1pmufn7-6":[Os()]}}),Fs=({Icon:e,title:r,width:n,fullWidth:a=!1,variant:i="primary",type:l,onClick:t,disabled:d,className:u})=>{const{theme:p}=h.useContext(f.ThemeContext);return o.jsxRuntimeExports.jsxs(Ws,{className:u,disabled:d,fullWidth:a,width:n,onClick:t,type:l,variant:i,children:[e&&o.jsxRuntimeExports.jsx(e,{size:p.icon.size.sm}),r]})},Ps=()=>({size:e})=>e==="small"?"20px":"24px",Ys=c.styled("button")({name:"StyledIconButton",class:"sfotzns",propsAsIs:!1,vars:{"sfotzns-0":[Ps()]}}),Ks=({Icon:e,onClick:r,disabled:n,className:a,size:i="small"})=>{const{theme:l}=h.useContext(f.ThemeContext);return o.jsxRuntimeExports.jsx(Ys,{className:a,disabled:n,onClick:r,size:i,children:o.jsxRuntimeExports.jsx(e,{size:l.icon.size.md})})},Ns=()=>({active:e,disabled:r})=>e?s.themeCssVariables.font.color.primary:r?s.themeCssVariables.font.color.light:s.themeCssVariables.font.color.secondary,Us=()=>({disabled:e})=>e?"none":"",Js=()=>({active:e})=>e?s.themeCssVariables.border.color.inverted:"transparent",de=c.styled("button")({name:"StyledTabButton",class:"sqtrnip",propsAsIs:!1,vars:{"sqtrnip-0":[Ns()],"sqtrnip-1":[Us()],"sqtrnip-2":[Js()]}}),Qs=()=>({active:e,disabled:r})=>e?s.themeCssVariables.font.color.primary:r?s.themeCssVariables.font.color.light:s.themeCssVariables.font.color.secondary,Xs=()=>({active:e})=>e?s.themeCssVariables.border.color.inverted:"transparent",Zs=c.styled("div")({name:"StyledTabContainer",class:"sitx1xn",propsAsIs:!1,vars:{"sitx1xn-0":[Qs()],"sitx1xn-1":[Xs()]}}),er=()=>({contentSize:e})=>e==="sm"?`${s.themeCssVariables.spacing[1]} ${s.themeCssVariables.spacing[2]}`:`${s.themeCssVariables.spacing[2]} ${s.themeCssVariables.spacing[2]}`,ue=c.styled("span")({name:"StyledTabHover",class:"svcqkat",propsAsIs:!1,vars:{"svcqkat-0":[er()]}}),pe=({active:e,disabled:r,LeftIcon:n,title:a,logo:i,RightIcon:l,pill:t,contentSize:d="sm",className:u})=>{const{theme:p}=h.useContext(f.ThemeContext),m=e?p.font.color.primary:r?p.font.color.extraLight:p.font.color.secondary;return o.jsxRuntimeExports.jsxs(ue,{contentSize:d,className:u,children:[n&&o.jsxRuntimeExports.jsx(n,{color:m,size:p.icon.size.md}),i&&o.jsxRuntimeExports.jsx(U.Avatar,{avatarUrl:i,size:"md",placeholder:a}),a,l&&o.jsxRuntimeExports.jsx(l,{color:m,size:p.icon.size.md}),t&&(typeof t=="string"?o.jsxRuntimeExports.jsx(ne.Pill,{label:t}):t)]})},sr=c.styled("div")({name:"StyledTabTooltipWrapper",class:"salkq59",propsAsIs:!1}),rr=({id:e,active:r,disabled:n,to:a,LeftIcon:i,className:l,title:t,onClick:d,logo:u,RightIcon:p,pill:m,contentSize:b="sm",disableTestId:y=!1,tooltipContent:V})=>{const C=`tab-${e}`;return o.jsxRuntimeExports.jsxs(sr,{id:C,children:[o.jsxRuntimeExports.jsx(de,{"data-testid":y?void 0:`tab-${e}`,active:r,disabled:n,as:a?Q.Link:"button",to:a,className:l,onClick:d,children:o.jsxRuntimeExports.jsx(pe,{id:e,active:r,disabled:n,LeftIcon:i,title:t,logo:u,RightIcon:p,pill:m,contentSize:b})}),V&&o.jsxRuntimeExports.jsx(U.AppTooltip,{anchorSelect:`#${C}`,content:V,noArrow:!0,place:"bottom",positionStrategy:"fixed",delay:U.TooltipDelay.shortDelay})]},e)},J="baseCodeEditorTheme",E=e=>{const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(R.o(r)){const[,n,a,i,l]=r,t=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),d=Math.round(parseFloat(a)*255).toString(16).padStart(2,"0"),u=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");if(R.o(l)){const p=Math.round(parseFloat(l)*255).toString(16).padStart(2,"0");return`#${t}${d}${u}${p}`}return`#${t}${d}${u}`}return e},me=e=>({base:"vs",inherit:!0,rules:[{token:"",foreground:E(e.code.text.gray),fontStyle:"bold"},{token:"keyword",foreground:E(e.code.text.sky)},{token:"delimiter",foreground:E(e.code.text.gray)},{token:"string",foreground:E(e.code.text.pink)},{token:"comment",foreground:E(e.code.text.orange)}],colors:{"editor.background":"#00000000","editorCursor.foreground":E(e.font.color.primary),"editorLineNumber.foreground":E(e.font.color.extraLight),"editorLineNumber.activeForeground":E(e.font.color.light),"editor.lineHighlightBackground":E(e.background.tertiary)}}),tr=()=>({height:e})=>typeof e=="number"?`${e}px`:e,ar=()=>({variant:e})=>e==="borderless"?"none":`1px solid ${s.themeCssVariables.border.color.medium}`,or=()=>({variant:e})=>e==="default"?`1px solid ${s.themeCssVariables.border.color.medium}`:"none",nr=()=>({variant:e})=>{switch(e){case"default":return s.themeCssVariables.border.radius.sm;case"with-header":return`0 0 ${s.themeCssVariables.border.radius.sm} ${s.themeCssVariables.border.radius.sm}`;default:return"0"}},ir=c.styled("div")({name:"StyledEditorLoader",class:"spsmn0o",propsAsIs:!1,vars:{"spsmn0o-0":[tr()],"spsmn0o-1":[ar()],"spsmn0o-2":[or()],"spsmn0o-3":[nr()]}}),lr=c.styled("div")({name:"StyledCodeEditorContainer",class:"s1pdjlmf",propsAsIs:!1}),cr=()=>({transparentBackground:e})=>e?"transparent":s.themeCssVariables.background.secondary,dr=()=>({variant:e})=>e!=="borderless"?s.themeCssVariables.border.radius.sm:"0",ur=()=>({variant:e})=>{switch(e){case"default":case"with-header":return`1px solid ${s.themeCssVariables.border.color.medium}`;default:return"none"}},pr=()=>({variant:e})=>{switch(e){case"default":return s.themeCssVariables.border.radius.sm;case"with-header":return`0 0 ${s.themeCssVariables.border.radius.sm} ${s.themeCssVariables.border.radius.sm}`;default:return"0"}},mr=()=>({variant:e})=>e==="with-header"?"none":e==="default"?`1px solid ${s.themeCssVariables.border.color.medium}`:"none",xr=c.styled("div")({name:"StyledEditorWrapper",class:"s1r0a801",propsAsIs:!1,vars:{"s1r0a801-0":[cr()],"s1r0a801-1":[dr()],"s1r0a801-2":[ur()],"s1r0a801-3":[pr()],"s1r0a801-4":[mr()]}}),hr=({value:e,language:r,onMount:n,onChange:a,setMarkers:i,onValidate:l,height:t=450,variant:d="default",transparentBackground:u,isLoading:p=!1,options:m,resizable:b=!1})=>{const{theme:y}=h.useContext(f.ThemeContext),[V,C]=h.useState(void 0),[L,D]=h.useState(void 0),[M,B]=h.useState(!1),H=typeof t=="number"?t:450,{size:w,handleResizeStart:T,handleResizeMove:O,handleResizeEnd:W}=ee.useResizeHandle({initialSize:H}),z=b?w:t,G=(x,j)=>{const I=x?.getModel();if(!R.o(I))return;const S=i?.(I.getValue());R.o(S)&&j?.editor.setModelMarkers(I,"customMarker",S)},F=x=>{M&&x.stopPropagation()};return p?o.jsxRuntimeExports.jsx(ir,{height:z,variant:d,children:o.jsxRuntimeExports.jsx(ge.Loader,{})}):o.jsxRuntimeExports.jsxs(lr,{onKeyDown:F,children:[o.jsxRuntimeExports.jsx("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),o.jsxRuntimeExports.jsx(xr,{variant:d,transparentBackground:u,children:o.jsxRuntimeExports.jsx(ke.default,{height:z,value:e,language:r,loading:"",onMount:(x,j)=>{C(j),D(x),j.editor.defineTheme(J,me(y)),j.editor.setTheme(J),x.onDidFocusEditorWidget(()=>{B(!0)}),x.onDidBlurEditorWidget(()=>{B(!1)}),n?.(x,j),G(x,j)},onChange:x=>{R.o(x)&&(a?.(x),G(L,V))},onValidate:x=>{l?.(x)},options:{formatOnPaste:!0,formatOnType:!0,overviewRulerLanes:0,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...m}})}),b&&o.jsxRuntimeExports.jsx(ee.ResizeHandle,{onPointerDown:T,onPointerMove:O,onPointerUp:W})]})},br=c.styled("div")({name:"StyledEditorHeader",class:"s1g8du2o",propsAsIs:!1}),re=c.styled("div")({name:"StyledElementContainer",class:"s1djmuxl",propsAsIs:!1}),Cr=({title:e,leftNodes:r,rightNodes:n})=>o.jsxRuntimeExports.jsxs(br,{children:[o.jsxRuntimeExports.jsxs(re,{children:[r&&r.map((a,i)=>o.jsxRuntimeExports.jsx("div",{children:a},`left-${i}`)),e]}),o.jsxRuntimeExports.jsx(re,{children:n&&n.map((a,i)=>o.jsxRuntimeExports.jsx("div",{children:a},`right-${i}`))})]}),gr=()=>({variant:e})=>e==="Dark"?A.GRAY_SCALE_DARK.gray4:k.GRAY_SCALE_LIGHT.gray4,yr=()=>({variant:e})=>e==="Dark"?`1px solid ${A.GRAY_SCALE_DARK.gray5}`:`1px solid ${k.GRAY_SCALE_LIGHT.gray5}`,Vr=c.styled("div")({name:"StyledColorSchemeBackground",class:"sdnoz1c",propsAsIs:!1,vars:{"sdnoz1c-0":[gr()],"sdnoz1c-1":[yr()]}}),kr=()=>({variant:e})=>{switch(e){case"Dark":return A.GRAY_SCALE_DARK.gray1;case"Light":return k.GRAY_SCALE_LIGHT.gray1}return""},fr=()=>({variant:e})=>e==="Dark"?`1px solid ${A.GRAY_SCALE_DARK.gray5}`:`1px solid ${k.GRAY_SCALE_LIGHT.gray5}`,Sr=()=>({variant:e})=>e==="Dark"?A.GRAY_SCALE_DARK.gray12:k.GRAY_SCALE_LIGHT.gray12,jr=c.styled("div")({name:"StyledColorSchemeContentBase",class:"s18c1ucb",propsAsIs:!1,vars:{"s18c1ucb-0":[kr()],"s18c1ucb-1":[fr()],"s18c1ucb-2":[Sr()]}}),Er=v.motion.create(jr),P=({variant:e,controls:r,style:n,className:a,onClick:i,onMouseEnter:l,onMouseLeave:t})=>o.jsxRuntimeExports.jsx(Vr,{className:a,variant:e,style:n,onClick:i,onMouseEnter:l,onMouseLeave:t,children:o.jsxRuntimeExports.jsx(Er,{animate:r,variant:e,children:"Aa"})}),te=c.styled("div")({name:"StyledContainer",class:"s116vstx",propsAsIs:!1}),Rr=c.styled("div")({name:"StyledMixedColorSchemeSegment",class:"s1my8hdh",propsAsIs:!1}),vr=c.styled("div")({name:"StyledCheckmarkContainerBase",class:"s1qkiuk3",propsAsIs:!1}),ae=v.motion.create(vr),oe={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},q=({variant:e,selected:r,onClick:n})=>{const a=v.useAnimation(),i=()=>{a.start({height:61,fontSize:"22px",transition:{duration:.1}})},l=()=>{a.start({height:56,fontSize:"20px",transition:{duration:.1}})};return e==="System"?o.jsxRuntimeExports.jsxs(te,{children:[o.jsxRuntimeExports.jsxs(Rr,{onMouseEnter:i,onMouseLeave:l,onClick:n,children:[o.jsxRuntimeExports.jsx(P,{style:{borderTopRightRadius:0,borderBottomRightRadius:0},controls:a,variant:"Light"}),o.jsxRuntimeExports.jsx(P,{style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},controls:a,variant:"Dark"})]}),o.jsxRuntimeExports.jsx(v.AnimatePresence,{children:r&&o.jsxRuntimeExports.jsx(ae,{variants:oe,initial:"initial",animate:"animate",exit:"exit",transition:{duration:.3},children:o.jsxRuntimeExports.jsx($.Checkmark,{})},"system")})]}):o.jsxRuntimeExports.jsxs(te,{children:[o.jsxRuntimeExports.jsx(P,{onMouseEnter:i,onMouseLeave:l,controls:a,variant:e,onClick:n}),o.jsxRuntimeExports.jsx(v.AnimatePresence,{children:r&&o.jsxRuntimeExports.jsx(ae,{variants:oe,initial:"initial",animate:"animate",exit:"exit",transition:{duration:.3},children:o.jsxRuntimeExports.jsx($.Checkmark,{})},e)})]})},$r=c.styled("div")({name:"StyledContainer",class:"s1mtn0on",propsAsIs:!1}),Y=c.styled("div")({name:"StyledCardContainer",class:"s1tmrvj8",propsAsIs:!1}),K=c.styled("span")({name:"StyledLabel",class:"stz89lx",propsAsIs:!1}),_r=({value:e,onChange:r,className:n,lightLabel:a,darkLabel:i,systemLabel:l})=>o.jsxRuntimeExports.jsxs($r,{className:n,children:[o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(q,{onClick:()=>r("Light"),variant:"Light",selected:e==="Light"}),o.jsxRuntimeExports.jsx(K,{children:a})]}),o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(q,{onClick:()=>r("Dark"),variant:"Dark",selected:e==="Dark"}),o.jsxRuntimeExports.jsx(K,{children:i})]}),o.jsxRuntimeExports.jsxs(Y,{children:[o.jsxRuntimeExports.jsx(q,{onClick:()=>r("System"),variant:"System",selected:e==="System"}),o.jsxRuntimeExports.jsx(K,{children:l})]})]}),xe=({value:e,onChange:r,onValueChange:n,children:a})=>{const i=l=>{r?.(l),n?.(l.target.value)};return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:g.default.Children.map(a,l=>g.default.isValidElement(l)?g.default.cloneElement(l,{style:{marginBottom:s.themeCssVariables.spacing[2]},checked:l.props.value===e,onChange:i}):l)})};var he=(e=>(e.Large="large",e.Small="small",e))(he||{}),be=(e=>(e.Left="left",e.Right="right",e))(be||{});const Br=()=>({labelPosition:e})=>e==="left"?`
+    flex-direction: row-reverse;
+  `:`
+    flex-direction: row;
+  `,Ir=c.styled("div")({name:"StyledContainer",class:"s1qz10pl",propsAsIs:!1,vars:{"s1qz10pl-0":[Br()]}}),Ar=()=>({"radio-size":e})=>e==="large"?"18px":"16px",Lr=()=>({checked:e})=>e?"":s.themeCssVariables.background.tertiary,wr=()=>({checked:e})=>e?s.themeCssVariables.color.transparent.blue2:s.themeCssVariables.background.tertiary,Tr=()=>({"radio-size":e})=>e==="large"?"8px":"6px",zr=c.styled("input")({name:"StyledRadioInputBase",class:"s13b90o4",propsAsIs:!1,vars:{"s13b90o4-0":[Ar()],"s13b90o4-1":[Lr()],"s13b90o4-2":[wr()],"s13b90o4-3":[Tr()]}}),Gr=v.motion.create(zr),qr=()=>({labelPosition:e})=>e==="right"?s.themeCssVariables.spacing[2]:"0px",Dr=()=>({labelPosition:e})=>e==="left"?s.themeCssVariables.spacing[2]:"0px",Mr=()=>({disabled:e})=>e?.32:1,Hr=c.styled("label")({name:"StyledLabel",class:"s1hru1qk",propsAsIs:!1,vars:{"s1hru1qk-0":[qr()],"s1hru1qk-1":[Dr()],"s1hru1qk-2":[Mr()]}}),X=({checked:e,className:r,name:n="input-radio",disabled:a=!1,label:i,labelPosition:l="right",onChange:t,onCheckedChange:d,size:u="small",value:p})=>{const m=y=>{t?.(y),d?.(y.target.checked)},b=g.useId();return o.jsxRuntimeExports.jsxs(Ir,{className:r,labelPosition:l,children:[o.jsxRuntimeExports.jsx(Gr,{type:"radio",id:b,name:n,"data-testid":"input-radio",tabIndex:-1,checked:e,value:p||i,"radio-size":u,disabled:a,onChange:m,initial:{scale:.95},animate:{scale:e?1.05:.95},transition:{type:"spring",stiffness:300,damping:20}}),i&&o.jsxRuntimeExports.jsx(Hr,{htmlFor:b,labelPosition:l,disabled:a,children:i})]})};X.Group=xe;const Or=c.styled("button")({name:"StyledSubscriptionCardContainer",class:"spn2m6g",propsAsIs:!1}),Wr=c.styled("div")({name:"StyledCardInner",class:"sk1hi2j",propsAsIs:!1}),Fr=c.styled("div")({name:"StyledRadioContainer",class:"s191djy0",propsAsIs:!1}),Pr=({children:e,checked:r,handleChange:n})=>o.jsxRuntimeExports.jsxs(Or,{onClick:n,children:[o.jsxRuntimeExports.jsx(Fr,{children:o.jsxRuntimeExports.jsx(X,{checked:r})}),o.jsxRuntimeExports.jsx(Wr,{children:e})]}),Yr=e=>g.createElement("svg",{width:8,height:32,xmlns:"http://www.w3.org/2000/svg",fill:"none",...e},g.createElement("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"}),g.createElement("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"}),g.createElement("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"})),Kr=e=>{const r=e.size??8,n=e.size??32;return o.jsxRuntimeExports.jsx(Yr,{height:n,width:r})},Nr=c.styled("div")({name:"StyledWrapper",class:"sbax95g",propsAsIs:!1}),Ur=c.styled("div")({name:"StyledInputContainer",class:"s4b2e6d",propsAsIs:!1}),Jr=()=>({isFocused:e})=>e?s.themeCssVariables.font.color.secondary:s.themeCssVariables.font.color.light,Qr=c.styled("div")({name:"StyledIconContainer",class:"sj2a6tv",propsAsIs:!1,vars:{"sj2a6tv-0":[Jr()]}}),Xr=c.styled("input")({name:"StyledInput",class:"s1ktfsj4",propsAsIs:!1}),Zr=({value:e,onChange:r,placeholder:n,filterDropdown:a,autoFocus:i,disabled:l,className:t})=>{const{theme:d}=h.useContext(f.ThemeContext),[u,p]=h.useState(!1),m=o.jsxRuntimeExports.jsx(le,{Icon:$.IconFilter,variant:"secondary"});return o.jsxRuntimeExports.jsxs(Nr,{className:t,children:[o.jsxRuntimeExports.jsxs(Ur,{children:[o.jsxRuntimeExports.jsx(Qr,{isFocused:u,children:o.jsxRuntimeExports.jsx($.IconSearch,{size:d.icon.size.md})}),o.jsxRuntimeExports.jsx(Xr,{value:e,onChange:b=>r(b.target.value),onFocus:()=>p(!0),onBlur:()=>p(!1),placeholder:n,autoFocus:i,disabled:l})]}),a&&a(m)]})};exports.Button=$.Button;exports.LightButton=$.LightButton;exports.baseTransitionTiming=$.baseTransitionTiming;exports.LightIconButton=N.LightIconButton;exports.Checkbox=_.Checkbox;exports.CheckboxAccent=_.CheckboxAccent;exports.CheckboxShape=_.CheckboxShape;exports.CheckboxSize=_.CheckboxSize;exports.CheckboxVariant=_.CheckboxVariant;exports.LightIconButtonGroup=_.LightIconButtonGroup;exports.Toggle=_.Toggle;exports.AnimatedButton=ze;exports.AnimatedLightIconButton=Ke;exports.BASE_CODE_EDITOR_THEME_ID=J;exports.ButtonGroup=Ue;exports.CardPicker=Pr;exports.CodeEditor=hr;exports.ColorPickerButton=Xe;exports.ColorSchemeCard=q;exports.ColorSchemePicker=_r;exports.CoreEditorHeader=Cr;exports.FloatingButton=cs;exports.FloatingButtonGroup=us;exports.FloatingIconButton=ie;exports.FloatingIconButtonGroup=js;exports.IconButton=le;exports.IconButtonGroup=Ts;exports.IconListViewGrip=Kr;exports.InsideButton=ce;exports.LabelPosition=be;exports.MainButton=Fs;exports.Radio=X;exports.RadioGroup=xe;exports.RadioSize=he;exports.RoundedIconButton=Ks;exports.SearchInput=Zr;exports.StyledTabButton=de;exports.StyledTabContainer=Zs;exports.StyledTabHover=ue;exports.TabButton=rr;exports.TabContent=pe;exports.getBaseCodeEditorTheme=me;