diff --git a/core-Bases-Breakpoints-__storybook__-index-stories.6a74cf03.iframe.bundle.js b/core-Bases-Breakpoints-__storybook__-index-stories.6a74cf03.iframe.bundle.js
new file mode 100644
index 000000000..57607cc1f
--- /dev/null
+++ b/core-Bases-Breakpoints-__storybook__-index-stories.6a74cf03.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[7344],{"./packages/components/src/core/Bases/Breakpoints/__storybook__/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),storybookBadges=__webpack_require__("./packages/components/src/common/storybook/storybookBadges.ts");const StyledBreakpointsWrapper=(0,__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js").A)("div",{target:"ed93reg0"})("max-width:100%;");var Table=__webpack_require__("./packages/components/src/core/Table/index.tsx"),TableHeader=__webpack_require__("./packages/components/src/core/TableHeader/index.tsx"),CellHeader=__webpack_require__("./packages/components/src/core/CellHeader/index.tsx"),TableRow=__webpack_require__("./packages/components/src/core/TableRow/index.tsx"),CellComponent=__webpack_require__("./packages/components/src/core/CellComponent/index.tsx"),CellBasic=__webpack_require__("./packages/components/src/core/CellBasic/index.tsx"),utils=__webpack_require__("./packages/components/src/core/Bases/utils.ts"),style=__webpack_require__("./packages/components/src/core/Bases/style.ts");const BREAKPOINTS_USAGE={lg:"Large breakpoint can be used for all large displays ( > 1024px).",md:"Medium breakpoint will work for small laptops and large-screened tablets (512px - 1023px).",sm:"Small breakpoint will work for mobile devices and small-screened tablets (0px - 511px)."};var useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const Template=()=>{const theme=(0,useTheme.A)(),breakpoints=(0,styles.BQ)({theme})?.values;if(breakpoints){const TableBodyContent=Object.entries(breakpoints).sort(((a,b)=>b[1]-a[1])).map((([key,value])=>((size,name)=>{const sassVariable="$sds-breakpoint-"+name,cssVariable="--sds-breakpoint-"+name;return(0,jsx_runtime.jsxs)(TableRow.A,{hover:!1,children:[(0,jsx_runtime.jsx)(CellComponent.A,{verticalAlign:"center",horizontalAlign:"left",children:(0,jsx_runtime.jsx)("strong",{children:name})}),(0,jsx_runtime.jsxs)(CellComponent.A,{verticalAlign:"center",children:[(0,jsx_runtime.jsx)(style.k,{onClick:()=>(0,utils.lW)(sassVariable),type:"sass",children:sassVariable}),(0,jsx_runtime.jsx)(style.k,{onClick:()=>(0,utils.lW)(cssVariable),type:"css",children:cssVariable})]}),(0,jsx_runtime.jsx)(CellComponent.A,{verticalAlign:"center",children:`${size}px`}),(0,jsx_runtime.jsx)(CellBasic.A,{verticalAlign:"center",primaryText:BREAKPOINTS_USAGE[name],shouldShowTooltipOnHover:!1})]},name)})(value,key)));return(0,jsx_runtime.jsxs)(Table.A,{children:[(0,jsx_runtime.jsxs)(TableHeader.A,{children:[(0,jsx_runtime.jsx)(CellHeader.A,{hideSortIcon:!0,style:{width:30},children:"Breakpoint"}),(0,jsx_runtime.jsx)(CellHeader.A,{hideSortIcon:!0,style:{width:50},children:"Variables"}),(0,jsx_runtime.jsx)(CellHeader.A,{hideSortIcon:!0,style:{width:30},children:"Value"}),(0,jsx_runtime.jsx)(CellHeader.A,{hideSortIcon:!0,children:"Usage"})]}),(0,jsx_runtime.jsx)("tbody",{children:TableBodyContent})]})}};Template.__docgenInfo={description:"",methods:[],displayName:"Template"};const index_stories={parameters:{badges:[storybookBadges.y.STABLE]},title:"Bases/Breakpoints"},Default={render:()=>(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(StyledBreakpointsWrapper,{children:(0,jsx_runtime.jsx)(Template,{})})})},__namedExportsOrder=["Default"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n render: () => <>\n \n \n \n >\n}",...Default.parameters?.docs?.source}}}},"./packages/components/src/core/CellBasic/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_CellBasic});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["icon","iconVerticalAlign","horizontalAlign","verticalAlign","primaryText","secondaryText","tertiaryText","shouldTextWrap","shouldShowTooltipOnHover","tooltipProps","primaryTextWrapLineCount","secondaryTextWrapLineCount","tertiaryTextWrapLineCount","primaryTextComponentSlotBottom","primaryTextComponentSlotRight"],verticalAlignCSSMap={bottom:"bottom",center:"middle",top:"top"},verticalAlignToFlexMap={bottom:"flex-end",center:"center",top:"flex-start"},StyledTableData=(0,emotion_styled_browser_esm.A)("td",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl60"})(styles.JU," ",styles.UT," ",(props=>{const{horizontalAlign="left",verticalAlign="top"}=props,spaces=(0,styles.oZ)(props);return`\n padding: ${spaces?.l}px ${spaces?.m}px;\n text-align: ${horizontalAlign};\n vertical-align: ${verticalAlignCSSMap[verticalAlign]};\n overflow: hidden;\n `})),ShouldWrap=lineCount=>`\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: ${lineCount};\n -webkit-box-orient: vertical; \n `,StyledCellContent=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl61"})("display:flex;"),StyledCellContentWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl62"})("width:100%;"),StyledCellIconWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl63"})((props=>{const{iconVerticalAlign="top"}=props,spaces=(0,styles.oZ)(props);return`\n padding-right: ${spaces?.l}px;\n display: flex;\n flex-direction: column;\n justify-content: ${verticalAlignToFlexMap[iconVerticalAlign]};\n `})),PrimaryTextWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl64"})((props=>{const{horizontalAlign}=props;return`\n display: flex;\n justify-content: ${"left"===horizontalAlign?"flex-start":"flex-end"};\n `})),PrimaryText=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl65"})(styles.JU," ",(props=>{const{primaryTextWrapLineCount=3}=props;return`\n display: block;\n ${props.shouldTextWrap?ShouldWrap(primaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),SecondaryText=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl66"})(styles.Pf," ",(props=>{const{secondaryTextWrapLineCount=1}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n display: block;\n color: ${semanticColors?.base?.textSecondary};\n padding-top: ${spaces?.xxxs}px;\n\n ${props.shouldTextWrap?ShouldWrap(secondaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),TertiaryText=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl67"})(styles.Pf," ",(props=>{const{tertiaryTextWrapLineCount=1}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n display: block;\n color: ${semanticColors?.base?.textSecondary};\n padding-top: ${spaces?.s}px;\n\n ${props.shouldTextWrap?ShouldWrap(tertiaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),PrimaryTextComponentSlotBottomWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl68"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.xxs}px;\n `})),PrimaryTextComponentSlotRightWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl69"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-left: ${spaces?.xs}px;\n `})),CellBasicContent=props=>{const{primaryText,primaryTextWrapLineCount,secondaryText,secondaryTextWrapLineCount,tertiaryText,tertiaryTextWrapLineCount,shouldTextWrap=!0,icon,iconVerticalAlign,primaryTextComponentSlotRight,primaryTextComponentSlotBottom,horizontalAlign="left"}=props;return(0,jsx_runtime.jsxs)(StyledCellContent,{children:[icon&&(0,jsx_runtime.jsx)(StyledCellIconWrapper,{iconVerticalAlign,children:icon}),(0,jsx_runtime.jsxs)(StyledCellContentWrapper,{children:[(0,jsx_runtime.jsxs)(PrimaryTextWrapper,{horizontalAlign,children:[(0,jsx_runtime.jsx)(PrimaryText,{shouldTextWrap,primaryTextWrapLineCount,children:primaryText}),primaryTextComponentSlotRight&&(0,jsx_runtime.jsx)(PrimaryTextComponentSlotRightWrapper,{children:primaryTextComponentSlotRight})]}),!secondaryText&&!tertiaryText&&primaryTextComponentSlotBottom&&(0,jsx_runtime.jsx)(PrimaryTextComponentSlotBottomWrapper,{children:primaryTextComponentSlotBottom}),secondaryText&&(0,jsx_runtime.jsx)(SecondaryText,{shouldTextWrap,secondaryTextWrapLineCount,children:secondaryText}),tertiaryText&&(0,jsx_runtime.jsx)(TertiaryText,{shouldTextWrap,tertiaryTextWrapLineCount,children:tertiaryText})]})]})},CellBasic=(0,react.forwardRef)(((props,ref)=>{const{primaryText,secondaryText,shouldShowTooltipOnHover=!0,tooltipProps}=props;return shouldShowTooltipOnHover?(0,jsx_runtime.jsx)(Tooltip.A,{title:primaryText,subtitle:secondaryText,arrow:!0,leaveDelay:0,leaveTouchDelay:0,sdsStyle:"dark",...tooltipProps,children:(0,jsx_runtime.jsx)(StyledTableData,{ref,...props,children:(0,jsx_runtime.jsx)(CellBasicContent,{...props})})}):(0,jsx_runtime.jsx)(StyledTableData,{ref,...props,children:(0,jsx_runtime.jsx)(CellBasicContent,{...props})})})),core_CellBasic=CellBasic;CellBasic.__docgenInfo={description:"",methods:[],displayName:"CellBasic",props:{shouldShowTooltipOnHover:{required:!1,tsType:{name:"boolean"},description:""},tooltipProps:{required:!1,tsType:{name:"Partial",elements:[{name:"TooltipProps"}],raw:"Partial"},description:""},horizontalAlign:{required:!1,tsType:{name:"union",raw:'"left" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},verticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""},iconVerticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""},shouldTextWrap:{required:!1,tsType:{name:"boolean"},description:""},primaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},secondaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},tertiaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},primaryText:{required:!0,tsType:{name:"string"},description:""},secondaryText:{required:!1,tsType:{name:"string"},description:""},tertiaryText:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]},description:""},primaryTextComponentSlotRight:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},primaryTextComponentSlotBottom:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}},composes:["CommonThemeProps","Omit"]}}}]);
\ No newline at end of file
diff --git a/core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js.map b/core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js.map
deleted file mode 100644
index 04d9e097b..000000000
--- a/core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js","mappings":";;;AAYA","sources":["webpack://@czi-sds/monorepo/./packages/components/src/core/Dropdown/__storybook__/stories/insideModal.tsx"],"sourcesContent":["import { Args } from \"@storybook/react\";\nimport { AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS } from \"src/common/storybook/AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS\";\nimport { DefaultAutocompleteOption } from \"src/core/Autocomplete\";\nimport Dialog from \"src/core/Dialog\";\nimport { Dropdown } from \"./default\";\nimport { Paper, styled } from \"@mui/material\";\n\nconst StyledPaper = styled(Paper)`\n width: 200px;\n padding: 50px;\n`;\n\nexport function InsideModalDemo<\n T extends DefaultAutocompleteOption,\n Multiple extends boolean | undefined,\n DisableClearable extends boolean | undefined,\n FreeSolo extends boolean | undefined,\n>(props: Args): JSX.Element {\n return (\n \n );\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js b/core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js
similarity index 99%
rename from core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js
rename to core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js
index 36479b4b4..59eb72f10 100644
--- a/core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js
+++ b/core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js
@@ -1,5 +1,6 @@
"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[3976],{"./node_modules/@mui/material/Dialog/Dialog.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Dialog_Dialog});var objectWithoutPropertiesLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("./node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),useId=__webpack_require__("./node_modules/@mui/utils/esm/useId/useId.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),Modal=__webpack_require__("./node_modules/@mui/material/Modal/Modal.js"),Fade=__webpack_require__("./node_modules/@mui/material/Fade/Fade.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),DefaultPropsProvider=__webpack_require__("./node_modules/@mui/material/DefaultPropsProvider/DefaultPropsProvider.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getDialogUtilityClass(slot){return(0,generateUtilityClass.Ay)("MuiDialog",slot)}const Dialog_dialogClasses=(0,generateUtilityClasses.A)("MuiDialog",["root","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]);var DialogContext=__webpack_require__("./node_modules/@mui/material/Dialog/DialogContext.js"),Backdrop=__webpack_require__("./node_modules/@mui/material/Backdrop/Backdrop.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["aria-describedby","aria-labelledby","BackdropComponent","BackdropProps","children","className","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClick","onClose","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps"],DialogBackdrop=(0,styled.Ay)(Backdrop.A,{name:"MuiDialog",slot:"Backdrop",overrides:(props,styles)=>styles.backdrop})({zIndex:-1}),DialogRoot=(0,styled.Ay)(Modal.A,{name:"MuiDialog",slot:"Root",overridesResolver:(props,styles)=>styles.root})({"@media print":{position:"absolute !important"}}),DialogContainer=(0,styled.Ay)("div",{name:"MuiDialog",slot:"Container",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.container,styles[`scroll${(0,capitalize.A)(ownerState.scroll)}`]]}})((({ownerState})=>(0,esm_extends.A)({height:"100%","@media print":{height:"auto"},outline:0},"paper"===ownerState.scroll&&{display:"flex",justifyContent:"center",alignItems:"center"},"body"===ownerState.scroll&&{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}))),DialogPaper=(0,styled.Ay)(Paper.A,{name:"MuiDialog",slot:"Paper",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.paper,styles[`scrollPaper${(0,capitalize.A)(ownerState.scroll)}`],styles[`paperWidth${(0,capitalize.A)(String(ownerState.maxWidth))}`],ownerState.fullWidth&&styles.paperFullWidth,ownerState.fullScreen&&styles.paperFullScreen]}})((({theme,ownerState})=>(0,esm_extends.A)({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},"paper"===ownerState.scroll&&{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},"body"===ownerState.scroll&&{display:"inline-block",verticalAlign:"middle",textAlign:"left"},!ownerState.maxWidth&&{maxWidth:"calc(100% - 64px)"},"xs"===ownerState.maxWidth&&{maxWidth:"px"===theme.breakpoints.unit?Math.max(theme.breakpoints.values.xs,444):`max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,[`&.${Dialog_dialogClasses.paperScrollBody}`]:{[theme.breakpoints.down(Math.max(theme.breakpoints.values.xs,444)+64)]:{maxWidth:"calc(100% - 64px)"}}},ownerState.maxWidth&&"xs"!==ownerState.maxWidth&&{maxWidth:`${theme.breakpoints.values[ownerState.maxWidth]}${theme.breakpoints.unit}`,[`&.${Dialog_dialogClasses.paperScrollBody}`]:{[theme.breakpoints.down(theme.breakpoints.values[ownerState.maxWidth]+64)]:{maxWidth:"calc(100% - 64px)"}}},ownerState.fullWidth&&{width:"calc(100% - 64px)"},ownerState.fullScreen&&{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${Dialog_dialogClasses.paperScrollBody}`]:{margin:0,maxWidth:"100%"}}))),Dialog_Dialog=react.forwardRef((function Dialog(inProps,ref){const props=(0,DefaultPropsProvider.b)({props:inProps,name:"MuiDialog"}),theme=(0,useTheme.A)(),defaultTransitionDuration={enter:theme.transitions.duration.enteringScreen,exit:theme.transitions.duration.leavingScreen},{"aria-describedby":ariaDescribedby,"aria-labelledby":ariaLabelledbyProp,BackdropComponent,BackdropProps,children,className,disableEscapeKeyDown=!1,fullScreen=!1,fullWidth=!1,maxWidth="sm",onBackdropClick,onClick,onClose,open,PaperComponent=Paper.A,PaperProps={},scroll="paper",TransitionComponent=Fade.A,transitionDuration=defaultTransitionDuration,TransitionProps}=props,other=(0,objectWithoutPropertiesLoose.A)(props,_excluded),ownerState=(0,esm_extends.A)({},props,{disableEscapeKeyDown,fullScreen,fullWidth,maxWidth,scroll}),classes=(ownerState=>{const{classes,scroll,maxWidth,fullWidth,fullScreen}=ownerState,slots={root:["root"],container:["container",`scroll${(0,capitalize.A)(scroll)}`],paper:["paper",`paperScroll${(0,capitalize.A)(scroll)}`,`paperWidth${(0,capitalize.A)(String(maxWidth))}`,fullWidth&&"paperFullWidth",fullScreen&&"paperFullScreen"]};return(0,composeClasses.A)(slots,getDialogUtilityClass,classes)})(ownerState),backdropClick=react.useRef(),ariaLabelledby=(0,useId.A)(ariaLabelledbyProp),dialogContextValue=react.useMemo((()=>({titleId:ariaLabelledby})),[ariaLabelledby]);return(0,jsx_runtime.jsx)(DialogRoot,(0,esm_extends.A)({className:(0,clsx.A)(classes.root,className),closeAfterTransition:!0,components:{Backdrop:DialogBackdrop},componentsProps:{backdrop:(0,esm_extends.A)({transitionDuration,as:BackdropComponent},BackdropProps)},disableEscapeKeyDown,onClose,open,ref,onClick:event=>{onClick&&onClick(event),backdropClick.current&&(backdropClick.current=null,onBackdropClick&&onBackdropClick(event),onClose&&onClose(event,"backdropClick"))},ownerState},other,{children:(0,jsx_runtime.jsx)(TransitionComponent,(0,esm_extends.A)({appear:!0,in:open,timeout:transitionDuration,role:"presentation"},TransitionProps,{children:(0,jsx_runtime.jsx)(DialogContainer,{className:(0,clsx.A)(classes.container),onMouseDown:event=>{backdropClick.current=event.target===event.currentTarget},ownerState,children:(0,jsx_runtime.jsx)(DialogPaper,(0,esm_extends.A)({as:PaperComponent,elevation:24,role:"dialog","aria-describedby":ariaDescribedby,"aria-labelledby":ariaLabelledby},PaperProps,{className:(0,clsx.A)(classes.paper,PaperProps.className),ownerState,children:(0,jsx_runtime.jsx)(DialogContext.A.Provider,{value:dialogContextValue,children})}))})}))}))}))},"./node_modules/@mui/material/Dialog/DialogContext.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/react/index.js").createContext({})},"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ControlledDropdown:()=>ControlledDropdown,Default:()=>Default,InsideModal:()=>InsideModal,LoadingResultsIndicator:()=>LoadingResultsIndicator,MultiColumnWithButtons:()=>MultiColumnWithButtons,PopperPlacement:()=>PopperPlacement,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),LoadingIndicator=__webpack_require__("./packages/components/src/core/LoadingIndicator/index.tsx"),dist=__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/dist/index.mjs"),react=__webpack_require__("./node_modules/react/index.js"),AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS=__webpack_require__("./packages/components/src/common/storybook/AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.tsx"),Dropdown=__webpack_require__("./packages/components/src/core/Dropdown/index.tsx");const default_Dropdown=props=>{const{multiple,options=AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.G}=props,[value,setValue]=(0,react.useState)(multiple?[]:null);return(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Click Target",onChange:function handleChange(_event,newValue){setValue(newValue)},value,options,search:!1,multiple,DropdownMenuProps:{groupBy:option=>option.section,width:300},...props})};default_Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown"};var AUTOCOMPLETE_MULTI_COLUMN_OPTIONS=__webpack_require__("./packages/components/src/common/storybook/AUTOCOMPLETE_MULTI_COLUMN_OPTIONS.tsx"),utils=__webpack_require__("./packages/components/src/common/utils.ts");const DROPDOWN_EXCLUDED_CONTROLS=["buttonPosition","label","onChange","DropdownMenuProps","buttons","closeOnBlur","disabled","multiple","onClose","options","search","isTriggerChangeOnOptionClick"],DROPDOWN_ON_CHANGE_OPTIONS=[utils.lQ,value=>{console.log(value)}],DROPDOWN_ON_CLOSE_OPTIONS=[utils.lQ,()=>{console.log("Closed!")}],DROPDOWN_BUTTON_POSITION_OPTIONS=["left","right"],DROPDOWN_DATA_OPTIONS=[AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.G,[AUTOCOMPLETE_MULTI_COLUMN_OPTIONS.J[0],AUTOCOMPLETE_MULTI_COLUMN_OPTIONS.J[1]],[AUTOCOMPLETE_MULTI_COLUMN_OPTIONS.J[0],AUTOCOMPLETE_MULTI_COLUMN_OPTIONS.J[1],AUTOCOMPLETE_MULTI_COLUMN_OPTIONS.J[2]]];var emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx");const ControlledDropdownDemo=props=>{const[value,setValue]=(0,react.useState)([]),StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"e1ncfenm0"})("&:focus{outline:none;}margin:0 0 24px 8px;");return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:function handleClick(){setValue([...AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.G.slice(0,3)])},sdsStyle:"minimal",sdsType:"primary",children:"Click here to select the first three options"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Click Target",...props,options:AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.G,value,onChange:function handleChange(event,newValue){setValue(newValue)},"data-testid":"dropdown",DropdownMenuProps:{groupBy:option=>option.section,title:"Github Labels",width:300},multiple:!0})]})};ControlledDropdownDemo.__docgenInfo={description:"",methods:[],displayName:"ControlledDropdownDemo"};const TestDemo=props=>(0,jsx_runtime.jsx)(Dropdown.Ay,{"data-testid":"dropdown",label:"Click Target",onChange:utils.lQ,options:AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.G,DropdownMenuProps:{width:300},...props});TestDemo.__docgenInfo={description:"",methods:[],displayName:"TestDemo"};var Dialog=__webpack_require__("./packages/components/src/core/Dialog/index.tsx"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js");const StyledPaper=(0,styled.Ay)(Paper.A)`
- width: 200px;
+ width: 300px;
+ max-width: unset !important;
padding: 50px;
`;function InsideModalDemo(props){return(0,jsx_runtime.jsx)(Dialog.A,{open:!0,disableEnforceFocus:!0,PaperComponent:StyledPaper,children:(0,jsx_runtime.jsx)(default_Dropdown,{label:"Dropdown",options:AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS.G,multiple:!0,InputDropdownProps:{sdsStyle:"square"},...props})})}InsideModalDemo.__docgenInfo={description:"",methods:[],displayName:"InsideModalDemo"};const PopperPlacementDemo=()=>{const[value,setValue]=(0,react.useState)(null),options=(0,react.useMemo)((()=>[{count:2,name:"Item 1"},{count:0,name:"Item 2"},{count:12,name:"Item 3"}]),[]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{style:{gridArea:"3 / 2 / 4 / 4"},children:[(0,jsx_runtime.jsx)("p",{children:"To adjust the placement of the popper, use the DropdownMenuProps property and set PopperPlacement to your desired value:"}),(0,jsx_runtime.jsx)("pre",{style:{backgroundColor:"#c3c3c347",borderRadius:4,padding:"0px 20px"},children:'\n\n '})]}),(0,jsx_runtime.jsxs)("div",{style:{display:"grid",gridColumnGap:"0px",gridRowGap:"0px",gridTemplateColumns:"repeat(5, 1fr)",gridTemplateRows:"repeat(5, 1fr)",height:"500px",padding:"30px"},children:[(0,jsx_runtime.jsx)("div",{style:{gridArea:"1 / 2 / 2 / 3"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Bottom Start",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"bottom-start",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"1 / 3 / 2 / 4"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Bottom",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"bottom",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"1 / 4 / 2 / 5"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Bottom End",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"bottom-end",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"2 / 1 / 3 / 2"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Right Start",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"right-start",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"3 / 1 / 4 / 2"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Right",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"right",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"4 / 1 / 5 / 2"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Right End",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"right-end",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"5 / 2 / 6 / 3"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Top Start",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"top-start",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"5 / 3 / 6 / 4"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Top",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"top",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"5 / 4 / 6 / 5"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Top End",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"top-end",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"2 / 5 / 3 / 6"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Left Start",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"left-start",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"3 / 5 / 4 / 6"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Left",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"left",groupBy:option=>option.section,width:150}})}),(0,jsx_runtime.jsx)("div",{style:{gridArea:"4 / 5 / 5 / 6"},children:(0,jsx_runtime.jsx)(Dropdown.Ay,{label:"Left End",onChange:handleChange,value,options,search:!1,DropdownMenuProps:{PopperPlacement:"left-end",groupBy:option=>option.section,width:150}})})]})]});function handleChange(_event,newValue){setValue(newValue)}};PopperPlacementDemo.__docgenInfo={description:"",methods:[],displayName:"PopperPlacementDemo"};const index_stories={argTypes:{DropdownMenuProps:{control:{type:"object"}},buttonPosition:{control:{labels:["left","right"],type:"select"},mapping:DROPDOWN_BUTTON_POSITION_OPTIONS,options:Object.keys(DROPDOWN_BUTTON_POSITION_OPTIONS)},buttons:{control:{type:"boolean"}},closeOnBlur:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}},label:{control:{type:"text"}},multiple:{control:{type:"boolean"}},onChange:{control:{labels:["NOOP","Log value on change"],type:"select"},mapping:DROPDOWN_ON_CHANGE_OPTIONS,options:Object.keys(DROPDOWN_ON_CHANGE_OPTIONS)},onClose:{control:{labels:["NOOP","console.log('Closed!')"],type:"select"},mapping:DROPDOWN_ON_CLOSE_OPTIONS,options:Object.keys(DROPDOWN_ON_CLOSE_OPTIONS)},options:{control:{labels:["One Column","Two Columns","Three Columns"],type:"select"},mapping:DROPDOWN_DATA_OPTIONS,options:Object.keys(DROPDOWN_DATA_OPTIONS)},search:{control:{type:"boolean"},defaultValue:!0}},component:default_Dropdown,parameters:{badges:[dist.yq.STABLE]},title:"Components/Dropdowns/Dropdown"},Default={args:{DropdownMenuProps:{PopperPlacement:"bottom-start"},buttonPosition:"left",buttons:!1,closeOnBlur:!0,disabled:!1,isTriggerChangeOnOptionClick:!1,label:"Click Target",multiple:!0,options:DROPDOWN_DATA_OPTIONS[0],search:!0}},MultiColumnWithButtons={args:{buttonPosition:"left",buttons:!0,closeOnBlur:!0,disabled:!1,isTriggerChangeOnOptionClick:!1,label:"Click Target",multiple:!0,options:DROPDOWN_DATA_OPTIONS[2],search:!0},parameters:{controls:{exclude:DROPDOWN_EXCLUDED_CONTROLS}},render:args=>(0,jsx_runtime.jsx)(default_Dropdown,{...args})},LoadingResultsIndicator={args:{DropdownMenuProps:{loading:!0,loadingText:(0,jsx_runtime.jsx)(LoadingIndicator.A,{sdsStyle:"minimal"})},label:"Click Target",options:[]},parameters:{controls:{exclude:DROPDOWN_EXCLUDED_CONTROLS},snapshot:{skip:!0}}},InsideModal={parameters:{axe:{disabledRules:["aria-dialog-name"]},controls:{exclude:DROPDOWN_EXCLUDED_CONTROLS},snapshot:{skip:!0}},render:args=>(0,jsx_runtime.jsx)(InsideModalDemo,{...args})},ControlledDropdown={args:{label:"Click Target"},parameters:{controls:{exclude:DROPDOWN_EXCLUDED_CONTROLS},snapshot:{skip:!0}},render:args=>(0,jsx_runtime.jsx)(ControlledDropdownDemo,{...args})},PopperPlacement={args:{label:"Click Target"},parameters:{controls:{exclude:DROPDOWN_EXCLUDED_CONTROLS},snapshot:{skip:!0}},render:args=>(0,jsx_runtime.jsx)(PopperPlacementDemo,{...args})},Test={args:{buttonPosition:"left",label:"Click Target"},parameters:{controls:{exclude:DROPDOWN_EXCLUDED_CONTROLS},snapshot:{skip:!0}},render:args=>(0,jsx_runtime.jsx)(TestDemo,{...args})},__namedExportsOrder=["Default","MultiColumnWithButtons","LoadingResultsIndicator","InsideModal","ControlledDropdown","PopperPlacement","Test"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n args: {\n DropdownMenuProps: {\n PopperPlacement: "bottom-start"\n },\n buttonPosition: "left",\n buttons: false,\n closeOnBlur: true,\n disabled: false,\n isTriggerChangeOnOptionClick: false,\n label: DROPDOWN_LABEL,\n multiple: true,\n options: DROPDOWN_DATA_OPTIONS[0],\n search: true\n }\n}',...Default.parameters?.docs?.source}}},MultiColumnWithButtons.parameters={...MultiColumnWithButtons.parameters,docs:{...MultiColumnWithButtons.parameters?.docs,source:{originalSource:'{\n args: {\n buttonPosition: "left",\n buttons: true,\n closeOnBlur: true,\n disabled: false,\n isTriggerChangeOnOptionClick: false,\n label: DROPDOWN_LABEL,\n multiple: true,\n options: DROPDOWN_DATA_OPTIONS[2],\n search: true\n },\n parameters: {\n controls: {\n exclude: DROPDOWN_EXCLUDED_CONTROLS\n }\n },\n render: (args: Args) => \n}',...MultiColumnWithButtons.parameters?.docs?.source}}},LoadingResultsIndicator.parameters={...LoadingResultsIndicator.parameters,docs:{...LoadingResultsIndicator.parameters?.docs,source:{originalSource:'{\n args: {\n DropdownMenuProps: {\n loading: true,\n loadingText: \n },\n label: DROPDOWN_LABEL,\n options: []\n },\n parameters: {\n controls: {\n exclude: DROPDOWN_EXCLUDED_CONTROLS\n },\n snapshot: {\n skip: true\n }\n }\n}',...LoadingResultsIndicator.parameters?.docs?.source}}},InsideModal.parameters={...InsideModal.parameters,docs:{...InsideModal.parameters?.docs,source:{originalSource:'{\n parameters: {\n axe: {\n disabledRules: ["aria-dialog-name"]\n },\n controls: {\n exclude: DROPDOWN_EXCLUDED_CONTROLS\n },\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}',...InsideModal.parameters?.docs?.source}}},ControlledDropdown.parameters={...ControlledDropdown.parameters,docs:{...ControlledDropdown.parameters?.docs,source:{originalSource:"{\n args: {\n label: DROPDOWN_LABEL\n },\n parameters: {\n controls: {\n exclude: DROPDOWN_EXCLUDED_CONTROLS\n },\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}",...ControlledDropdown.parameters?.docs?.source}}},PopperPlacement.parameters={...PopperPlacement.parameters,docs:{...PopperPlacement.parameters?.docs,source:{originalSource:"{\n args: {\n label: DROPDOWN_LABEL\n },\n parameters: {\n controls: {\n exclude: DROPDOWN_EXCLUDED_CONTROLS\n },\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}",...PopperPlacement.parameters?.docs?.source}}},Test.parameters={...Test.parameters,docs:{...Test.parameters?.docs,source:{originalSource:'{\n args: {\n buttonPosition: "left",\n label: DROPDOWN_LABEL\n },\n parameters: {\n controls: {\n exclude: DROPDOWN_EXCLUDED_CONTROLS\n },\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}',...Test.parameters?.docs?.source}}}},"./packages/components/src/core/Dialog/components/DialogPaper/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogPaper});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),common=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsSize"],StyledPaper=(0,emotion_styled_browser_esm.A)(Paper.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rkxeus0"})("&{",paperDimensions," ",(props=>{const spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.surfacePrimary};\n background-image: none;\n box-shadow: ${shadows?.l};\n max-height: calc(100vh - ${2*(spaces?.xxl||0)}px);\n border-radius: ${corners?.m||0}px;\n padding: ${spaces?.xxl||0}px;\n `}),"}");function paperDimensions(props){const{sdsSize}=props,{width,minHeight}={l:{minHeight:"600px",width:"1200px"},m:{minHeight:"480px",width:"900px"},s:{minHeight:"400px",width:"600px"},xs:{minHeight:"160px",width:"400px"}}[sdsSize];return`\n width: ${width};\n min-height: ${minHeight};\n max-width: revert;\n box-sizing: border-box;\n `}const DialogPaper=(0,react.forwardRef)((function DialogPaper(props,ref){return(0,jsx_runtime.jsx)(common.M.Consumer,{children:({sdsSize})=>(0,jsx_runtime.jsx)(StyledPaper,{sdsSize,ref,...props})})})),components_DialogPaper=DialogPaper;DialogPaper.__docgenInfo={description:"@see https://mui.com/material-ui/react-paper/",methods:[],displayName:"DialogPaper"}},"./packages/components/src/core/Dialog/components/common.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>DialogContext});const DialogContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({sdsSize:"m"})},"./packages/components/src/core/Dialog/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/Dialog/Dialog.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_components_DialogPaper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Dialog/components/DialogPaper/index.tsx"),_components_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts");const Dialog=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((function Dialog(props,ref){const{canClickOutsideClose=!0,onClose,sdsSize="m",PaperComponent=_components_DialogPaper__WEBPACK_IMPORTED_MODULE_2__.A,...rest}=props,contextValue=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>({sdsSize})),[sdsSize]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common__WEBPACK_IMPORTED_MODULE_3__.M.Provider,{value:contextValue,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{ref,PaperComponent,...rest,onClose:(event,reason)=>{(canClickOutsideClose||!reason||"backdropClick"!==reason&&"escapeKeyDown"!==reason)&&onClose&&onClose(event,reason)}})})})),__WEBPACK_DEFAULT_EXPORT__=Dialog;Dialog.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"Dialog"}},"./packages/components/src/core/Dropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>core_Dropdown});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonPosition"],StyledButtonsWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e125bwfx0"})((props=>{const{buttonPosition}=props;return`\n display: flex;\n justify-content: ${"left"===buttonPosition?"start":"end"};\n `})),StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e125bwfx1"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.l}px;\n margin-right: ${spaces?.m}px;\n `})),Dropdown=props=>{const{options,label="",multiple=!1,search=!1,buttonPosition="right",buttons=!1,closeOnBlur=!buttons,onClose,onChange,DropdownMenuProps={},InputDropdownProps={sdsStyle:"minimal"},InputDropdownComponent=InputDropdown.A,isTriggerChangeOnOptionClick=!1,disabled=!1,value:propValue,onClick,...rest}=props;buttons&&!multiple&&console.warn("Warning: buttons are only supported for multiple select dropdowns.");const isMultiColumn="options"in(options?.[0]||utils.Ml),isControlled=void 0!==propValue,[anchorEl,setAnchorEl]=(0,react.useState)(null),[open,setOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(getInitialValue()),[pendingValue,setPendingValue]=(0,react.useState)(getInitialValue()),shouldShowButtons=buttons&&!isTriggerChangeOnOptionClick&&multiple;return(0,react.useEffect)((()=>{isControlled&&setValue(propValue)}),[isControlled,propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,{disabled,label,onClick:function handleClick(event){onClick?.(event),open?shouldShowButtons||(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus()):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},...InputDropdownProps,...rest}),(0,jsx_runtime.jsx)(DropdownMenu.A,{anchorEl,open,search,onClose:handleClose,multiple,disableCloseOnSelect:multiple,options,onClickAway:function handleClickAway(){open&&(closeOnBlur&&!shouldShowButtons&&setOpen(!1),multiple&&setValue(pendingValue))},width:250,onChange:function handleChange(event,newValue,reason,details){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValueAndCallOnChange(event,newValue,reason,details)):setPendingValue(newValue);setValueAndCallOnChange(event,newValue,reason,details),isMultiColumn||setOpen(!1)},value:isMultiColumn?value:multiple?pendingValue:value,...DropdownMenuProps,...rest,children:shouldShowButtons?(0,jsx_runtime.jsx)(StyledButtonsWrapper,{buttonPosition,children:"left"===buttonPosition?(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleButtonClose,sdsStyle:"square",sdsType:"primary",children:"Apply"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"})]}):(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleButtonClose,sdsStyle:"square",sdsType:"primary",children:"Apply"})]})}):null})]});function getInitialValue(){return multiple?[]:null}function handleClose(event,reason){"toggleInput"!==reason&&(shouldShowButtons&&"blur"===reason||(multiple&&setValue(pendingValue),anchorEl&&anchorEl.focus(),closeOnBlur&&onClose?.(event,reason),shouldShowButtons&&(onClose?.(event,reason),setOpen(!1))))}function handleButtonClose(event){handleClose(event,"selectOption")}function handleCancel(){multiple&&setPendingValue(value),anchorEl&&anchorEl.focus(),setOpen(!1)}function setValueAndCallOnChange(event,newValue,reason,details){setValue(newValue),onChange?.(event,newValue,reason,details)}},core_Dropdown=Dropdown;Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{buttonPosition:{required:!1,tsType:{name:"union",raw:'"left" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},buttons:{required:!1,tsType:{name:"boolean"},description:""},closeOnBlur:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},label:{required:!0,tsType:{name:"ReactNode"},description:""},options:{required:!0,tsType:{name:"union",raw:"| AutocompleteSingleColumnOption[]\n| AutocompleteMultiColumnOption[]",elements:[{name:"Array",elements:[{name:"AutocompleteSingleColumnOption",elements:[{name:"T"}],raw:"AutocompleteSingleColumnOption"}],raw:"AutocompleteSingleColumnOption[]"},{name:"Array",elements:[{name:"AutocompleteMultiColumnOption",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteMultiColumnOption"}],raw:"AutocompleteMultiColumnOption[]"}]},description:""},search:{required:!1,tsType:{name:"boolean"},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"SdsDropdownMenuProps",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"SdsDropdownMenuProps"}],raw:"Partial<\n SdsDropdownMenuProps\n>"},description:""},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial"},description:""},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""},className:{required:!1,tsType:{name:"string"},description:""},InputDropdownComponent:{required:!1,tsType:{name:"InputDropdown"},description:""},isTriggerChangeOnOptionClick:{required:!1,tsType:{name:"boolean"},description:""}}}},"./packages/components/src/core/LoadingIndicator/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_LoadingIndicator});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledText=(0,emotion_styled_browser_esm.A)("span",{target:"e73vzaj0"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin: 0 ${spaces?.xs}px;\n `})),doNotForwardProps=["sdsStyle"],StyledLoadingIndicator=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e73vzaj1"})((props=>{const{sdsStyle}=props,spaces=(0,styles.oZ)(props),style=(0,emotion_react_browser_esm.AH)("display:inline-flex;align-items:center;padding:",spaces?.xxs,"px;");return(0,emotion_react_browser_esm.AH)(style," ","minimal"===sdsStyle&&(props=>{const iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)((0,styles.JU)(props)," color:",semanticColors?.base?.textSecondary,";svg{height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;path{fill:",semanticColors?.base?.iconPrimary,";}}")})(props)," ","tag"===sdsStyle&&(props=>{const corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)((0,styles.Uw)(props)," background-color:",semanticColors?.info?.surfacePrimary,";border-radius:",corners?.l,"px;color:",semanticColors?.info?.text,";svg{path{fill:",semanticColors?.info?.ornament,";}}")})(props))})),LoadingIndicator=({"aria-label":ariaLabel,sdsStyle})=>(0,jsx_runtime.jsxs)(StyledLoadingIndicator,{sdsStyle,"aria-label":"Loading",children:[(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Loading",sdsSize:"l",sdsType:"static"}),(0,jsx_runtime.jsx)(StyledText,{"aria-label":ariaLabel,"aria-live":"polite",role:"status",children:"Loading"})]}),core_LoadingIndicator=LoadingIndicator;LoadingIndicator.__docgenInfo={description:"",methods:[],displayName:"LoadingIndicator",props:{sdsStyle:{required:!0,tsType:{name:"union",raw:'"minimal" | "tag"',elements:[{name:"literal",value:'"minimal"'},{name:"literal",value:'"tag"'}]},description:""},"aria-label":{required:!1,tsType:{name:"string"},description:""}},composes:["CommonThemeProps"]}}}]);
-//# sourceMappingURL=core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js.map
\ No newline at end of file
+//# sourceMappingURL=core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js.map
\ No newline at end of file
diff --git a/core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js.map b/core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js.map
new file mode 100644
index 000000000..0324b92ae
--- /dev/null
+++ b/core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js","mappings":";;;;AAaA","sources":["webpack://@czi-sds/monorepo/./packages/components/src/core/Dropdown/__storybook__/stories/insideModal.tsx"],"sourcesContent":["import { Args } from \"@storybook/react\";\nimport { AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS } from \"src/common/storybook/AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS\";\nimport { DefaultAutocompleteOption } from \"src/core/Autocomplete\";\nimport Dialog from \"src/core/Dialog\";\nimport { Dropdown } from \"./default\";\nimport { Paper, styled } from \"@mui/material\";\n\nconst StyledPaper = styled(Paper)`\n width: 300px;\n max-width: unset !important;\n padding: 50px;\n`;\n\nexport function InsideModalDemo<\n T extends DefaultAutocompleteOption,\n Multiple extends boolean | undefined,\n DisableClearable extends boolean | undefined,\n FreeSolo extends boolean | undefined,\n>(props: Args): JSX.Element {\n return (\n \n );\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/core-HeatmapChart-__storybook__-index-stories.8cccb62d.iframe.bundle.js b/core-HeatmapChart-__storybook__-index-stories.8cccb62d.iframe.bundle.js
new file mode 100644
index 000000000..4fd107efa
--- /dev/null
+++ b/core-HeatmapChart-__storybook__-index-stories.8cccb62d.iframe.bundle.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[5243],{"./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,HeatmapDemo:()=>HeatmapDemo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const HEATMAP_COLORS=["#ffffcc","#fffecb","#fffec9","#fffdc8","#fffdc6","#fffcc5","#fffcc4","#fffbc2","#fffac1","#fffac0","#fff9be","#fff9bd","#fff8bb","#fff8ba","#fff7b9","#fff6b7","#fff6b6","#fff5b5","#fff5b3","#fff4b2","#fff4b0","#fff3af","#fff2ae","#fff2ac","#fff1ab","#fff1aa","#fff0a8","#fff0a7","#ffefa6","#ffeea4","#ffeea3","#ffeda2","#ffeda0","#ffec9f","#ffeb9d","#ffeb9c","#ffea9b","#ffea99","#ffe998","#ffe897","#ffe895","#ffe794","#ffe693","#ffe691","#ffe590","#ffe48f","#ffe48d","#ffe38c","#fee28b","#fee289","#fee188","#fee087","#fee085","#fedf84","#fede83","#fedd82","#fedc80","#fedc7f","#fedb7e","#feda7c","#fed97b","#fed87a","#fed778","#fed777","#fed676","#fed574","#fed473","#fed372","#fed270","#fed16f","#fed06e","#fecf6c","#fece6b","#fecd6a","#fecb69","#feca67","#fec966","#fec865","#fec764","#fec662","#fec561","#fec460","#fec25f","#fec15e","#fec05c","#febf5b","#febe5a","#febd59","#febb58","#feba57","#feb956","#feb855","#feb754","#feb553","#feb452","#feb351","#feb250","#feb14f","#feb04e","#feae4d","#fead4d","#feac4c","#feab4b","#feaa4a","#fea84a","#fea749","#fea648","#fea547","#fea347","#fea246","#fea145","#fda045","#fd9e44","#fd9d44","#fd9c43","#fd9b42","#fd9942","#fd9841","#fd9741","#fd9540","#fd9440","#fd923f","#fd913f","#fd8f3e","#fd8e3e","#fd8d3d","#fd8b3c","#fd893c","#fd883b","#fd863b","#fd853a","#fd833a","#fd8139","#fd8039","#fd7e38","#fd7c38","#fd7b37","#fd7937","#fd7736","#fc7535","#fc7335","#fc7234","#fc7034","#fc6e33","#fc6c33","#fc6a32","#fc6832","#fb6731","#fb6531","#fb6330","#fb6130","#fb5f2f","#fa5d2e","#fa5c2e","#fa5a2d","#fa582d","#f9562c","#f9542c","#f9522b","#f8512b","#f84f2a","#f74d2a","#f74b29","#f64929","#f64828","#f54628","#f54427","#f44227","#f44127","#f33f26","#f23d26","#f23c25","#f13a25","#f03824","#f03724","#ef3524","#ee3423","#ed3223","#ed3123","#ec2f22","#eb2e22","#ea2c22","#e92b22","#e92921","#e82821","#e72621","#e62521","#e52420","#e42220","#e32120","#e22020","#e11f20","#e01d20","#df1c20","#de1b20","#dd1a20","#dc1920","#db1820","#da1720","#d91620","#d81520","#d71420","#d51320","#d41221","#d31121","#d21021","#d10f21","#cf0e21","#ce0d21","#cd0d22","#cc0c22","#ca0b22","#c90a22","#c80a22","#c60923","#c50823","#c40823","#c20723","#c10723","#bf0624","#be0624","#bc0524","#bb0524","#b90424","#b80424","#b60425","#b50325","#b30325","#b10325","#b00225","#ae0225","#ac0225","#ab0225","#a90125","#a70126","#a50126","#a40126","#a20126","#a00126","#9e0126","#9c0026","#9a0026","#990026","#970026","#950026","#930026","#910026","#8f0026","#8d0026","#8b0026","#8a0026","#880026","#860026","#840026","#820026","#800026"],HEATMAP_NUMBERS=Array.from(Array(100).keys()),HEATMAP_DATA=[];for(const x of HEATMAP_NUMBERS)for(const y of HEATMAP_NUMBERS)HEATMAP_DATA.push({value:Math.round(100*Math.random()),x,y});const HEATMAP_ENCODE={x:"x",y:"y"},HEATMAP_ITEM_STYLE={borderColor:"white",borderType:"solid",borderWidth:1,color:({data:{value}})=>HEATMAP_COLORS[Math.round(value/100*(HEATMAP_COLORS.length-1))],opacity:1},HEATMAP_TOOLTIP_OPTIONS=[{show:!1},{enterable:!0,formatter:function(param){return param.data?[`X-Axis: ${param.data.x}
`,`Y-Axis: ${param.data.y}
`,`${param.marker} ${param.data.value}`].join(""):[]},show:!0}],HEATMAP_AXIS_POINTER_OPTIONS=[{show:!1,type:"none"},{show:!0,triggerOn:"mousemove",type:"none"},{show:!0,triggerOn:"click",type:"none"}];var dist=__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/dist/index.mjs"),react_redux=__webpack_require__("./node_modules/react-redux/dist/react-redux.mjs"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js");const SELECTED_STYLE_fontFamily="sans-serif",SELECTED_STYLE_fontSize=12,SELECTED_STYLE_fontWeight="bold",CTX="undefined"!=typeof document&&document.createElement("canvas").getContext("2d")||null;function formatLabel(name,maxWidth,font){if(!CTX)return{length:0,text:name};CTX.font=font;const ellipsisWidth=CTX.measureText("...").width,fullWidth=CTX.measureText(name).width;if(fullWidth<=maxWidth)return{length:fullWidth,text:name};const labelHalfWidth=(maxWidth-ellipsisWidth)/2,formattedLabel=getFixedWidth(name,labelHalfWidth,font)+" ... "+getFixedWidth(name,labelHalfWidth,font,!0);return{length:CTX.measureText(formattedLabel).width,text:formattedLabel}}function getFixedWidth(text,maxWidth,font,reverse=!1){if(!CTX)return text;if(CTX.font=font,reverse)for(let i=text.length;i>=0;i--){const substring=text.substring(i-1);if(CTX.measureText(substring).width>maxWidth)return text.substring(i)}else for(let i=0;imaxWidth)return text.substring(0,i)}return text}const toPascalCase=s=>s?s.replace(/(\w)(\w*)/g,((_,p,q)=>p.toUpperCase()+q.toLowerCase())):s,doNotForwardProps=["camera"],StyledContainer=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e17ktdog0"})("padding-top:",130,"px;position:relative;"),StyledHeatmapWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e17ktdog1"})("position:relative;margin-left:",130,"px;");var react=__webpack_require__("./node_modules/react/index.js");const XAxisWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck60"})(xAxisWidthAndOffset," height:",(props=>props.height),"px;position:absolute;overflow:hidden;z-index:2;top:1px;border-bottom:solid 1px #666;"),XAxisContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck61"})(xAxisWidth," height:",(props=>props.height),"px;top:0px;position:absolute;display:flex;flex-direction:row;justify-content:space-between;"),XAxisLabel=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck62"})((()=>`\n height: 100%;\n width: ${(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)).width/36}px;\n writing-mode: vertical-lr;\n color: #555;\n display: flex;\n justify-content: end;\n align-items: center;\n padding-bottom: 25px;\n &::before {\n content: "";\n position: absolute;\n width: 1px;\n height: 5px;\n background-color: #666;\n margin-left: -25px;\n bottom: 0;\n }\n `)),XAxisGeneName=(0,emotion_styled_browser_esm.A)("span",{target:"e1vu6ck63"})("transform:scale(-1,-1);",selectedStyle),InfoButtonWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck64"})("transform:scale(1,1);cursor:pointer;display:flex;margin-bottom:4px;margin-top:4px;justify-content:center;font-size:10px;"),GeneButtonStyle=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck65"})((props=>`\n border: none;\n z-index: 2;\n display: inline-flex;\n justify-content: space-between;\n white-space: nowrap;\n flex-direction: column;\n align-items: center;\n\n &:hover {\n ${activeStyle()}\n }\n\n ${props.active?activeStyle():null}\n `)),HoverContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck66"})("display:flex;flex-direction:column;opacity:0.2;position:absolute;bottom:0;z-index:3;");function xAxisWidthAndOffset({width,left}){return`\n width: ${width}px;\n left: ${left}px;\n `}function xAxisWidth({width}){return`\n width: ${width}px;\n `}function selectedStyle({font}){return`\n font: ${font};\n `}function activeStyle(){return"\n cursor: pointer;\n #gene-hover-container {\n visibility: visible;\n }\n background-color: #c3c3c340;\n .gene-label-container {\n color: unset;\n }\n .gene-label-container span {\n font-weight: 600;\n }\n .x-axis-hover-container {\n opacity: 1;\n }\n "}function GeneButton({active,gene,handleGeneClick}){const{name:geneName,index:geneIndex}=gene,currentFont=`\n normal\n ${active?SELECTED_STYLE_fontWeight:"normal"}\n ${SELECTED_STYLE_fontSize}px ${SELECTED_STYLE_fontFamily}\n `,formattedLabel=(0,react.useMemo)((()=>formatLabel(`${geneName}`,100,currentFont).text),[geneName,currentFont]),memoizedHandleGeneClick=(0,react.useCallback)((()=>{handleGeneClick(gene)}),[handleGeneClick,gene]);return(0,jsx_runtime.jsxs)(GeneButtonStyle,{id:`gene-label-${geneName}`,onClick:memoizedHandleGeneClick,active,children:[(0,jsx_runtime.jsx)(HoverContainer,{className:"x-axis-hover-container",id:"gene-hover-container",children:(0,jsx_runtime.jsx)(InfoButtonWrapper,{children:geneIndex})}),(0,jsx_runtime.jsx)(XAxisLabel,{className:"gene-label-container",children:(0,jsx_runtime.jsx)(XAxisGeneName,{font:currentFont,children:formattedLabel})})]})}const XAxisChart=(0,react.forwardRef)((({geneNames,labelClicked},ref)=>{const heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),wrapperRef=(0,react.useRef)(null);(0,react.useImperativeHandle)(ref,(()=>({changeActiveLabel(label){setActiveGene(label)},getWrapperRef:()=>wrapperRef})));const[activeGene,setActiveGene]=(0,react.useState)(null);return(0,jsx_runtime.jsx)(XAxisContainer,{className:"gene-labels",width:heatmapCanvasSize.width,height:130,ref:wrapperRef,children:geneNames.map((gene=>(0,jsx_runtime.jsx)(GeneButton,{gene,genesToDelete:[""],active:activeGene===gene.index,handleGeneClick:theGene=>{activeGene===theGene.index?setActiveGene(null):setActiveGene(theGene.index),labelClicked(theGene)}},gene.name)))})})),components_XAxisChart=XAxisChart;XAxisChart.__docgenInfo={description:"",methods:[{name:"changeActiveLabel",docblock:null,modifiers:[],params:[{name:"label",optional:!1,type:null}],returns:null},{name:"getWrapperRef",docblock:null,modifiers:[],params:[],returns:null}],displayName:"XAxisChart",props:{geneNames:{required:!0,tsType:{name:"Array",elements:[{name:"Gene"}],raw:"Gene[]"},description:""},labelClicked:{required:!0,tsType:{name:"signature",type:"function",raw:"(gene: Gene) => void",signature:{arguments:[{type:{name:"Gene"},name:"gene"}],return:{name:"void"}}},description:""}}};const YAxisWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s0"})(yAxisWidthAndOffset," height:",(props=>props.height),"px;position:absolute;overflow:hidden;z-index:2;left:1px;border-right:solid 1px #666;"),YAxisContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s1"})(yAxisWidth," left:0px;position:absolute;display:flex;flex-direction:column-reverse;justify-content:space-between;"),YAxisLabel=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s2"})((({index})=>`\n height: ${(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)).height/20}px;\n width: 100%;\n color: #555;\n display: flex;\n justify-content: end;\n align-items: center;\n padding-right: ${index<100?25:index<1e3?35:40}px;\n &::before {\n content: "";\n position: absolute;\n height: 1px;\n width: 5px;\n background-color: #666;\n right: 0;\n margin-bottom: 25px;\n }`)),YAxisGeneName=(0,emotion_styled_browser_esm.A)("span",{target:"e1gni52s3"})(style_selectedStyle),style_InfoButtonWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s4"})("transform:scale(1,1);cursor:pointer;display:flex;margin-bottom:4px;margin-top:4px;justify-content:center;font-size:10px;"),style_GeneButtonStyle=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s5"})((props=>`\n border: none;\n z-index: 2;\n display: inline-flex;\n justify-content: space-between;\n white-space: nowrap;\n flex-direction: row;\n align-items: center;\n\n &:hover {\n ${style_activeStyle()}\n }\n\n ${props.active?style_activeStyle():null}\n `)),style_HoverContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s6"})("display:flex;flex-direction:row;opacity:0.2;position:absolute;right:0;padding-right:8px;z-index:3;");function yAxisWidthAndOffset({width,bottom}){return`\n width: ${width}px;\n bottom: ${bottom}px;\n `}function yAxisWidth({width}){return`\n width: ${width}px;\n `}function style_selectedStyle({font}){return`\n font: ${font};\n `}function style_activeStyle(){return"\n cursor: pointer;\n #gene-hover-container {\n visibility: visible;\n }\n background-color: #c3c3c340;\n .gene-label-container {\n color: unset;\n }\n .gene-label-container span {\n font-weight: 600;\n }\n .y-axis-hover-container {\n opacity: 1;\n }\n "}function YAxisChart_GeneButton({active,gene,handleGeneClick}){const{name:geneName,index:geneIndex}=gene,currentFont=`\n normal\n ${active?SELECTED_STYLE_fontWeight:"normal"}\n ${SELECTED_STYLE_fontSize}px ${SELECTED_STYLE_fontFamily}\n `,formattedLabel=(0,react.useMemo)((()=>formatLabel(`${geneName}`,90,currentFont).text),[geneName,currentFont]),memoizedHandleGeneClick=(0,react.useCallback)((()=>{handleGeneClick(gene)}),[handleGeneClick,gene]);return(0,jsx_runtime.jsxs)(style_GeneButtonStyle,{id:`gene-label-${geneName}`,onClick:memoizedHandleGeneClick,active,children:[(0,jsx_runtime.jsx)(style_HoverContainer,{className:"y-axis-hover-container",id:"gene-hover-container",children:(0,jsx_runtime.jsx)(style_InfoButtonWrapper,{children:geneIndex})}),(0,jsx_runtime.jsx)(YAxisLabel,{className:"gene-label-container",index:geneIndex,children:(0,jsx_runtime.jsx)(YAxisGeneName,{font:currentFont,children:formattedLabel})})]})}const YAxisChart=(0,react.forwardRef)((({geneNames,labelClicked,reverse=!1},ref)=>{const finalGeneNames=reverse?[...geneNames].reverse():geneNames,heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),wrapperRef=(0,react.useRef)(null);(0,react.useImperativeHandle)(ref,(()=>({changeActiveLabel(label){setActiveGene(label)},getWrapperRef:()=>wrapperRef})));const[activeGene,setActiveGene]=(0,react.useState)(null);return(0,jsx_runtime.jsx)(YAxisContainer,{className:"gene-labels",width:130,height:heatmapCanvasSize.width,ref:wrapperRef,children:finalGeneNames.map((gene=>(0,jsx_runtime.jsx)(YAxisChart_GeneButton,{gene,genesToDelete:[""],active:activeGene===gene.index,handleGeneClick:theGene=>{activeGene===theGene.index?setActiveGene(null):setActiveGene(theGene.index),labelClicked(theGene)}},gene.name)))})})),components_YAxisChart=(0,react.memo)(YAxisChart);YAxisChart.__docgenInfo={description:"",methods:[{name:"changeActiveLabel",docblock:null,modifiers:[],params:[{name:"label",optional:!1,type:null}],returns:null},{name:"getWrapperRef",docblock:null,modifiers:[],params:[],returns:null}],displayName:"YAxisChart",props:{geneNames:{required:!0,tsType:{name:"Array",elements:[{name:"Gene"}],raw:"Gene[]"},description:""},labelClicked:{required:!0,tsType:{name:"signature",type:"function",raw:"(gene: Gene) => void",signature:{arguments:[{type:{name:"Gene"},name:"gene"}],return:{name:"void"}}},description:""},reverse:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const Genes=["IGKV1D-8","EWSR1","RBM34","ATP5L","PDPR","KMT5A","SLC26A3","NABP1","CSF1","AKR1A1","C4orf22","SV2C","REEP4","VSTM4","STRN","NXN","NRIP3","SYBU","ASB16","MTUS2-AS1","SH3TC1","THUMPD3-AS1","PILRB","GNAT3","H3F3B","H2AFV","GET4","ERRFI1","DHRS12","STX7","TECR","MAK16","GRK1","BPIFB2","GAS7","DONSON","CD70","CYP4F22","GSG2","LSM12","SYT6","ZBTB24","FAM181A","DLG2-AS1","NDUFB1","HLCS-IT1","ZNF32-AS3","TMEM110","ATRN","IPO5","LINC01272","DPH5","OR1J4","RHOU","POTEH","ZNF266","TSKU","CCT8L2","LGI4","H1FX","NPTN-IT1","SLC1A4","OXNAD1","ST6GALNAC1","CLDND2","PTH1R","PUM2","RUNX1T1","C8orf34","SMPD5","BRE","CDC123","DEFB106A","SCARB1","SPRY1","OR4C6","CLDN10-AS1","UBA5","OR7G3","SRMS","KRT73-AS1","SLC28A3","PEG10","HIST1H4G","CHST10","BAIAP2L1","LINC01525","GSG1L2","ITLN2","NUDT7","PIAS4","FIGNL1","SLC22A14","PKD3","USP43","TADA1","FASTK","ORC1","LINC00574","SPDYE11","GINS1","MAFA","TRK-TTT14-1","TRAJ44","TAPBPL","CLIP2","POLE2","TNNI3K","SERPINB7","PCGF5","ZNF292","C20orf144","GPR135","KDM5A","C11orf45","MUC3A","IGLJ5","GSE1","ATG16L1","NFS1","CDCP2","HSPH1","SYT8","CDKN2B-AS1","ZNF492","ABCC5-AS1","ITGA5","HOXC4","VRK1","MSH4","KHDRBS3","SACM1L","PHPT1","EVI2B","MAPK14","SNORD172","FAM107B","RNU5E-1","FZD8","COX6A1","IGF2BP2-AS1","VDAC1","RAP2B","PRB3","DOCK4-AS1","ETV4","SPPL3","RNA28S3","OR52E5","CDC42SE1","SH2D4B","PTPRM","NARS2","ZNF660","ZNF792","POTEF","DUXA","LINC00331","NR1I3","DAG1","UST","ZNF571","VPS13A","FOS","RANBP10","ABHD15","GABRG3-AS1","OCA2","TBL1Y","TRA-AGC18-2","MUC8","ZNF80","NLRP1","MYO1D","MLC1","RASAL3","NEU3","TRIB3","ELOVL2","CDC27","SET","GRHL2","CCK","HMCN1","CDKAL1","PHLDB3","PLPP1","ANKRD20A4","ARMC5","HVCN1","TBCE","TARID","NCLN","RTN4","SLIT1-AS1","TRSUP-TTA3-1","TRE-TTC1-2","TAL1","BTN3A1","TMUB2","PACRG-AS2","DAZAP1","DCAF12","DUXB","WWTR1","OR4K5","HRNR","PROB1","IGHD1-7","RORA-AS1","DNM3","LRRC52","OPTN","RYBP","ANKRD55","CD40","MHRT","CFHR4","LINC01059","NIN","FAM224B","LHX2","GUCA2B","WDR25","IGKJ1","TRR-TCT5-1","GACAT3","WASH1","DNASE1","MAN2B2","OXGR1","ZNF396","NUP98","PSMB1","BBS7","RPL14","ACSM2A","MFSD13A","OR52N2","IGLL5","SOX15","FABP3","KIAA1211L","TRP-AGG6-1","LINC01220","BBS5","ZNF708","CACNA2D3-AS1","GAP43","ZBTB18","BABAM1","KCND3-IT1","TRI-AAT7-2","RAD21L1","ASPG","DISP1","SP140L","HCAR2","RTL1","HR","HIST2H2BF","COBL","TRBJ1-3","MCM6","SLC25A6","DBX1","THEMIS2","FFAR4","RPL7","PCDHB7","TRC-GCA2-2","CEP128","ST7-OT3","ARHGAP27","KRTAP19-3","CASC10","FLII","PGAP2","SNORD1C","GRHL3","VPS36","TRK-TTT16-1","RBFOX3","CADM1","NPR2","TRE-TTC2-1","ZFPM2-AS1","HNRNPA2B1","PSG5","SPG23","PAG1","LINC00324","USP4","OR52W1","BCL2L10","RNA5S13","CCL2","TRAJ25","MIS18A-AS1","CALCB","CNOT6","ARFGEF2","SOX12","NR5A1","LTBR","TTC19","CCDC158","SIN3A","TRA-AGC12-2","LINC00987","OCIAD2","ABCF3","KIR2DL5A","ADH1C","ORC2","CTSD","GHITM","SCG5","UQCRC2","TRL-AAG7-1","WAC-AS1","MON1B","LARP1B","CSE1L-AS1","OIP5-AS1","CCDC14","LINC00957","LINC01392","COCH","MGAM2","CISH","UGT3A2","MYO5A","CYFIP2","LINC00856","TRT-AGT3-1","SLC39A6","CH25H","TBC1D1","ZNF716","SNORD14D","KIFAP3","SDCBP2","G3BP2","EDIL3","KCNB2","PIK3R2","GALNT15","KLHL5","PLEKHA1","TTTY10","VAMP8","ITIH3","DPH7","FOXO1","IQCF5-AS1","ZDHHC17","MINA","ABHD13","PIGS","CDRT3","STK38L","M6PR","LINC00888","UBAC1","RANGAP1","C10orf111","MATK","CD52","TBC1D29","SQLE","OLIG3","FRA14B","RGS11","CHST6","LINC00476","ARHGEF18","C14orf93","ATOH1","CTDSPL","FAM179B","NAT8L","SLC15A2","ANKRD45","DFNA58","PDS5B","MAST2","EXT1","SBNO2","SNORD130","ZNF727","ERVK-24","MFSD6L","DGAT1","BACE2-IT1","SCHLAP1","LINC01543","LINC01007","GUCY1B3","SLC9A4","FOXB2","RBPMS","NAV3","TERT","RNPEP","OR2D3","OLFML2A","OSCP1","PRNT","POMGNT1","DCST1","TTTY23B","OMA1","OOEP","LINC01143","GNGT1","STAU1","ADCY10","TMPRSS9","PRL","LINC00514","CHED1","FHOD3","TDRP","ARF6","PLBD1-AS1","SFTPA2","FAM124B","PRSS35","SLC22A17","GLI3","THRA","LTB4R2","IGHD4-17","VASP","HLA-DQB-1","AS1","NOD1","DNAJB2","KLF4","GRIK1-AS2","C1QTNF4","TESK2","AUNIP","SUPV3L1","CORO2B","FAM173A","RBBP9","IL17B","OTUD7B","IGH","RDX","TRA-AGC13-2","JPD","NR6A1","TK1","KLKB1","LINC00664","IKZF2","NUFIP2","USP28","OR14C36","NICN1","ADAM23","MPHOSPH8","CCDC25","CCDC92","SCN5A","CASP14","SPA17","FGF8","CD1D","GRIP1","POMT2","UBE2D4","IRAIN","MLNR","TNIP1","RNY5","RNF180","DHX57","TBRG4","TRAT1","SNORD116-24","C14orf2","KLF18","IGLV3-32","MAPK1","OR52E4","POLR2J3","TRL-AAG1-1","ITSN1","TSSK4","PADI4","SNHG18","TRL-CAA2-1","TRGV11","MXI1","FRA11I","SOBP","ADRB3","SPATA32","ZNF616","SEMA3D","PRKAR2A-AS1","SIRT6","HOXB6","ZBTB3","PRSS50","DEAF1","ZBTB40-IT1","SNAPC5","HNRNPH3","DCAKD","RAMP3","PPP1R3G","TRS-AGA4-1","SLC18A1","AKR1E2","ATP13A4","REXO4","GBE1","SLC2A5","TRN-GTT4-1","ZNF268","ANXA11","TMEM123","WDR45B","HTR3E","SNORA3A","HEATR4","SNORD83A","RBP3","KNCN","RHO","RGPD6","PRELP","KIAA1024L","FRA6B","ANKRD37","KLK3","HOXC-AS1","MMS19","ERLIN2","SNAR-B1","DOCK2","GPATCH1","NCKIPSD","TBC1D3K","ZNF559-ZNF177","TAS2R5","DNAJC9-AS1","SH2D3C","LARS2","GIMAP6","KIR2DS2","COL12A1","HNRNPUL2-BSCL2","DDX24","DLL4","SLC26A4","SNORA92","GLC3C","TRIM52","IGKV1-17","SLC8B1","RNA18S2","TRM-CAT4-1","IGLV5-37","COL18A1-AS2","SLC6A1-AS1","RPS6KA1","WDR87","TRAJ57","RAB37","ATL1","BSPRY","ACAP2-IT1","RIBC2","LRRN2","LINC01620","USP53","IGF2BP2","GRM8","IGHV4-30-1","ANKRD46","ADGRL3","CBWD3","C19orf43","RBM43","SYCE1","FBN3","HOXA10-AS","OR5I1","ITGA10","IGSF5","SNORA2B","SRSF9","FSCN1","LRRC49","SNORD116-29","DEPDC1B","ZBTB20-AS4","YDJC","TRF-GAA4-1","SPDYE2B","GRM6","LMNA","SNORD113-2","SLC25A19","ANKRD20A3","KCNC2","NAV2-AS2","LINC00622","KIAA1551","PKD2L1","EPC2","EPHX4","ULBP3","CACNA1I","FAM214A","C4orf47","ZNF101","S100A8","C1orf204","MTRNR2L13","SNX18","ATHL1","TMEM147-AS1","APC","TOMM34","PRKRA","ATG5","SDHB","MPPE1","SPDYE1","TRP-AGG1-1","CDKN2C","SPATA31D3","NDUFB6","PRM3","CDC42EP3","C1RL","OR2A14","ALOX15","PAXIP1-AS1","ARHGEF12","GK2","SLX1A-SULT1A3","ACTRT2","FAM102B","SIGLEC9","KIR3DL3","NR1H3","MRT24","EDEM1","CHPF2","OR2H2","LINC00298","MEF2C-AS1","TRIM74","LINC01359","TRV-CAC1-4","SH2B1","STAC","MAP6","PRSS57","DACT1","ZNF728","MED7","DNAH8","C12orf40","CA4","PPP4C","HCN4","KIF25","DNAAF5","PDRG1","XPA","SRA1","C1QTNF8","MIAT","RXRB","GALNT8","PRR5-ARHGAP8","MRPL20","MEP1B","RNU11","EVL","FZD1","SECISBP2L","WASF3-AS1","LCE3A","SOX30","TRGJP2","SPINT1","LRCOL1","MRPS21","KCNT2","CYB5R3","ALKBH5","DPP9","LMAN2L","PTK2B","PAX6","ANKMY1","TRAV4","SECTM1","C5orf28","CDRT5","FAM117B","DEFB103B","TTBK2","ZNF607","TRAPPC6A","LRRK2","PFKFB3","NSUN4","IGHV3-30-5","FRMPD2","RAG1","SORCS1","DNAH14","ZNF3","TSPAN15","C16orf13","FEN1","LINC01271","LMAN1","ODAM","CEP57","FN3K","MED22","EXT3","ANGEL1","OR8D4","RNF19A","ARHGDIG","TMEM64","B2M","ERVW-7","RTP5","UAP1","PGLYRP4","RPS6KA2-AS1","UFC1","TPRN","TTF2","ARNTL2","KRTAP9-2","C1orf50","CHAF1A","TRAJ48","C1orf233","PPP1R3E","LINC00583","ZNF439","DDX42","RCN1","LUC7L2","ZNF506","CFAP20","TUBA8","DNAJB11","DCAF4L1","DNAJB1","LINC00936","CAPRIN2","OR2G3","ANKS4B","SFXN4","NDUFS1","TNFRSF12A","PALLD","ZNF541","PKHD1","SCARNA8","TNS4","WHCR","GINGF2","EGFL8","MRC2","MKS1","CCP110","NBPF4","POM121L2","ZNF536","GPX7","ADPRH","CREB3L2","IBSP","BCLAF1","RFFL","ETV2","NOTCH2","JUN","GGNBP2","SAXO2","KLHDC7B","VPREB1","HRK","HAUS2","TMEM206","TRK-CTT2-3","FITM2","CXCL5","IQGAP1","LINC00683","MED17","ZRANB3","PIRC76","CD33","GABRG2","PRPH","CKAP4","POLR3F","FAM169B","MFAP3","FAM227A","CBFA2T2","IMPDH1","PRR33","PSORS1C1","MTCH1","USP8","CREB3L4","SNX27","TMEM212-AS1","STEAP1B","EDN2","KPNB1","KLF17","KLHL11","TEKT2","CALCOCO1","ZNF552","BTNL3","TMEM55A","RAP1GDS1","PRDM12","HOXB-AS1","PTRF","SENP5","ITFG1","PCDHGA9","ABHD3","CHKB","RCN2","PAQR9","CCDC114","IGHV1-8","OR2V2","BIRC8","SCASI","SYNE1-AS1","REC8","ZDHHC1","PARPBP","TNXB","C10orf128","C15orf65","SLC17A6","EVX1","TM9SF2","MYLK-AS1","RLBP1","OAP","ELN","PRELID3B","ADGRL4","RAPGEFL1","LINC00463","RALGAPA1","ZNF517","FANCA","GIMAP5","THAP7-AS1","TTC24","NADSYN1","WASIR1","PIRC36","PFKFB4","HSBP1","EHD2","USE1","DSG1-AS1","ZNF76","OR1F1","C8orf48","YY1AP1","DNAH3","VMP1","RHCE","ZNF485","UBE2D3","FDCSP","IL11RA","PLA2G12A","SMOC1","TPRKB","ACP1","KIAA1549L","IGKV1OR2-0","SUFU","LPAR2","RAPGEF4-AS1","DIRAS1","JUP","LINC01228","LINC00836","PHACTR2-AS1","COX5A","ABHD11-AS1","HTR3B","CRB3","SEMA3F","REG3A","KRTAP4-5","ARF3","TRQ-CTG2-1","PRSS56","C2CD4A","RASSF8-AS1","ARL8B","FRG2C","LINC00618","NCAPG2","PRSS44","TAX1BP1","CHST13","RFT1","FOXC2","RUNDC3A","MPZL3","FAM215B","PHB","TRBV5-7","ETV3L","CCDC127","LINC01477","KCNQ3","TRG","LINC00111","NTN1","TMPRSS7","HMSD","CHORDC1","SUSD5","ENGASE","CLDN22","SNORA71C","OTUD6B-AS1","DENR","OR2A5","FUT7","CPEB4","IGLV3-25","IRX1","AJAP1","GOLGB1","ZNF367","ZNF789","REXO1","LHPP","PAN3-AS1","DDTL","NETO2","IL6R","SPRYD4","TRL-AAG1-2","PMPCA","LINC00515","LGALS12","LMO2","ANXA4","MAP3K8","DMBT1","PCDHGA5","VTRNA1-2","POMK","ANKRD30A","NYS4","PRR23D1","TRUB2","SLC22A1","TRK-TTT1-1","TRC-GCA12-1","TRIM11","LINC00866","NR4A1","DDX59","HIPK4","SEC22C","FRMPD1","KRTAP10-10","CD28","PRDM14","IGHV5-10-1","IGHV4-30-2","HMX3","RNF114","DFNA7","ZCCHC23","GABRG3","CGB3","C3orf35","ENTPD2","CDCA7","SMIM24","ERGIC3","MEIOC","TLL1","MTMR10","UBE2C","OR5K3","SEMA4D","RFPL4B","SCX","C5orf66-AS1","MGP","TERF2IP","CRISP2","MAPRE3","RBM15B","ADGRG7","KLF15","TIGAR","ILVBL","ARHGEF39","FAU","TRC-GCA9-1","IL22RA1","ST7","VASH2","COL1A1","NBR2","LINC01554","YAM1","CD244","SCP2","SERPINB9","SCGB1C2","IMP3","NYS3","C8orf34-AS1","LINC00261","RPL27A","TBC1D9B","CDCA8","LINC00535","ATG12","ATP6V1G3","SNORA87","TULP2","FIBP","PCNA-AS1","FUZ","LINC01205","ABCA9","SEN6B","PTPN14","SNORD15A","ZBTB40","LINC01189","HS1BP3","DHCR24","SNUPN","TRV-TAC3-1","AGGF1","SPOCK2","CSNK2B","GRIK5","C19orf70","OR2A7","SNORA2C","DSCAS","KLK5","KCNE3","CD320","SENP7","GATA5","HLA-DOA","TMEM39A","CEP170B","TBC1D10B","LAD1","TTC17","CLEC4C","NRBF2","FRA2B","IL2RB","MDN1","C1orf145","ST3GAL6-AS1","ATP6V1E2","OXCT1","SSSCA1","METTL3","E2F3","HOXC11","TSLP","LINC01593","B3GNT2","HSD11B1L","LRRC30","TMC8","PAX1","TSPAN5","LINC01063","FRA8B","HIVEP3","AFF4","HPS1","LINC01497","MSK9","ADAMTSL1","NEUROD6","DSC1","SMIM6","EPC1","RPLP1","SLC27A2","CD1A","DNAJC25","SMARCAD1","GFOD2","ENTHD2","KISS1","LRRC74B","FLG-AS1","SNORD115-14","LSM5","TRBV17","LDLRAD4-AS1","C9orf106","CARMN","TRAV12-1","ZSWIM8","WDR20","VRTN","SARNP","MAMDC4","PPME1","C1orf95","SLC26A8","IGKV1-27","KHNYN","FRA10AC1","C11orf53","HDAC2","EREG","CUZD1","KRTAP6-3","TSSK3","VPS45","ZMYND11","RN7SL1","XCR1","USP12-AS1","LINC00661","ZFY","LINC01529","PRR20D","OR6N1","KMT5C","KL","CCAR1","SNORD116-22","ISCU","POLE","SCOC-AS1","SMAD5-AS1","FBXL18","CEP68","TRH","CLTB","CRK","PBX4","SNORD15B","KRTAP5-AS1","ZNF790-AS1","CELF6","NFKBIL1","RNF157-AS1","HN1","VPS4B","SNORA63","CHTF18","DDC","TRK-CTT5-1","TSR1","HCG9","LCE3C","TRQ-TTG3-1","ZNF853","RNF40","ACTR3","KDM7A","SNORD116-19","LINC00370","GNAS","ANKRD24","SNAR-C2","ERVFH21-1","SMAD1","COQ10A","LNX1","SLC12A2","PRAMEF15","CAMKV","CASS4","KRTAP9-9","IGLV2-23","TRL-CAA1-1","LINC01096","USP30-AS1","SPCS1","HINFP","FBLIM1","RASL11A","ZNF26","TBC1D30","NMTRQ-CTG1-1","NKX6-1","C20orf195","RFC5","UQCC3","PCDHA1","PDCD2","C3orf67-AS1","KRTAP20-4","INSIG2","SNORD116-8","MINCR","KMT2E-AS1","GIMAP2","CBX4","OR2T35","CARD11","FEB6","IFNAR1","RPRML","NRDE2","MARCH9","TNPO1","CTSK","CREBRF","LOH12CR2","TNFRSF14","TSPAN3","HOXB13","CSF3","EXOSC4","OR4K15","PCYOX1L","ZNF781","TRV-CAC7-1","PIRC83","ZIC2","FASTKD2","CCDC39","MROH9","GAS2L2","TMEM119","LINC01486","FNDC9","SLC2A3","KRT3","TRA-TGC9-1","CHRNA7","CCDC189","TSHZ1","TDP2","VWA5B1","ST3GAL2","NFKB1","DUSP13","CSRNP1","PIRC90","RNR2","PEF1","ATP8B1","FGFR4","WNT3","CTRB1","HLA-A","PIRC17","SSH3","CFAP43","LINC01077","SSX2IP","NMTRP-TGG1-1","SNORD113-4","MYO15B","SWAP70","EMC1","COA4","ASNA1","WDR63","AIP","PHACTR4","PGAM1","DENND6A-AS1","CST9L","HTRA3","SRSF1","ZNF335","ZSCAN16","PDB6","ASB18","FAM43A","PIRC108","LINC00371","SHISA9","CDKN2A-AS1","LINC01521","FGF14-IT1","ALDH1L1-AS2","GNPAT","SLC17A5","ACBD4","MLEC","LINC00566","DFNB51","FADD","WFDC8","NDST4","TEX261","EBF2","AEBP2","ZNF14","ZBED5","IGHD1OR15-1B","LINC00280","GABARAPL1","CCBE1","KIR2DL5B","UGT2A3","DPH3","FTL","C6orf1","PF4","CACFD1","OPN3","PHLPP1","TAF8","PKN2","IL17D","PPP1R21","CTNNA3","PIRC40","ABCA8","LRP8","LPAR3","ACOX1","ELOVL2-AS1","THRB-AS1","LINC00844","EVC2","TRF-GAA6-1","ZBTB8A","OCM2","HSPB11","FAM171B","AGPAT3","CENPB","MBD3L4","COL27A1","RNFT2","SNORD115-31","ARHGAP25","UNC5B-AS1","VKORC1","PSMF1","LINC00334","NLRX1","LUCAT1","PIRC20","SMPD3","ACPT","LINC00597","DNAJC3-AS1","CCT6B","SGTB","PKD2","TRIP4","PHB2","POLR2A","PEAR1","NAV2-AS5","RASAL1","KIAA2013","DPP9-AS1","PTTG2","LCMT1-AS1","QRFP","EDDM3A","IGHV3-38","UNC50","UCN2","PLOD2","LINC00967","IKZF3","DSCC1","OR1N2","CCDC137","ZNF134","MPLKIP","TNRC6C-AS1","KCNJ6","PIK3C2G","SLC43A3","ATN1","SNORD115-16","TTTY17C","SHC1","CLEC4M","ADCYAP1","NMTRV-TAC1-1","LINC01570","SOCS7","LINC01144","SMARCA5","NOP9","TMEM8A","CCDC6","LRRC2","SLC9C2","RCC2","DNAL4","ARL6IP4","CFAP44","NRG1","ZNF565","GJD4","BORA","ZNF416","PRAMEF6","CDK5","RGPD1","DNAJC7","MRPL3","FAM89A","EGFR","MYBPH","SOX21-AS1","LINC01498","OAS2","AQP11","FAM118B","LINC01159","GPR19","AHSA1","C20orf85","IGLV2-33","LINC01451","DNAJC30","LCMT1","HOXC10","GDAP1","LINC01088","DHH","IGHJ3","FREM2","ZNF793","BOLA3","WRN","MRFAP1","RCL1","TNNT2","LRRC37A3","ST3GAL1","SPRED2","RHOF","AKAP8L","PIRC69","SNORA15","USH2A","STMND1","GATA3-AS1","KIF1B","MUC15","ZNF202","TMEM211","NT5C3A","ARPC5L","TBCC","RAE1","INTS8","ENOX1","EIF3J-AS1","IGKV3-15","TMEM200B","ADGRA3","MYCNUT","KCNK13","PPIF","MTRNR2L4","MRPS35","LINC00294","HOXD8","GPBP1","MUC21","DEPTOR","LRRK1","FAM83G","PIK3R5","C6orf183","RARS2","GLIS3","RINL","DLEU1-AS1","ZNF582-AS1","ZNF879","DSCAM-IT1","TMCO6","AQP4-AS1","LYRM2","MKNK1","ATG9A","SYDE1","TRP-AGG2-8","ETM2","SLC8A1","ATF6","GVQW1","TRK-TTT7-1","COL8A1","POU6F2-AS2","SKIV2L2","IGHV3-38-3","C6orf52","RNVU1-7","UBIAD1","PIRC57","TRAJ27","SPACA6","CNIH3","TUSC8","FAM210A","CXCL9","MCC","NCS1","ZNF420","PRR34-AS1","TRH-GTG1-6","IFITM10","STAM-AS1","PDE7B","LINC00221","COL5A2","PGAP3","ENO2","FABP5","H2AFY2","KDELR3","TXN","GPR32","ACSF2","PATE4","LINC00667","METTL17","ZDHHC23","SRSF5","ZNF615","NPPB","PCSK9","TMEM160","NDUFA11","PTPRG-AS1","BMP8A","GLYATL3","UNG","NPIPB4","MFAP3L","DEPDC7","RBP4","FRA2G","ATXN7L3B","MLKL","RADIL","PRC1","MNX1-AS2","SNORD90","FAM124A","OR7A10","AIS2","PKD1L1","GAMT","ARNT","ULBP1","SNORD32B","ANAPC13","CENPM","MACC1-AS1","MCIDAS","GPX8","SNAR-C3","ICAM3","ST6GAL2-IT1","MLH3","KLK6","NCOA7","FGF12","P2RY11","IPMK","LMX1A","TMEM238","HLTF-AS1","MAPK13","NECTIN1","SDC3","EGFLAM-AS2","ZNF790","NPAS2","SFN","DMAP1","STRA13","MRPL48","SUSD4","CTSL","WDR43","C5AR2","SLC34A3","SNORD115-30","TSACC","SLC52A2","C1orf134","ARF4-AS1","TMEM17","PTPRO","PDGFD","ABCA12","MFRP","SNORA73A","UBXN7-AS1","TTBK1","FGB","MEX3C","ANAPC11","SPATA17","PLEKHB2","CCDC33","GPR39","LINC01512","UQCRC1","HAS2-AS1","PPP1CA","ZBTB43","ZNF770","FBXO38","FAM72A","PPP1R32","GEMIN2","UPP2","MSH5-SAPCD1","ZNF575","NUP50-AS1","ZBED4","KCNMB4","POLR2C","LINC01609","ARHGEF1","OR10K1","GLMN","CRX","WASF2","LINC01002","RTCA-AS1","ZNF320","KIF24","PRSS37","ITPR1","C9orf43","PLCE1-AS1","TRD-GTC6-1","HMGA2","FRA1H","MYD88","PAH","CENPH","DENND2C","MPE","PIRC51","SERPINB3","IGKV1D-33","PIRC45","RNF144A","TXN2","CBR3-AS1","LRRC3C","OTOS","DMPK","SPINK13","HIST1H4C","KIF26A","SRP14","FRA16A","DFNA32","COL18A1","MUSTN1","CSHL1","TP53AIP1","PTGER3","SNORD145","FBXO24","ECT2L","TMEM256-PLSCR3","GUK2","C5orf22","CDRT15","IGSF22","LINC00643","CORD4","LINC01350","HNRNPLL","KIR2DL4","FNIP2","PLEKHA5","SCAI","SUMF1","UCA1","CCDC146","CAMTA2","RBM12","CTSH","KIF27","CSNK1E","SSSCA1-AS1","CD46","UGT2B10","LINC01455","RNU6ATAC","IL5","ARFGEF3","HEPHL1","SPATA1","PRSS42","CXCL10","SMIM12","FBXO17","TCF24","TLK2","ZNF641","PKP2","C1QTNF3","KCNQ1-AS1","PCDHA7","HLA-DQA1","PAPD5","LRFN2","ADRA1D","GLIPR2","STAB2","TRIM37","CDY1","TRAPPC6B","LAMA2","HOXA10","PRR35","LAMTOR5","ZNF18","FLYWCH1","SIGIRR","POLR2D","RNF157","APOBEC3H","ZNF408","LINC00449","PROSC","TMEM223","MESP2","TSPO","OTUB2","C1D","METTL16","RSPO3","RUVBL1","TXNDC2","DCDC5","IL18BP","CKBE","DXO","PIRC29","ERVW-20","ZNF837","TRC-GCA2-3","TAF11","HAMP","PTOS1","AMMECR1L","MRPL11","ID4","KLHDC10","KCNK7","SLC25A37","RAPGEF6","MRGPRF-AS1","LINC00333","ZSCAN16-AS1","LINC00519","C14orf132","ATP13A1","SLC31A2","RNF181","OR5B3","B4GALT5","NPIPA8","SYNPR-AS1","PIK3R6","PSG2","RGPD3","TMEM56-RWDD3","FGFBP1","MYL3","TRIM16","TMEM184A","VPS4A","DDX18","LAMA3","FAM212B","CFAP54","KIAA1328","NCDN","HSF5","GHR","NEK3","PLEKHS1","XXYLT1-AS2","OR6C76","GMEB1","NEU1","SNORA71B","LSR","IFIH1","UGT1A3","PCDH11Y","LINC00430","CPSF3L","PPP1R3B","ARHGAP31-AS1","COL15A1","SERPINH1","FAM172A","BANF1","NUP160","SNORD3D","GIMAP1-GIMAP5","GABRG1","BPI","RRS1-AS1","LINC01375","ASCL1","PRG4","BANF2","SCARA5","FAM53B","KRTAP5-1","MIER3","BCL3","TMPRSS11A","MMP26","SULT1A1","LATS2-AS1","SLC5A6","LARGE-IT1","OAT","AAED1","PALMD","ERICH6","DNAH11","GREM2","LINC00560","C4A-AS1","HAPLN3","MTX1","CDC20B","LIG1","CIB1","OR5H2","DAPK1-IT1","TNKS2","TMEM117","KDELR1","PRTG","SPAG8","THOP1","F13A1","PM20D1","TRA-AGC16-1","RAC2","LCTL","FCGR3B","HSPA9","IFT122","CADPS","EIF4ENIF1","SNORD74","SMAD9-IT1","GAL3ST3","DRAXIN","PDPN","THRSP","ALOX5AP","PDE1B","CINP","PRR5L","SLC22A18","DNAJC5G","TCF15","MRPS28","UBA6-AS1","DCAF10","ZBTB17","MFSD12","GTF3C2-AS1","POT1-AS1","FEM1B","OSM","TNFSF12","ATR","SLC6A9","DUSP12","PYDC1","SLMAP","XPO1","SNAP25-AS1","ARHGAP28","GPRC5C","RPL27","GOLGA8K","OPRM1","FAM47E-STBD1","RNA45S5","POC5","CMD1F","PYCARD-AS1","GPRC6A","ZAR1","UBQLN1","ABCB11","HOXA5","LUC7L3","SYT11","KRAS","PALB2","EGFL7","PPP2CB","MPPED2","TMED4","HDAC3","HECW1-IT1","TBC1D3G","SUDS3","ASB4","FER1L6","WDR24","C21orf91-OT1","VPS28","P2RY8","LZTS2","SERINC4","ANK1","FITM1","ATXN7L2","PTGS1","KCTD21-AS1","RC3H2","ATF4","RHNO1","ZC3H18","GIMAP8","OLFML2B","SERPINE3","CCDC60","TRK-TTT4-1","AFG3L2","ZNF518A","RHBDD2","RBP1","TARBP1","MUT","SNORD151","AAR2","OLA1","KRTAP16-1","LINC00895","THAP9","TMEM233","MMP12","IGLV3-16","ZNF764","WASF3","MAML2","MARVELD2","LINC01465","SSTR1","GP1BB","LYNX1","PHC1","TRGV4"],geneListGenerator=count=>Genes.slice(0,count).map(((gene,index)=>({index,name:gene.toUpperCase()})));var viridis=__webpack_require__("./node_modules/d3-scale-chromatic/src/sequential-multi/viridis.js"),rainbow=__webpack_require__("./node_modules/d3-scale-chromatic/src/sequential-multi/rainbow.js"),Spectral=__webpack_require__("./node_modules/d3-scale-chromatic/src/diverging/Spectral.js"),YlOrRd=__webpack_require__("./node_modules/d3-scale-chromatic/src/sequential-multi/YlOrRd.js");const AppContext=(0,react.createContext)(void 0),useAppContext=()=>{const appContext=(0,react.useContext)(AppContext);if(void 0===appContext)throw new Error("useAppContext must be inside a AppProvider");return appContext};var echarts=__webpack_require__("./node_modules/echarts/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");const DEFAULT_ITEM_STYLE={color:()=>"rgb(0, 0, 0)"};function mergeAxisPointer(defaultAxisPointer,axisPointer,optionsAxisPointer){const finalAxisPointer=Array.isArray(axisPointer)?axisPointer:[axisPointer,axisPointer],finalOptionsAxisPointer=Array.isArray(optionsAxisPointer)?optionsAxisPointer:[optionsAxisPointer,optionsAxisPointer];return[{...defaultAxisPointer,...finalAxisPointer[0],...finalOptionsAxisPointer?.[0]},{...defaultAxisPointer,...finalAxisPointer[1],...finalOptionsAxisPointer[1]}]}function mergeDataZoom(defaultDataZoom,dataZoom,optionsDataZoom){const finalDataZoom=Array.isArray(dataZoom)?dataZoom:[dataZoom,dataZoom],finalOptionsDataZoom=Array.isArray(optionsDataZoom)?optionsDataZoom:[optionsDataZoom,optionsDataZoom];return[{...defaultDataZoom[0],...finalDataZoom[0],...finalOptionsDataZoom?.[0]},{...defaultDataZoom[1],...finalDataZoom[1],...finalOptionsDataZoom[1]}]}function useUpdateChart({axisPointer,camera,chart,data,emphasis,xAxisData,yAxisData,width,height,encode,itemStyle,symbol,symbolSize,grid,options,onEvents}){const throttledUpdateChart=(0,react.useMemo)((()=>(0,lodash.throttle)((()=>{if(!(chart&&data&&xAxisData&&yAxisData))return;chart.resize();const chartOptions=function createChartOptions(props){const{axisPointer,camera,data,dataZoom,emphasis,encode,grid:gridProp,itemStyle=DEFAULT_ITEM_STYLE,options,symbolSize,symbol="rect"}=props,{defaultAxisPointer,defaultDataZoom,defaultEmphasis,defaultGrid,defaultXAxis,defaultYAxis}=function generateDefaultValues(props){const{camera,height,symbol,width,xAxisData,yAxisData}=props,defaultGrid={height:`${height}px`,left:0,top:0,width:`${width}px`},defaultAxisPointer={label:{show:!1},show:!1,triggerOn:"mousemove"},defaultXAxis={axisLabel:{fontSize:0,rotate:90},axisLine:{show:!1},axisTick:{show:!1},boundaryGap:!0,data:xAxisData,splitLine:{show:!1},type:"category"},defaultYAxis={axisLabel:{fontSize:0},axisLine:{show:!1},axisTick:{show:!1},boundaryGap:!0,data:yAxisData,splitLine:{show:!1}},defaultEmphasis={itemStyle:{borderColor:"circle"===symbol?"black":"white",borderType:"solid",borderWidth:"circle"===symbol?2:4,opacity:1},scale:!1},defaultCamera={height:camera&&camera.height?camera.height:20,width:camera&&camera.width?camera.width:40};return{defaultAxisPointer,defaultDataZoom:[{endValue:defaultCamera.width-1,filterMode:"filter",moveOnMouseMove:!0,moveOnMouseWheel:!1,orient:"horizontal",preventDefaultMouseMove:!0,startValue:0,throttle:0,type:"inside",xAxisIndex:0,zoomOnMouseWheel:!1},{endValue:defaultCamera.height-1,filterMode:"filter",moveOnMouseMove:!0,moveOnMouseWheel:!0,orient:"vertical",preventDefaultMouseMove:!0,startValue:0,throttle:0,type:"inside",yAxisIndex:0,zoomOnMouseWheel:!1}],defaultEmphasis,defaultGrid,defaultXAxis,defaultYAxis}}(props),customGrid="function"==typeof gridProp?gridProp(defaultGrid):gridProp,{axisPointer:optionsAxisPointer,dataZoom:optionsDataZoom,series:optionsSeries,xAxis:optionsXAxis,yAxis:optionsYAxis,...optionsRest}=options||{};return{animation:!1,axisPointer:mergeAxisPointer(defaultAxisPointer,axisPointer,optionsAxisPointer),dataZoom:camera?.active?mergeDataZoom(defaultDataZoom,dataZoom,optionsDataZoom):[],dataset:{source:data},grid:customGrid||defaultGrid,series:[Object.assign({emphasis:Object.assign(defaultEmphasis,emphasis),encode,itemStyle,legendHoverLink:!1,symbol,symbolSize},optionsSeries?Array.isArray(optionsSeries)?optionsSeries[0]:optionsSeries:[],{symbol,type:"scatter"})],xAxis:[Object.assign(defaultXAxis,optionsXAxis?Array.isArray(optionsXAxis)?optionsXAxis[0]:optionsXAxis:{})],yAxis:[Object.assign(defaultYAxis,optionsYAxis?Array.isArray(optionsYAxis)?optionsYAxis[0]:optionsYAxis:{})],...optionsRest}}({axisPointer,camera,data,emphasis,encode,grid,height,itemStyle,options,symbol,symbolSize,width,xAxisData,yAxisData});if(chart.setOption(chartOptions,{replaceMerge:["dataZoom","tooltip"]}),onEvents)for(const eventName in onEvents)Object.prototype.hasOwnProperty.call(onEvents,eventName)&&"string"==typeof eventName&&"function"==typeof onEvents[eventName]&&(chart.off(eventName),chart.on(eventName,(event=>{onEvents[eventName](event,chart)})))}),100,{trailing:!0})),[axisPointer,camera,chart,data,emphasis,xAxisData,yAxisData,width,height,encode,itemStyle,symbol,symbolSize,grid,options,onEvents]);(0,react.useEffect)((()=>()=>throttledUpdateChart.cancel()),[throttledUpdateChart]),(0,react.useEffect)((()=>{throttledUpdateChart()}),[axisPointer,camera,chart,data,emphasis,xAxisData,yAxisData,throttledUpdateChart,width,height,encode,itemStyle,symbol,symbolSize,grid,options,onEvents])}const ChartContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e14r3mba0"})(getWidthAndHeight);function getWidthAndHeight({width,height}){return`\n width: ${width}px;\n height: ${height}px;\n `}const HeatmapChart=(0,react.forwardRef)(((props,ref)=>{const{axisPointer,width,height,echartsRendererMode="svg",camera,onEvents,xAxisData,yAxisData,data,encode,emphasis,itemStyle,symbol,symbolSize=5,grid,options,...rest}=props;if(!width||!height)throw Error("Chart must have width and height > 0");const innerRef=(0,react.useRef)(null),[chart,setChart]=(0,react.useState)(null),chartRef=(0,react.useRef)(chart),onEventsRef=(0,react.useRef)(onEvents),disposeChart=(0,react.useCallback)((()=>{chartRef.current?.dispose(),chartRef.current=null,setChart(null)}),[]),initChart=(0,react.useCallback)((()=>{const onEventsCurrent=onEventsRef.current,{current}=innerRef;if(!current||chartRef.current||"0"===current?.getAttribute("height")||"0"===current?.getAttribute("width"))return;const rawChart=(0,echarts.Ts)(current,utils.Ml,{renderer:echartsRendererMode,useDirtyRect:!0});return onEventsCurrent&&function bindEvents(instance,events){function innerBindEvent(eventName,func){"string"==typeof eventName&&"function"==typeof func&&instance.on(eventName,(param=>{func(param,instance)}))}for(const eventName in events)Object.prototype.hasOwnProperty.call(events,eventName)&&innerBindEvent(eventName,events[eventName])}(rawChart,onEventsCurrent),setChart(rawChart),chartRef.current=rawChart,()=>{if(disposeChart(),onEventsCurrent)for(const eventName in onEventsCurrent)Object.prototype.hasOwnProperty.call(onEventsCurrent,eventName)&&"string"==typeof eventName&&"function"==typeof onEventsCurrent[eventName]&&rawChart.off(eventName,onEventsCurrent[eventName])}}),[echartsRendererMode,disposeChart]);return(0,react.useEffect)((()=>{disposeChart(),initChart()}),[initChart,disposeChart]),useUpdateChart({axisPointer,camera,chart,data,emphasis,encode,grid,height,itemStyle,onEvents,options,symbol,symbolSize,width,xAxisData,yAxisData}),(0,jsx_runtime.jsx)(ChartContainer,{height,width,ref:function handleRef(element){if(innerRef.current=element,!ref)return;"function"==typeof ref?ref(element):ref.current=element},...rest})})),core_HeatmapChart=(0,react.memo)(HeatmapChart);HeatmapChart.__docgenInfo={description:"",methods:[],displayName:"HeatmapChart",props:{axisPointer:{required:!1,tsType:{name:'EChartsOption["axisPointer"]',raw:'EChartsOption["axisPointer"]'},description:"Display reference line and axis value under mouse pointer\nhttps://echarts.apache.org/en/option.html#axisPointer"},data:{required:!0,tsType:{name:'DatasetComponentOption["source"]',raw:'DatasetComponentOption["source"]'},description:"The data array to be visualized\nThe data point object shape can be whatever you like, but it must be consistent with the `encode` option\nFor example, if the data point shape is:\n{\n geneIndex: 0,\n cellTypeIndex: 0,\n percentage: 0.5\n}\nand you want geneIndex to be encoded to x axis and cellTypeIndex to be encoded to y axis, then make sure your encode option is:\nencode: {\n x: 'geneIndex',\n y: 'cellTypeIndex'\n}"},dataZoom:{required:!1,tsType:{name:'EChartsOption["dataZoom"]',raw:'EChartsOption["dataZoom"]'},description:"The `dataZoom` prop is utilized for implementing zoom functionality within a\nspecific area of the chart. This feature empowers users to inspect data in\ngranular detail, obtain an overview of the entire dataset, or eliminate\noutlier points.\nBy applying the `dataZoom` prop while locking the zoom level, the chart\nefficiently renders a confined portion of the heatmap. This selective\nrendering strategy becomes especially advantageous when dealing with\nextensive datasets. Instead of rendering the entire heatmap at once,\nthe chart dynamically loads and renders specific segments as the user\nscrolls through the data. This approach optimizes performance and enables\nthe creation of heatmaps with large amounts of data.\nhttps://echarts.apache.org/en/option.html#dataZoom"},camera:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n active: boolean;\n height: number;\n width: number;\n}",signature:{properties:[{key:"active",value:{name:"boolean",required:!0}},{key:"height",value:{name:"number",required:!0}},{key:"width",value:{name:"number",required:!0}}]}},description:"The `camera` prop is utilized for implementing camera view port functionality\nwithin a specific area of the chart. This feature empowers users to render\na confined portion of the heatmap. This selective rendering strategy becomes\nespecially advantageous when dealing with extensive datasets. Instead of\nrendering the entire heatmap at once, the chart dynamically loads and renders\nspecific segments as the user scrolls through the data. This approach optimizes\nperformance and enables the creation of heatmaps with large amounts of data.\n\nThe `height` and `width` properties are used to specify the dimensions of the\ncamera view port. The `active` property is used to enable or disable the camera\nview port functionality."},emphasis:{required:!1,tsType:{name:'ScatterSeriesOption["emphasis"]',raw:'ScatterSeriesOption["emphasis"]'},description:"Customize the style of each cell item when mouse hovers on it, such as color, border, opacity, etc.\nhttps://echarts.apache.org/en/option.html#series-scatter.emphasis"},xAxisData:{required:!0,tsType:{name:"Array",elements:[{name:"unknown"}],raw:"(\n | OrdinalRawValue\n | {\n value: OrdinalRawValue;\n /**\n * (thuang): This should be echarts `TextCommonOption` type, but it's not exported\n */\n textStyle?: never;\n }\n)[]"},description:'The data for the x axis\nFor example:\n[{ value: "gene1", textStyle: { color: "red" } }, "gene2", "gene3"]'},yAxisData:{required:!0,tsType:{name:"Array",elements:[{name:"unknown"}],raw:"(\n | OrdinalRawValue\n | {\n value: OrdinalRawValue;\n /**\n * (thuang): This should be echarts `TextCommonOption` type, but it's not exported\n */\n textStyle?: never;\n }\n)[]"},description:'The data for the y axis\nFor example:\n[{ value: "cellType1", textStyle: { color: "red" } }, "cellType2", "cellType3"]'},width:{required:!0,tsType:{name:"number"},description:"The width of the chart in pixels"},height:{required:!0,tsType:{name:"number"},description:"The height of the chart in pixels"},encode:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n x: string;\n y: string;\n}",signature:{properties:[{key:"x",value:{name:"string",required:!0}},{key:"y",value:{name:"string",required:!0}}]}},description:"Provide a mapping of data key to x/y axis encoding\nFor example, if the data is:\n{\n geneIndex: 0,\n cellTypeIndex: 0,\n percentage: 0.5\n}\nand we want to encode `geneIndex` to x axis and `cellTypeIndex` to y axis, then\nencode: {\n x: 'geneIndex',\n y: 'cellTypeIndex'\n}\nhttps://echarts.apache.org/en/option.html#series-scatter.encode"},itemStyle:{required:!1,tsType:{name:'ScatterSeriesOption["itemStyle"]',raw:'ScatterSeriesOption["itemStyle"]'},description:"Customize the style of each cell item, such as color, border, opacity, etc.\nhttps://echarts.apache.org/en/option.html#series-scatter.itemStyle"},symbol:{required:!1,tsType:{name:"union",raw:'"circle" | "rect" | "roundRect"',elements:[{name:"literal",value:'"circle"'},{name:"literal",value:'"rect"'},{name:"literal",value:'"roundRect"'}]},description:"The shape of the symbol."},symbolSize:{required:!1,tsType:{name:'ScatterSeriesOption["symbolSize"]',raw:'ScatterSeriesOption["symbolSize"]'},description:"`symbolSize` can be set to single numbers like 10, or use an array to represent width and height. For example, [20, 10] means symbol width is 20, and height is 10.\n\nIf size of symbols needs to be different, you can set with callback function in the following format:\n\n(value: Array|number, params: Object) => number|Array\n\nThe first parameter value is the value in data, and the second parameter params is the rest parameters of data item.\nhttps://echarts.apache.org/en/option.html#series-scatter.symbolSize"},grid:{required:!1,tsType:{name:"union",raw:'| EChartsOption["grid"]\n| ((defaultOption: EChartsOption["grid"]) => EChartsOption["grid"])',elements:[{name:'EChartsOption["grid"]',raw:'EChartsOption["grid"]'},{name:"unknown"}]},description:"https://echarts.apache.org/en/option.html#grid"},options:{required:!1,tsType:{name:"EChartsOption"},description:"The options object to be passed to echarts.setOption()\nhttps://echarts.apache.org/en/option.html"},onEvents:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"signature",type:"function",raw:"(event: unknown, chart: ECharts) => void",signature:{arguments:[{type:{name:"unknown"},name:"event"},{type:{name:"ECharts"},name:"chart"}],return:{name:"void"}}}],raw:"Record void>"},description:"Event listeners for the chart\nhttps://echarts.apache.org/en/api.html#events"},echartsRendererMode:{required:!1,tsType:{name:"union",raw:'"svg" | "canvas"',elements:[{name:"literal",value:'"svg"'},{name:"literal",value:'"canvas"'}]},description:""}},composes:["HTMLAttributes"]};const INTERPOLATORS={Magma:viridis.uz,Plasma:viridis.pv,Rainbow:rainbow.Ay,Spectral:Spectral.A,Virdis:viridis.Ay,YlOrRd:YlOrRd.A},ECharts=(0,react.forwardRef)(((props,ref)=>{const{onAxisChange,onItemClicked,xAxisLabelRef,yAxisLabelRef}=props,{setChartInstance}=useAppContext(),clickedItem=(0,react.useRef)(-1),data=(0,react_redux.d4)((state=>state.dataReducer.data)),size=(0,react_redux.d4)((state=>state.dataReducer.size)),heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),color=(0,react_redux.d4)((state=>state.dataReducer.color)),emphasis=(0,react_redux.d4)((state=>state.dataReducer.emphasis)),symbol=(0,react_redux.d4)((state=>state.dataReducer.symbol)),renderer=(0,react_redux.d4)((state=>state.dataReducer.renderer)),camera=(0,react_redux.d4)((state=>state.dataReducer.camera)),innerChartRef=(0,react.useRef)(null);(0,react.useEffect)((()=>{if(onAxisChange?.(0,100,"horizontal"),onAxisChange?.(0,100,"vertical"),onItemClicked?.({value:-1,x:-1,y:-1}),innerChartRef.current){const chart=(0,echarts.FP)(innerChartRef.current);chart?.dispatchAction({seriesIndex:0,type:"downplay"})}}),[data,size,color,emphasis,symbol,camera,onAxisChange,onItemClicked]);const xAxisLabelNames=geneListGenerator(size).map((d=>d.name)),yAxisLabelNames=geneListGenerator(size).map((d=>d.name)),options={animation:!camera,grid:{bottom:0,left:0,right:0,top:0},series:[{clip:!0,emphasis:{itemStyle:{borderColor:"circle"===symbol?"#000":"#fff",borderType:"solid",borderWidth:"circle"===symbol?2:4},scale:!1},name:"SDS Heatmap"}],tooltip:camera?{enterable:!0,formatter:function(param){return param.data?[`X-Axis: ${xAxisLabelNames[param.data.x]}
`,`Y-Axis: ${yAxisLabelNames[param.data.y]}
`,`${param.marker} ${param.data.value.toFixed(6)}`].join(""):[]}}:{show:!1},xAxis:{axisLabel:{rotate:90},axisPointer:{show:!1},data:xAxisLabelNames,position:"top",show:!1,type:"category"},yAxis:{axisPointer:{show:!1},data:yAxisLabelNames,inverse:!0,show:!0,type:"category"}},shiftHeld=(0,react.useRef)(!1);function downHandler({key}){"Shift"===key&&(shiftHeld.current=!0,innerChartRef.current&&(0,echarts.FP)(innerChartRef.current)?.setOption({dataZoom:[{moveOnMouseWheel:!0},{moveOnMouseWheel:!1}]}))}function upHandler({key}){"Shift"===key&&(shiftHeld.current=!1,innerChartRef.current&&(0,echarts.FP)(innerChartRef.current)?.setOption({dataZoom:[{moveOnMouseWheel:!1},{moveOnMouseWheel:!0}]}))}return(0,react.useEffect)((()=>(window.addEventListener("keydown",downHandler),window.addEventListener("keyup",upHandler),()=>{window.removeEventListener("keydown",downHandler),window.removeEventListener("keyup",upHandler)})),[]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(core_HeatmapChart,{ref:function handleRef(element){if(innerChartRef.current=element,element){const chart=(0,echarts.FP)(element);setChartInstance?.(chart)}if(!ref)return;"function"==typeof ref?ref(element):ref.current=element},axisPointer:{show:!1},width:camera?heatmapCanvasSize.width:24*size,height:camera?heatmapCanvasSize.height:24*size,xAxisData:[...Array.from(Array(size).keys())],yAxisData:[...Array.from(Array(size).keys())],echartsRendererMode:renderer,camera:{active:camera,height:20,width:36},data,encode:{x:"x",y:"y"},symbol,symbolSize:function(symbolProps){return"circle"===symbol?24*symbolProps.value:24},itemStyle:{borderColor:"#fff",borderType:"solid",borderWidth:1,color:colorProps=>{const colorData=colorProps.data;return INTERPOLATORS[color](colorData.value)},opacity:1},options,onEvents:{click:function handleClick(params){if(innerChartRef.current){const echartInstance=(0,echarts.FP)(innerChartRef.current);if(params.event.target)if(params.dataIndex===clickedItem.current)echartInstance?.dispatchAction({seriesIndex:0,type:"downplay"}),clickedItem.current=-1,onItemClicked?.({value:-1,x:-1,y:-1});else{clickedItem.current=params.dataIndex,onItemClicked?.(params.data),echartInstance?.dispatchAction({seriesIndex:0,type:"downplay"});const seriesIndex=params.seriesIndex,{x,y}=params.data;let dataIndex=[];switch(emphasis){case"item":dataIndex=params.dataIndex;break;case"row":for(let i=0;i1){const{start:xStart,end:xEnd}=evt.batch[0],{start:yStart,end:yEnd}=evt.batch[1];onAxisChange?.(yStart,yEnd,"vertical"),onAxisChange?.(xStart,xEnd,"horizontal")}else if(shiftHeld.current){const{start,end}=evt.batch[0];onAxisChange?.(start,end,"horizontal")}else{const{start,end}=evt.batch[0];onAxisChange?.(start,end,"vertical")}if(innerChartRef.current){const echartInstance=(0,echarts.FP)(innerChartRef.current);if(echartInstance&&echartInstance.dispatchAction({seriesIndex:0,type:"downplay"}),null!==xAxisLabelRef?.current&&xAxisLabelRef?.current>-1&&null!==yAxisLabelRef?.current&&yAxisLabelRef?.current>-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];switch(emphasis){case"item":dataIndex.push(xAxisLabelRef?.current*size+yAxisLabelRef?.current);break;case"row":for(let i=0;i-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i"},description:""},yAxisLabelRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"number"}],raw:"RefObject"},description:""},onAxisChange:{required:!1,tsType:{name:"signature",type:"function",raw:'(\n start: number,\n end: number,\n dir: "horizontal" | "vertical"\n) => void',signature:{arguments:[{type:{name:"number"},name:"start"},{type:{name:"number"},name:"end"},{type:{name:"union",raw:'"horizontal" | "vertical"',elements:[{name:"literal",value:'"horizontal"'},{name:"literal",value:'"vertical"'}]},name:"dir"}],return:{name:"void"}}},description:""},onItemClicked:{required:!1,tsType:{name:"signature",type:"function",raw:"(item?: { x: number; y: number; value: number }) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ x: number; y: number; value: number }",signature:{properties:[{key:"x",value:{name:"number",required:!0}},{key:"y",value:{name:"number",required:!0}},{key:"value",value:{name:"number",required:!0}}]}},name:"item"}],return:{name:"void"}}},description:""}}};const Heatmap=()=>{const clickedLabelX=(0,react.useRef)(-1),clickedLabelY=(0,react.useRef)(-1),XAxisChartRef=(0,react.useRef)(null),YAxisChartRef=(0,react.useRef)(null),geneNames=(0,react_redux.d4)((state=>state.dataReducer.geneNames)),size=(0,react_redux.d4)((state=>state.dataReducer.size)),emphasis=(0,react_redux.d4)((state=>state.dataReducer.emphasis)),heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),camera=(0,react_redux.d4)((state=>state.dataReducer.camera)),chartRef=(0,react.useRef)(null);return(0,jsx_runtime.jsxs)(StyledContainer,{children:[(0,jsx_runtime.jsx)(YAxisWrapper,{id:"y-axis-wrapper",height:camera?heatmapCanvasSize.height:24*size,width:130,bottom:0,children:(0,jsx_runtime.jsx)(components_YAxisChart,{reverse:!0,ref:YAxisChartRef,geneNames,labelClicked:label=>{if(clickedLabelX.current=-1,XAxisChartRef.current&&XAxisChartRef.current.changeActiveLabel(-1),chartRef.current){const echartInstance=(0,echarts.FP)(chartRef.current);if(echartInstance)if(label.index===clickedLabelY.current)echartInstance.dispatchAction({seriesIndex:0,type:"downplay"}),clickedLabelY.current=-1;else{clickedLabelY.current=label.index,echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const echartInstanceOptions=echartInstance.getOption(),data=echartInstanceOptions.dataset[0].source,{start,end}=echartInstanceOptions.dataZoom[0]?echartInstanceOptions.dataZoom[0]:{end:100,start:0},itemSize=heatmapCanvasSize.height/36,quantizedCount=100*itemSize/(itemSize*size),xMin=start/quantizedCount,xMax=end/quantizedCount,dataIndex=data.map((({x:xData,y:yData,value},idx)=>label.index===yData&&xData>xMin-1&&xDatanull!==v));echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}}}})}),(0,jsx_runtime.jsx)(XAxisWrapper,{id:"x-axis-wrapper",height:130,width:camera?heatmapCanvasSize.width:24*size,left:130,children:(0,jsx_runtime.jsx)(components_XAxisChart,{ref:XAxisChartRef,geneNames,labelClicked:label=>{if(clickedLabelY.current=-1,YAxisChartRef.current&&YAxisChartRef.current.changeActiveLabel(-1),chartRef.current){const echartInstance=(0,echarts.FP)(chartRef.current);if(echartInstance)if(label.index===clickedLabelX.current)echartInstance?.dispatchAction({seriesIndex:0,type:"downplay"}),clickedLabelX.current=-1;else{clickedLabelX.current=label.index,echartInstance?.dispatchAction({seriesIndex:[0],type:"downplay"});const chartInstanceOptions=echartInstance.getOption(),data=chartInstanceOptions.dataset[0].source,{start,end}=chartInstanceOptions.dataZoom[1]?chartInstanceOptions.dataZoom[1]:{end:100,start:0},itemSize=heatmapCanvasSize.height/20,quantizedCount=100*itemSize/(itemSize*size),yMin=start/quantizedCount,yMax=end/quantizedCount,dataIndex=data.map((({x:xData,y:yData,value},idx)=>label.index===xData&&yData>yMin-1&&yDatanull!==v));echartInstance?.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}}}})}),(0,jsx_runtime.jsx)(StyledHeatmapWrapper,{children:(0,jsx_runtime.jsx)(components_ECharts,{ref:chartRef,xAxisLabelRef:clickedLabelX,yAxisLabelRef:clickedLabelY,onItemClicked:item=>{XAxisChartRef.current&&YAxisChartRef.current&&(item?.x&&item?.y?("row"!==emphasis&&XAxisChartRef.current.changeActiveLabel(item?.x),"column"!==emphasis&&YAxisChartRef.current.changeActiveLabel(item?.y)):(XAxisChartRef.current.changeActiveLabel(null),YAxisChartRef.current.changeActiveLabel(null))),clickedLabelX.current=item?.x?item.x:-1,clickedLabelY.current=item?.y?item.y:-1},onAxisChange:(start,end,dir)=>{if("horizontal"===dir){const itemSize=heatmapCanvasSize.width/36,heatmapFullWidth=itemSize*size,maxToLeft=(size-36)*itemSize;let moveToLeft=Math.round(start/(100*itemSize/heatmapFullWidth))*itemSize;moveToLeft=-1*(moveToLeftArray.from({length:size},((__,j)=>({value:(i+j)/(2*size),x:i,y:j}))))).flat();case"random":return Array.from({length:size},((_,i)=>Array.from({length:size},((__,j)=>({value:Math.random(),x:i,y:j}))))).flat();default:{const noise2D=(0,simplex_noise.fu)(),noiseSeed=Math.floor(size/20);return Array.from({length:size},((_,i)=>Array.from({length:size},((__,j)=>({value:.5*(noise2D(i/noiseSeed,j/noiseSeed)+1),x:i,y:j}))))).flat()}}}const dataSlice=(0,redux_toolkit_modern.Z0)({initialState,name:"data",reducers:{setCamera:(state,action)=>{state.camera=action.payload},setColor:(state,action)=>{state.color=action.payload},setData:(state,action)=>{state.data=action.payload},setEmphasis:(state,action)=>{state.emphasis=action.payload},setGeneNames:(state,action)=>{state.geneNames=action.payload},setHeatmapCanvasSize:(state,action)=>{state.heatmapCanvasSize=action.payload},setRenderer:(state,action)=>{state.renderer=action.payload},setSize:(state,action)=>{state.size=action.payload,state.data=generateData(state.type,action.payload),state.geneNames=geneListGenerator(action.payload)},setSymbol:(state,action)=>{state.symbol=action.payload},setType:(state,action)=>{state.type=action.payload,state.data=generateData(action.payload,state.size)}}}),{setData,setSize,setType,setCamera,setColor,setSymbol,setRenderer,setEmphasis,setGeneNames,setHeatmapCanvasSize}=dataSlice.actions,dataReducer=dataSlice.reducer,OPTIONS=[{name:"Spectral",section:"Categorical",value:"Spectral"},{name:"Rainbow",section:"Categorical",value:"Rainbow"},{name:"Virdis",section:"Categorical",value:"Virdis"},{name:"Plasma",section:"Categorical",value:"Plasma"},{name:"Magma",section:"Sequential",value:"Magma"},{name:"YlOrRd",section:"Sequential",value:"YlOrRd"}],SIZES=[{details:"50 x 50",name:"2,500",value:50},{details:"100 x 100",name:"10,000",value:100},{details:"250 x 250",name:"62,500",value:250},{details:"500 x 500",name:"250,000",value:500},{details:"750 x 750",name:"562,500",value:750},{details:"1000 x 1000",name:"1,000,000",value:1e3},{details:"1250 x 1250",name:"1,562,500",value:1250},{details:"1500 x 1500",name:"2,250,000",value:1500},{details:"1650 x 1650",name:"2,722,500",value:1650}],TYPES=[{details:"Applies gradient-like colors for a smooth transition.",name:"Sequential",value:"sequential"},{details:"Utilizes randomized colors for a diverse visual representation.",name:"Random",value:"random"},{details:"Incorporates Perlin noise for a structured yet natural appearance.",name:"Perlin",value:"perlin"}],SYMBOLS=[{details:"Represents data points as circular shapes with varying sizes and colors based on their values.",name:"Circle",value:"circle"},{details:"Represents data points as rectangular shapes with different colors based on their values.",name:"Rect",value:"rect"},{details:"Represents data points as rounded-edged rectangular shapes with different colors based on their values.",name:"RoundRect",value:"roundRect"}],EMPHASIS=[{details:"Highlights only the specific item.",name:"Item",value:"item"},{details:"Highlights the entire row containing the item.",name:"Row",value:"row"},{details:"Highlights the entire column containing the item.",name:"Column",value:"column"},{details:"Highlights both the row and column containing the item.",name:"Cross",value:"cross"}],CAMERA_EFFECT=[{details:"Renders only the visible part of the heatmap, rendering the rest upon scrolling. Recommended for large heatmaps to optimize performance.",name:"On",value:!0},{details:"Renders the entire heatmap on the screen. Suitable for smaller heatmaps where the camera effect can be disabled for better display.",name:"Off",value:!1}],RENDERER=[{details:"Renders the heatmap in SVG format.",name:"svg",value:"svg"},{details:"Renders the heatmap using HTML canvas.",name:"canvas",value:"canvas"}],ControlPanel=()=>{const dispatch=(0,react_redux.wA)(),size=(0,react_redux.d4)((state=>state.dataReducer.size)),color=(0,react_redux.d4)((state=>state.dataReducer.color)),type=(0,react_redux.d4)((state=>state.dataReducer.type)),renderer=(0,react_redux.d4)((state=>state.dataReducer.renderer)),camera=(0,react_redux.d4)((state=>state.dataReducer.camera)),symbol=(0,react_redux.d4)((state=>state.dataReducer.symbol)),emphasis=(0,react_redux.d4)((state=>state.dataReducer.emphasis));return(0,jsx_runtime.jsxs)(StyledControlPanelWrapper,{children:[(0,jsx_runtime.jsxs)(StyledForm,{children:[(0,jsx_runtime.jsx)(Dropdown.Ay,{label:color,options:OPTIONS,onChange:function changeInterpolator(_event,interpolator){interpolator&&dispatch(setColor(interpolator.value))},search:!0,InputDropdownProps:{label:"Heatmap Color",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:color},DropdownMenuProps:{PopperPlacement:"right-start",groupBy:option=>option.section,width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:`${size} x ${size}`,options:SIZES,onChange:function changeHeatmapSize(_event,heatmapSize){heatmapSize&&dispatch(setSize(heatmapSize.value))},InputDropdownProps:{label:"Heatmap Size",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:`${size} x ${size}`},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:camera?"on":"off",options:CAMERA_EFFECT,onChange:function changeHeatmapCamera(_event,heatmapCamera){heatmapCamera&&dispatch(setCamera(heatmapCamera.value))},InputDropdownProps:{label:"Camera Effect",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:camera?"On":"Off"},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:toPascalCase(renderer),options:RENDERER,onChange:function changeHeatmapRenderer(_event,heatmapRenderer){heatmapRenderer&&dispatch(setRenderer(heatmapRenderer.value))},InputDropdownProps:{label:"Renderer",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(renderer)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:type,options:TYPES,onChange:function changeHeatmapType(_event,heatmapType){heatmapType&&dispatch(setType(heatmapType.value))},InputDropdownProps:{label:"Heatmap Type",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(type)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:symbol,options:SYMBOLS,onChange:function changeHeatmapSymbol(_event,heatmapSymbol){heatmapSymbol&&dispatch(setSymbol(heatmapSymbol.value))},InputDropdownProps:{label:"Symbol Type",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(symbol)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:emphasis,options:EMPHASIS,onChange:function changeHeatmapEmphasis(_event,heatmapEmphasis){heatmapEmphasis&&dispatch(setEmphasis(heatmapEmphasis.value))},InputDropdownProps:{label:"Emphasis Type",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(emphasis)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}})]}),(0,jsx_runtime.jsxs)(Callout.A,{autoDismiss:!1,intent:"info",dismissed:!1,style:{margin:0,width:"unset"},children:["To scroll horizontally, hold down the"," ",(0,jsx_runtime.jsx)(Tag.A,{color:"neutral",label:"SHIFT",sdsStyle:"square",sdsType:"secondary",hover:!1,style:{marginTop:5}})," ","key!"]})]})},components_ControlPanel=ControlPanel;ControlPanel.__docgenInfo={description:"",methods:[],displayName:"ControlPanel"};var emotion_element_5486c51c_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-element-5486c51c.browser.esm.js");const Container=(0,emotion_styled_browser_esm.A)("div",{target:"e1i49wl40"})('font-family:"Inter",sans-serif;display:grid;grid-template-columns:250px 1fr;grid-template-rows:70px 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;h3{font-size:20px;font-weight:600;margin:0 0 15px 0;}'),Sidebar=(0,emotion_styled_browser_esm.A)("div",{target:"e1i49wl41"})((()=>{const theme=(0,react.useContext)(emotion_element_5486c51c_browser_esm.T);return`\n background-color: ${theme?.palette?.sds?.base?.surfaceBackground};\n `})," grid-area:2 / 1 / 6 / 2;border-right:solid 1px #c3c3c347;padding:20px 15px;height:calc(100vh - 70px);position:sticky;top:70px;left:0;z-index:100;"),Main=(0,emotion_styled_browser_esm.A)("div",{target:"e1i49wl42"})("grid-area:2 / 2 / 6 / 6;padding:20px;.echarts-for-react{height:unset !important;}"),StyledHeader=(0,emotion_styled_browser_esm.A)("div",{target:"ek6gjq80"})((()=>{const theme=(0,react.useContext)(emotion_element_5486c51c_browser_esm.T);return`\n background-color: ${theme?.palette?.sds?.base?.surfaceBackground};\n `})," grid-area:1 / 1 / 2 / 6;border-bottom:solid 1px #c3c3c347;width:100%;padding:0 15px;height:70px;position:fixed;z-index:200;display:flex;align-items:center;justify-content:space-between;h3{margin:0;line-height:32px;}"),HeaderLeft=(0,emotion_styled_browser_esm.A)("div",{target:"ek6gjq81"})("display:flex;"),HeaderRight=(0,emotion_styled_browser_esm.A)("div",{target:"ek6gjq82"})("display:block;"),StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"ek6gjq83"})("margin:0 10px;"),TooltipTag=({label})=>(0,jsx_runtime.jsx)(Tag.A,{label,hover:!1,color:"neutral",sdsType:"secondary",style:{margin:"-2px 4px 0 0"}}),Header=()=>{const renderer=(0,react_redux.d4)((state=>state.dataReducer.renderer)),{chartInstance}=useAppContext();return(0,jsx_runtime.jsxs)(StyledHeader,{children:[(0,jsx_runtime.jsxs)(HeaderLeft,{children:[(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Grid",sdsType:"static",sdsSize:"xl",color:"gray"}),(0,jsx_runtime.jsxs)("h3",{style:{marginLeft:10},children:["Heatmap (","svg"===renderer?"SVG version":"Canvas version",")"]})]}),(0,jsx_runtime.jsxs)(HeaderRight,{children:[(0,jsx_runtime.jsxs)(Button.A,{sdsType:"primary",sdsStyle:"rounded",endIcon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Download",sdsSize:"l",sdsType:"button"}),onClick:()=>function saveAsImage(title){const type="svg"===renderer?"svg":"png",url=chartInstance?.getConnectedDataURL({backgroundColor:"transparent",excludeComponents:["toolbox"],pixelRatio:1,type});if(url){const $a=document.createElement("a");$a.download=title+"."+type,$a.target="_blank",$a.href=url;const evt=new MouseEvent("click",{bubbles:!0,cancelable:!1,view:document.defaultView});$a.dispatchEvent(evt)}}("sds-heatmap"),children:["Download as ","svg"===renderer?".svg":".png"]}),(0,jsx_runtime.jsx)(Tooltip.A,{title:(0,jsx_runtime.jsxs)("div",{children:["To modify the renderer for the heatmap, navigate to the control Within the control panel, you have the option to toggle between renderers: ",(0,jsx_runtime.jsx)(TooltipTag,{label:"SVG"}),"and ",(0,jsx_runtime.jsx)(TooltipTag,{label:"Canvas"}),". If you opt for the SVG renderer, you can download the heatmap in"," ",(0,jsx_runtime.jsx)(TooltipTag,{label:"SVG"}),"format. Alternatively, selecting the canvas renderer provides the option to export the heatmap in ",(0,jsx_runtime.jsx)(TooltipTag,{label:"PNG"}),"format."]}),sdsStyle:"light",placement:"bottom-end",arrow:!0,children:(0,jsx_runtime.jsx)(StyledButton,{"aria-label":"Download Info",icon:"InfoCircle",sdsSize:"large",sdsType:"secondary",sdsStyle:"icon"})})]})]})},components_Header=Header;function App(){const[chartInstance,setChartInstance]=(0,react.useState)(void 0);return(0,jsx_runtime.jsx)(AppContext.Provider,{value:{chartInstance,setChartInstance},children:(0,jsx_runtime.jsxs)(Container,{children:[(0,jsx_runtime.jsx)(components_Header,{}),(0,jsx_runtime.jsx)(Sidebar,{children:(0,jsx_runtime.jsx)(components_ControlPanel,{})}),(0,jsx_runtime.jsx)(Main,{children:(0,jsx_runtime.jsx)(components_Heatmap,{})})]})})}Header.__docgenInfo={description:"",methods:[],displayName:"Header"};const heatmapDemo_App=App;App.__docgenInfo={description:"",methods:[],displayName:"App"};const store=(0,redux_toolkit_modern.U1)({reducer:{dataReducer}}),default_HeatmapChart=props=>{const{camera,symbol,tooltip,...rest}=props,CHART_WIDTH_PX=20*(camera&&camera.active?camera.width:100),CHART_HEIGHT_PX=20*(camera&&camera.active?camera.height:100);return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(core_HeatmapChart,{width:CHART_WIDTH_PX,height:CHART_HEIGHT_PX,camera,xAxisData:HEATMAP_NUMBERS,yAxisData:HEATMAP_NUMBERS,data:HEATMAP_DATA,encode:HEATMAP_ENCODE,symbol,symbolSize:p=>function symbolSize(props,symbol){const{value}=props;return function convertPercentageToDiameter(percentage,symbol){return"circle"!==symbol?20:20*percentage/100}(value,symbol)}(p,symbol),itemStyle:HEATMAP_ITEM_STYLE,emphasis:{itemStyle:{borderColor:"circle"===symbol?"black":"white",borderType:"solid",borderWidth:"circle"===symbol?2:4,opacity:1},scale:!1},options:{series:[{type:"scatter"}],tooltip},...rest})})};default_HeatmapChart.__docgenInfo={description:"",methods:[],displayName:"HeatmapChart"};const index_stories={argTypes:{axisPointer:{control:{labels:["No axis pointer","Show axis pointer on mousemove","Show axis pointer on click"],type:"select"},mapping:HEATMAP_AXIS_POINTER_OPTIONS,options:Object.keys(HEATMAP_AXIS_POINTER_OPTIONS)},camera:{control:{type:"object"}},echartsRendererMode:{control:{labels:["Canvas","SVG"],type:"select"},options:["canvas","svg"]},symbol:{control:{labels:["Circle","Rectangle","Round Rectangle"],type:"select"},options:["circle","rect","roundRect"]},tooltip:{control:{labels:["No tooltip","Show Tooltip"],type:"select"},mapping:HEATMAP_TOOLTIP_OPTIONS,options:Object.keys(HEATMAP_TOOLTIP_OPTIONS)}},component:default_HeatmapChart,parameters:{badges:[dist.yq.BETA],chromatic:{disableSnapshot:!0},snapshot:{skip:!0}},title:"Data Viz/HeatmapChart [beta]"},Default={args:{axisPointer:HEATMAP_AXIS_POINTER_OPTIONS[1],camera:{active:!0,height:20,width:40},echartsRendererMode:"svg",symbol:"circle",tooltip:HEATMAP_TOOLTIP_OPTIONS[1]},parameters:{}},HeatmapDemoComponent=()=>(0,jsx_runtime.jsx)(react_redux.Kq,{store,children:(0,jsx_runtime.jsx)(heatmapDemo_App,{})}),HeatmapDemo={parameters:{axe:{disabledRules:["color-contrast"]},controls:{exclude:["axisPointer","camera","echartsRendererMode","symbol","tooltip"]},layout:"fullscreen",snapshot:{skip:!0}},render:args=>(0,jsx_runtime.jsx)(HeatmapDemoComponent,{...args})},__namedExportsOrder=["Default","HeatmapDemo"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n args: {\n axisPointer: HEATMAP_AXIS_POINTER_OPTIONS[1],\n camera: {\n active: true,\n height: 20,\n width: 40\n },\n echartsRendererMode: "svg",\n symbol: "circle",\n tooltip: HEATMAP_TOOLTIP_OPTIONS[1]\n },\n parameters: {}\n}',...Default.parameters?.docs?.source}}},HeatmapDemo.parameters={...HeatmapDemo.parameters,docs:{...HeatmapDemo.parameters?.docs,source:{originalSource:'{\n parameters: {\n /**\n * Axe is complaining about color contrast of Axis-labels and\n * since the colors are by design and the contrast is not an issue,\n * the rule is disabled for this story.\n */\n axe: {\n disabledRules: ["color-contrast"]\n },\n controls: {\n exclude: ["axisPointer", "camera", "echartsRendererMode", "symbol", "tooltip"]\n },\n // This parameter is used to set the story\'s layout to fullscreen\n // and remove the padding around the storybook root element\n layout: "fullscreen",\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}',...HeatmapDemo.parameters?.docs?.source}}}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./packages/components/src/common/styles-dictionary/css/variables.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'@media (prefers-color-scheme: light) {\n :root {\n --sds-border-accent-default: 1px solid #1a6cef;\n --sds-border-accent-focused: 1px solid #1a6cef;\n --sds-border-accent-open: 1px solid #1a6cef;\n --sds-border-accent-selected: 1px solid #1a6cef;\n --sds-border-accent-hover: 1px solid #0041b9;\n --sds-border-accent-pressed: 1px solid #002d90;\n --sds-border-base-default: 1px solid #969696;\n --sds-border-base-disabled: 1px solid #c3c3c3;\n --sds-border-base-divider: 1px solid #dfdfdf;\n --sds-border-base-hover: 1px dashed #000000;\n --sds-border-base-pressed: 1px dashed #000000;\n --sds-border-base-table: 1px solid #c3c3c3;\n --sds-border-beta-default: 1px solid #6526b5;\n --sds-border-beta-extra-thick: 4px solid #6526b5;\n --sds-border-beta-thick: 2px solid #6526b5;\n --sds-border-info-default: 1px solid #0041b9;\n --sds-border-info-extra-thick: 4px solid #0041b9;\n --sds-border-info-thick: 2px solid #0041b9;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #980013;\n --sds-border-negative-extra-thick: 4px solid #980013;\n --sds-border-negative-thick: 2px solid #980013;\n --sds-border-neutral-default: 1px solid #969696;\n --sds-border-neutral-extra-thick: 4px solid #969696;\n --sds-border-neutral-thick: 2px solid #969696;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #b77800;\n --sds-border-notice-extra-thick: 4px solid #b77800;\n --sds-border-notice-thick: 2px solid #b77800;\n --sds-border-positive-default: 1px solid #105b2b;\n --sds-border-positive-extra-thick: 4px solid #105b2b;\n --sds-border-positive-thick: 2px solid #105b2b;\n --sds-breakpoint-sm: 0px;\n --sds-breakpoint-md: 512px;\n --sds-breakpoint-lg: 1024px;\n --sds-color-primitive-blue-100: #e2eeff;\n --sds-color-primitive-blue-200: #cce1ff;\n --sds-color-primitive-blue-300: #9dc6ff;\n --sds-color-primitive-blue-400: #6ca6ff;\n --sds-color-primitive-blue-500: #1a6cef;\n --sds-color-primitive-blue-600: #0041b9;\n --sds-color-primitive-blue-700: #002d90;\n --sds-color-primitive-blue-800: #00114a;\n --sds-color-primitive-gray-50: #ffffff;\n --sds-color-primitive-gray-75: #fafafa;\n --sds-color-primitive-gray-100: #f3f3f3;\n --sds-color-primitive-gray-200: #dfdfdf;\n --sds-color-primitive-gray-300: #c3c3c3;\n --sds-color-primitive-gray-400: #a5a5a5;\n --sds-color-primitive-gray-500: #969696;\n --sds-color-primitive-gray-600: #6c6c6c;\n --sds-color-primitive-gray-700: #3b3b3b;\n --sds-color-primitive-gray-800: #1b1b1b;\n --sds-color-primitive-gray-900: #000000;\n --sds-color-primitive-green-100: #daf4de;\n --sds-color-primitive-green-200: #b9ecc3;\n --sds-color-primitive-green-300: #7fd693;\n --sds-color-primitive-green-400: #50b96d;\n --sds-color-primitive-green-500: #238444;\n --sds-color-primitive-green-600: #105b2b;\n --sds-color-primitive-green-700: #07431d;\n --sds-color-primitive-green-800: #001f00;\n --sds-color-primitive-purple-100: #efeafe;\n --sds-color-primitive-purple-200: #e4dbfc;\n --sds-color-primitive-purple-300: #cbbaf8;\n --sds-color-primitive-purple-400: #b296f2;\n --sds-color-primitive-purple-500: #8b54e2;\n --sds-color-primitive-purple-600: #6526b5;\n --sds-color-primitive-purple-700: #490092;\n --sds-color-primitive-purple-800: #1a004c;\n --sds-color-primitive-red-100: #ffe8e6;\n --sds-color-primitive-red-200: #ffd6d2;\n --sds-color-primitive-red-300: #ffafa8;\n --sds-color-primitive-red-400: #ff7e78;\n --sds-color-primitive-red-500: #db2131;\n --sds-color-primitive-red-600: #980013;\n --sds-color-primitive-red-700: #6f0008;\n --sds-color-primitive-red-800: #340000;\n --sds-color-primitive-yellow-100: #ffefcf;\n --sds-color-primitive-yellow-200: #ffdb97;\n --sds-color-primitive-yellow-300: #ffca5c;\n --sds-color-primitive-yellow-400: #fab700;\n --sds-color-primitive-yellow-500: #da9900;\n --sds-color-primitive-yellow-600: #b77800;\n --sds-color-primitive-yellow-700: #7c3e00;\n --sds-color-primitive-yellow-800: #541700;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #969696;\n --sds-color-semantic-base-border-disabled: #c3c3c3;\n --sds-color-semantic-base-border-hover: #000000;\n --sds-color-semantic-base-border-pressed: #000000;\n --sds-color-semantic-base-border-table: #c3c3c3;\n --sds-color-semantic-base-divider: #dfdfdf;\n --sds-color-semantic-base-fill-disabled: #dfdfdf;\n --sds-color-semantic-base-fill-hover: #c3c3c347;\n --sds-color-semantic-base-fill-open: #c3c3c347;\n --sds-color-semantic-base-fill-pressed: #c3c3c347;\n --sds-color-semantic-base-fill-primary: #ffffff;\n --sds-color-semantic-base-fill-selected: #000000;\n --sds-color-semantic-base-icon-disabled: #c3c3c3;\n --sds-color-semantic-base-icon-primary: #969696;\n --sds-color-semantic-base-icon-primary-hover: #000000;\n --sds-color-semantic-base-icon-primary-inverse: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse-hover: #a5a5a5;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #a5a5a5;\n --sds-color-semantic-base-icon-primary-pressed: #000000;\n --sds-color-semantic-base-icon-secondary: #000000;\n --sds-color-semantic-base-surface-background: #ffffff;\n --sds-color-semantic-base-surface-primary: #ffffff;\n --sds-color-semantic-base-surface-primary-inverse: #000000;\n --sds-color-semantic-base-surface-secondary: #f3f3f3;\n --sds-color-semantic-base-surface-tertiary: #dfdfdf;\n --sds-color-semantic-base-text-disabled: #c3c3c3;\n --sds-color-semantic-base-text-primary: #000000;\n --sds-color-semantic-base-text-primary-inverse: #ffffff;\n --sds-color-semantic-base-text-secondary: #6c6c6c;\n --sds-color-semantic-base-text-secondary-inverse: #c3c3c3;\n --sds-color-semantic-accent-border: #1a6cef;\n --sds-color-semantic-accent-border-focus: #1a6cef;\n --sds-color-semantic-accent-border-hover: #0041b9;\n --sds-color-semantic-accent-border-open: #1a6cef;\n --sds-color-semantic-accent-border-pressed: #002d90;\n --sds-color-semantic-accent-border-selected: #1a6cef;\n --sds-color-semantic-accent-fill-hover: #0041b9;\n --sds-color-semantic-accent-fill-pressed: #002d90;\n --sds-color-semantic-accent-fill-primary: #1a6cef;\n --sds-color-semantic-accent-icon: #1a6cef;\n --sds-color-semantic-accent-icon-focus: #1a6cef;\n --sds-color-semantic-accent-icon-hover: #0041b9;\n --sds-color-semantic-accent-icon-open: #1a6cef;\n --sds-color-semantic-accent-icon-pressed: #002d90;\n --sds-color-semantic-accent-icon-selected: #1a6cef;\n --sds-color-semantic-accent-surface-primary: #e2eeff;\n --sds-color-semantic-accent-surface-secondary: #1a6cef;\n --sds-color-semantic-accent-text-action: #1a6cef;\n --sds-color-semantic-accent-text-action-hover: #0041b9;\n --sds-color-semantic-accent-text-action-pressed: #002d90;\n --sds-color-semantic-beta-border: #8b54e2;\n --sds-color-semantic-beta-fill-hover: #6526b5;\n --sds-color-semantic-beta-fill-pressed: #490092;\n --sds-color-semantic-beta-fill-primary: #8b54e2;\n --sds-color-semantic-beta-fill-secondary: #efeafe;\n --sds-color-semantic-beta-ornament: #6526b5;\n --sds-color-semantic-beta-surface-primary: #efeafe;\n --sds-color-semantic-beta-surface-secondary: #8b54e2;\n --sds-color-semantic-beta-text: #6526b5;\n --sds-color-semantic-info-border: #1a6cef;\n --sds-color-semantic-info-fill-hover: #0041b9;\n --sds-color-semantic-info-fill-pressed: #002d90;\n --sds-color-semantic-info-fill-primary: #1a6cef;\n --sds-color-semantic-info-fill-secondary: #e2eeff;\n --sds-color-semantic-info-ornament: #0041b9;\n --sds-color-semantic-info-surface-primary: #e2eeff;\n --sds-color-semantic-info-surface-secondary: #1a6cef;\n --sds-color-semantic-info-text: #0041b9;\n --sds-color-semantic-negative-border: #db2131;\n --sds-color-semantic-negative-fill-hover: #980013;\n --sds-color-semantic-negative-fill-pressed: #6f0008;\n --sds-color-semantic-negative-fill-primary: #db2131;\n --sds-color-semantic-negative-fill-secondary: #ffe8e6;\n --sds-color-semantic-negative-ornament: #980013;\n --sds-color-semantic-negative-surface-primary: #ffe8e6;\n --sds-color-semantic-negative-surface-secondary: #db2131;\n --sds-color-semantic-negative-text: #980013;\n --sds-color-semantic-neutral-border: #969696;\n --sds-color-semantic-neutral-fill-hover: #6c6c6c;\n --sds-color-semantic-neutral-fill-pressed: #3b3b3b;\n --sds-color-semantic-neutral-fill-primary: #969696;\n --sds-color-semantic-neutral-fill-secondary: #f3f3f3;\n --sds-color-semantic-neutral-ornament: #3b3b3b;\n --sds-color-semantic-neutral-surface-primary: #dfdfdf;\n --sds-color-semantic-neutral-surface-secondary: #969696;\n --sds-color-semantic-neutral-text: #3b3b3b;\n --sds-color-semantic-notice-border: #da9900;\n --sds-color-semantic-notice-fill-hover: #b77800;\n --sds-color-semantic-notice-fill-pressed: #7c3e00;\n --sds-color-semantic-notice-fill-primary: #da9900;\n --sds-color-semantic-notice-fill-secondary: #ffefcf;\n --sds-color-semantic-notice-ornament: #b77800;\n --sds-color-semantic-notice-surface-primary: #ffefcf;\n --sds-color-semantic-notice-surface-secondary: #da9900;\n --sds-color-semantic-notice-text: #b77800;\n --sds-color-semantic-positive-border: #238444;\n --sds-color-semantic-positive-fill-hover: #105b2b;\n --sds-color-semantic-positive-fill-pressed: #07431d;\n --sds-color-semantic-positive-fill-primary: #238444;\n --sds-color-semantic-positive-fill-secondary: #daf4de;\n --sds-color-semantic-positive-ornament: #105b2b;\n --sds-color-semantic-positive-surface-primary: #daf4de;\n --sds-color-semantic-positive-surface-secondary: #238444;\n --sds-color-semantic-positive-text: #105b2b;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --sds-border-accent-default: 1px solid #a2c9ff;\n --sds-border-accent-focused: 1px solid #a2c9ff;\n --sds-border-accent-open: 1px solid #a2c9ff;\n --sds-border-accent-selected: 1px solid #a2c9ff;\n --sds-border-accent-hover: 1px solid #cde3ff;\n --sds-border-accent-pressed: 1px solid #e2eeff;\n --sds-border-base-default: 1px solid #aaaaaa;\n --sds-border-base-disabled: 1px solid #696969;\n --sds-border-base-divider: 1px solid #494949;\n --sds-border-base-hover: 1px dashed #ffffff;\n --sds-border-base-pressed: 1px dashed #ffffff;\n --sds-border-base-table: 1px solid #696969;\n --sds-border-beta-default: 1px solid #e4dcfc;\n --sds-border-beta-extra-thick: 4px solid #e4dcfc;\n --sds-border-beta-thick: 2px solid #e4dcfc;\n --sds-border-info-default: 1px solid #cde3ff;\n --sds-border-info-extra-thick: 4px solid #cde3ff;\n --sds-border-info-thick: 2px solid #cde3ff;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #ffbdb3;\n --sds-border-negative-extra-thick: 4px solid #ffbdb3;\n --sds-border-negative-thick: 2px solid #ffbdb3;\n --sds-border-neutral-default: 1px solid #aaaaaa;\n --sds-border-neutral-extra-thick: 4px solid #aaaaaa;\n --sds-border-neutral-thick: 2px solid #aaaaaa;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #efad00;\n --sds-border-notice-extra-thick: 4px solid #efad00;\n --sds-border-notice-thick: 2px solid #efad00;\n --sds-border-positive-default: 1px solid #bcecc5;\n --sds-border-positive-extra-thick: 4px solid #bcecc5;\n --sds-border-positive-thick: 2px solid #bcecc5;\n --sds-breakpoint-sm: 0px;\n --sds-breakpoint-md: 512px;\n --sds-breakpoint-lg: 1024px;\n --sds-color-primitive-blue-100: #002573;\n --sds-color-primitive-blue-200: #0048c5;\n --sds-color-primitive-blue-300: #2573f4;\n --sds-color-primitive-blue-400: #5b9aff;\n --sds-color-primitive-blue-500: #a2c9ff;\n --sds-color-primitive-blue-600: #cde3ff;\n --sds-color-primitive-blue-700: #e2eeff;\n --sds-color-primitive-blue-800: #f7faff;\n --sds-color-primitive-gray-50: #000000;\n --sds-color-primitive-gray-75: #101010;\n --sds-color-primitive-gray-100: #333333;\n --sds-color-primitive-gray-200: #494949;\n --sds-color-primitive-gray-300: #696969;\n --sds-color-primitive-gray-400: #9b9b9b;\n --sds-color-primitive-gray-500: #aaaaaa;\n --sds-color-primitive-gray-600: #cdcdcd;\n --sds-color-primitive-gray-700: #ededed;\n --sds-color-primitive-gray-800: #fafafa;\n --sds-color-primitive-gray-900: #ffffff;\n --sds-color-primitive-green-100: #053918;\n --sds-color-primitive-green-200: #12612e;\n --sds-color-primitive-green-300: #288b49;\n --sds-color-primitive-green-400: #43ae63;\n --sds-color-primitive-green-500: #85d898;\n --sds-color-primitive-green-600: #bcecc5;\n --sds-color-primitive-green-700: #daf4de;\n --sds-color-primitive-green-800: #f7fbf6;\n --sds-color-primitive-purple-100: #4b0190;\n --sds-color-primitive-purple-200: #6b2ebc;\n --sds-color-primitive-purple-300: #905de6;\n --sds-color-primitive-purple-400: #aa89ef;\n --sds-color-primitive-purple-500: #cebef8;\n --sds-color-primitive-purple-600: #e4dcfc;\n --sds-color-primitive-purple-700: #f0ebfe;\n --sds-color-primitive-purple-800: #fbf9ff;\n --sds-color-primitive-red-100: #630008;\n --sds-color-primitive-red-200: #a30000;\n --sds-color-primitive-red-300: #e52722;\n --sds-color-primitive-red-400: #ff695b;\n --sds-color-primitive-red-500: #ff9385;\n --sds-color-primitive-red-600: #ffbdb3;\n --sds-color-primitive-red-700: #ffd8d1;\n --sds-color-primitive-red-800: #fff1ee;\n --sds-color-primitive-yellow-100: #552300;\n --sds-color-primitive-yellow-200: #834500;\n --sds-color-primitive-yellow-300: #985a00;\n --sds-color-primitive-yellow-400: #ac6c00;\n --sds-color-primitive-yellow-500: #cf8e00;\n --sds-color-primitive-yellow-600: #efad00;\n --sds-color-primitive-yellow-700: #ffdc9a;\n --sds-color-primitive-yellow-800: #fcf2e3;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #aaaaaa;\n --sds-color-semantic-base-border-disabled: #696969;\n --sds-color-semantic-base-border-hover: #ffffff;\n --sds-color-semantic-base-border-pressed: #ffffff;\n --sds-color-semantic-base-border-table: #696969;\n --sds-color-semantic-base-divider: #494949;\n --sds-color-semantic-base-fill-disabled: #494949;\n --sds-color-semantic-base-fill-hover: #69696947;\n --sds-color-semantic-base-fill-open: #69696947;\n --sds-color-semantic-base-fill-pressed: #69696947;\n --sds-color-semantic-base-fill-primary: #000000;\n --sds-color-semantic-base-fill-selected: #ffffff;\n --sds-color-semantic-base-icon-disabled: #696969;\n --sds-color-semantic-base-icon-primary: #aaaaaa;\n --sds-color-semantic-base-icon-primary-hover: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse: #000000;\n --sds-color-semantic-base-icon-primary-inverse-hover: #9b9b9b;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #9b9b9b;\n --sds-color-semantic-base-icon-primary-pressed: #ffffff;\n --sds-color-semantic-base-icon-secondary: #ffffff;\n --sds-color-semantic-base-surface-background: #000000;\n --sds-color-semantic-base-surface-primary: #000000;\n --sds-color-semantic-base-surface-primary-inverse: #ffffff;\n --sds-color-semantic-base-surface-secondary: #333333;\n --sds-color-semantic-base-surface-tertiary: #494949;\n --sds-color-semantic-base-text-disabled: #696969;\n --sds-color-semantic-base-text-primary: #ffffff;\n --sds-color-semantic-base-text-primary-inverse: #000000;\n --sds-color-semantic-base-text-secondary: #cdcdcd;\n --sds-color-semantic-base-text-secondary-inverse: #696969;\n --sds-color-semantic-accent-border: #a2c9ff;\n --sds-color-semantic-accent-border-focus: #a2c9ff;\n --sds-color-semantic-accent-border-hover: #cde3ff;\n --sds-color-semantic-accent-border-open: #a2c9ff;\n --sds-color-semantic-accent-border-pressed: #e2eeff;\n --sds-color-semantic-accent-border-selected: #a2c9ff;\n --sds-color-semantic-accent-fill-hover: #cde3ff;\n --sds-color-semantic-accent-fill-pressed: #e2eeff;\n --sds-color-semantic-accent-fill-primary: #a2c9ff;\n --sds-color-semantic-accent-icon: #a2c9ff;\n --sds-color-semantic-accent-icon-focus: #a2c9ff;\n --sds-color-semantic-accent-icon-hover: #cde3ff;\n --sds-color-semantic-accent-icon-open: #a2c9ff;\n --sds-color-semantic-accent-icon-pressed: #e2eeff;\n --sds-color-semantic-accent-icon-selected: #a2c9ff;\n --sds-color-semantic-accent-surface-primary: #002573;\n --sds-color-semantic-accent-surface-secondary: #a2c9ff;\n --sds-color-semantic-accent-text-action: #a2c9ff;\n --sds-color-semantic-accent-text-action-hover: #cde3ff;\n --sds-color-semantic-accent-text-action-pressed: #e2eeff;\n --sds-color-semantic-beta-border: #cebef8;\n --sds-color-semantic-beta-fill-hover: #e4dcfc;\n --sds-color-semantic-beta-fill-pressed: #f0ebfe;\n --sds-color-semantic-beta-fill-primary: #cebef8;\n --sds-color-semantic-beta-fill-secondary: #4b0190;\n --sds-color-semantic-beta-ornament: #e4dcfc;\n --sds-color-semantic-beta-surface-primary: #4b0190;\n --sds-color-semantic-beta-surface-secondary: #cebef8;\n --sds-color-semantic-beta-text: #e4dcfc;\n --sds-color-semantic-info-border: #a2c9ff;\n --sds-color-semantic-info-fill-hover: #cde3ff;\n --sds-color-semantic-info-fill-pressed: #e2eeff;\n --sds-color-semantic-info-fill-primary: #a2c9ff;\n --sds-color-semantic-info-fill-secondary: #002573;\n --sds-color-semantic-info-ornament: #cde3ff;\n --sds-color-semantic-info-surface-primary: #002573;\n --sds-color-semantic-info-surface-secondary: #a2c9ff;\n --sds-color-semantic-info-text: #cde3ff;\n --sds-color-semantic-negative-border: #ff9385;\n --sds-color-semantic-negative-fill-hover: #ffbdb3;\n --sds-color-semantic-negative-fill-pressed: #ffd8d1;\n --sds-color-semantic-negative-fill-primary: #ff9385;\n --sds-color-semantic-negative-fill-secondary: #630008;\n --sds-color-semantic-negative-ornament: #ffbdb3;\n --sds-color-semantic-negative-surface-primary: #630008;\n --sds-color-semantic-negative-surface-secondary: #ff9385;\n --sds-color-semantic-negative-text: #ffbdb3;\n --sds-color-semantic-neutral-border: #aaaaaa;\n --sds-color-semantic-neutral-fill-hover: #cdcdcd;\n --sds-color-semantic-neutral-fill-pressed: #ededed;\n --sds-color-semantic-neutral-fill-primary: #aaaaaa;\n --sds-color-semantic-neutral-fill-secondary: #333333;\n --sds-color-semantic-neutral-ornament: #ededed;\n --sds-color-semantic-neutral-surface-primary: #494949;\n --sds-color-semantic-neutral-surface-secondary: #aaaaaa;\n --sds-color-semantic-neutral-text: #ededed;\n --sds-color-semantic-notice-border: #cf8e00;\n --sds-color-semantic-notice-fill-hover: #efad00;\n --sds-color-semantic-notice-fill-pressed: #ffdc9a;\n --sds-color-semantic-notice-fill-primary: #cf8e00;\n --sds-color-semantic-notice-fill-secondary: #552300;\n --sds-color-semantic-notice-ornament: #efad00;\n --sds-color-semantic-notice-surface-primary: #552300;\n --sds-color-semantic-notice-surface-secondary: #cf8e00;\n --sds-color-semantic-notice-text: #efad00;\n --sds-color-semantic-positive-border: #85d898;\n --sds-color-semantic-positive-fill-hover: #bcecc5;\n --sds-color-semantic-positive-fill-pressed: #daf4de;\n --sds-color-semantic-positive-fill-primary: #85d898;\n --sds-color-semantic-positive-fill-secondary: #053918;\n --sds-color-semantic-positive-ornament: #bcecc5;\n --sds-color-semantic-positive-surface-primary: #053918;\n --sds-color-semantic-positive-surface-secondary: #85d898;\n --sds-color-semantic-positive-text: #bcecc5;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n',"",{version:3,sources:["webpack://./packages/components/src/common/styles-dictionary/css/variables.css"],names:[],mappings:"AAAA;EACE;IACE,8CAA8C;IAC9C,8CAA8C;IAC9C,2CAA2C;IAC3C,+CAA+C;IAC/C,4CAA4C;IAC5C,8CAA8C;IAC9C,4CAA4C;IAC5C,6CAA6C;IAC7C,4CAA4C;IAC5C,2CAA2C;IAC3C,6CAA6C;IAC7C,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,oCAAoC;IACpC,kCAAkC;IAClC,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,+CAA+C;IAC/C,mDAAmD;IACnD,6CAA6C;IAC7C,uBAAuB;IACvB,8CAA8C;IAC9C,kDAAkD;IAClD,4CAA4C;IAC5C,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,wBAAwB;IACxB,0BAA0B;IAC1B,2BAA2B;IAC3B,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,sCAAsC;IACtC,sCAAsC;IACtC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sDAAsD;IACtD,sDAAsD;IACtD,yCAAyC;IACzC,kDAAkD;IAClD,+CAA+C;IAC/C,iDAAiD;IACjD,+CAA+C;IAC/C,0CAA0C;IAC1C,gDAAgD;IAChD,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,+CAA+C;IAC/C,gDAAgD;IAChD,gDAAgD;IAChD,+CAA+C;IAC/C,qDAAqD;IACrD,uDAAuD;IACvD,6DAA6D;IAC7D,+DAA+D;IAC/D,uDAAuD;IACvD,iDAAiD;IACjD,qDAAqD;IACrD,kDAAkD;IAClD,0DAA0D;IAC1D,oDAAoD;IACpD,mDAAmD;IACnD,gDAAgD;IAChD,+CAA+C;IAC/C,uDAAuD;IACvD,iDAAiD;IACjD,yDAAyD;IACzD,2CAA2C;IAC3C,iDAAiD;IACjD,iDAAiD;IACjD,gDAAgD;IAChD,mDAAmD;IACnD,oDAAoD;IACpD,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,yCAAyC;IACzC,+CAA+C;IAC/C,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,kDAAkD;IAClD,oDAAoD;IACpD,sDAAsD;IACtD,gDAAgD;IAChD,sDAAsD;IACtD,wDAAwD;IACxD,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,4CAA4C;IAC5C,gDAAgD;IAChD,kDAAkD;IAClD,kDAAkD;IAClD,oDAAoD;IACpD,8CAA8C;IAC9C,qDAAqD;IACrD,uDAAuD;IACvD,0CAA0C;IAC1C,2CAA2C;IAC3C,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,mDAAmD;IACnD,6CAA6C;IAC7C,oDAAoD;IACpD,sDAAsD;IACtD,yCAAyC;IACzC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,wDAAwD;IACxD;yCACqC;IACrC,wDAAwD;IACxD,4BAA4B;IAC5B,gDAAgD;IAChD,uDAAuD;IACvD,gDAAgD;IAChD,uDAAuD;IACvD,uDAAuD;IACvD,8DAA8D;IAC9D,kDAAkD;IAClD,yDAAyD;IACzD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,kDAAkD;IAClD,yDAAyD;IACzD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,iDAAiD;IACjD,wDAAwD;IACxD,kEAAkE;IAClE,yEAAyE;IACzE,gDAAgD;IAChD,uDAAuD;IACvD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,gEAAgE;IAChE,uEAAuE;IACvE,+CAA+C;IAC/C,sDAAsD;IACtD,+DAA+D;IAC/D,sEAAsE;IACtE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,kDAAkD;IAClD,gEAAgE;IAChE,uEAAuE;IACvE,4CAA4C;IAC5C,mDAAmD;IACnD,iEAAiE;IACjE,wEAAwE;IACxE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,kCAAkC;IAClC,iCAAiC;IACjC,+BAA+B;IAC/B,8BAA8B;IAC9B,8BAA8B;IAC9B,6BAA6B;IAC7B,8BAA8B;IAC9B,6BAA6B;IAC7B,+BAA+B;IAC/B,8BAA8B;IAC9B,yBAAyB;IACzB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB;EACvB;AACF;;AAEA;EACE;IACE,8CAA8C;IAC9C,8CAA8C;IAC9C,2CAA2C;IAC3C,+CAA+C;IAC/C,4CAA4C;IAC5C,8CAA8C;IAC9C,4CAA4C;IAC5C,6CAA6C;IAC7C,4CAA4C;IAC5C,2CAA2C;IAC3C,6CAA6C;IAC7C,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,oCAAoC;IACpC,kCAAkC;IAClC,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,+CAA+C;IAC/C,mDAAmD;IACnD,6CAA6C;IAC7C,uBAAuB;IACvB,8CAA8C;IAC9C,kDAAkD;IAClD,4CAA4C;IAC5C,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,wBAAwB;IACxB,0BAA0B;IAC1B,2BAA2B;IAC3B,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,sCAAsC;IACtC,sCAAsC;IACtC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sDAAsD;IACtD,sDAAsD;IACtD,yCAAyC;IACzC,kDAAkD;IAClD,+CAA+C;IAC/C,iDAAiD;IACjD,+CAA+C;IAC/C,0CAA0C;IAC1C,gDAAgD;IAChD,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,+CAA+C;IAC/C,gDAAgD;IAChD,gDAAgD;IAChD,+CAA+C;IAC/C,qDAAqD;IACrD,uDAAuD;IACvD,6DAA6D;IAC7D,+DAA+D;IAC/D,uDAAuD;IACvD,iDAAiD;IACjD,qDAAqD;IACrD,kDAAkD;IAClD,0DAA0D;IAC1D,oDAAoD;IACpD,mDAAmD;IACnD,gDAAgD;IAChD,+CAA+C;IAC/C,uDAAuD;IACvD,iDAAiD;IACjD,yDAAyD;IACzD,2CAA2C;IAC3C,iDAAiD;IACjD,iDAAiD;IACjD,gDAAgD;IAChD,mDAAmD;IACnD,oDAAoD;IACpD,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,yCAAyC;IACzC,+CAA+C;IAC/C,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,kDAAkD;IAClD,oDAAoD;IACpD,sDAAsD;IACtD,gDAAgD;IAChD,sDAAsD;IACtD,wDAAwD;IACxD,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,4CAA4C;IAC5C,gDAAgD;IAChD,kDAAkD;IAClD,kDAAkD;IAClD,oDAAoD;IACpD,8CAA8C;IAC9C,qDAAqD;IACrD,uDAAuD;IACvD,0CAA0C;IAC1C,2CAA2C;IAC3C,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,mDAAmD;IACnD,6CAA6C;IAC7C,oDAAoD;IACpD,sDAAsD;IACtD,yCAAyC;IACzC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,wDAAwD;IACxD;yCACqC;IACrC,wDAAwD;IACxD,4BAA4B;IAC5B,gDAAgD;IAChD,uDAAuD;IACvD,gDAAgD;IAChD,uDAAuD;IACvD,uDAAuD;IACvD,8DAA8D;IAC9D,kDAAkD;IAClD,yDAAyD;IACzD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,kDAAkD;IAClD,yDAAyD;IACzD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,iDAAiD;IACjD,wDAAwD;IACxD,kEAAkE;IAClE,yEAAyE;IACzE,gDAAgD;IAChD,uDAAuD;IACvD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,gEAAgE;IAChE,uEAAuE;IACvE,+CAA+C;IAC/C,sDAAsD;IACtD,+DAA+D;IAC/D,sEAAsE;IACtE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,kDAAkD;IAClD,gEAAgE;IAChE,uEAAuE;IACvE,4CAA4C;IAC5C,mDAAmD;IACnD,iEAAiE;IACjE,wEAAwE;IACxE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,kCAAkC;IAClC,iCAAiC;IACjC,+BAA+B;IAC/B,8BAA8B;IAC9B,8BAA8B;IAC9B,6BAA6B;IAC7B,8BAA8B;IAC9B,6BAA6B;IAC7B,+BAA+B;IAC/B,8BAA8B;IAC9B,yBAAyB;IACzB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB;EACvB;AACF",sourcesContent:['@media (prefers-color-scheme: light) {\n :root {\n --sds-border-accent-default: 1px solid #1a6cef;\n --sds-border-accent-focused: 1px solid #1a6cef;\n --sds-border-accent-open: 1px solid #1a6cef;\n --sds-border-accent-selected: 1px solid #1a6cef;\n --sds-border-accent-hover: 1px solid #0041b9;\n --sds-border-accent-pressed: 1px solid #002d90;\n --sds-border-base-default: 1px solid #969696;\n --sds-border-base-disabled: 1px solid #c3c3c3;\n --sds-border-base-divider: 1px solid #dfdfdf;\n --sds-border-base-hover: 1px dashed #000000;\n --sds-border-base-pressed: 1px dashed #000000;\n --sds-border-base-table: 1px solid #c3c3c3;\n --sds-border-beta-default: 1px solid #6526b5;\n --sds-border-beta-extra-thick: 4px solid #6526b5;\n --sds-border-beta-thick: 2px solid #6526b5;\n --sds-border-info-default: 1px solid #0041b9;\n --sds-border-info-extra-thick: 4px solid #0041b9;\n --sds-border-info-thick: 2px solid #0041b9;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #980013;\n --sds-border-negative-extra-thick: 4px solid #980013;\n --sds-border-negative-thick: 2px solid #980013;\n --sds-border-neutral-default: 1px solid #969696;\n --sds-border-neutral-extra-thick: 4px solid #969696;\n --sds-border-neutral-thick: 2px solid #969696;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #b77800;\n --sds-border-notice-extra-thick: 4px solid #b77800;\n --sds-border-notice-thick: 2px solid #b77800;\n --sds-border-positive-default: 1px solid #105b2b;\n --sds-border-positive-extra-thick: 4px solid #105b2b;\n --sds-border-positive-thick: 2px solid #105b2b;\n --sds-breakpoint-sm: 0px;\n --sds-breakpoint-md: 512px;\n --sds-breakpoint-lg: 1024px;\n --sds-color-primitive-blue-100: #e2eeff;\n --sds-color-primitive-blue-200: #cce1ff;\n --sds-color-primitive-blue-300: #9dc6ff;\n --sds-color-primitive-blue-400: #6ca6ff;\n --sds-color-primitive-blue-500: #1a6cef;\n --sds-color-primitive-blue-600: #0041b9;\n --sds-color-primitive-blue-700: #002d90;\n --sds-color-primitive-blue-800: #00114a;\n --sds-color-primitive-gray-50: #ffffff;\n --sds-color-primitive-gray-75: #fafafa;\n --sds-color-primitive-gray-100: #f3f3f3;\n --sds-color-primitive-gray-200: #dfdfdf;\n --sds-color-primitive-gray-300: #c3c3c3;\n --sds-color-primitive-gray-400: #a5a5a5;\n --sds-color-primitive-gray-500: #969696;\n --sds-color-primitive-gray-600: #6c6c6c;\n --sds-color-primitive-gray-700: #3b3b3b;\n --sds-color-primitive-gray-800: #1b1b1b;\n --sds-color-primitive-gray-900: #000000;\n --sds-color-primitive-green-100: #daf4de;\n --sds-color-primitive-green-200: #b9ecc3;\n --sds-color-primitive-green-300: #7fd693;\n --sds-color-primitive-green-400: #50b96d;\n --sds-color-primitive-green-500: #238444;\n --sds-color-primitive-green-600: #105b2b;\n --sds-color-primitive-green-700: #07431d;\n --sds-color-primitive-green-800: #001f00;\n --sds-color-primitive-purple-100: #efeafe;\n --sds-color-primitive-purple-200: #e4dbfc;\n --sds-color-primitive-purple-300: #cbbaf8;\n --sds-color-primitive-purple-400: #b296f2;\n --sds-color-primitive-purple-500: #8b54e2;\n --sds-color-primitive-purple-600: #6526b5;\n --sds-color-primitive-purple-700: #490092;\n --sds-color-primitive-purple-800: #1a004c;\n --sds-color-primitive-red-100: #ffe8e6;\n --sds-color-primitive-red-200: #ffd6d2;\n --sds-color-primitive-red-300: #ffafa8;\n --sds-color-primitive-red-400: #ff7e78;\n --sds-color-primitive-red-500: #db2131;\n --sds-color-primitive-red-600: #980013;\n --sds-color-primitive-red-700: #6f0008;\n --sds-color-primitive-red-800: #340000;\n --sds-color-primitive-yellow-100: #ffefcf;\n --sds-color-primitive-yellow-200: #ffdb97;\n --sds-color-primitive-yellow-300: #ffca5c;\n --sds-color-primitive-yellow-400: #fab700;\n --sds-color-primitive-yellow-500: #da9900;\n --sds-color-primitive-yellow-600: #b77800;\n --sds-color-primitive-yellow-700: #7c3e00;\n --sds-color-primitive-yellow-800: #541700;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #969696;\n --sds-color-semantic-base-border-disabled: #c3c3c3;\n --sds-color-semantic-base-border-hover: #000000;\n --sds-color-semantic-base-border-pressed: #000000;\n --sds-color-semantic-base-border-table: #c3c3c3;\n --sds-color-semantic-base-divider: #dfdfdf;\n --sds-color-semantic-base-fill-disabled: #dfdfdf;\n --sds-color-semantic-base-fill-hover: #c3c3c347;\n --sds-color-semantic-base-fill-open: #c3c3c347;\n --sds-color-semantic-base-fill-pressed: #c3c3c347;\n --sds-color-semantic-base-fill-primary: #ffffff;\n --sds-color-semantic-base-fill-selected: #000000;\n --sds-color-semantic-base-icon-disabled: #c3c3c3;\n --sds-color-semantic-base-icon-primary: #969696;\n --sds-color-semantic-base-icon-primary-hover: #000000;\n --sds-color-semantic-base-icon-primary-inverse: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse-hover: #a5a5a5;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #a5a5a5;\n --sds-color-semantic-base-icon-primary-pressed: #000000;\n --sds-color-semantic-base-icon-secondary: #000000;\n --sds-color-semantic-base-surface-background: #ffffff;\n --sds-color-semantic-base-surface-primary: #ffffff;\n --sds-color-semantic-base-surface-primary-inverse: #000000;\n --sds-color-semantic-base-surface-secondary: #f3f3f3;\n --sds-color-semantic-base-surface-tertiary: #dfdfdf;\n --sds-color-semantic-base-text-disabled: #c3c3c3;\n --sds-color-semantic-base-text-primary: #000000;\n --sds-color-semantic-base-text-primary-inverse: #ffffff;\n --sds-color-semantic-base-text-secondary: #6c6c6c;\n --sds-color-semantic-base-text-secondary-inverse: #c3c3c3;\n --sds-color-semantic-accent-border: #1a6cef;\n --sds-color-semantic-accent-border-focus: #1a6cef;\n --sds-color-semantic-accent-border-hover: #0041b9;\n --sds-color-semantic-accent-border-open: #1a6cef;\n --sds-color-semantic-accent-border-pressed: #002d90;\n --sds-color-semantic-accent-border-selected: #1a6cef;\n --sds-color-semantic-accent-fill-hover: #0041b9;\n --sds-color-semantic-accent-fill-pressed: #002d90;\n --sds-color-semantic-accent-fill-primary: #1a6cef;\n --sds-color-semantic-accent-icon: #1a6cef;\n --sds-color-semantic-accent-icon-focus: #1a6cef;\n --sds-color-semantic-accent-icon-hover: #0041b9;\n --sds-color-semantic-accent-icon-open: #1a6cef;\n --sds-color-semantic-accent-icon-pressed: #002d90;\n --sds-color-semantic-accent-icon-selected: #1a6cef;\n --sds-color-semantic-accent-surface-primary: #e2eeff;\n --sds-color-semantic-accent-surface-secondary: #1a6cef;\n --sds-color-semantic-accent-text-action: #1a6cef;\n --sds-color-semantic-accent-text-action-hover: #0041b9;\n --sds-color-semantic-accent-text-action-pressed: #002d90;\n --sds-color-semantic-beta-border: #8b54e2;\n --sds-color-semantic-beta-fill-hover: #6526b5;\n --sds-color-semantic-beta-fill-pressed: #490092;\n --sds-color-semantic-beta-fill-primary: #8b54e2;\n --sds-color-semantic-beta-fill-secondary: #efeafe;\n --sds-color-semantic-beta-ornament: #6526b5;\n --sds-color-semantic-beta-surface-primary: #efeafe;\n --sds-color-semantic-beta-surface-secondary: #8b54e2;\n --sds-color-semantic-beta-text: #6526b5;\n --sds-color-semantic-info-border: #1a6cef;\n --sds-color-semantic-info-fill-hover: #0041b9;\n --sds-color-semantic-info-fill-pressed: #002d90;\n --sds-color-semantic-info-fill-primary: #1a6cef;\n --sds-color-semantic-info-fill-secondary: #e2eeff;\n --sds-color-semantic-info-ornament: #0041b9;\n --sds-color-semantic-info-surface-primary: #e2eeff;\n --sds-color-semantic-info-surface-secondary: #1a6cef;\n --sds-color-semantic-info-text: #0041b9;\n --sds-color-semantic-negative-border: #db2131;\n --sds-color-semantic-negative-fill-hover: #980013;\n --sds-color-semantic-negative-fill-pressed: #6f0008;\n --sds-color-semantic-negative-fill-primary: #db2131;\n --sds-color-semantic-negative-fill-secondary: #ffe8e6;\n --sds-color-semantic-negative-ornament: #980013;\n --sds-color-semantic-negative-surface-primary: #ffe8e6;\n --sds-color-semantic-negative-surface-secondary: #db2131;\n --sds-color-semantic-negative-text: #980013;\n --sds-color-semantic-neutral-border: #969696;\n --sds-color-semantic-neutral-fill-hover: #6c6c6c;\n --sds-color-semantic-neutral-fill-pressed: #3b3b3b;\n --sds-color-semantic-neutral-fill-primary: #969696;\n --sds-color-semantic-neutral-fill-secondary: #f3f3f3;\n --sds-color-semantic-neutral-ornament: #3b3b3b;\n --sds-color-semantic-neutral-surface-primary: #dfdfdf;\n --sds-color-semantic-neutral-surface-secondary: #969696;\n --sds-color-semantic-neutral-text: #3b3b3b;\n --sds-color-semantic-notice-border: #da9900;\n --sds-color-semantic-notice-fill-hover: #b77800;\n --sds-color-semantic-notice-fill-pressed: #7c3e00;\n --sds-color-semantic-notice-fill-primary: #da9900;\n --sds-color-semantic-notice-fill-secondary: #ffefcf;\n --sds-color-semantic-notice-ornament: #b77800;\n --sds-color-semantic-notice-surface-primary: #ffefcf;\n --sds-color-semantic-notice-surface-secondary: #da9900;\n --sds-color-semantic-notice-text: #b77800;\n --sds-color-semantic-positive-border: #238444;\n --sds-color-semantic-positive-fill-hover: #105b2b;\n --sds-color-semantic-positive-fill-pressed: #07431d;\n --sds-color-semantic-positive-fill-primary: #238444;\n --sds-color-semantic-positive-fill-secondary: #daf4de;\n --sds-color-semantic-positive-ornament: #105b2b;\n --sds-color-semantic-positive-surface-primary: #daf4de;\n --sds-color-semantic-positive-surface-secondary: #238444;\n --sds-color-semantic-positive-text: #105b2b;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --sds-border-accent-default: 1px solid #a2c9ff;\n --sds-border-accent-focused: 1px solid #a2c9ff;\n --sds-border-accent-open: 1px solid #a2c9ff;\n --sds-border-accent-selected: 1px solid #a2c9ff;\n --sds-border-accent-hover: 1px solid #cde3ff;\n --sds-border-accent-pressed: 1px solid #e2eeff;\n --sds-border-base-default: 1px solid #aaaaaa;\n --sds-border-base-disabled: 1px solid #696969;\n --sds-border-base-divider: 1px solid #494949;\n --sds-border-base-hover: 1px dashed #ffffff;\n --sds-border-base-pressed: 1px dashed #ffffff;\n --sds-border-base-table: 1px solid #696969;\n --sds-border-beta-default: 1px solid #e4dcfc;\n --sds-border-beta-extra-thick: 4px solid #e4dcfc;\n --sds-border-beta-thick: 2px solid #e4dcfc;\n --sds-border-info-default: 1px solid #cde3ff;\n --sds-border-info-extra-thick: 4px solid #cde3ff;\n --sds-border-info-thick: 2px solid #cde3ff;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #ffbdb3;\n --sds-border-negative-extra-thick: 4px solid #ffbdb3;\n --sds-border-negative-thick: 2px solid #ffbdb3;\n --sds-border-neutral-default: 1px solid #aaaaaa;\n --sds-border-neutral-extra-thick: 4px solid #aaaaaa;\n --sds-border-neutral-thick: 2px solid #aaaaaa;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #efad00;\n --sds-border-notice-extra-thick: 4px solid #efad00;\n --sds-border-notice-thick: 2px solid #efad00;\n --sds-border-positive-default: 1px solid #bcecc5;\n --sds-border-positive-extra-thick: 4px solid #bcecc5;\n --sds-border-positive-thick: 2px solid #bcecc5;\n --sds-breakpoint-sm: 0px;\n --sds-breakpoint-md: 512px;\n --sds-breakpoint-lg: 1024px;\n --sds-color-primitive-blue-100: #002573;\n --sds-color-primitive-blue-200: #0048c5;\n --sds-color-primitive-blue-300: #2573f4;\n --sds-color-primitive-blue-400: #5b9aff;\n --sds-color-primitive-blue-500: #a2c9ff;\n --sds-color-primitive-blue-600: #cde3ff;\n --sds-color-primitive-blue-700: #e2eeff;\n --sds-color-primitive-blue-800: #f7faff;\n --sds-color-primitive-gray-50: #000000;\n --sds-color-primitive-gray-75: #101010;\n --sds-color-primitive-gray-100: #333333;\n --sds-color-primitive-gray-200: #494949;\n --sds-color-primitive-gray-300: #696969;\n --sds-color-primitive-gray-400: #9b9b9b;\n --sds-color-primitive-gray-500: #aaaaaa;\n --sds-color-primitive-gray-600: #cdcdcd;\n --sds-color-primitive-gray-700: #ededed;\n --sds-color-primitive-gray-800: #fafafa;\n --sds-color-primitive-gray-900: #ffffff;\n --sds-color-primitive-green-100: #053918;\n --sds-color-primitive-green-200: #12612e;\n --sds-color-primitive-green-300: #288b49;\n --sds-color-primitive-green-400: #43ae63;\n --sds-color-primitive-green-500: #85d898;\n --sds-color-primitive-green-600: #bcecc5;\n --sds-color-primitive-green-700: #daf4de;\n --sds-color-primitive-green-800: #f7fbf6;\n --sds-color-primitive-purple-100: #4b0190;\n --sds-color-primitive-purple-200: #6b2ebc;\n --sds-color-primitive-purple-300: #905de6;\n --sds-color-primitive-purple-400: #aa89ef;\n --sds-color-primitive-purple-500: #cebef8;\n --sds-color-primitive-purple-600: #e4dcfc;\n --sds-color-primitive-purple-700: #f0ebfe;\n --sds-color-primitive-purple-800: #fbf9ff;\n --sds-color-primitive-red-100: #630008;\n --sds-color-primitive-red-200: #a30000;\n --sds-color-primitive-red-300: #e52722;\n --sds-color-primitive-red-400: #ff695b;\n --sds-color-primitive-red-500: #ff9385;\n --sds-color-primitive-red-600: #ffbdb3;\n --sds-color-primitive-red-700: #ffd8d1;\n --sds-color-primitive-red-800: #fff1ee;\n --sds-color-primitive-yellow-100: #552300;\n --sds-color-primitive-yellow-200: #834500;\n --sds-color-primitive-yellow-300: #985a00;\n --sds-color-primitive-yellow-400: #ac6c00;\n --sds-color-primitive-yellow-500: #cf8e00;\n --sds-color-primitive-yellow-600: #efad00;\n --sds-color-primitive-yellow-700: #ffdc9a;\n --sds-color-primitive-yellow-800: #fcf2e3;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #aaaaaa;\n --sds-color-semantic-base-border-disabled: #696969;\n --sds-color-semantic-base-border-hover: #ffffff;\n --sds-color-semantic-base-border-pressed: #ffffff;\n --sds-color-semantic-base-border-table: #696969;\n --sds-color-semantic-base-divider: #494949;\n --sds-color-semantic-base-fill-disabled: #494949;\n --sds-color-semantic-base-fill-hover: #69696947;\n --sds-color-semantic-base-fill-open: #69696947;\n --sds-color-semantic-base-fill-pressed: #69696947;\n --sds-color-semantic-base-fill-primary: #000000;\n --sds-color-semantic-base-fill-selected: #ffffff;\n --sds-color-semantic-base-icon-disabled: #696969;\n --sds-color-semantic-base-icon-primary: #aaaaaa;\n --sds-color-semantic-base-icon-primary-hover: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse: #000000;\n --sds-color-semantic-base-icon-primary-inverse-hover: #9b9b9b;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #9b9b9b;\n --sds-color-semantic-base-icon-primary-pressed: #ffffff;\n --sds-color-semantic-base-icon-secondary: #ffffff;\n --sds-color-semantic-base-surface-background: #000000;\n --sds-color-semantic-base-surface-primary: #000000;\n --sds-color-semantic-base-surface-primary-inverse: #ffffff;\n --sds-color-semantic-base-surface-secondary: #333333;\n --sds-color-semantic-base-surface-tertiary: #494949;\n --sds-color-semantic-base-text-disabled: #696969;\n --sds-color-semantic-base-text-primary: #ffffff;\n --sds-color-semantic-base-text-primary-inverse: #000000;\n --sds-color-semantic-base-text-secondary: #cdcdcd;\n --sds-color-semantic-base-text-secondary-inverse: #696969;\n --sds-color-semantic-accent-border: #a2c9ff;\n --sds-color-semantic-accent-border-focus: #a2c9ff;\n --sds-color-semantic-accent-border-hover: #cde3ff;\n --sds-color-semantic-accent-border-open: #a2c9ff;\n --sds-color-semantic-accent-border-pressed: #e2eeff;\n --sds-color-semantic-accent-border-selected: #a2c9ff;\n --sds-color-semantic-accent-fill-hover: #cde3ff;\n --sds-color-semantic-accent-fill-pressed: #e2eeff;\n --sds-color-semantic-accent-fill-primary: #a2c9ff;\n --sds-color-semantic-accent-icon: #a2c9ff;\n --sds-color-semantic-accent-icon-focus: #a2c9ff;\n --sds-color-semantic-accent-icon-hover: #cde3ff;\n --sds-color-semantic-accent-icon-open: #a2c9ff;\n --sds-color-semantic-accent-icon-pressed: #e2eeff;\n --sds-color-semantic-accent-icon-selected: #a2c9ff;\n --sds-color-semantic-accent-surface-primary: #002573;\n --sds-color-semantic-accent-surface-secondary: #a2c9ff;\n --sds-color-semantic-accent-text-action: #a2c9ff;\n --sds-color-semantic-accent-text-action-hover: #cde3ff;\n --sds-color-semantic-accent-text-action-pressed: #e2eeff;\n --sds-color-semantic-beta-border: #cebef8;\n --sds-color-semantic-beta-fill-hover: #e4dcfc;\n --sds-color-semantic-beta-fill-pressed: #f0ebfe;\n --sds-color-semantic-beta-fill-primary: #cebef8;\n --sds-color-semantic-beta-fill-secondary: #4b0190;\n --sds-color-semantic-beta-ornament: #e4dcfc;\n --sds-color-semantic-beta-surface-primary: #4b0190;\n --sds-color-semantic-beta-surface-secondary: #cebef8;\n --sds-color-semantic-beta-text: #e4dcfc;\n --sds-color-semantic-info-border: #a2c9ff;\n --sds-color-semantic-info-fill-hover: #cde3ff;\n --sds-color-semantic-info-fill-pressed: #e2eeff;\n --sds-color-semantic-info-fill-primary: #a2c9ff;\n --sds-color-semantic-info-fill-secondary: #002573;\n --sds-color-semantic-info-ornament: #cde3ff;\n --sds-color-semantic-info-surface-primary: #002573;\n --sds-color-semantic-info-surface-secondary: #a2c9ff;\n --sds-color-semantic-info-text: #cde3ff;\n --sds-color-semantic-negative-border: #ff9385;\n --sds-color-semantic-negative-fill-hover: #ffbdb3;\n --sds-color-semantic-negative-fill-pressed: #ffd8d1;\n --sds-color-semantic-negative-fill-primary: #ff9385;\n --sds-color-semantic-negative-fill-secondary: #630008;\n --sds-color-semantic-negative-ornament: #ffbdb3;\n --sds-color-semantic-negative-surface-primary: #630008;\n --sds-color-semantic-negative-surface-secondary: #ff9385;\n --sds-color-semantic-negative-text: #ffbdb3;\n --sds-color-semantic-neutral-border: #aaaaaa;\n --sds-color-semantic-neutral-fill-hover: #cdcdcd;\n --sds-color-semantic-neutral-fill-pressed: #ededed;\n --sds-color-semantic-neutral-fill-primary: #aaaaaa;\n --sds-color-semantic-neutral-fill-secondary: #333333;\n --sds-color-semantic-neutral-ornament: #ededed;\n --sds-color-semantic-neutral-surface-primary: #494949;\n --sds-color-semantic-neutral-surface-secondary: #aaaaaa;\n --sds-color-semantic-neutral-text: #ededed;\n --sds-color-semantic-notice-border: #cf8e00;\n --sds-color-semantic-notice-fill-hover: #efad00;\n --sds-color-semantic-notice-fill-pressed: #ffdc9a;\n --sds-color-semantic-notice-fill-primary: #cf8e00;\n --sds-color-semantic-notice-fill-secondary: #552300;\n --sds-color-semantic-notice-ornament: #efad00;\n --sds-color-semantic-notice-surface-primary: #552300;\n --sds-color-semantic-notice-surface-secondary: #cf8e00;\n --sds-color-semantic-notice-text: #efad00;\n --sds-color-semantic-positive-border: #85d898;\n --sds-color-semantic-positive-fill-hover: #bcecc5;\n --sds-color-semantic-positive-fill-pressed: #daf4de;\n --sds-color-semantic-positive-fill-primary: #85d898;\n --sds-color-semantic-positive-fill-secondary: #053918;\n --sds-color-semantic-positive-ornament: #bcecc5;\n --sds-color-semantic-positive-surface-primary: #053918;\n --sds-color-semantic-positive-surface-secondary: #85d898;\n --sds-color-semantic-positive-text: #bcecc5;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./packages/components/src/core/Accordion/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Zi:()=>components_AccordionDetails,u:()=>components_AccordionHeader,Ay:()=>core_Accordion});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledAccordionDetails=(0,emotion_styled_browser_esm.A)(AccordionDetails.A,{target:"e1gzlo0w0"})(styles.JU," ",(props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)("padding:",spaces?.xxs,"px ",spaces?.m,"px ",spaces?.m,"px;")})),AccordionDetails_AccordionDetails=props=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledAccordionDetails,{children})},components_AccordionDetails=AccordionDetails_AccordionDetails;AccordionDetails_AccordionDetails.__docgenInfo={description:"",methods:[],displayName:"AccordionDetails"};var AccordionSummary=__webpack_require__("./node_modules/@mui/material/AccordionSummary/AccordionSummary.js"),accordionSummaryClasses=__webpack_require__("./node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.js");const StyledAccordionHeader=(0,emotion_styled_browser_esm.A)(AccordionSummary.A,{target:"e1vg2e3r0"})(styles._Z," ",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("padding:",spaces?.m,"px;align-items:flex-start;box-sizing:border-box;.",accordionSummaryClasses.A.content,"{margin:0;flex-direction:column;&.",accordionSummaryClasses.A.expanded,"{margin:0;}}& .",accordionSummaryClasses.A.expandIconWrapper,"{margin-left:",spaces?.m,"px;margin-top:",spaces?.xxs,"px !important;align-self:center;svg{color:",semanticColors?.base?.iconPrimary,";}}&:hover{& .",accordionSummaryClasses.A.expandIconWrapper,"{svg{color:",semanticColors?.base?.iconPrimaryHover,";}}}")})),StyledSubtitle=(0,emotion_styled_browser_esm.A)("p",{target:"e1vg2e3r1"})(styles.Pf," ",(props=>{const semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("color:",semanticColors?.base?.textSecondary,";margin:0;")}));var Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx");const AccordionHeader=props=>{const{children,id,subtitle}=props;return(0,jsx_runtime.jsxs)(StyledAccordionHeader,{"aria-controls":`${id}-panel-content`,id,expandIcon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"ChevronDown",sdsSize:"xs",sdsType:"static"}),children:[children,subtitle&&(0,jsx_runtime.jsx)(StyledSubtitle,{children:subtitle})]})},components_AccordionHeader=AccordionHeader;AccordionHeader.__docgenInfo={description:"",methods:[],displayName:"AccordionHeader",props:{subtitle:{required:!1,tsType:{name:"string"},description:""}}};var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),accordionClasses=__webpack_require__("./node_modules/@mui/material/Accordion/accordionClasses.js"),accordionDetailsClasses=__webpack_require__("./node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.js"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts");const sdsPropNames=["useDivider","togglePosition"],StyledAccordion=(0,emotion_styled_browser_esm.A)(Accordion.A,{shouldForwardProp:prop=>!sdsPropNames.includes(prop.toString()),target:"eg67he00"})((props=>{const{useDivider,togglePosition}=props,shadows=(0,styles.CG)(props),typography=(0,styles.Of)(props),borders=(0,styles.ow)(props),spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("&.",accordionClasses.A.root,"{background-color:",semanticColors?.base?.surfaceBackground,";background-image:none;box-shadow:",shadows?.none,";font-family:",typography?.fontFamily?.body,";border-bottom:",useDivider?borders?.base?.divider:"none",";height:fit-content;& .",accordionSummaryClasses.A.root,"{",(0,a11y.U)(props)," min-height:44px;&.",accordionSummaryClasses.A.focusVisible,"{background-color:unset;}&.",accordionSummaryClasses.A.expanded,"{min-height:unset;}& .MuiAccordionSummary-expandIcon,& .",accordionSummaryClasses.A.expandIconWrapper,"{padding:0;align-self:flex-start;margin-top:",spaces?.xxxs,"px;}}.",accordionDetailsClasses.A.root,"{",(0,styles.Zo)(props)," padding:",spaces?.m,"px;padding-top:",spaces?.xxs,"px;}&:before{opacity:0;}&.",accordionClasses.A.expanded,"{margin:0;}","left"===togglePosition&&leftPosition(props),"}")})),leftPosition=props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props);return(0,emotion_react_browser_esm.AH)("&.",accordionClasses.A.root,"{& .",accordionSummaryClasses.A.root,"{flex-direction:row-reverse;.",accordionSummaryClasses.A.content,"{padding-left:",spaces?.s,"px;}.",accordionSummaryClasses.A.expandIconWrapper,"{margin:0;transform:rotate(-90deg);align-self:flex-start;margin-top:",spaces?.xxxs,"px;&.",accordionSummaryClasses.A.expanded,"{transform:rotate(0deg);}}}& .",accordionDetailsClasses.A.root,"{padding-left:",(spaces?.m??12)+(iconSizes?.xs.width??12)+(spaces?.s??8),"px;}}")},Accordion_Accordion=react.forwardRef(((props,ref)=>{const{children,useDivider,togglePosition="right",id,defaultExpanded=!1}=props,[expanded,setExpanded]=react.useState(!!defaultExpanded&&id);return(0,jsx_runtime.jsx)(StyledAccordion,{square:!0,useDivider,togglePosition,expanded:expanded===id,onChange:(panel=id,(_event,isExpanded)=>{setExpanded(!!isExpanded&&panel)}),ref,...props,children});var panel})),core_Accordion=Accordion_Accordion;Accordion_Accordion.__docgenInfo={description:"@see https://mui.com/material-ui/react-accordion/",methods:[],displayName:"Accordion"}},"./packages/components/src/core/Alert/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Alert});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledAlert=(0,emotion_styled_browser_esm.A)(Alert.A,{target:"e1uteffm0"})((props=>{const colors=(0,styles.jM)(props),spaces=(0,styles.oZ)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props),{severity="success"}=props,borderColor=colors&&severityToColor(severity,colors)[400]||"black",alertColor=colors&&severityToColor(severity,colors)[100]||"white",iconColor=colors&&severityToColor(severity,colors)[400]||"black";return`\n background-color: ${colors&&severityToColor(severity,colors)[100]};\n margin: ${spaces?.m}px 0;\n color: ${semanticColors?.base?.textPrimary};\n padding: ${spaces?.l}px ${spaces?.l}px\n ${spaces?.l}px 9px;\n background-color: ${alertColor};\n &.elevated {\n border-left: 5px solid;\n box-shadow: ${shadows?.s};\n border-color: ${borderColor};\n }\n .MuiAlert-icon {\n path {\n fill: ${iconColor};\n }\n }\n `}));function severityToColor(alertSeverity,colors){switch(alertSeverity){case"error":return colors?.red;case"warning":return colors?.yellow;case"info":return colors?.blue;default:return colors?.green}}const Alert_Alert=props=>(0,jsx_runtime.jsx)(StyledAlert,{...props}),core_Alert=Alert_Alert;Alert_Alert.__docgenInfo={description:"@see https://mui.com/material-ui/react-alert/\n\n@deprecated\nThis component is deprecated and will be removed in the next major version.\nPlease use `Callout` or `Notification` instead.",methods:[],displayName:"Alert"}},"./packages/components/src/core/Banner/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Banner});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const Centered=(0,emotion_styled_browser_esm.A)("div",{target:"e1d1rdg30"})("flex:1 1 auto;display:flex;justify-content:center;align-items:center;"),doNotForwardPropsIconWrapper=["bannerType"],IconWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardPropsIconWrapper.includes(prop),target:"e1d1rdg31"})((props=>{const{bannerType}=props,iconSizes=(0,styles.I7)(props),spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n height: ${iconSizes?.l.height}px;\n margin-right: ${spaces?.m}px;\n svg {\n fill: ${"primary"===bannerType?semanticColors?.base?.iconPrimaryInverse:semanticColors?.info?.ornament};\n }\n `})),doNotForwardPropsButtonIcon=["bannerType","textChild"],StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{shouldForwardProp:prop=>!doNotForwardPropsButtonIcon.includes(prop),target:"e1d1rdg32"})("flex:0 0 auto;",(props=>{const{bannerType}=props,semanticColors=(0,styles.Bd)(props);return"primary"!==bannerType?"":`\n svg {\n fill: ${semanticColors?.base?.iconPrimaryInverse};\n }\n\n svg:hover {\n fill: ${semanticColors?.base?.iconPrimaryInverseHover};\n }\n `})),doNotForwardProps=["sdsType","textChild"],StyledBanner=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1d1rdg34"})(styles.JU," ",(props=>{const{sdsType}=props,spaces=(0,styles.oZ)(props);return`\n display: flex;\n align-items: center;\n padding: ${spaces?.s}px ${spaces?.l}px;\n \n ${"primary"===sdsType?(props=>{const semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.info?.surfaceSecondary};\n color: ${semanticColors?.base?.textPrimaryInverse};\n `})(props):""}\n ${"secondary"===sdsType?(props=>{const semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.info?.surfacePrimary};\n color: ${semanticColors?.base?.textPrimary};\n `})(props):""}\n `})),Banner=(0,react.forwardRef)((function Banner(props,ref){const{children,dismissed,dismissible=!0,onClose,sdsType,icon,sdsIconProps,...rest}=props,[wasDismissed,setWasDismissed]=(0,react.useState)(!1);if(dismissed||wasDismissed)return null;return(0,jsx_runtime.jsxs)(StyledBanner,{role:"banner",sdsType,ref,...rest,children:[(0,jsx_runtime.jsxs)(Centered,{children:[(0,jsx_runtime.jsx)(IconWrapper,{bannerType:sdsType,children:icon?"string"!=typeof icon?icon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:icon,sdsSize:"l",sdsType:"static",...sdsIconProps}):(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"InfoCircle",sdsSize:"l",sdsType:"static",...sdsIconProps})}),children]}),dismissible&&(0,jsx_runtime.jsx)(StyledButton,{"aria-label":"Close",bannerType:sdsType,sdsType:"tertiary",sdsSize:"small",sdsStyle:"icon",onClick:e=>{void 0===dismissed&&setWasDismissed(!0),onClose&&onClose(e)},icon:"XMark"})]})})),core_Banner=Banner;Banner.__docgenInfo={description:"",methods:[],displayName:"Banner",props:{sdsType:{required:!0,tsType:{name:"union",raw:'"primary" | "secondary"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'}]},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},icon:{required:!1,tsType:{name:"union",raw:"keyof IconNameToSizes | React.ReactElement",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps"}],raw:"Partial>"},description:""},dismissed:{required:!1,tsType:{name:"boolean"},description:""},dismissible:{required:!1,tsType:{name:"boolean"},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"void"}}},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/ButtonDropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),src_core_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Button/index.tsx"),src_core_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),_ButtonIcon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),src_common_warnings__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/common/warnings.ts");const BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE={large:"xl",medium:"l",small:"s"},ButtonDropdown=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(((props,ref)=>{const{icon,sdsStyle,sdsType,sdsSize="medium",sdsIconProps}=props,iconSize=BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE[sdsSize],iconItem=()=>{if(icon)return"string"!=typeof icon?icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_core_Icon__WEBPACK_IMPORTED_MODULE_3__.A,{sdsType:"iconButton",...sdsIconProps,sdsIcon:icon,sdsSize:iconSize})};return"icon"===sdsStyle?void 0!==icon?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ButtonIcon__WEBPACK_IMPORTED_MODULE_4__.A,{icon,...props,ref}):((0,src_common_warnings__WEBPACK_IMPORTED_MODULE_5__.S7)(src_common_warnings__WEBPACK_IMPORTED_MODULE_5__.oq.ButtonIconMissingIconProp),null):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_core_Button__WEBPACK_IMPORTED_MODULE_2__.A,{...props,endIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_core_Icon__WEBPACK_IMPORTED_MODULE_3__.A,{sdsIcon:"ChevronDown",sdsSize:"xs",sdsType:"button"}),sdsStyle,ref,sdsType,startIcon:iconItem()})})),__WEBPACK_DEFAULT_EXPORT__=ButtonDropdown;ButtonDropdown.__docgenInfo={description:"@see https://mui.com/material-ui/react-button/",methods:[],displayName:"ButtonDropdown",props:{icon:{required:!1,tsType:{name:"union",raw:"keyof IconNameToSizes | React.ReactElement",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsStyle:{required:!1,tsType:{name:"union",raw:'"rounded" | "square" | "icon"',elements:[{name:"literal",value:'"rounded"'},{name:"literal",value:'"square"'},{name:"literal",value:'"icon"'}]},description:""},sdsType:{required:!1,tsType:{name:"union",raw:'"primary" | "secondary"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps"}],raw:"Partial>"},description:""},sdsSize:{required:!1,tsType:{name:"union",raw:'"small" | "medium" | "large"',elements:[{name:"literal",value:'"small"'},{name:"literal",value:'"medium"'},{name:"literal",value:'"large"'}]},description:""}}}},"./packages/components/src/core/ButtonToggle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_ButtonToggle});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsStage"],StyledButtonToggle=(0,emotion_styled_browser_esm.A)(ButtonIcon.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e31uxgr0"})((props=>{const{sdsStage}=props,semanticColors=(0,styles.Bd)(props);return`\n background-color: ${"on"===sdsStage?semanticColors?.base?.fillHover:"transparent"};\n `})),ButtonToggle=react.forwardRef(((props,ref)=>{const{icon,sdsSize="medium",sdsStage="off",sdsType="primary",...rest}=props;return void 0!==icon?(0,jsx_runtime.jsx)(StyledButtonToggle,{icon,sdsType,sdsSize,sdsStage,ref,...rest}):((0,warnings.S7)(warnings.oq.ButtonToggleMissingIconProp),null)})),core_ButtonToggle=ButtonToggle;ButtonToggle.__docgenInfo={description:"@see https://mui.com/material-ui/react-button/",methods:[],displayName:"ButtonToggle"}},"./packages/components/src/core/Callout/components/CalloutTitle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_CalloutTitle});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),constants=__webpack_require__("./packages/components/src/core/Callout/constants.ts"),AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledCalloutTitle=(0,emotion_styled_browser_esm.A)(AlertTitle.A,{target:"e1l6x9tq0"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin: ${spaces?.xxxs}px 0 ${spaces?.xs}px;\n `})),CalloutTitle=({children})=>(0,jsx_runtime.jsx)(StyledCalloutTitle,{children});CalloutTitle.displayName=constants.P;const components_CalloutTitle=CalloutTitle;CalloutTitle.__docgenInfo={description:"",methods:[]}},"./packages/components/src/core/Callout/constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>CALLOUT_TITLE_DISPLAY_NAME});const CALLOUT_TITLE_DISPLAY_NAME="CalloutTitle"},"./packages/components/src/core/Callout/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Callout});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Grow=__webpack_require__("./node_modules/@mui/material/Grow/Grow.js"),react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),constants=__webpack_require__("./packages/components/src/core/Callout/constants.ts"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),alertClasses=__webpack_require__("./node_modules/@mui/material/Alert/alertClasses.js"),alertTitleClasses=__webpack_require__("./node_modules/@mui/material/AlertTitle/alertTitleClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["calloutTitle","collapsed","severity"],StyledCallout=(0,emotion_styled_browser_esm.A)(Alert.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"elj59gl0"})(styles.Zo," ",(props=>{const{intent="info"}=props,spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),iconSizes=(0,styles.I7)(props),palette=(0,styles.Sf)(props),typography=(0,styles.Of)(props),semanticColors=(0,styles.Bd)(props),iconColor=semanticColors?.[intent]?.ornament??"black",backgroundColor=semanticColors?.[intent]?.surfacePrimary??"white",titleBottomMargin=props.collapsed?"margin-bottom: 0;":"",alertMessagePaddingTop=Math.abs(((iconSizes?.l.height??0)-parseInt(String(typography?.wideStyles?.body?.regular?.xs?.lineHeight??"0")))/2);return`\n width: 360px;\n margin: ${spaces?.m}px 0;\n border-radius: ${corners?.m}px;\n color: ${palette?.text?.primary};\n padding: ${spaces?.m}px;\n background-color: ${backgroundColor};\n\n .${alertClasses.A.icon} {\n height: ${iconSizes?.l.height}px;\n width: ${iconSizes?.l.width}px;\n margin-right: ${spaces?.s}px;\n padding: 0;\n\n path {\n fill: ${iconColor};\n }\n }\n\n .${alertClasses.A.message} {\n padding: ${alertMessagePaddingTop}px 0 0;\n margin-right: ${spaces?.m}px;\n\n .${alertTitleClasses.A.root} {\n margin-top: 0;\n ${titleBottomMargin}\n }\n }\n\n .${alertClasses.A.action} {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ${spaces?.xxs}px;\n\n > button {\n padding: 0;\n }\n }\n `})),Callout=({autoDismiss,children,dismissed,expandable,onClose,icon,sdsIconProps,intent,sdsStage,...rest})=>{const[hide,setHide]=(0,react.useState)(dismissed),[stage,setStage]=(0,react.useState)(sdsStage||"closed");(0,react.useEffect)((()=>{if(setHide(dismissed),autoDismiss){setTimeout((()=>{setHide(!0)}),"boolean"==typeof autoDismiss?8e3:autoDismiss)}}),[dismissed,autoDismiss]);const handleClose=event=>{setHide(!0),onClose&&onClose(event)},collapsed=expandable&&"closed"===stage||!1;let calloutContent,calloutTitle=children;return Array.isArray(children)&&children[0]?.type?.displayName===constants.P&&([calloutTitle,...calloutContent]=children),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(Grow.A,{in:!hide,children:(0,jsx_runtime.jsxs)(StyledCallout,{onClose:onClose?handleClose:void 0,action:(collapsed=>expandable?(0,jsx_runtime.jsx)(Button.A,{"aria-label":collapsed?"open":"close",onClick:()=>{setStage(collapsed?"open":"closed")},sdsSize:"small",sdsType:"tertiary",sdsStyle:"icon",icon:collapsed?"ChevronDown":"ChevronUp"}):onClose?(0,jsx_runtime.jsx)(Button.A,{"aria-label":"Dismiss",onClick:handleClose,sdsSize:"small",sdsType:"tertiary",sdsStyle:"icon",size:"large",icon:"XMark"}):null)(collapsed),icon:(()=>{if(void 0!==icon)return"string"!=typeof icon?icon:(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:icon,sdsType:"static",...sdsIconProps});switch(intent){case"positive":return(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:"CheckCircle",sdsType:"static"});case"info":return(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:"InfoCircle",sdsType:"static"});default:return(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:"ExclamationMarkCircle",sdsType:"static"})}})(),intent,collapsed:collapsed||!1,...rest,children:[calloutTitle,!collapsed&&calloutContent]})})})},core_Callout=Callout;Callout.__docgenInfo={description:"@see https://mui.com/material-ui/react-alert/",methods:[],displayName:"Callout",props:{autoDismiss:{required:!1,tsType:{name:"union",raw:"boolean | number",elements:[{name:"boolean"},{name:"number"}]},description:""},dismissed:{required:!1,tsType:{name:"boolean"},description:""},expandable:{required:!1,tsType:{name:"boolean"},description:""},icon:{required:!1,tsType:{name:"union",raw:"keyof IconNameToSizes | React.ReactElement",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps"}],raw:"Partial>"},description:""},intent:{required:!0,tsType:{name:"union",raw:'"info" | "negative" | "notice" | "positive"',elements:[{name:"literal",value:'"info"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"positive"'}]},description:""},sdsStage:{required:!1,tsType:{name:"union",raw:"typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN",elements:[{name:"SDS_STAGE_CLOSED"},{name:"SDS_STAGE_OPEN"}]},description:""}}}},"./packages/components/src/core/CellBasic/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_CellBasic});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["icon","iconVerticalAlign","horizontalAlign","verticalAlign","primaryText","secondaryText","tertiaryText","shouldTextWrap","shouldShowTooltipOnHover","tooltipProps","primaryTextWrapLineCount","secondaryTextWrapLineCount","tertiaryTextWrapLineCount","primaryTextComponentSlotBottom","primaryTextComponentSlotRight"],verticalAlignCSSMap={bottom:"bottom",center:"middle",top:"top"},verticalAlignToFlexMap={bottom:"flex-end",center:"center",top:"flex-start"},StyledTableData=(0,emotion_styled_browser_esm.A)("td",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl60"})(styles.JU," ",styles.UT," ",(props=>{const{horizontalAlign="left",verticalAlign="top"}=props,spaces=(0,styles.oZ)(props);return`\n padding: ${spaces?.l}px ${spaces?.m}px;\n text-align: ${horizontalAlign};\n vertical-align: ${verticalAlignCSSMap[verticalAlign]};\n overflow: hidden;\n `})),ShouldWrap=lineCount=>`\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: ${lineCount};\n -webkit-box-orient: vertical; \n `,StyledCellContent=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl61"})("display:flex;"),StyledCellContentWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl62"})("width:100%;"),StyledCellIconWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl63"})((props=>{const{iconVerticalAlign="top"}=props,spaces=(0,styles.oZ)(props);return`\n padding-right: ${spaces?.l}px;\n display: flex;\n flex-direction: column;\n justify-content: ${verticalAlignToFlexMap[iconVerticalAlign]};\n `})),PrimaryTextWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl64"})((props=>{const{horizontalAlign}=props;return`\n display: flex;\n justify-content: ${"left"===horizontalAlign?"flex-start":"flex-end"};\n `})),PrimaryText=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl65"})(styles.JU," ",(props=>{const{primaryTextWrapLineCount=3}=props;return`\n display: block;\n ${props.shouldTextWrap?ShouldWrap(primaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),SecondaryText=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl66"})(styles.Pf," ",(props=>{const{secondaryTextWrapLineCount=1}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n display: block;\n color: ${semanticColors?.base?.textSecondary};\n padding-top: ${spaces?.xxxs}px;\n\n ${props.shouldTextWrap?ShouldWrap(secondaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),TertiaryText=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl67"})(styles.Pf," ",(props=>{const{tertiaryTextWrapLineCount=1}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n display: block;\n color: ${semanticColors?.base?.textSecondary};\n padding-top: ${spaces?.s}px;\n\n ${props.shouldTextWrap?ShouldWrap(tertiaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),PrimaryTextComponentSlotBottomWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl68"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.xxs}px;\n `})),PrimaryTextComponentSlotRightWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl69"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-left: ${spaces?.xs}px;\n `})),CellBasicContent=props=>{const{primaryText,primaryTextWrapLineCount,secondaryText,secondaryTextWrapLineCount,tertiaryText,tertiaryTextWrapLineCount,shouldTextWrap=!0,icon,iconVerticalAlign,primaryTextComponentSlotRight,primaryTextComponentSlotBottom,horizontalAlign="left"}=props;return(0,jsx_runtime.jsxs)(StyledCellContent,{children:[icon&&(0,jsx_runtime.jsx)(StyledCellIconWrapper,{iconVerticalAlign,children:icon}),(0,jsx_runtime.jsxs)(StyledCellContentWrapper,{children:[(0,jsx_runtime.jsxs)(PrimaryTextWrapper,{horizontalAlign,children:[(0,jsx_runtime.jsx)(PrimaryText,{shouldTextWrap,primaryTextWrapLineCount,children:primaryText}),primaryTextComponentSlotRight&&(0,jsx_runtime.jsx)(PrimaryTextComponentSlotRightWrapper,{children:primaryTextComponentSlotRight})]}),!secondaryText&&!tertiaryText&&primaryTextComponentSlotBottom&&(0,jsx_runtime.jsx)(PrimaryTextComponentSlotBottomWrapper,{children:primaryTextComponentSlotBottom}),secondaryText&&(0,jsx_runtime.jsx)(SecondaryText,{shouldTextWrap,secondaryTextWrapLineCount,children:secondaryText}),tertiaryText&&(0,jsx_runtime.jsx)(TertiaryText,{shouldTextWrap,tertiaryTextWrapLineCount,children:tertiaryText})]})]})},CellBasic=(0,react.forwardRef)(((props,ref)=>{const{primaryText,secondaryText,shouldShowTooltipOnHover=!0,tooltipProps}=props;return shouldShowTooltipOnHover?(0,jsx_runtime.jsx)(Tooltip.A,{title:primaryText,subtitle:secondaryText,arrow:!0,leaveDelay:0,leaveTouchDelay:0,sdsStyle:"dark",...tooltipProps,children:(0,jsx_runtime.jsx)(StyledTableData,{ref,...props,children:(0,jsx_runtime.jsx)(CellBasicContent,{...props})})}):(0,jsx_runtime.jsx)(StyledTableData,{ref,...props,children:(0,jsx_runtime.jsx)(CellBasicContent,{...props})})})),core_CellBasic=CellBasic;CellBasic.__docgenInfo={description:"",methods:[],displayName:"CellBasic",props:{shouldShowTooltipOnHover:{required:!1,tsType:{name:"boolean"},description:""},tooltipProps:{required:!1,tsType:{name:"Partial",elements:[{name:"TooltipProps"}],raw:"Partial"},description:""},horizontalAlign:{required:!1,tsType:{name:"union",raw:'"left" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},verticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""},iconVerticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""},shouldTextWrap:{required:!1,tsType:{name:"boolean"},description:""},primaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},secondaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},tertiaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},primaryText:{required:!0,tsType:{name:"string"},description:""},secondaryText:{required:!1,tsType:{name:"string"},description:""},tertiaryText:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]},description:""},primaryTextComponentSlotRight:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},primaryTextComponentSlotBottom:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}},composes:["CommonThemeProps","Omit"]}},"./packages/components/src/core/CellComponent/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_CellComponent});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["horizontalAlign","verticalAlign"],StyledCellComponentData=(0,emotion_styled_browser_esm.A)("td",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"emsppok0"})(styles.JU," ",styles.UT," ",(props=>{const spaces=(0,styles.oZ)(props),{horizontalAlign="left",verticalAlign="top"}=props;return`\n align-items: center;\n text-align: ${horizontalAlign};\n vertical-align: ${verticalAlign};\n overflow: hidden;\n padding: ${spaces?.l}px ${spaces?.m}px;\n `})),CellComponent=(0,react.forwardRef)(((props,_)=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledCellComponentData,{className:"cell-component",...props,children})})),core_CellComponent=CellComponent;CellComponent.__docgenInfo={description:"",methods:[],displayName:"CellComponent",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},horizontalAlign:{required:!1,tsType:{name:"union",raw:'"left" | "center" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"center"'},{name:"literal",value:'"right"'}]},description:""},verticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""}},composes:["Omit","CommonThemeProps"]}},"./packages/components/src/core/Chip/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Chip});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function createStatusCss(props,status){const colors=(0,styles.jM)(props),semanticColors=(0,styles.Bd)(props);if(!colors)return;const statusColors={beta:{dark:semanticColors?.beta?.text,light:semanticColors?.beta?.surfacePrimary},error:{dark:semanticColors?.negative?.text,light:semanticColors?.negative?.surfacePrimary},info:{dark:semanticColors?.info?.text,light:semanticColors?.info?.surfacePrimary},pending:{dark:semanticColors?.neutral?.text,light:semanticColors?.neutral?.surfacePrimary},success:{dark:semanticColors?.positive?.text,light:semanticColors?.positive?.surfacePrimary},warning:{dark:colors?.yellow[700],light:semanticColors?.notice?.surfacePrimary}}[status];return(0,emotion_react_browser_esm.AH)("background-color:",statusColors.light,";.MuiChip-label{color:",statusColors.dark,";}")}const statusToCss={beta:props=>createStatusCss(props,"beta"),error:props=>createStatusCss(props,"error"),info:props=>createStatusCss(props,"info"),pending:props=>createStatusCss(props,"pending"),success:props=>createStatusCss(props,"success"),warning:props=>createStatusCss(props,"warning")},doNotForwardProps=["isRounded"],StyledChip=(0,emotion_styled_browser_esm.A)(Chip.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"em6vngs0"})("border:none;",(props=>{const{size,status,isRounded}=props;return(0,emotion_react_browser_esm.AH)(isRounded&&(props=>{const corners=(0,styles.VP)(props);return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.l,"px;")})(props)," ",!isRounded&&(props=>{const corners=(0,styles.VP)(props);return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.m,"px;")})(props)," ","small"===size&&(props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)("height:",spaces?.l,"px;padding:",spaces?.xxs,"px ",spaces?.xs,"px;.MuiChip-label{",(0,styles.Uw)(props)," padding:0;}")})(props)," ","medium"===size&&(props=>{const spaces=(0,styles.oZ)(props),colors=(0,styles.jM)(props);return(0,emotion_react_browser_esm.AH)("margin:0 ",spaces?.s,"px;height:24px;background-color:",colors?.blue[400],";&:hover{background-color:",colors?.blue[500],";}&:active{background-color:",colors?.blue[600],";}.MuiChip-label{",(0,styles.Se)(props)," color:white;padding-left:",spaces?.s,"px;}.MuiChip-deleteIcon{color:white;padding-right:",spaces?.xxs,"px;margin:0 0 0 -",spaces?.s,"px;height:",spaces?.l,"px;width:",spaces?.l,"px;&:hover,&:focus-visible{color:white;}}")})(props)," ",status&&statusToCss[status](props))})),Chip_Chip=props=>{(0,warnings.S7)(warnings.oq.ChipDeprecated);const{onDelete}=props;return onDelete?(0,jsx_runtime.jsx)(StyledChip,{deleteIcon:(0,jsx_runtime.jsx)(Clear.A,{}),...props}):(0,jsx_runtime.jsx)(StyledChip,{...props})},core_Chip=Chip_Chip;Chip_Chip.__docgenInfo={description:"@see https://mui.com/material-ui/react-chip/\n\n@deprecated\nThis component is deprecated and will be removed in the next major version.\nPlease use `Tag` or `TagFilter` instead.",methods:[],displayName:"Chip",props:{size:{required:!1,tsType:{name:"union",raw:'"small" | "medium"',elements:[{name:"literal",value:'"small"'},{name:"literal",value:'"medium"'}]},description:""},status:{required:!1,tsType:{name:"union",raw:'"success" | "error" | "warning" | "info" | "pending" | "beta"',elements:[{name:"literal",value:'"success"'},{name:"literal",value:'"error"'},{name:"literal",value:'"warning"'},{name:"literal",value:'"info"'},{name:"literal",value:'"pending"'},{name:"literal",value:'"beta"'}]},description:""},isRounded:{required:!1,tsType:{name:"boolean"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/ComplexFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>core_ComplexFilter});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx");const Chips=({value,multiple=!1,onDelete})=>{if(!value)return null;if(!multiple){const{name}=value;return(0,jsx_runtime.jsx)(TagFilter.A,{label:name,onDelete,onClick:()=>onDelete(name)})}return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:value.map((item=>{const{name}=item;return(0,jsx_runtime.jsx)(TagFilter.A,{label:name,onDelete:()=>onDelete(item),onClick:()=>onDelete(item)},name)}))})},components_Chips=Chips;Chips.__docgenInfo={description:"",methods:[],displayName:"Chips",props:{value:{required:!0,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},multiple:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onDelete:{required:!0,tsType:{name:"signature",type:"function",raw:"(option: DefaultAutocompleteOption) => void",signature:{arguments:[{type:{name:"DefaultAutocompleteOption"},name:"option"}],return:{name:"void"}}},description:""}}};var emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const Wrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1waziz50"})("min-width:150px;"),StyledChipsWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1waziz51"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.s}px;\n `})),ComplexFilter=({options,label="",multiple=!1,search=!1,onChange,DropdownMenuProps={},InputDropdownProps={sdsStyle:"minimal"},value:propValue,PopperComponent,InputDropdownComponent=InputDropdown.A,isTriggerChangeOnOptionClick=!1,...rest})=>{const isControlled=void 0!==propValue,[open,setOpen]=(0,react.useState)(!1),[anchorEl,setAnchorEl]=(0,react.useState)(null),[value,setValue]=(0,react.useState)(getInitialValue()),[pendingValue,setPendingValue]=(0,react.useState)(getInitialValue()),prevValueRef=(0,react.useRef)(value);(0,react.useEffect)((()=>{prevValueRef.current!==value&&(onChange(value),setPendingValue(value),prevValueRef.current=value)}),[onChange,value]);const prevPropValueRef=(0,react.useRef)(propValue);return(0,react.useEffect)((()=>{isControlled&&prevPropValueRef.current!==propValue&&(setValue(propValue),prevPropValueRef.current=propValue)}),[isControlled,propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(Wrapper,{...rest,children:[(0,jsx_runtime.jsx)(InputDropdownComponent,{label,onClick:function handleClick(event){open?(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus(),setAnchorEl(null)):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},...InputDropdownProps}),(0,jsx_runtime.jsx)(StyledChipsWrapper,{children:(0,jsx_runtime.jsx)(components_Chips,{value,multiple,onDelete:function handleDelete(option){if(!multiple)return setValue(null);const newValue=value?.filter((item=>item!==option))||null;setValue(newValue)}})})]}),(0,jsx_runtime.jsx)(DropdownMenu.A,{anchorEl,open,onClose:function handleMenuSelectClose(event,reason){["escape","select-option"].includes(reason)&&handleClose()},search,multiple,value:multiple?pendingValue:value,onChange:function handleChange(event,newValue){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValue(newValue)):setPendingValue(newValue);setValue(newValue),multiple||setOpen(!1)},disableCloseOnSelect:multiple,options,PopperComponent,PopperBaseProps:{sx:{minWidth:250}},onClickAway:handleClose,...DropdownMenuProps,...rest})]});function handleClose(){open&&(setOpen(!1),multiple&&setValue(pendingValue))}function getInitialValue(){return multiple?propValue??[]:propValue??null}},core_ComplexFilter=ComplexFilter;ComplexFilter.__docgenInfo={description:"",methods:[],displayName:"ComplexFilter",props:{label:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:'""',computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"T"}],raw:"T[]"},description:""},multiple:{required:!1,tsType:{name:"Multiple"},description:"",defaultValue:{value:"false",computed:!1}},search:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(\n options: AutocompleteValue\n) => void",signature:{arguments:[{type:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},name:"options"}],return:{name:"void"}}},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"DropdownMenu"}],raw:"Partial"},description:"",defaultValue:{value:"{}",computed:!1}},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial"},description:"",defaultValue:{value:'{ sdsStyle: "minimal" }',computed:!1}},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""},className:{required:!1,tsType:{name:"string"},description:""},PopperComponent:{required:!1,tsType:{name:"StyledPopper"},description:""},InputDropdownComponent:{required:!1,tsType:{name:"InputDropdown"},description:"",defaultValue:{value:"InputDropdown",computed:!0}},isTriggerChangeOnOptionClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}}},"./packages/components/src/core/Dialog/components/DialogActions/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogActions});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),DialogActions=__webpack_require__("./node_modules/@mui/material/DialogActions/DialogActions.js"),dialogActionsClasses=__webpack_require__("./node_modules/@mui/material/DialogActions/dialogActionsClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonPosition"],StyledDialogActions=(0,emotion_styled_browser_esm.A)(DialogActions.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1u75fhn0"})("padding:0;",(props=>{const spaces=(0,styles.oZ)(props),{buttonPosition="right"}=props;return`\n justify-content: ${"right"===buttonPosition?"flex-end":"flex-start"};;\n\n margin-top: ${spaces?.xxl}px;\n\n &.${dialogActionsClasses.A.spacing} > :not(:first-of-type) {\n margin-left: ${spaces?.m}px;\n }\n `})),DialogActions_DialogActions=(0,react.forwardRef)((function DialogActions(props,ref){return(0,jsx_runtime.jsx)(StyledDialogActions,{ref,...props})})),components_DialogActions=DialogActions_DialogActions;DialogActions_DialogActions.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"DialogActions"}},"./packages/components/src/core/Dialog/components/DialogContent/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogContent});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),DialogContent=__webpack_require__("./node_modules/@mui/material/DialogContent/DialogContent.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledDialogContent=(0,emotion_styled_browser_esm.A)(DialogContent.A,{target:"eg70i4k0"})(styles.JU," padding:0;"),components_DialogContent=(0,react.forwardRef)((function DialogContent(props,ref){return(0,jsx_runtime.jsx)(StyledDialogContent,{ref,...props})}))},"./packages/components/src/core/Dialog/components/DialogPaper/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogPaper});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),common=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsSize"],StyledPaper=(0,emotion_styled_browser_esm.A)(Paper.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rkxeus0"})("&{",paperDimensions," ",(props=>{const spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.surfacePrimary};\n background-image: none;\n box-shadow: ${shadows?.l};\n max-height: calc(100vh - ${2*(spaces?.xxl||0)}px);\n border-radius: ${corners?.m||0}px;\n padding: ${spaces?.xxl||0}px;\n `}),"}");function paperDimensions(props){const{sdsSize}=props,{width,minHeight}={l:{minHeight:"600px",width:"1200px"},m:{minHeight:"480px",width:"900px"},s:{minHeight:"400px",width:"600px"},xs:{minHeight:"160px",width:"400px"}}[sdsSize];return`\n width: ${width};\n min-height: ${minHeight};\n max-width: revert;\n box-sizing: border-box;\n `}const DialogPaper=(0,react.forwardRef)((function DialogPaper(props,ref){return(0,jsx_runtime.jsx)(common.M.Consumer,{children:({sdsSize})=>(0,jsx_runtime.jsx)(StyledPaper,{sdsSize,ref,...props})})})),components_DialogPaper=DialogPaper;DialogPaper.__docgenInfo={description:"@see https://mui.com/material-ui/react-paper/",methods:[],displayName:"DialogPaper"}},"./packages/components/src/core/Dialog/components/DialogTitle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>components_DialogTitle});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),common=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"eg603380"})("position:absolute;",(props=>{const spaces=(0,styles.oZ)(props);return`\n right: ${spaces?.xxl}px;\n `})),CloseButton=(0,react.forwardRef)((function CloseButton(props,ref){const SDS_SIZE_TO_COMPONENT_SIZE={l:"large",m:"large",s:"medium",xs:"small"};return(0,jsx_runtime.jsx)(common.M.Consumer,{children:({sdsSize})=>{const size=SDS_SIZE_TO_COMPONENT_SIZE[sdsSize];return(0,jsx_runtime.jsx)(StyledButton,{"aria-label":"Close",ref,sdsSize:size,...props,icon:"XMark",sdsStyle:"icon",sdsType:"tertiary"})}})})),components_CloseButton=CloseButton;CloseButton.__docgenInfo={description:"",methods:[],displayName:"CloseButton"};var DialogTitle=__webpack_require__("./node_modules/@mui/material/DialogTitle/DialogTitle.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const StyledDialogTitle=(0,emotion_styled_browser_esm.A)(DialogTitle.A,{target:"esai1wo0"})("padding:0;",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-bottom: ${spaces?.xl||0}px;\n `})),Title=(0,emotion_styled_browser_esm.A)(Typography.A,{target:"esai1wo1"})(styles.Zq," ",(props=>{const semanticColors=(0,styles.Bd)(props);return`\n color: ${semanticColors?.base?.textPrimary};\n `})),Subtitle=(0,emotion_styled_browser_esm.A)(Typography.A,{target:"esai1wo2"})(styles.Zo," ",(props=>{const semanticColors=(0,styles.Bd)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n `})),Overline=(0,emotion_styled_browser_esm.A)(Typography.A,{target:"esai1wo3"})(styles.JU," ",(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n padding-bottom: ${spaces?.xxxs}px;\n `})),DialogTitle_DialogTitle=(0,react.forwardRef)((function DialogTitle(props,ref){const{children,title,subtitle,overline,onClose,...rest}=props;return(0,jsx_runtime.jsx)(StyledDialogTitle,{ref,...rest,children:children||(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[onClose&&(0,jsx_runtime.jsx)(components_CloseButton,{icon:"XMark",onClick:onClose}),(0,jsx_runtime.jsx)(Overline,{children:overline}),(0,jsx_runtime.jsx)(Title,{children:title}),(0,jsx_runtime.jsx)(Subtitle,{children:subtitle})]})})})),components_DialogTitle=DialogTitle_DialogTitle;DialogTitle_DialogTitle.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"DialogTitle",props:{title:{required:!1,tsType:{name:"string"},description:""},subtitle:{required:!1,tsType:{name:"string"},description:""},overline:{required:!1,tsType:{name:"string"},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}},composes:["DialogTitleExtraProps","RawDialogTitleProps"]}},"./packages/components/src/core/Dialog/components/common.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>DialogContext});const DialogContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({sdsSize:"m"})},"./packages/components/src/core/Dialog/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/Dialog/Dialog.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_components_DialogPaper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Dialog/components/DialogPaper/index.tsx"),_components_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts");const Dialog=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((function Dialog(props,ref){const{canClickOutsideClose=!0,onClose,sdsSize="m",PaperComponent=_components_DialogPaper__WEBPACK_IMPORTED_MODULE_2__.A,...rest}=props,contextValue=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>({sdsSize})),[sdsSize]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common__WEBPACK_IMPORTED_MODULE_3__.M.Provider,{value:contextValue,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{ref,PaperComponent,...rest,onClose:(event,reason)=>{(canClickOutsideClose||!reason||"backdropClick"!==reason&&"escapeKeyDown"!==reason)&&onClose&&onClose(event,reason)}})})})),__WEBPACK_DEFAULT_EXPORT__=Dialog;Dialog.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"Dialog"}},"./packages/components/src/core/Dropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>core_Dropdown});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonPosition"],StyledButtonsWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e125bwfx0"})((props=>{const{buttonPosition}=props;return`\n display: flex;\n justify-content: ${"left"===buttonPosition?"start":"end"};\n `})),StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e125bwfx1"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.l}px;\n margin-right: ${spaces?.m}px;\n `})),Dropdown=props=>{const{options,label="",multiple=!1,search=!1,buttonPosition="right",buttons=!1,closeOnBlur=!buttons,onClose,onChange,DropdownMenuProps={},InputDropdownProps={sdsStyle:"minimal"},InputDropdownComponent=InputDropdown.A,isTriggerChangeOnOptionClick=!1,disabled=!1,value:propValue,onClick,...rest}=props;buttons&&!multiple&&console.warn("Warning: buttons are only supported for multiple select dropdowns.");const isMultiColumn="options"in(options?.[0]||utils.Ml),isControlled=void 0!==propValue,[anchorEl,setAnchorEl]=(0,react.useState)(null),[open,setOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(getInitialValue()),[pendingValue,setPendingValue]=(0,react.useState)(getInitialValue()),shouldShowButtons=buttons&&!isTriggerChangeOnOptionClick&&multiple;return(0,react.useEffect)((()=>{isControlled&&setValue(propValue)}),[isControlled,propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,{disabled,label,onClick:function handleClick(event){onClick?.(event),open?shouldShowButtons||(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus()):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},...InputDropdownProps,...rest}),(0,jsx_runtime.jsx)(DropdownMenu.A,{anchorEl,open,search,onClose:handleClose,multiple,disableCloseOnSelect:multiple,options,onClickAway:function handleClickAway(){open&&(closeOnBlur&&!shouldShowButtons&&setOpen(!1),multiple&&setValue(pendingValue))},width:250,onChange:function handleChange(event,newValue,reason,details){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValueAndCallOnChange(event,newValue,reason,details)):setPendingValue(newValue);setValueAndCallOnChange(event,newValue,reason,details),isMultiColumn||setOpen(!1)},value:isMultiColumn?value:multiple?pendingValue:value,...DropdownMenuProps,...rest,children:shouldShowButtons?(0,jsx_runtime.jsx)(StyledButtonsWrapper,{buttonPosition,children:"left"===buttonPosition?(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleButtonClose,sdsStyle:"square",sdsType:"primary",children:"Apply"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"})]}):(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleButtonClose,sdsStyle:"square",sdsType:"primary",children:"Apply"})]})}):null})]});function getInitialValue(){return multiple?[]:null}function handleClose(event,reason){"toggleInput"!==reason&&(shouldShowButtons&&"blur"===reason||(multiple&&setValue(pendingValue),anchorEl&&anchorEl.focus(),closeOnBlur&&onClose?.(event,reason),shouldShowButtons&&(onClose?.(event,reason),setOpen(!1))))}function handleButtonClose(event){handleClose(event,"selectOption")}function handleCancel(){multiple&&setPendingValue(value),anchorEl&&anchorEl.focus(),setOpen(!1)}function setValueAndCallOnChange(event,newValue,reason,details){setValue(newValue),onChange?.(event,newValue,reason,details)}},core_Dropdown=Dropdown;Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{buttonPosition:{required:!1,tsType:{name:"union",raw:'"left" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},buttons:{required:!1,tsType:{name:"boolean"},description:""},closeOnBlur:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},label:{required:!0,tsType:{name:"ReactNode"},description:""},options:{required:!0,tsType:{name:"union",raw:"| AutocompleteSingleColumnOption[]\n| AutocompleteMultiColumnOption[]",elements:[{name:"Array",elements:[{name:"AutocompleteSingleColumnOption",elements:[{name:"T"}],raw:"AutocompleteSingleColumnOption"}],raw:"AutocompleteSingleColumnOption[]"},{name:"Array",elements:[{name:"AutocompleteMultiColumnOption",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteMultiColumnOption"}],raw:"AutocompleteMultiColumnOption[]"}]},description:""},search:{required:!1,tsType:{name:"boolean"},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"SdsDropdownMenuProps",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"SdsDropdownMenuProps"}],raw:"Partial<\n SdsDropdownMenuProps\n>"},description:""},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial"},description:""},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""},className:{required:!1,tsType:{name:"string"},description:""},InputDropdownComponent:{required:!1,tsType:{name:"InputDropdown"},description:""},isTriggerChangeOnOptionClick:{required:!1,tsType:{name:"boolean"},description:""}}}},"./packages/components/src/core/InputCheckbox/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputCheckbox});var _path,_path2,jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SvgIcon=__webpack_require__("./node_modules/@mui/material/SvgIcon/SvgIcon.js"),react=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e{const{intent="default"}=props,iconSizes=(0,styles.I7)(props),spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props),checkboxColor={default:"base",negative:"negative",notice:"notice",positive:"positive"}[intent];return`\n color: ${semanticColors?.[checkboxColor]?.border};\n\n &:hover {\n color: ${semanticColors?.base?.borderHover};\n background-color: transparent;\n }\n\n &.${checkboxClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n\n &.${checkboxClasses.A.checked} {\n color: ${semanticColors?.accent?.border};\n\n &:hover {\n color: ${semanticColors?.accent?.borderHover};\n background-color: transparent;\n }\n\n &.${checkboxClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n }\n\n &.${checkboxClasses.A.root} {\n ${(0,a11y.U)(props)}\n padding: 0;\n margin-right: ${spaces?.s}px;\n border-radius: 0;\n }\n\n .MuiSvgIcon-root {\n height: ${iconSizes?.s.height}px;\n width: ${iconSizes?.s.width}px;\n }\n `})),StyledFormControlLabel=(0,emotion_styled_browser_esm.A)(FormControlLabel.A,{target:"e17f8yd91"})((props=>{const spaces=(0,styles.oZ)(props);return`\n align-items: start;\n margin-bottom: ${spaces?.l}px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n `})),StyledLabelContainer=(0,emotion_styled_browser_esm.A)("span",{target:"e17f8yd92"})("display:flex;justify-content:start;flex-direction:column;"),StyledCheckboxLabel=(0,emotion_styled_browser_esm.A)("span",{target:"e17f8yd93"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: -${spaces?.xxxs}px !important;\n `})),StyledCheckboxCaption=(0,emotion_styled_browser_esm.A)("span",{target:"e17f8yd94"})(styles.Pf," ",(props=>{const{disabled}=props,semanticColors=(0,styles.Bd)(props);return`\n color: ${disabled?semanticColors?.base?.textDisabled:semanticColors?.base?.textSecondary};\n `})),InputCheckbox=props=>{const{caption,checkboxProps,disabled,intent="default",label,stage,value,...rest}=props;let newProps;switch(stage){case"checked":newProps={...rest,checked:!0,color:"primary"};break;case"unchecked":newProps={...rest,checked:!1,color:"default"};break;case"indeterminate":newProps={...rest,checked:!0,color:"primary",indeterminate:!0};break;default:newProps=rest}const finalLabel=caption?(0,jsx_runtime.jsxs)(StyledLabelContainer,{children:[(0,jsx_runtime.jsx)(StyledCheckboxLabel,{children:label}),(0,jsx_runtime.jsx)(StyledCheckboxCaption,{disabled,children:caption})]}):(0,jsx_runtime.jsx)(StyledLabelContainer,{children:(0,jsx_runtime.jsx)(StyledCheckboxLabel,{children:label})});return(0,jsx_runtime.jsx)(StyledFormControlLabel,{control:(0,jsx_runtime.jsx)(StyledCheckbox,{disabled,checkedIcon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconCheckboxChecked,viewBox:"0 0 16 16"}),icon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconCheckboxUnchecked,viewBox:"0 0 16 16"}),indeterminateIcon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconCheckboxIndeterminate,viewBox:"0 0 16 16"}),intent,...checkboxProps,...newProps}),disabled,label:finalLabel,value})},core_InputCheckbox=InputCheckbox;InputCheckbox.__docgenInfo={description:"@see https://mui.com/material-ui/react-checkbox/",methods:[],displayName:"InputCheckbox",props:{caption:{required:!1,tsType:{name:"string"},description:""},checkboxProps:{required:!1,tsType:{name:"Partial",elements:[{name:"MUICheckboxProps"}],raw:"Partial"},description:""},intent:{required:!1,tsType:{name:"union",raw:'"default" | "negative" | "notice" | "positive"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"positive"'}]},description:""},label:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},stage:{required:!1,tsType:{name:"union",raw:'"checked" | "unchecked" | "indeterminate"',elements:[{name:"literal",value:'"checked"'},{name:"literal",value:'"unchecked"'},{name:"literal",value:'"indeterminate"'}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}},composes:["Omit","CommonThemeProps"]}},"./packages/components/src/core/InputRadio/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputRadio});var _path,jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SvgIcon=__webpack_require__("./node_modules/@mui/material/SvgIcon/SvgIcon.js"),react=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e{const{intent="default"}=props,spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props),radioColor={default:"base",negative:"negative",notice:"notice",positive:"positive"}[intent];return`\n color: ${semanticColors?.[radioColor]?.border};\n\n &:hover {\n color: ${semanticColors?.base?.borderHover};\n background-color: transparent;\n }\n\n &.${radioClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n\n &.${radioClasses.A.checked} {\n color: ${semanticColors?.accent?.border};\n\n &:hover {\n color: ${semanticColors?.accent?.borderHover};\n background-color: transparent;\n }\n\n &.${radioClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n }\n\n &.${radioClasses.A.root} {\n ${(0,a11y.U)(props)}\n margin: 0 ${spaces?.s}px 0 0;\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ${iconSizes?.s.height}px;\n width: ${iconSizes?.s.width}px;\n }\n `})),StyledFormControlLabel=(0,emotion_styled_browser_esm.A)(FormControlLabel.A,{target:"e1bc6kg41"})((props=>{const spaces=(0,styles.oZ)(props);return`\n align-items: start;\n margin-bottom: ${spaces?.l}px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n `})),StyledLabelContainer=(0,emotion_styled_browser_esm.A)("span",{target:"e1bc6kg42"})("display:flex;justify-content:start;flex-direction:column;"),StyledRadioLabel=(0,emotion_styled_browser_esm.A)("span",{target:"e1bc6kg43"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: -${spaces?.xxxs}px !important;\n `})),StyledRadioCaption=(0,emotion_styled_browser_esm.A)("span",{target:"e1bc6kg44"})(styles.Pf," ",(props=>{const{disabled}=props,semanticColors=(0,styles.Bd)(props);return`\n color: ${disabled?semanticColors?.base?.textDisabled:semanticColors?.base?.textSecondary};\n `})),InputRadio=props=>{const{caption,disabled,intent="default",radioProps,stage,value}=props,{label,...restProps}=props;let newProps;switch(stage){case"checked":newProps={...restProps,checked:!0,color:"primary"};break;case"unchecked":newProps={...restProps,checked:!1,color:"default"};break;default:newProps=restProps}const labelId=`${value}-label`,captionId=caption?`${value}-caption`:void 0,finalLabel=caption?(0,jsx_runtime.jsxs)(StyledLabelContainer,{children:[(0,jsx_runtime.jsx)(StyledRadioLabel,{id:labelId,children:label}),(0,jsx_runtime.jsx)(StyledRadioCaption,{disabled,id:captionId,children:caption})]}):(0,jsx_runtime.jsx)(StyledLabelContainer,{children:(0,jsx_runtime.jsx)(StyledRadioLabel,{id:labelId,children:label})});return(0,jsx_runtime.jsx)(StyledFormControlLabel,{control:(0,jsx_runtime.jsx)(StyledRadioButton,{disabled,checkedIcon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconRadioChecked,viewBox:"0 0 16 16"}),icon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconRadioUnchecked,viewBox:"0 0 16 16"}),intent,...radioProps,...newProps}),disabled,label:finalLabel,value})},core_InputRadio=InputRadio;InputRadio.__docgenInfo={description:"@see https://mui.com/material-ui/react-radio-button/",methods:[],displayName:"InputRadio",props:{caption:{required:!1,tsType:{name:"string"},description:""},intent:{required:!1,tsType:{name:"union",raw:'"default" | "negative" | "notice" | "positive"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"positive"'}]},description:""},label:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},radioProps:{required:!1,tsType:{name:"Partial",elements:[{name:"MUIRadioProps"}],raw:"Partial"},description:""},stage:{required:!1,tsType:{name:"union",raw:'"checked" | "unchecked"',elements:[{name:"literal",value:'"checked"'},{name:"literal",value:'"unchecked"'}]},description:""},value:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}},composes:["Omit","CommonThemeProps"]}},"./packages/components/src/core/InputSlider/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputSlider});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),sliderClasses=__webpack_require__("./node_modules/@mui/material/Slider/sliderClasses.js"),Slider=__webpack_require__("./node_modules/@mui/material/Slider/Slider.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledSlider=(0,emotion_styled_browser_esm.A)(Slider.Ay,{target:"e36juy20"})(styles.Pf," ",(props=>{const{disabled}=props;return`\n ${(props=>{const corners=(0,styles.VP)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props);return`\n position: relative;\n\n .${sliderClasses.A.rail},\n .${sliderClasses.A.track} {\n border-radius: 2px;\n }\n\n .${sliderClasses.A.rail} {\n background-color: ${semanticColors?.base?.divider};\n opacity:1;\n }\n \n .${sliderClasses.A.track} {\n background-color: ${semanticColors?.accent?.fillPrimary};\n }\n\n .${sliderClasses.A.thumb} {\n ${(0,styles.UT)(props)}\n height: 14px;\n width: 14px;\n background-color: ${semanticColors?.accent?.fillPrimary};\n\n &.${sliderClasses.A.focusVisible}, &:hover, &:focus, &:active {\n box-shadow: ${shadows?.none};\n }\n }\n\n .${sliderClasses.A.thumb}::before {\n display: none;\n }\n\n .${sliderClasses.A.thumb}::after {\n background-color: ${semanticColors?.base?.surfacePrimary} !important;\n height: 6px !important;\n width: 6px !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .${sliderClasses.A.valueLabel} {\n padding: 2px 4px;\n color: ${semanticColors?.base?.textPrimary};\n background-color: ${semanticColors?.accent?.surfacePrimary};\n border-radius: ${corners?.m}px;\n left: unset; \n top: -3px;\n\n &::before {\n display: none;\n }\n\n & * {\n background: transparent;\n color: ${semanticColors?.base?.textPrimary};\n transform: none;\n width: unset;\n height: unset;\n }\n }\n\n .${sliderClasses.A.mark} {\n // (masoudmanson): Although the mark is not a icon, but since we don't have \n // a specific color for the mark, we use the iconDisabled color for it.\n background-color: ${semanticColors?.base?.iconDisabled};\n opacity: 1;\n }\n\n .${sliderClasses.A.mark}.${sliderClasses.A.markActive} {\n background-color: ${semanticColors?.base?.surfacePrimary};\n }\n\n .${sliderClasses.A.markLabel} {\n ${(0,styles.jT)(props)?.styles}\n color: ${semanticColors?.base?.textSecondary};\n }\n\n .${sliderClasses.A.markLabelActive} {\n color: ${semanticColors?.base?.textPrimary};\n }\n `})(props)}\n ${(props=>{const{marks}=props,lastMarkIndex=Array.isArray(marks)?marks.length-1:null;return`\n .${sliderClasses.A.rail},\n .${sliderClasses.A.track} {\n border: none;\n height: 4px;\n }\n\n // Adjust the position of the first mark by moving it 2px to the right to fit it inside the track\n span[data-index="0"].${sliderClasses.A.mark} {\n left: 2px !important;\n }\n\n // Adjust the position of the last mark by moving it 2px to the left to fit it inside the track\n span[data-index="${lastMarkIndex}"].${sliderClasses.A.mark} {\n left: calc(100% - 2px) !important;\n }\n \n .${sliderClasses.A.markLabel} {\n top: 26px;\n }\n\n .${sliderClasses.A.disabled} .${sliderClasses.A.track} {\n border: none;\n }\n `})(props)}\n ${disabled?(props=>{const colors=(0,styles.jM)(props),semanticColors=(0,styles.Bd)(props),mode=(0,styles.Wi)(props);return`\n .${sliderClasses.A.track} {\n background-color: ${semanticColors?.base?.fillDisabled};\n }\n\n .${sliderClasses.A.thumb}.${sliderClasses.A.disabled} {\n background-color: ${semanticColors?.base?.fillDisabled};\n }\n\n .${sliderClasses.A.valueLabel} {\n color: ${colors?.gray[300]};\n background-color: ${"light"===mode?semanticColors?.base?.surfaceSecondary:semanticColors?.base?.surfacePrimary};\n \n & * {\n color: ${semanticColors?.base?.textDisabled};\n }\n }\n\n .${sliderClasses.A.markLabel} {\n color: ${semanticColors?.base?.textDisabled}\n }\n\n .${sliderClasses.A.mark} {\n background-color: ${semanticColors?.base?.fillPrimary};\n }\n `})(props):""}\n `})),InputSlider=(0,react.forwardRef)(((props,ref)=>{const{min,max,...rest}=props;return(0,jsx_runtime.jsx)(StyledSlider,{ref,min,max,...rest,orientation:"horizontal","aria-label":`Slider - min ${min} to max ${max}`})})),core_InputSlider=InputSlider;InputSlider.__docgenInfo={description:"@see https://mui.com/material-ui/react-slider/",methods:[],displayName:"InputSlider"}},"./packages/components/src/core/InputText/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputText});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),outlinedInputClasses=__webpack_require__("./node_modules/@mui/material/OutlinedInput/outlinedInputClasses.js"),inputAdornmentClasses=__webpack_require__("./node_modules/@mui/material/InputAdornment/inputAdornmentClasses.js"),buttonBaseClasses=__webpack_require__("./node_modules/@mui/material/ButtonBase/buttonBaseClasses.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts");const sdsPropNames=["sdsStyle","sdsType","intent","hideLabel"],applyIntentColor=(props,intent)=>{const borders=(0,styles.ow)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)(".",outlinedInputClasses.A.root," .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.[intent]?.default,";}.",outlinedInputClasses.A.root,":hover\n .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.hover,";}.",outlinedInputClasses.A.root,".",outlinedInputClasses.A.focused,"{.",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.hover,";}.",inputAdornmentClasses.A.root," .",buttonBaseClasses.A.root,":last-of-type{cursor:default;svg{color:",semanticColors?.base?.iconPrimary,";}}}")},StyledLabel=(0,emotion_styled_browser_esm.A)("label",{target:"etjn57z0"})("display:block;",styles.JU," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-bottom: ${spaces?.xxs}px;\n `})),StyledInputBase=(0,emotion_styled_browser_esm.A)(TextField.A,{shouldForwardProp:prop=>!sdsPropNames.includes(prop.toString()),target:"etjn57z1"})((props=>{const{intent,sdsType,disabled}=props,spaces=(0,styles.oZ)(props),borders=(0,styles.ow)(props),corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("margin-bottom:",spaces?.l,"px;margin-right:",spaces?.m,"px;display:block;.",outlinedInputClasses.A.root,"{width:100%;}.",outlinedInputClasses.A.inputSizeSmall,"{",(0,styles.Zo)(props)," padding:",spaces?.xs,"px ",spaces?.m,"px;height:unset;box-sizing:border-box;background-color:",semanticColors?.base?.surfacePrimary,";}.",outlinedInputClasses.A.notchedOutline,"{border-radius:",corners?.m,"px;border:",borders?.base?.default,";}.",outlinedInputClasses.A.input,"{outline:none;border-radius:4px;width:100%;}&.user-is-tabbing .",outlinedInputClasses.A.input,"{",(0,a11y.U)(props),"}.",outlinedInputClasses.A.root,":hover\n .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.hover,";}.",outlinedInputClasses.A.root,".",outlinedInputClasses.A.focused," .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.accent?.default,";}","textArea"===sdsType&&(props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)(".",outlinedInputClasses.A.multiline,"{padding:",spaces?.xxs,"px;> .",outlinedInputClasses.A.inputMultiline,"{padding:",spaces?.xxs,"px ",spaces?.m,"px ",spaces?.m,"px;resize:both;}}")})(props)," ","negative"===intent&&applyIntentColor(props,"negative")," ","notice"===intent&&applyIntentColor(props,"notice")," ","positive"===intent&&applyIntentColor(props,"positive")," ",disabled&&(props=>{const borders=(0,styles.ow)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)(".",outlinedInputClasses.A.disabled,"{.",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.disabled,";}&:hover .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.disabled,";}&::placeholder{color:",semanticColors?.base?.textDisabled,";opacity:1;}}")})(props))}));var userTabbing=__webpack_require__("./packages/components/src/common/helpers/userTabbing.ts");const InputText=(0,react.forwardRef)((function InputText(props,ref){const{id,intent="default",label,placeholder,sdsType,hideLabel,...rest}=props,inputRef=(0,react.useRef)(null);(0,userTabbing.A)(ref||inputRef);const inputProps={"aria-label":`${label}`};if(!id||!label)return console.error("Error: @czi-sds/components component InputText requires id and label props for accessibility."),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{});const finalLabel="string"==typeof label?(0,jsx_runtime.jsx)(StyledLabel,{htmlFor:id,children:label}):label;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[!hideLabel&&finalLabel,(0,jsx_runtime.jsx)(StyledInputBase,{ref:ref||inputRef,inputProps,type:"text",multiline:"textArea"===sdsType,minRows:"textArea"===sdsType?4:2,id,intent,variant:"outlined",size:"small",placeholder,sdsType,...rest})]})})),core_InputText=InputText;InputText.__docgenInfo={description:"@see https://mui.com/material-ui/react-text-field/",methods:[],displayName:"InputText"}},"./packages/components/src/core/List/components/ListItem/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_ListItem});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ListItem=__webpack_require__("./node_modules/@mui/material/ListItem/ListItem.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const fontBodyL=(0,styles.M9)("l"),fontBodyM=(0,styles.M9)("m"),fontBodyS=(0,styles.M9)("s"),fontBodyXs=(0,styles.M9)("xs"),fontBodyXxs=(0,styles.M9)("xxs"),fontBodyXxxs=(0,styles.M9)("xxxs"),doNotForwardProps=["marginBottom","fontSize","ordered"],StyledListItem=(0,emotion_styled_browser_esm.A)(ListItem.Ay,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"exjhuo20"})(propsToMarginBottom," ",propsToFontBody," padding:0;",(props=>{const{ordered}=props;return`\n align-items: flex-start;\n ${ordered?"counter-increment: section;":""}\n `})," &:before{display:inline-block;",(props=>{const spaces=(0,styles.oZ)(props),fontWeights=(0,styles.bI)(props),{ordered}=props;return` \n font-weight: ${fontWeights?.semibold};\n content: ${ordered?'counters(section, ".")"."':'"•"'};\n margin-right: ${ordered?spaces?.xs:spaces?.s}px;\n `}),"}");function propsToFontBody(props){const propsToFontBodyMap={l:fontBodyL,m:fontBodyM,s:fontBodyS,xs:fontBodyXs,xxs:fontBodyXxs,xxxs:fontBodyXxxs},{fontSize}=props;return propsToFontBodyMap[fontSize||"s"]}function propsToMarginBottom(props){const spaces=(0,styles.oZ)(props),propsToMarginBottomMap={s:spaces?.s,xs:spaces?.xs,xxs:spaces?.xxs},{marginBottom}=props;return`\n margin-bottom: ${propsToMarginBottomMap[marginBottom||"xs"]}px;\n `}const ListItem_ListItem=props=>(0,jsx_runtime.jsx)(StyledListItem,{disableGutters:!0,...props}),components_ListItem=ListItem_ListItem;ListItem_ListItem.__docgenInfo={description:"@see https://mui.com/material-ui/react-list/",methods:[],displayName:"ListItem",props:{marginBottom:{required:!1,tsType:{name:"union",raw:'"s" | "xs" | "xxs"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"xs"'},{name:"literal",value:'"xxs"'}]},description:""},fontSize:{required:!1,tsType:{name:"union",raw:'"xxxs" | "xxs" | "xs" | "s" | "m" | "l"',elements:[{name:"literal",value:'"xxxs"'},{name:"literal",value:'"xxs"'},{name:"literal",value:'"xs"'},{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""},ordered:{required:!1,tsType:{name:"boolean"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/List/components/ListSubheader/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_ListSubheader});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ListSubheader=__webpack_require__("./node_modules/@mui/material/ListSubheader/ListSubheader.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const fontHeaderM=(0,styles.LV)("m"),StyledListSubheader=(0,emotion_styled_browser_esm.A)(ListSubheader.A,{target:"e1fq0wuu0"})("&.MuiListSubheader-root{",fontHeaderM," line-height:unset;color:unset;",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-bottom: ${spaces?.l}px;\n `}),"}"),ListSubheader_ListSubheader=props=>(0,jsx_runtime.jsx)(StyledListSubheader,{disableGutters:!0,...props}),components_ListSubheader=ListSubheader_ListSubheader;ListSubheader_ListSubheader.__docgenInfo={description:"@see https://mui.com/material-ui/react-list/",methods:[],displayName:"ListSubheader"}},"./packages/components/src/core/List/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_List});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),List=__webpack_require__("./node_modules/@mui/material/List/List.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["marginBottom","ordered"],StyledList=(0,emotion_styled_browser_esm.A)(List.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1xx7n8j0"})(".MuiListSubheader-root{",propsToMarginBottom,"}",(props=>props.ordered?"\n counter-reset: section;\n ":""));function propsToMarginBottom(props){const spaces=(0,styles.oZ)(props),propsToMarginBottomMap={l:spaces?.l,m:spaces?.l,s:spaces?.m,xs:spaces?.m,xxs:spaces?.m,xxxs:spaces?.s},{marginBottom}=props;return`\n margin-bottom: ${propsToMarginBottomMap[marginBottom||"s"]}px;\n `}const List_List=props=>{const{ordered}=props;return(0,jsx_runtime.jsx)(StyledList,{component:ordered?"ol":"ul",disablePadding:!0,...props})},core_List=List_List;List_List.__docgenInfo={description:"@see https://mui.com/material-ui/react-list/",methods:[],displayName:"List",props:{component:{required:!1,tsType:{name:"unknown"},description:""},marginBottom:{required:!1,tsType:{name:"union",raw:'"xxxs" | "xxs" | "xs" | "s" | "m" | "l"',elements:[{name:"literal",value:'"xxxs"'},{name:"literal",value:'"xxs"'},{name:"literal",value:'"xs"'},{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""},ordered:{required:!1,tsType:{name:"boolean"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/LoadingIndicator/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_LoadingIndicator});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledText=(0,emotion_styled_browser_esm.A)("span",{target:"e73vzaj0"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin: 0 ${spaces?.xs}px;\n `})),doNotForwardProps=["sdsStyle"],StyledLoadingIndicator=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e73vzaj1"})((props=>{const{sdsStyle}=props,spaces=(0,styles.oZ)(props),style=(0,emotion_react_browser_esm.AH)("display:inline-flex;align-items:center;padding:",spaces?.xxs,"px;");return(0,emotion_react_browser_esm.AH)(style," ","minimal"===sdsStyle&&(props=>{const iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)((0,styles.JU)(props)," color:",semanticColors?.base?.textSecondary,";svg{height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;path{fill:",semanticColors?.base?.iconPrimary,";}}")})(props)," ","tag"===sdsStyle&&(props=>{const corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)((0,styles.Uw)(props)," background-color:",semanticColors?.info?.surfacePrimary,";border-radius:",corners?.l,"px;color:",semanticColors?.info?.text,";svg{path{fill:",semanticColors?.info?.ornament,";}}")})(props))})),LoadingIndicator=({"aria-label":ariaLabel,sdsStyle})=>(0,jsx_runtime.jsxs)(StyledLoadingIndicator,{sdsStyle,"aria-label":"Loading",children:[(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Loading",sdsSize:"l",sdsType:"static"}),(0,jsx_runtime.jsx)(StyledText,{"aria-label":ariaLabel,"aria-live":"polite",role:"status",children:"Loading"})]}),core_LoadingIndicator=LoadingIndicator;LoadingIndicator.__docgenInfo={description:"",methods:[],displayName:"LoadingIndicator",props:{sdsStyle:{required:!0,tsType:{name:"union",raw:'"minimal" | "tag"',elements:[{name:"literal",value:'"minimal"'},{name:"literal",value:'"tag"'}]},description:""},"aria-label":{required:!1,tsType:{name:"string"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/Menu/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Menu});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Menu=__webpack_require__("./node_modules/@mui/material/Menu/Menu.js"),menuClasses=__webpack_require__("./node_modules/@mui/material/Menu/menuClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledMenu=(0,emotion_styled_browser_esm.A)(Menu.A,{target:"e1kwmcj80"})("&{.",menuClasses.A.paper,"{",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.surfacePrimary};\n background-image: none;\n padding: ${spaces?.xs}px;\n `}),"}.MuiList-padding{padding:0;}}"),ANCHOR_ORIGIN={horizontal:"center",vertical:"bottom"},TRANSFORM_ORIGIN={horizontal:"center",vertical:"top"},Menu_Menu=props=>(0,jsx_runtime.jsx)(StyledMenu,{anchorOrigin:ANCHOR_ORIGIN,transformOrigin:TRANSFORM_ORIGIN,...props}),core_Menu=Menu_Menu;Menu_Menu.__docgenInfo={description:"@see https://mui.com/material-ui/react-menu/",methods:[],displayName:"Menu"}},"./packages/components/src/core/MenuSelect/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_MenuSelect});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),inputBaseClasses=__webpack_require__("./node_modules/@mui/material/InputBase/inputBaseClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),InputSearch=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledMenuItem=(0,emotion_styled_browser_esm.A)(MenuItem.A,{target:"e18bb5jf0"})("width:100%;"),doNotForwardProps=["search","InputBaseProps","keepSearchOnSelect"],StyledAutocomplete=(0,emotion_styled_browser_esm.A)(Autocomplete.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e18bb5jf1"})((({search})=>!search&&"height: 0; margin: 0 !important;")," width:100%;"),InputBaseWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e18bb5jf2"})((props=>{const{search}=props;if(!search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";const spaces=(0,styles.oZ)(props);return`\n margin: ${spaces?.s}px;\n `})),StyledMenuInputSearch=(0,emotion_styled_browser_esm.A)(InputSearch.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e18bb5jf3"})("&&{margin:0;.",inputBaseClasses.A.root,"{width:100%;padding:0;padding-right:14px !important;}caret-color:",(({search})=>search?"auto":"transparent"),";}"),MenuSelect=props=>{const{keepSearchOnSelect=!0,multiple=!1,getOptionLabel=defaultGetOptionLabel,renderTags=defaultRenderTags,renderOption=defaultRenderOption,disableCloseOnSelect=multiple,noOptionsText="No options",search=!1,InputBaseProps={},onInputChange=utils.lQ}=props,[inputValue,setInputValue]=(0,react.useState)("");return(0,warnings.S7)(warnings.oq.MenuSelectDeprecated),(0,jsx_runtime.jsx)(StyledAutocomplete,{clearOnBlur:!1,open:!0,disableCloseOnSelect,disablePortal:!0,renderTags,noOptionsText,renderOption,getOptionLabel,inputValue,renderInput:params=>(0,jsx_runtime.jsx)(InputBaseWrapper,{search,children:(0,jsx_runtime.jsx)(StyledMenuInputSearch,{id:"location-search",label:"Search for a location",placeholder:"Search",ref:params.InputProps.ref,search,autoFocus:!0,onKeyDown:event=>{"Backspace"===event.key&&event.stopPropagation()},InputProps:{inputMode:search?"text":"none",...params.InputProps.ref,endAdornment:(0,jsx_runtime.jsx)(InputAdornment.A,{position:"end",children:(0,jsx_runtime.jsx)(Button.A,{sdsType:"tertiary",sdsSize:"small",sdsStyle:"icon",sdsIconProps:{sdsType:"interactive"},icon:"Search"})}),inputProps:params.inputProps},...InputBaseProps})}),...props,onInputChange:(event,value,reason)=>{event&&"blur"===event.type?setInputValue(""):("reset"!==reason||"reset"===reason&&!keepSearchOnSelect)&&setInputValue(value),onInputChange&&onInputChange(event,value,reason)}});function defaultGetOptionLabel(option){return"object"==typeof option&&"name"in option?option.name:option.toString()}function defaultRenderTags(){return null}function defaultRenderOption(optionProps,option,{selected}){return(0,jsx_runtime.jsx)(StyledMenuItem,{component:"li",isMultiSelect:multiple,selected,...optionProps,children:option.name})}},core_MenuSelect=MenuSelect;MenuSelect.__docgenInfo={description:"@see https://mui.com/material-ui/react-autocomplete/\n\n@deprecated\nThis component is deprecated and will be removed in the next major version.\nPlease use `Autocomplete` or `Dropdown` instead.",methods:[],displayName:"MenuSelect",props:{search:{required:!1,tsType:{name:"boolean"},description:""},keepSearchOnSelect:{required:!1,tsType:{name:"boolean"},description:""},renderInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(params: AutocompleteRenderInputParams) => React.ReactNode",signature:{arguments:[{type:{name:"AutocompleteRenderInputParams"},name:"params"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},InputBaseProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputSearchProps"}],raw:"Partial"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/NavigationJumpTo/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_NavigationJumpTo});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js");const scrollStop=(callback,timeout=50)=>{const callbackRef=(0,react.useRef)();callbackRef.current=callback,(0,react.useEffect)((()=>{const destroyListener=((callback,timeout=50)=>{let removed=!1,handle=null;const onScroll=()=>{handle&&clearTimeout(handle),handle=setTimeout(callback,timeout)};return document.addEventListener("scroll",onScroll,!0),()=>{removed||(removed=!0,handle&&clearTimeout(handle),document.removeEventListener("scroll",onScroll))}})((()=>{callbackRef.current&&callbackRef.current()}),timeout);return()=>destroyListener()}),[timeout])};var utils=__webpack_require__("./packages/components/src/common/utils.ts"),Tabs=__webpack_require__("./node_modules/@mui/material/Tabs/Tabs.js"),tabsClasses=__webpack_require__("./node_modules/@mui/material/Tabs/tabsClasses.js"),Tab=__webpack_require__("./node_modules/@mui/material/Tab/Tab.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts");const doNotForwardProps=["items","sdsIndicatorColor"],StyledTabs=(0,emotion_styled_browser_esm.A)(Tabs.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eakicao0"})((props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n &:before {\n background-color: ${semanticColors?.base?.divider};\n border-radius: ${spaces?.xxxs}px;\n content: "";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: ${spaces?.xxxs}px;\n }\n\n max-width: 180px;\n top: ${spaces?.xl}px;\n margin-bottom: ${spaces?.l}px;\n margin-right: ${spaces?.m}px;\n position: sticky;\n overflow: visible;\n\n .${tabsClasses.A.indicator} {\n background-color: ${semanticColors?.accent?.borderSelected} !important;\n border-radius: 2px;\n left: 0;\n width: 2px;\n }\n\n .${tabsClasses.A.scroller} {\n overflow: visible !important;\n }\n `})),StyledTab=(0,emotion_styled_browser_esm.A)(Tab.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eakicao1"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n ${(0,a11y.U)(props)}\n box-sizing: border-box;\n max-width: 180px;\n padding-left: ${spaces?.l}px;\n margin: 0 ${spaces?.l}px ${spaces?.m}px ${spaces?.l}px;\n align-items: start;\n min-height: unset;\n max-height: unset;\n text-transform: none;\n &:last-child {\n margin-bottom: 0;\n }\n &:before {\n content: "";\n position: absolute;\n left: -${spaces?.l}px;\n width: ${spaces?.xxxs}px;\n height: 100%;\n background-color: ${semanticColors?.base?.border};\n display: none;\n border-radius: ${spaces?.xxxs}px;\n }\n &:hover {\n color: ${semanticColors?.base?.textPrimary};\n &:before {\n display: block;\n }\n }\n &.Mui-selected {\n color: ${semanticColors?.base?.textPrimary};\n font-weight: 600;\n }\n &.MuiTabs-indicator {\n backgroundColor: ${semanticColors?.base?.surfaceTertiary};\n width: ${spaces?.xxxs}px;\n }\n &.MuiButtonBase-root {\n white-space: nowrap;\n padding: 0;\n overflow: visible;\n }\n `}));const NavigationJumpTo=(0,react.forwardRef)(((props,ref)=>{const{items,offsetTop=0,onChange,...rest}=props,[navItemClicked,setNavItemClicked]=(0,react.useState)(!1),[firstTabIndexInview,setFirstTabIndexInview]=(0,react.useState)(0),[emittedValue,setEmittedValue]=(0,react.useState)(-1),sectionIsInView=function useInView(items){const[elements,setElements]=(0,react.useState)({});return(0,react.useEffect)((()=>{const observer=new IntersectionObserver((entries=>{entries.forEach(((entry,index)=>{const name=entry.target.getAttribute("id")||index;setElements((prev=>({...prev,[name]:{intersectionEntry:entry,isInView:entry.isIntersecting}})))}))}));return items.forEach((item=>{item.elementRef.current&&observer.observe(item.elementRef.current)})),()=>{observer.disconnect()}}),[items]),"undefined"!=typeof window&&window.IntersectionObserver?elements:items.map((item=>({el:item.elementRef,isInView:!1})))}(items);(0,react.useEffect)((()=>{items.forEach((item=>{if(offsetTop){const wrapper=document.createElement("div");wrapper.style.position="relative";const hiddenDiv=document.createElement("div");hiddenDiv.style.height=`${offsetTop}px`,hiddenDiv.style.top=`-${offsetTop}px`,hiddenDiv.style.position="absolute",hiddenDiv.style.pointerEvents="none",hiddenDiv.setAttribute("id",`${item.elementRef.current?.getAttribute("id")}-hiddenDiv`),wrapper.appendChild(hiddenDiv),item.elementRef.current?.before(wrapper),item.elementRef.current&&wrapper.appendChild(item.elementRef.current)}}))}),[items,offsetTop]);const a11yProps=(title,elementId)=>({"aria-controls":elementId,id:`navigation-tab-${title}`}),handleOnChange=(0,react.useCallback)((value=>{value!==emittedValue&&(onChange?.(value),setEmittedValue(value))}),[emittedValue,onChange]);return(0,react.useEffect)((()=>{const sectionInView=Object.values(sectionIsInView).findIndex((section=>section.isInView));sectionInView>-1&&!navItemClicked&&(setFirstTabIndexInview(sectionInView),handleOnChange(sectionInView))}),[handleOnChange,navItemClicked,sectionIsInView]),scrollStop((()=>{setNavItemClicked(!1)})),(0,jsx_runtime.jsx)(StyledTabs,{ref,orientation:"vertical",variant:"fullWidth",value:firstTabIndexInview,onChange:(event,newValue)=>{if(setNavItemClicked(!0),offsetTop){const hiddenDiv=document.getElementById(`${items[newValue]?.elementRef?.current?.getAttribute("id")}-hiddenDiv`);hiddenDiv?.scrollIntoView({behavior:"smooth",block:"start"})}else items[newValue]?.elementRef?.current?.scrollIntoView({behavior:"smooth",block:"start"});setFirstTabIndexInview(newValue),handleOnChange(newValue)},"aria-label":"navigation-jump-to",...rest,children:items.map((({title,elementRef},index)=>(0,jsx_runtime.jsx)(StyledTab,{label:title,tabIndex:0,...a11yProps((0,utils.fX)(title),elementRef.current?.getAttribute("id")||`navigation-panel-${index+1}`)},(0,utils.fX)(title))))})})),core_NavigationJumpTo=NavigationJumpTo;NavigationJumpTo.__docgenInfo={description:"",methods:[],displayName:"NavigationJumpTo"}},"./packages/components/src/core/Pagination/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Pagination});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsStyle","selected","onPageChange","onNextPage","onPreviousPage","goToPage","totalCount","siblingCount","currentPage","pageSize","truncateDropdown"],StyledPaginationButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"eeq9fzv0"})((props=>{const semanticColors=(0,styles.Bd)(props);return`\n width: 32px;\n height: 32px;\n cursor: "pointer";\n\n & .MuiSvgIcon-root {\n width: 10px;\n color: ${semanticColors?.base?.iconPrimary}\n }\n\n &:hover {\n background-color: ${semanticColors?.base?.fillHover};\n\n & .MuiSvgIcon-root {\n color: ${semanticColors?.base?.iconPrimaryHover}\n }\n }\n `})),StyledPaginationChevronList=(0,emotion_styled_browser_esm.A)("li",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eeq9fzv1"})((props=>{const{disabled}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n width: 32px;\n height: 32px;\n cursor: ${disabled?"auto":"pointer"};\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n\n &[data-order="first"] {\n margin-right: ${spaces?.l}px;\n }\n\n &[data-order="last"] {\n margin-left: ${spaces?.l}px;\n }\n\n & .MuiSvgIcon-root {\n color: ${disabled?semanticColors?.base?.iconDisabled:semanticColors?.base?.iconPrimary};\n }\n\n &:hover {\n background-color: ${disabled?"transparent":semanticColors?.base?.fillHover};\n\n & .MuiSvgIcon-root {\n color: ${disabled?semanticColors?.base?.iconDisabled:semanticColors?.base?.iconPrimaryHover}\n }\n }\n\n ${(0,styles.UT)(props)}\n `})),StyledPagination=(0,emotion_styled_browser_esm.A)("ul",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eeq9fzv2"})(styles.JU," display:flex;flex-wrap:wrap;padding:0;margin:0;& li{list-style:none;}"),Page=(0,emotion_styled_browser_esm.A)("li",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eeq9fzv3"})(styles.qz," ",(props=>{const{selected,sdsStyle}=props,spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n cursor: pointer;\n list-style: none;\n width: 32px;\n height: 32px;\n margin-right: ${spaces?.l}px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ${"round"===sdsStyle?corners?.l:corners?.m}px;\n user-select: none;\n &:hover {\n background-color: ${semanticColors?.base?.fillHover};\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &:nth-last-of-type(-n+2) {\n margin-right: 0;\n }\n\n ${selected&&(props=>{const semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.fillSelected};\n color: ${semanticColors?.base?.textPrimaryInverse};\n\n &:hover {\n background-color: ${semanticColors?.base?.fillSelected};\n color: ${semanticColors?.base?.textPrimaryInverse};\n }\n `})(props)};\n ${(0,styles.UT)(props)}\n `}));var Menu=__webpack_require__("./packages/components/src/core/Menu/index.tsx");const StyledPaginationDropdownMenu=(0,emotion_styled_browser_esm.A)(Menu.A,{target:"e3yd48o0"})("& .MuiPaper-root{max-height:120px;}"),PageListDropdown=props=>{const{pageList,onPageChange,sdsStyle}=props,[anchorEl,setAnchorEl]=(0,react.useState)(null),handleClose=()=>{setAnchorEl(null)};return(0,jsx_runtime.jsxs)(Page,{sdsStyle,children:[(0,jsx_runtime.jsx)(StyledPaginationButton,{"aria-label":"Go to a page",onClick:event=>{setAnchorEl(event.currentTarget)},icon:"DotsHorizontal",sdsSize:"small",sdsStyle:"icon",sdsType:"tertiary"}),(0,jsx_runtime.jsx)(StyledPaginationDropdownMenu,{anchorEl,keepMounted:!0,open:Boolean(anchorEl),onClose:handleClose,children:pageList.map((page=>(0,jsx_runtime.jsx)(MenuItem.A,{onClick:()=>{onPageChange(page),handleClose()},children:page},page)))})]})},components_PageListDropdown=PageListDropdown;PageListDropdown.__docgenInfo={description:"",methods:[],displayName:"PageListDropdown",props:{pageList:{required:!0,tsType:{name:"Array",elements:[{name:"number"}],raw:"number[]"},description:""},onPageChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(page: number) => void",signature:{arguments:[{type:{name:"number"},name:"page"}],return:{name:"void"}}},description:""},sdsStyle:{required:!0,tsType:{name:"union",raw:'"round" | "square"',elements:[{name:"literal",value:'"round"'},{name:"literal",value:'"square"'}]},description:""}}};const range=(start,end)=>{const length=end-start+1;return Array.from({length},((_,idx)=>idx+start))};var Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx");const PaginationPageList=(paginationRange,truncateDropdown,sdsStyle,onPageChange,currentPage)=>paginationRange.map((pageNumber=>Array.isArray(pageNumber)?truncateDropdown?(0,jsx_runtime.jsx)(components_PageListDropdown,{pageList:pageNumber,onPageChange,sdsStyle},pageNumber.join("-")):(0,jsx_runtime.jsx)(Page,{sdsStyle,children:(0,jsx_runtime.jsx)(StyledPaginationButton,{"aria-label":"Go to a page",disabled:!0,icon:"DotsHorizontal",sdsSize:"small",sdsStyle:"icon",sdsType:"tertiary"})},pageNumber.join("-")):(0,jsx_runtime.jsx)(Page,{onClick:()=>onPageChange(pageNumber),onKeyDown:event=>function handlePageKeyDown(event,pageNumber){"Enter"!==event.key&&"Space"!==event.code||onPageChange(pageNumber)}(event,pageNumber),selected:pageNumber===currentPage,sdsStyle,tabIndex:0,children:pageNumber},pageNumber))),Pagination=(0,react.forwardRef)(((props,ref)=>{const{sdsStyle="round",onPageChange,onNextPage,onPreviousPage,totalCount,siblingCount=1,currentPage,pageSize,truncateDropdown=!0}=props;if(pageSize<1)throw new Error("PageSize can not be smaller than 1!");const paginationRange=(({totalCount,pageSize,siblingCount=1,currentPage})=>(0,react.useMemo)((()=>{const totalPageCount=Math.ceil(totalCount/pageSize);if(siblingCount+5>=totalPageCount)return range(1,totalPageCount);const leftSiblingIndex=Math.max(currentPage-siblingCount,1),rightSiblingIndex=Math.min(currentPage+siblingCount,totalPageCount),shouldShowLeftDots=leftSiblingIndex>2,shouldShowRightDots=rightSiblingIndexcurrentPage>1&&onPreviousPage(),onKeyDown:function handleGoBackButtonKeyDown(event){("Enter"===event.key||"Space"===event.code)&¤tPage>1&&onPreviousPage()},tabIndex:0,children:(0,jsx_runtime.jsx)(Icon.A,{"aria-label":"Previous page",sdsIcon:"ChevronLeft",sdsSize:"xs",sdsType:"button"})},"prevPage"),PaginationPageList(paginationRange,truncateDropdown,sdsStyle,onPageChange,currentPage),(0,jsx_runtime.jsx)(StyledPaginationChevronList,{"data-order":"last",disabled:currentPage===lastPage,onClick:()=>currentPage!==lastPage&&onNextPage(),onKeyDown:function handleGoNextButtonKeyDown(event){"Enter"!==event.key&&"Space"!==event.code||currentPage===lastPage||onNextPage()},tabIndex:0,children:(0,jsx_runtime.jsx)(Icon.A,{"aria-label":"Next page",sdsIcon:"ChevronRight",sdsSize:"xs",sdsType:"button"})},"onNextPage")]})})),core_Pagination=Pagination;Pagination.__docgenInfo={description:"",methods:[],displayName:"Pagination",props:{sdsStyle:{required:!1,tsType:{name:"union",raw:'"round" | "square"',elements:[{name:"literal",value:'"round"'},{name:"literal",value:'"square"'}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},truncateDropdown:{required:!1,tsType:{name:"boolean"},description:""},onPageChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(page: number) => void",signature:{arguments:[{type:{name:"number"},name:"page"}],return:{name:"void"}}},description:""},onNextPage:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onPreviousPage:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},totalCount:{required:!0,tsType:{name:"number"},description:""},siblingCount:{required:!1,tsType:{name:"number"},description:""},currentPage:{required:!0,tsType:{name:"number"},description:""},pageSize:{required:!0,tsType:{name:"number"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/Panel/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DF:()=>PANEL_BASIC_MIN_WIDTH_PX,FX:()=>PANEL_OVERLAY_MIN_WIDTH_PX,Ay:()=>core_Panel});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),drawerClasses=__webpack_require__("./node_modules/@mui/material/Drawer/drawerClasses.js"),Drawer=__webpack_require__("./node_modules/@mui/material/Drawer/Drawer.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const doNotForwardProps=["sdsType","position","width","HeaderComponent","onClick","disableScrollLock","closeButtonOnClick","CloseButtonComponent"],StyledDrawer=(0,emotion_styled_browser_esm.A)(Drawer.Ay,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"ey5qj5h0"})((props=>{const{sdsType="basic",anchor="left",width}=props,widthString="number"==typeof width?`${width}px`:width,panelWidth="bottom"!==anchor?widthString:"100%",panelHeight="bottom"!==anchor?"100%":widthString;return(0,emotion_react_browser_esm.AH)(".",drawerClasses.A.paper,"{height:",panelHeight,";width:",panelWidth,";}","basic"===sdsType&&(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)(".",drawerClasses.A.paper,"{background-color:",semanticColors?.base?.surfacePrimary,";padding:",spaces?.l,"px;min-width:",PANEL_BASIC_MIN_WIDTH_PX,"px;min-height:",PANEL_BASIC_MIN_WIDTH_PX,"px;}")})(props)," ","overlay"===sdsType&&(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props),shadows=(0,styles.CG)(props);return(0,emotion_react_browser_esm.AH)('width:fit-content;height:fit-content;div[data-testid="sentinelStart"],div[data-testid="sentinelEnd"]{width:fit-content;}.',drawerClasses.A.paper,"{background-color:",semanticColors?.base?.surfacePrimary,";padding:",spaces?.xl,"px;min-width:",PANEL_OVERLAY_MIN_WIDTH_PX,"px;min-height:",PANEL_OVERLAY_MIN_WIDTH_PX,"px;box-shadow:",shadows?.l,";background-image:none;}")})(props))})),StyledHeaderComponent=(0,emotion_styled_browser_esm.A)("div",{target:"ey5qj5h1"})((props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)("margin-bottom:",spaces?.xxl,"px;display:flex;justify-content:space-between;align-items:start;")})),StyledPanelHeader=(0,emotion_styled_browser_esm.A)("div",{target:"eeeou380"})((props=>{const spaces=(0,styles.oZ)(props);return`\n width: 100%;\n height: 100%;\n margin-right: ${spaces?.l}px;\n `})),PanelHeader=props=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledPanelHeader,{children})},components_PanelHeader=PanelHeader;PanelHeader.__docgenInfo={description:"",methods:[],displayName:"PanelHeader",props:{children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};var Button=__webpack_require__("./packages/components/src/core/Button/index.tsx");const StyledPanelHeaderClose=(0,emotion_styled_browser_esm.A)("div",{target:"e10abegd0"})("display:flex;justify-content:end;align-items:center;"),PanelHeaderClose=props=>{const{onClick,CloseButtonComponent}=props;return(0,jsx_runtime.jsx)(StyledPanelHeaderClose,{onClick,children:CloseButtonComponent||(0,jsx_runtime.jsx)(Button.A,{sdsStyle:"icon",sdsType:"tertiary",icon:"XMark","aria-label":"Panel Toggle"})})},components_PanelHeaderClose=PanelHeaderClose;function isOverlayPanelProps(props){return"overlay"===props.sdsType}PanelHeaderClose.__docgenInfo={description:"",methods:[],displayName:"PanelHeaderClose",props:{onClick:{required:!1,tsType:{name:"ReactMouseEventHandler",raw:"React.MouseEventHandler",elements:[{name:"HTMLDivElement"}]},description:""},CloseButtonComponent:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const PANEL_BASIC_MIN_WIDTH_PX=240,PANEL_OVERLAY_MIN_WIDTH_PX=320,Panel=react.forwardRef(((props,ref)=>{const{children,sdsType="basic",position="left",width,ModalProps}=props,drawerWidth=width??("basic"===sdsType?PANEL_BASIC_MIN_WIDTH_PX:PANEL_OVERLAY_MIN_WIDTH_PX),drawerVariant="basic"===sdsType?"persistent":"temporary",drawerAnchor="overlay"===sdsType?position:"bottom"===position?"left":position;return(0,jsx_runtime.jsxs)(StyledDrawer,{...props,ref,anchor:drawerAnchor,variant:drawerVariant,width:drawerWidth,ModalProps:{...ModalProps,disableEnforceFocus:!0,disableScrollLock:!0},hideBackdrop:!0,children:[isOverlayPanelProps(props)&&(0,jsx_runtime.jsxs)(StyledHeaderComponent,{children:[props?.HeaderComponent&&(0,jsx_runtime.jsx)(components_PanelHeader,{children:props?.HeaderComponent}),(0,jsx_runtime.jsx)(components_PanelHeaderClose,{onClick:props?.closeButtonOnClick,CloseButtonComponent:props?.CloseButtonComponent})]}),children]})})),core_Panel=Panel;Panel.__docgenInfo={description:"@see https://mui.com/material-ui/react-drawer/",methods:[],displayName:"Panel"}},"./packages/components/src/core/SegmentedControl/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_SegmentedControl});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ToggleButton=__webpack_require__("./node_modules/@mui/material/ToggleButton/ToggleButton.js"),react=__webpack_require__("./node_modules/react/index.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),ToggleButtonGroup=__webpack_require__("./node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroup.js"),toggleButtonClasses=__webpack_require__("./node_modules/@mui/material/ToggleButton/toggleButtonClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonDefinition"],StyledSegmentedControl=(0,emotion_styled_browser_esm.A)(ToggleButtonGroup.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eo5eko80"})((props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n .${toggleButtonClasses.A.root}.${toggleButtonClasses.A.disabled} {\n border-color: ${semanticColors?.base?.border};\n }\n\n .${toggleButtonClasses.A.root}.${toggleButtonClasses.A.selected} {\n background-color: ${semanticColors?.base?.fillOpen};\n color: ${semanticColors?.accent?.iconSelected};\n border-color: ${semanticColors?.base?.border};\n\n &:hover {\n background-color: ${semanticColors?.base?.fillHover};\n }\n }\n\n .${toggleButtonClasses.A.root} {\n ${(0,a11y.U)(props)}\n background-color: ${semanticColors?.base?.fillPrimary};\n border-color: ${semanticColors?.base?.border};\n line-height: 0px;\n color: ${semanticColors?.base?.iconSecondary};\n padding: ${(spaces?.xs??6)-1}px ${spaces?.l}px;\n\n &:hover {\n border-color: ${semanticColors?.base?.border};\n background-color: ${semanticColors?.base?.fillHover};\n }\n }\n `})),SegmentedControl=props=>{const{buttonDefinition,value:valueProp,onChange:onChangeProp,...restProps}=props,initialValue=buttonDefinition.find((button=>!button.disabled))?.value||null,[active,setActive]=react.useState(initialValue),isControlled=void 0!==valueProp,value=isControlled?valueProp:active;return(0,jsx_runtime.jsxs)(StyledSegmentedControl,{"aria-label":"Segmented Control",size:"small",value,exclusive:!0,onChange:(event,newActive)=>{isControlled||setActive(newActive),onChangeProp&&onChangeProp(event,newActive)},...restProps,children:[buttonDefinition.map((button=>{const{icon,tooltipText,value:buttonValue,disabled=!1}=button,iconItem=icon?"string"!=typeof icon?icon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:icon,sdsSize:"s",sdsType:"button"}):null,toggleButton=(0,jsx_runtime.jsx)(ToggleButton.A,{"aria-label":tooltipText??buttonValue,value:buttonValue,disabled,children:(0,jsx_runtime.jsx)("span",{tabIndex:-1,children:iconItem})},buttonValue);return disabled?toggleButton:(0,jsx_runtime.jsx)(Tooltip.A,{title:tooltipText??buttonValue,sdsStyle:"dark",arrow:!0,children:toggleButton},buttonValue)})),";"]})},core_SegmentedControl=SegmentedControl;SegmentedControl.__docgenInfo={description:"@see https://mui.com/material-ui/react-toggle-button/",methods:[],displayName:"SegmentedControl",props:{buttonDefinition:{required:!0,tsType:{name:"Array",elements:[{name:"SingleButtonDefinition"}],raw:"SingleButtonDefinition[]"},description:""}},composes:["ToggleButtonGroupProps"]}},"./packages/components/src/core/Table/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Table});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js");const StyledTable=(0,__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js").A)("table",{target:"e1gxtk7p0"})("width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;"),Table=(0,react.forwardRef)(((props,ref)=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledTable,{ref,...props,children})})),core_Table=Table;Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}}},"./packages/components/src/core/Tabs/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>Tabs_Tab,A:()=>core_Tabs});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),emotion_css_esm=__webpack_require__("./node_modules/@emotion/css/dist/emotion-css.esm.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),react=__webpack_require__("./node_modules/react/index.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const TabsContext=(0,react.createContext)({sdsSize:"large"});var emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js");const Wrapper=(0,emotion_styled_browser_esm.A)("span",{target:"e21l8vw0"})((props=>{const semanticColors=(0,styles.Bd)(props);return`\n &:active {\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &:disabled {\n color: ${semanticColors?.base?.textDisabled};\n }\n `})),LABEL_DO_NOT_FORWARD_PROPS=["sdsSize"],Label=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!LABEL_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"e21l8vw1"})((props=>{const{sdsSize}=props;return"large"===sdsSize?(0,styles.qz)(props):(0,styles.Mn)(props)})," ",(props=>{const spaces=(0,styles.oZ)(props),{sdsSize}=props;return`\n margin-right: ${"large"===sdsSize?spaces?.l:spaces?.m}px;\n `})),COUNT_DO_NOT_FORWARD_PROPS=["sdsSize"],Count=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!COUNT_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"e21l8vw2"})((props=>{const{sdsSize}=props;return"large"===sdsSize?(0,styles.Zo)(props):(0,styles.Pf)(props)})," ",(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n\n .MuiChip-root {\n margin: 0 0 ${spaces?.xxxs}px 0;\n }\n `})),LabelWithCount=(0,react.forwardRef)((function LabelWithCount(props,ref){const{sdsSize="large"}=(0,react.useContext)(TabsContext),{label,count}=props;return(0,jsx_runtime.jsxs)(Wrapper,{ref,children:[(0,jsx_runtime.jsx)(Label,{sdsSize,children:label}),(0,jsx_runtime.jsx)(Count,{sdsSize,children:count})]})}));var Tabs=__webpack_require__("./node_modules/@mui/material/Tabs/Tabs.js"),Tab=__webpack_require__("./node_modules/@mui/material/Tab/Tab.js");const TempTabs=props=>(0,jsx_runtime.jsx)(Tabs.A,{...props}),TABS_DO_NOT_FORWARD_PROPS=["underlined","sdsSize"],StyledTabs=(0,emotion_styled_browser_esm.A)(TempTabs,{shouldForwardProp:prop=>!TABS_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"epo8hdr0"})("box-sizing:border-box;padding-bottom:0px;min-height:unset;position:relative;z-index:1;overflow:inherit;& .MuiTabs-scroller{overflow:inherit !important;}",(props=>{const{underlined,sdsSize="large"}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props),isLarge="large"===sdsSize;return`\n margin-top: ${isLarge?spaces?.l:spaces?.m}px;\n margin-bottom: ${isLarge?spaces?.xl:spaces?.m}px;\n border-bottom: ${underlined?`2px solid ${semanticColors?.base?.divider};`:"none"};\n `})),TAB_DO_NOT_FORWARD_PROPS=["sdsSize"],StyledTab=(0,emotion_styled_browser_esm.A)(Tab.A,{shouldForwardProp:prop=>!TAB_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"epo8hdr1"})("min-height:unset;padding:0;min-width:32px;opacity:1 !important;",tabFontMixin," ",styles.UT," ",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n margin-right: ${spaces?.xl}px;\n padding-bottom: ${spaces?.xxs}px;\n\n color: ${semanticColors?.base?.textSecondary};\n\n &:hover, :focus {\n box-shadow: 0 2px 0 0 ${semanticColors?.base?.border};\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &.Mui-selected {\n color: ${semanticColors?.base?.textPrimary};\n\n &:hover {\n color: ${semanticColors?.base?.textPrimary};\n }\n }\n\n &:active {\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &:disabled {\n color: ${semanticColors?.base?.textDisabled};\n }\n `}));function tabFontMixin(props){const{sdsSize}=props;return"large"===sdsSize?(0,styles.qz)(props):(0,styles.Mn)(props)}const TabIndicator=theme=>{const semanticColors=(0,styles.Bd)({theme});return(0,emotion_css_esm.AH)("&.MuiTabs-indicator{background-color:",semanticColors?.accent?.border,";height:2px;bottom:-2px;z-index:2;}")},Tabs_Tabs=(0,react.forwardRef)((function Tabs(props,ref){const{sdsSize="large",...rest}=props,theme=(0,useTheme.A)(),contextValue=react.useMemo((()=>({sdsSize})),[sdsSize]),indicatorProps=(0,react.useMemo)((()=>({className:TabIndicator(theme)})),[theme]);return(0,jsx_runtime.jsx)(TabsContext.Provider,{value:contextValue,children:(0,jsx_runtime.jsx)(StyledTabs,{TabIndicatorProps:indicatorProps,ref,...rest})})})),core_Tabs=Tabs_Tabs,Tabs_Tab=(0,react.forwardRef)((function Tab(props,ref){const{count,label,...rest}=props,context=(0,react.useContext)(TabsContext),Label=void 0===count?label:(0,jsx_runtime.jsx)(LabelWithCount,{label,count});return(0,jsx_runtime.jsx)(StyledTab,{label:Label,ref,...rest,...context})}));Tabs_Tabs.__docgenInfo={description:"",methods:[],displayName:"Tabs"},Tabs_Tab.__docgenInfo={description:"@see https://mui.com/material-ui/react-tabs/",methods:[],displayName:"Tab"}},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Tag});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function generatePrimaryTagColors(intent,colors,semanticColors){return intent||colors.length?(intent=intent||"neutral",{background:colors.length>=2?colors[1]:semanticColors?.[intent].fillPrimary,backgroundClicked:colors.length>=2?(0,colorManipulator.e$)(colors[1],.3):semanticColors?.[intent].fillPressed,backgroundHover:colors.length>=2?(0,colorManipulator.e$)(colors[1],.15):semanticColors?.[intent].fillHover,iconColor:colors.length>2?colors[2]:semanticColors?.base?.iconPrimaryInverse,label:colors.length?colors[0]:semanticColors?.base?.textPrimaryInverse}):{background:semanticColors?.neutral.fillPrimary,backgroundClicked:semanticColors?.neutral.fillPressed,backgroundHover:semanticColors?.neutral.fillHover,iconColor:semanticColors?.base?.iconPrimaryInverse,label:semanticColors?.base?.textPrimaryInverse}}function generateSecondaryTagColors(intent,colors,semanticColors){return intent||colors.length?(intent=intent||"neutral",{background:colors.length>=2?colors[1]:semanticColors?.[intent].fillSecondary,backgroundClicked:colors.length>=2?(0,colorManipulator.e$)(colors[1],.3):semanticColors?.[intent].fillPressed,backgroundHover:colors.length>=2?(0,colorManipulator.e$)(colors[1],.15):semanticColors?.[intent].fillHover,iconColor:colors.length>2?colors[2]:semanticColors?.[intent].ornament,label:colors.length?colors[0]:semanticColors?.[intent].text}):{background:semanticColors?.neutral.surfacePrimary,backgroundClicked:semanticColors?.neutral.fillPressed,backgroundHover:semanticColors?.neutral.fillHover,iconColor:semanticColors?.neutral.ornament,label:semanticColors?.neutral.fillPressed}}function createTypeCss(props,type){const semanticColors=(0,styles.Bd)(props),intent="string"==typeof props.tagColor?props.tagColor:null,colors=Array.isArray(props.tagColor)?[...props.tagColor]:[],typeColors={primary:generatePrimaryTagColors(intent,colors,semanticColors),secondary:generateSecondaryTagColors(intent,colors,semanticColors)}[type];return(0,emotion_react_browser_esm.AH)((0,styles.UT)(props)," background-color:",typeColors.background,";position:relative;.MuiChip-label{color:",typeColors.label,";}svg{fill:",typeColors.iconColor,";}&:hover,&:active{.MuiChip-label{color:",semanticColors?.base?.textPrimaryInverse,";}svg{fill:",semanticColors?.base?.iconPrimaryInverse,";}}&:hover{background-color:",typeColors.backgroundHover,";}&:active{background-color:",typeColors.backgroundClicked,";}&.Mui-focusVisible{background-color:",typeColors.backgroundHover,";}x")}const typeToCss={primary:props=>createTypeCss(props,"primary"),secondary:props=>createTypeCss(props,"secondary")},doNotForwardProps=["sdsType","sdsStyle","sdsSize","tagColor","hover"],StyledTag=(0,emotion_styled_browser_esm.A)(Chip.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eun6inm0"})("border:none;",(props=>{const{hover=!0,sdsType,sdsStyle,sdsSize="s"}=props,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.AH)("l"===sdsSize?(props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("height:unset;margin:0 ",spaces?.xxs,"px ",spaces?.xs,"px 0;.MuiChip-label{",(0,styles.Zo)(props)," padding:0;}.MuiSvgIcon-root{height:",iconSizes?.l.height,"px;width:",iconSizes?.l.width,"px;margin:0 ",spaces?.xxs,"px 0 -",spaces?.xxxs,"px;}.MuiChip-deleteIcon{",(0,styles.Se)(props)," color:",semanticColors?.base?.iconPrimaryInverse,";margin:0 0 0 ",spaces?.xxs,"px;height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;}")})(props):(props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("height:unset;margin:0 ",spaces?.xxs,"px ",spaces?.xs,"px 0;.MuiChip-label{",(0,styles.jT)(props)," padding:0;}.MuiSvgIcon-root{height:",iconSizes?.xs.height,"px;width:",iconSizes?.xs.width,"px;margin:0 ",spaces?.xxs,"px 0 -",spaces?.xxxs,"px;}.MuiChip-deleteIcon{",(0,styles.Se)(props)," color:",semanticColors?.base?.iconPrimaryInverse,";margin:0 0 0 ",spaces?.xxs,"px;height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;}")})(props)," ",typeToCss[type](props)," ",isRounded?(props=>{const corners=(0,styles.VP)(props),spaces=(0,styles.oZ)(props),{sdsSize="s",icon}=props,topBottomPadding="s"===sdsSize?spaces?.xxxs:icon?spaces?.xxs:spaces?.xs;return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.l,"px;padding:",topBottomPadding,"px ",spaces?.s,"px;&:after{border-radius:",corners?.l,"px;}")})(props):(props=>{const corners=(0,styles.VP)(props),spaces=(0,styles.oZ)(props),{sdsSize="s",icon}=props,topBottomPadding="s"===sdsSize?spaces?.xxxs:icon?spaces?.xxs:spaces?.xs;return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.m,"px;padding:",topBottomPadding,"px ",spaces?.s,"px;&:after{border-radius:",corners?.m,"px;}")})(props)," ",hover?(props=>{const semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("&:hover{cursor:pointer;}&:hover,&:focus-visible{color:",semanticColors?.base?.textPrimaryInverse,";}")})(props):"pointer-events: none;")})),Tag=props=>{const{color}=props;return(0,jsx_runtime.jsx)(StyledTag,{tagColor:color,...props,color:"primary"})},core_Tag=Tag;Tag.__docgenInfo={description:"@see https://mui.com/material-ui/react-chip/\n\n@props color: {string} - applies color for tag based on default theme color values\n [string, string] - applies custom colors for [font, background]\n [string, string, string] - applies custom colors for [font, background, icon]",methods:[],displayName:"Tag",props:{label:{required:!0,tsType:{name:"string"},description:""},color:{required:!1,tsType:{name:"union",raw:'| "info"\n| "positive"\n| "notice"\n| "negative"\n| "neutral"\n| "beta"\n| [string, string]\n| [string, string, string]',elements:[{name:"literal",value:'"info"'},{name:"literal",value:'"positive"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"neutral"'},{name:"literal",value:'"beta"'},{name:"tuple",raw:"[string, string]",elements:[{name:"string"},{name:"string"}]},{name:"tuple",raw:"[string, string, string]",elements:[{name:"string"},{name:"string"},{name:"string"}]}]},description:""}},composes:["Omit"]}},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_TagFilter});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");const StyledTag=(0,emotion_styled_browser_esm.A)(Tag.A,{target:"e1r7iiis0"})((props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("padding:",spaces?.xxs,"px ",spaces?.s,"px;background-color:",semanticColors?.accent?.fillPrimary,";&:hover,&:focus{background-color:",semanticColors?.accent?.fillHover,";}&:active{background-color:",semanticColors?.accent?.fillPressed,";}&:after{display:none;}.MuiChip-label{",(0,styles.Se)(props),"}.MuiChip-deleteIcon{margin:0 0 0 ",spaces?.s,"px;width:",iconSizes?.xs?.width,"px !important;height:",iconSizes?.xs?.height,"px !important;}.MuiSvgIcon-root{margin:0;width:",iconSizes?.xs?.width,"px !important;height:",iconSizes?.xs?.height,"px !important;}.MuiChip-label,svg{z-index:auto;}")}));var Button=__webpack_require__("./packages/components/src/core/Button/index.tsx");const TagFilter=props=>(0,jsx_runtime.jsx)(StyledTag,{role:"none presentation",...props,deleteIcon:(0,jsx_runtime.jsx)(Button.A,{"aria-label":"Delete Tag",icon:"XMark",sdsSize:"small",sdsType:"tertiary",sdsStyle:"icon"}),color:"info"}),core_TagFilter=TagFilter;TagFilter.__docgenInfo={description:"@see https://mui.com/material-ui/react-chip/",methods:[],displayName:"TagFilter",props:{label:{required:!0,tsType:{name:"string"},description:""},onDelete:{required:!0,tsType:{name:"ReactEventHandler",raw:"React.EventHandler",elements:[{name:"any"}]},description:""}},composes:["Omit"]}},"./packages/components/src/core/TooltipCondensed/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_TooltipCondensed});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),emotion_css_esm=__webpack_require__("./node_modules/@emotion/css/dist/emotion-css.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const condensedCSS=props=>{const{indicator}=props,spaces=(0,styles.oZ)(props);return(0,emotion_css_esm.AH)("&&{padding-top:",spaces?.xxs,"px;padding-bottom:",spaces?.xxs,"px;padding-left:",spaces?.m,"px;padding-right:",spaces?.m,"px;max-width:250px;display:flex;align-items:center;",!0===indicator&&(props=>{const{indicatorColor}=props,spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props);return(0,emotion_css_esm.AH)('&::before{content:"";width:',spaces?.m,"px;height:",spaces?.m,"px;display:block;background-color:",indicatorColor,";border-radius:",corners?.l,"px;margin-right:",spaces?.m,"px;}")})(props),"}")},TooltipCondensed=(0,react.forwardRef)((function TooltipCondensed(props,ref){const{children,title,indicator,indicatorColor}=props,theme=(0,useTheme.A)(),tooltip=function mergeClass({props,className,key}){const{classes}=props;if(!classes)return className;const propClassName=classes[key];return propClassName?`${propClassName} ${className}`:className}({className:condensedCSS({indicator,indicatorColor,theme}),key:"tooltip",props});return(0,jsx_runtime.jsx)(Tooltip.A,{followCursor:!0,placement:"right-end",enterDelay:50,leaveDelay:50,title,ref,classes:{tooltip},arrow:!1,children})}));const core_TooltipCondensed=TooltipCondensed;TooltipCondensed.__docgenInfo={description:"@see https://mui.com/material-ui/react-tooltip/\n\n@warning If the tooltip wraps a disabled component, please make sure to\nwrap the children in a `` tag.\nhttps://mui.com/components/tooltips/#disabled-elements",methods:[],displayName:"TooltipCondensed",props:{indicator:{required:!1,tsType:{name:"boolean"},description:""},indicatorColor:{required:!1,tsType:{name:"string"},description:""}},composes:["CommonThemeProps"]}}}]);
\ No newline at end of file
diff --git a/core-HeatmapChart-__storybook__-index-stories.914fba5b.iframe.bundle.js b/core-HeatmapChart-__storybook__-index-stories.914fba5b.iframe.bundle.js
deleted file mode 100644
index 757d09ea7..000000000
--- a/core-HeatmapChart-__storybook__-index-stories.914fba5b.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[5243],{"./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,HeatmapDemo:()=>HeatmapDemo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const HEATMAP_COLORS=["#ffffcc","#fffecb","#fffec9","#fffdc8","#fffdc6","#fffcc5","#fffcc4","#fffbc2","#fffac1","#fffac0","#fff9be","#fff9bd","#fff8bb","#fff8ba","#fff7b9","#fff6b7","#fff6b6","#fff5b5","#fff5b3","#fff4b2","#fff4b0","#fff3af","#fff2ae","#fff2ac","#fff1ab","#fff1aa","#fff0a8","#fff0a7","#ffefa6","#ffeea4","#ffeea3","#ffeda2","#ffeda0","#ffec9f","#ffeb9d","#ffeb9c","#ffea9b","#ffea99","#ffe998","#ffe897","#ffe895","#ffe794","#ffe693","#ffe691","#ffe590","#ffe48f","#ffe48d","#ffe38c","#fee28b","#fee289","#fee188","#fee087","#fee085","#fedf84","#fede83","#fedd82","#fedc80","#fedc7f","#fedb7e","#feda7c","#fed97b","#fed87a","#fed778","#fed777","#fed676","#fed574","#fed473","#fed372","#fed270","#fed16f","#fed06e","#fecf6c","#fece6b","#fecd6a","#fecb69","#feca67","#fec966","#fec865","#fec764","#fec662","#fec561","#fec460","#fec25f","#fec15e","#fec05c","#febf5b","#febe5a","#febd59","#febb58","#feba57","#feb956","#feb855","#feb754","#feb553","#feb452","#feb351","#feb250","#feb14f","#feb04e","#feae4d","#fead4d","#feac4c","#feab4b","#feaa4a","#fea84a","#fea749","#fea648","#fea547","#fea347","#fea246","#fea145","#fda045","#fd9e44","#fd9d44","#fd9c43","#fd9b42","#fd9942","#fd9841","#fd9741","#fd9540","#fd9440","#fd923f","#fd913f","#fd8f3e","#fd8e3e","#fd8d3d","#fd8b3c","#fd893c","#fd883b","#fd863b","#fd853a","#fd833a","#fd8139","#fd8039","#fd7e38","#fd7c38","#fd7b37","#fd7937","#fd7736","#fc7535","#fc7335","#fc7234","#fc7034","#fc6e33","#fc6c33","#fc6a32","#fc6832","#fb6731","#fb6531","#fb6330","#fb6130","#fb5f2f","#fa5d2e","#fa5c2e","#fa5a2d","#fa582d","#f9562c","#f9542c","#f9522b","#f8512b","#f84f2a","#f74d2a","#f74b29","#f64929","#f64828","#f54628","#f54427","#f44227","#f44127","#f33f26","#f23d26","#f23c25","#f13a25","#f03824","#f03724","#ef3524","#ee3423","#ed3223","#ed3123","#ec2f22","#eb2e22","#ea2c22","#e92b22","#e92921","#e82821","#e72621","#e62521","#e52420","#e42220","#e32120","#e22020","#e11f20","#e01d20","#df1c20","#de1b20","#dd1a20","#dc1920","#db1820","#da1720","#d91620","#d81520","#d71420","#d51320","#d41221","#d31121","#d21021","#d10f21","#cf0e21","#ce0d21","#cd0d22","#cc0c22","#ca0b22","#c90a22","#c80a22","#c60923","#c50823","#c40823","#c20723","#c10723","#bf0624","#be0624","#bc0524","#bb0524","#b90424","#b80424","#b60425","#b50325","#b30325","#b10325","#b00225","#ae0225","#ac0225","#ab0225","#a90125","#a70126","#a50126","#a40126","#a20126","#a00126","#9e0126","#9c0026","#9a0026","#990026","#970026","#950026","#930026","#910026","#8f0026","#8d0026","#8b0026","#8a0026","#880026","#860026","#840026","#820026","#800026"],HEATMAP_NUMBERS=Array.from(Array(100).keys()),HEATMAP_DATA=[];for(const x of HEATMAP_NUMBERS)for(const y of HEATMAP_NUMBERS)HEATMAP_DATA.push({value:Math.round(100*Math.random()),x,y});const HEATMAP_ENCODE={x:"x",y:"y"},HEATMAP_ITEM_STYLE={borderColor:"white",borderType:"solid",borderWidth:1,color:({data:{value}})=>HEATMAP_COLORS[Math.round(value/100*(HEATMAP_COLORS.length-1))],opacity:1},HEATMAP_TOOLTIP_OPTIONS=[{show:!1},{enterable:!0,formatter:function(param){return param.data?[`X-Axis: ${param.data.x}
`,`Y-Axis: ${param.data.y}
`,`${param.marker} ${param.data.value}`].join(""):[]},show:!0}],HEATMAP_AXIS_POINTER_OPTIONS=[{show:!1,type:"none"},{show:!0,triggerOn:"mousemove",type:"none"},{show:!0,triggerOn:"click",type:"none"}];var dist=__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/dist/index.mjs"),react_redux=__webpack_require__("./node_modules/react-redux/dist/react-redux.mjs"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js");const SELECTED_STYLE_fontFamily="sans-serif",SELECTED_STYLE_fontSize=12,SELECTED_STYLE_fontWeight="bold",CTX="undefined"!=typeof document&&document.createElement("canvas").getContext("2d")||null;function formatLabel(name,maxWidth,font){if(!CTX)return{length:0,text:name};CTX.font=font;const ellipsisWidth=CTX.measureText("...").width,fullWidth=CTX.measureText(name).width;if(fullWidth<=maxWidth)return{length:fullWidth,text:name};const labelHalfWidth=(maxWidth-ellipsisWidth)/2,formattedLabel=getFixedWidth(name,labelHalfWidth,font)+" ... "+getFixedWidth(name,labelHalfWidth,font,!0);return{length:CTX.measureText(formattedLabel).width,text:formattedLabel}}function getFixedWidth(text,maxWidth,font,reverse=!1){if(!CTX)return text;if(CTX.font=font,reverse)for(let i=text.length;i>=0;i--){const substring=text.substring(i-1);if(CTX.measureText(substring).width>maxWidth)return text.substring(i)}else for(let i=0;imaxWidth)return text.substring(0,i)}return text}const toPascalCase=s=>s?s.replace(/(\w)(\w*)/g,((_,p,q)=>p.toUpperCase()+q.toLowerCase())):s,doNotForwardProps=["camera"],StyledContainer=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e17ktdog0"})("padding-top:",130,"px;position:relative;"),StyledHeatmapWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e17ktdog1"})("position:relative;margin-left:",130,"px;");var react=__webpack_require__("./node_modules/react/index.js");const XAxisWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck60"})(xAxisWidthAndOffset," height:",(props=>props.height),"px;position:absolute;overflow:hidden;z-index:2;top:1px;border-bottom:solid 1px #666;"),XAxisContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck61"})(xAxisWidth," height:",(props=>props.height),"px;top:0px;position:absolute;display:flex;flex-direction:row;justify-content:space-between;"),XAxisLabel=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck62"})((()=>`\n height: 100%;\n width: ${(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)).width/36}px;\n writing-mode: vertical-lr;\n color: #555;\n display: flex;\n justify-content: end;\n align-items: center;\n padding-bottom: 25px;\n &::before {\n content: "";\n position: absolute;\n width: 1px;\n height: 5px;\n background-color: #666;\n margin-left: -25px;\n bottom: 0;\n }\n `)),XAxisGeneName=(0,emotion_styled_browser_esm.A)("span",{target:"e1vu6ck63"})("transform:scale(-1,-1);",selectedStyle),InfoButtonWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck64"})("transform:scale(1,1);cursor:pointer;display:flex;margin-bottom:4px;margin-top:4px;justify-content:center;font-size:10px;"),GeneButtonStyle=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck65"})((props=>`\n border: none;\n z-index: 2;\n display: inline-flex;\n justify-content: space-between;\n white-space: nowrap;\n flex-direction: column;\n align-items: center;\n\n &:hover {\n ${activeStyle()}\n }\n\n ${props.active?activeStyle():null}\n `)),HoverContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1vu6ck66"})("display:flex;flex-direction:column;opacity:0.2;position:absolute;bottom:0;z-index:3;");function xAxisWidthAndOffset({width,left}){return`\n width: ${width}px;\n left: ${left}px;\n `}function xAxisWidth({width}){return`\n width: ${width}px;\n `}function selectedStyle({font}){return`\n font: ${font};\n `}function activeStyle(){return"\n cursor: pointer;\n #gene-hover-container {\n visibility: visible;\n }\n background-color: #c3c3c340;\n .gene-label-container {\n color: unset;\n }\n .gene-label-container span {\n font-weight: 600;\n }\n .x-axis-hover-container {\n opacity: 1;\n }\n "}function GeneButton({active,gene,handleGeneClick}){const{name:geneName,index:geneIndex}=gene,currentFont=`\n normal\n ${active?SELECTED_STYLE_fontWeight:"normal"}\n ${SELECTED_STYLE_fontSize}px ${SELECTED_STYLE_fontFamily}\n `,formattedLabel=(0,react.useMemo)((()=>formatLabel(`${geneName}`,100,currentFont).text),[geneName,currentFont]),memoizedHandleGeneClick=(0,react.useCallback)((()=>{handleGeneClick(gene)}),[handleGeneClick,gene]);return(0,jsx_runtime.jsxs)(GeneButtonStyle,{id:`gene-label-${geneName}`,onClick:memoizedHandleGeneClick,active,children:[(0,jsx_runtime.jsx)(HoverContainer,{className:"x-axis-hover-container",id:"gene-hover-container",children:(0,jsx_runtime.jsx)(InfoButtonWrapper,{children:geneIndex})}),(0,jsx_runtime.jsx)(XAxisLabel,{className:"gene-label-container",children:(0,jsx_runtime.jsx)(XAxisGeneName,{font:currentFont,children:formattedLabel})})]})}const XAxisChart=(0,react.forwardRef)((({geneNames,labelClicked},ref)=>{const heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),wrapperRef=(0,react.useRef)(null);(0,react.useImperativeHandle)(ref,(()=>({changeActiveLabel(label){setActiveGene(label)},getWrapperRef:()=>wrapperRef})));const[activeGene,setActiveGene]=(0,react.useState)(null);return(0,jsx_runtime.jsx)(XAxisContainer,{className:"gene-labels",width:heatmapCanvasSize.width,height:130,ref:wrapperRef,children:geneNames.map((gene=>(0,jsx_runtime.jsx)(GeneButton,{gene,genesToDelete:[""],active:activeGene===gene.index,handleGeneClick:theGene=>{activeGene===theGene.index?setActiveGene(null):setActiveGene(theGene.index),labelClicked(theGene)}},gene.name)))})})),components_XAxisChart=XAxisChart;XAxisChart.__docgenInfo={description:"",methods:[{name:"changeActiveLabel",docblock:null,modifiers:[],params:[{name:"label",optional:!1,type:null}],returns:null},{name:"getWrapperRef",docblock:null,modifiers:[],params:[],returns:null}],displayName:"XAxisChart",props:{geneNames:{required:!0,tsType:{name:"Array",elements:[{name:"Gene"}],raw:"Gene[]"},description:""},labelClicked:{required:!0,tsType:{name:"signature",type:"function",raw:"(gene: Gene) => void",signature:{arguments:[{type:{name:"Gene"},name:"gene"}],return:{name:"void"}}},description:""}}};const YAxisWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s0"})(yAxisWidthAndOffset," height:",(props=>props.height),"px;position:absolute;overflow:hidden;z-index:2;left:1px;border-right:solid 1px #666;"),YAxisContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s1"})(yAxisWidth," left:0px;position:absolute;display:flex;flex-direction:column-reverse;justify-content:space-between;"),YAxisLabel=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s2"})((({index})=>`\n height: ${(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)).height/20}px;\n width: 100%;\n color: #555;\n display: flex;\n justify-content: end;\n align-items: center;\n padding-right: ${index<100?25:index<1e3?35:40}px;\n &::before {\n content: "";\n position: absolute;\n height: 1px;\n width: 5px;\n background-color: #666;\n right: 0;\n margin-bottom: 25px;\n }`)),YAxisGeneName=(0,emotion_styled_browser_esm.A)("span",{target:"e1gni52s3"})(style_selectedStyle),style_InfoButtonWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s4"})("transform:scale(1,1);cursor:pointer;display:flex;margin-bottom:4px;margin-top:4px;justify-content:center;font-size:10px;"),style_GeneButtonStyle=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s5"})((props=>`\n border: none;\n z-index: 2;\n display: inline-flex;\n justify-content: space-between;\n white-space: nowrap;\n flex-direction: row;\n align-items: center;\n\n &:hover {\n ${style_activeStyle()}\n }\n\n ${props.active?style_activeStyle():null}\n `)),style_HoverContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e1gni52s6"})("display:flex;flex-direction:row;opacity:0.2;position:absolute;right:0;padding-right:8px;z-index:3;");function yAxisWidthAndOffset({width,bottom}){return`\n width: ${width}px;\n bottom: ${bottom}px;\n `}function yAxisWidth({width}){return`\n width: ${width}px;\n `}function style_selectedStyle({font}){return`\n font: ${font};\n `}function style_activeStyle(){return"\n cursor: pointer;\n #gene-hover-container {\n visibility: visible;\n }\n background-color: #c3c3c340;\n .gene-label-container {\n color: unset;\n }\n .gene-label-container span {\n font-weight: 600;\n }\n .y-axis-hover-container {\n opacity: 1;\n }\n "}function YAxisChart_GeneButton({active,gene,handleGeneClick}){const{name:geneName,index:geneIndex}=gene,currentFont=`\n normal\n ${active?SELECTED_STYLE_fontWeight:"normal"}\n ${SELECTED_STYLE_fontSize}px ${SELECTED_STYLE_fontFamily}\n `,formattedLabel=(0,react.useMemo)((()=>formatLabel(`${geneName}`,90,currentFont).text),[geneName,currentFont]),memoizedHandleGeneClick=(0,react.useCallback)((()=>{handleGeneClick(gene)}),[handleGeneClick,gene]);return(0,jsx_runtime.jsxs)(style_GeneButtonStyle,{id:`gene-label-${geneName}`,onClick:memoizedHandleGeneClick,active,children:[(0,jsx_runtime.jsx)(style_HoverContainer,{className:"y-axis-hover-container",id:"gene-hover-container",children:(0,jsx_runtime.jsx)(style_InfoButtonWrapper,{children:geneIndex})}),(0,jsx_runtime.jsx)(YAxisLabel,{className:"gene-label-container",index:geneIndex,children:(0,jsx_runtime.jsx)(YAxisGeneName,{font:currentFont,children:formattedLabel})})]})}const YAxisChart=(0,react.forwardRef)((({geneNames,labelClicked,reverse=!1},ref)=>{const finalGeneNames=reverse?[...geneNames].reverse():geneNames,heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),wrapperRef=(0,react.useRef)(null);(0,react.useImperativeHandle)(ref,(()=>({changeActiveLabel(label){setActiveGene(label)},getWrapperRef:()=>wrapperRef})));const[activeGene,setActiveGene]=(0,react.useState)(null);return(0,jsx_runtime.jsx)(YAxisContainer,{className:"gene-labels",width:130,height:heatmapCanvasSize.width,ref:wrapperRef,children:finalGeneNames.map((gene=>(0,jsx_runtime.jsx)(YAxisChart_GeneButton,{gene,genesToDelete:[""],active:activeGene===gene.index,handleGeneClick:theGene=>{activeGene===theGene.index?setActiveGene(null):setActiveGene(theGene.index),labelClicked(theGene)}},gene.name)))})})),components_YAxisChart=(0,react.memo)(YAxisChart);YAxisChart.__docgenInfo={description:"",methods:[{name:"changeActiveLabel",docblock:null,modifiers:[],params:[{name:"label",optional:!1,type:null}],returns:null},{name:"getWrapperRef",docblock:null,modifiers:[],params:[],returns:null}],displayName:"YAxisChart",props:{geneNames:{required:!0,tsType:{name:"Array",elements:[{name:"Gene"}],raw:"Gene[]"},description:""},labelClicked:{required:!0,tsType:{name:"signature",type:"function",raw:"(gene: Gene) => void",signature:{arguments:[{type:{name:"Gene"},name:"gene"}],return:{name:"void"}}},description:""},reverse:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const Genes=["IGKV1D-8","EWSR1","RBM34","ATP5L","PDPR","KMT5A","SLC26A3","NABP1","CSF1","AKR1A1","C4orf22","SV2C","REEP4","VSTM4","STRN","NXN","NRIP3","SYBU","ASB16","MTUS2-AS1","SH3TC1","THUMPD3-AS1","PILRB","GNAT3","H3F3B","H2AFV","GET4","ERRFI1","DHRS12","STX7","TECR","MAK16","GRK1","BPIFB2","GAS7","DONSON","CD70","CYP4F22","GSG2","LSM12","SYT6","ZBTB24","FAM181A","DLG2-AS1","NDUFB1","HLCS-IT1","ZNF32-AS3","TMEM110","ATRN","IPO5","LINC01272","DPH5","OR1J4","RHOU","POTEH","ZNF266","TSKU","CCT8L2","LGI4","H1FX","NPTN-IT1","SLC1A4","OXNAD1","ST6GALNAC1","CLDND2","PTH1R","PUM2","RUNX1T1","C8orf34","SMPD5","BRE","CDC123","DEFB106A","SCARB1","SPRY1","OR4C6","CLDN10-AS1","UBA5","OR7G3","SRMS","KRT73-AS1","SLC28A3","PEG10","HIST1H4G","CHST10","BAIAP2L1","LINC01525","GSG1L2","ITLN2","NUDT7","PIAS4","FIGNL1","SLC22A14","PKD3","USP43","TADA1","FASTK","ORC1","LINC00574","SPDYE11","GINS1","MAFA","TRK-TTT14-1","TRAJ44","TAPBPL","CLIP2","POLE2","TNNI3K","SERPINB7","PCGF5","ZNF292","C20orf144","GPR135","KDM5A","C11orf45","MUC3A","IGLJ5","GSE1","ATG16L1","NFS1","CDCP2","HSPH1","SYT8","CDKN2B-AS1","ZNF492","ABCC5-AS1","ITGA5","HOXC4","VRK1","MSH4","KHDRBS3","SACM1L","PHPT1","EVI2B","MAPK14","SNORD172","FAM107B","RNU5E-1","FZD8","COX6A1","IGF2BP2-AS1","VDAC1","RAP2B","PRB3","DOCK4-AS1","ETV4","SPPL3","RNA28S3","OR52E5","CDC42SE1","SH2D4B","PTPRM","NARS2","ZNF660","ZNF792","POTEF","DUXA","LINC00331","NR1I3","DAG1","UST","ZNF571","VPS13A","FOS","RANBP10","ABHD15","GABRG3-AS1","OCA2","TBL1Y","TRA-AGC18-2","MUC8","ZNF80","NLRP1","MYO1D","MLC1","RASAL3","NEU3","TRIB3","ELOVL2","CDC27","SET","GRHL2","CCK","HMCN1","CDKAL1","PHLDB3","PLPP1","ANKRD20A4","ARMC5","HVCN1","TBCE","TARID","NCLN","RTN4","SLIT1-AS1","TRSUP-TTA3-1","TRE-TTC1-2","TAL1","BTN3A1","TMUB2","PACRG-AS2","DAZAP1","DCAF12","DUXB","WWTR1","OR4K5","HRNR","PROB1","IGHD1-7","RORA-AS1","DNM3","LRRC52","OPTN","RYBP","ANKRD55","CD40","MHRT","CFHR4","LINC01059","NIN","FAM224B","LHX2","GUCA2B","WDR25","IGKJ1","TRR-TCT5-1","GACAT3","WASH1","DNASE1","MAN2B2","OXGR1","ZNF396","NUP98","PSMB1","BBS7","RPL14","ACSM2A","MFSD13A","OR52N2","IGLL5","SOX15","FABP3","KIAA1211L","TRP-AGG6-1","LINC01220","BBS5","ZNF708","CACNA2D3-AS1","GAP43","ZBTB18","BABAM1","KCND3-IT1","TRI-AAT7-2","RAD21L1","ASPG","DISP1","SP140L","HCAR2","RTL1","HR","HIST2H2BF","COBL","TRBJ1-3","MCM6","SLC25A6","DBX1","THEMIS2","FFAR4","RPL7","PCDHB7","TRC-GCA2-2","CEP128","ST7-OT3","ARHGAP27","KRTAP19-3","CASC10","FLII","PGAP2","SNORD1C","GRHL3","VPS36","TRK-TTT16-1","RBFOX3","CADM1","NPR2","TRE-TTC2-1","ZFPM2-AS1","HNRNPA2B1","PSG5","SPG23","PAG1","LINC00324","USP4","OR52W1","BCL2L10","RNA5S13","CCL2","TRAJ25","MIS18A-AS1","CALCB","CNOT6","ARFGEF2","SOX12","NR5A1","LTBR","TTC19","CCDC158","SIN3A","TRA-AGC12-2","LINC00987","OCIAD2","ABCF3","KIR2DL5A","ADH1C","ORC2","CTSD","GHITM","SCG5","UQCRC2","TRL-AAG7-1","WAC-AS1","MON1B","LARP1B","CSE1L-AS1","OIP5-AS1","CCDC14","LINC00957","LINC01392","COCH","MGAM2","CISH","UGT3A2","MYO5A","CYFIP2","LINC00856","TRT-AGT3-1","SLC39A6","CH25H","TBC1D1","ZNF716","SNORD14D","KIFAP3","SDCBP2","G3BP2","EDIL3","KCNB2","PIK3R2","GALNT15","KLHL5","PLEKHA1","TTTY10","VAMP8","ITIH3","DPH7","FOXO1","IQCF5-AS1","ZDHHC17","MINA","ABHD13","PIGS","CDRT3","STK38L","M6PR","LINC00888","UBAC1","RANGAP1","C10orf111","MATK","CD52","TBC1D29","SQLE","OLIG3","FRA14B","RGS11","CHST6","LINC00476","ARHGEF18","C14orf93","ATOH1","CTDSPL","FAM179B","NAT8L","SLC15A2","ANKRD45","DFNA58","PDS5B","MAST2","EXT1","SBNO2","SNORD130","ZNF727","ERVK-24","MFSD6L","DGAT1","BACE2-IT1","SCHLAP1","LINC01543","LINC01007","GUCY1B3","SLC9A4","FOXB2","RBPMS","NAV3","TERT","RNPEP","OR2D3","OLFML2A","OSCP1","PRNT","POMGNT1","DCST1","TTTY23B","OMA1","OOEP","LINC01143","GNGT1","STAU1","ADCY10","TMPRSS9","PRL","LINC00514","CHED1","FHOD3","TDRP","ARF6","PLBD1-AS1","SFTPA2","FAM124B","PRSS35","SLC22A17","GLI3","THRA","LTB4R2","IGHD4-17","VASP","HLA-DQB-1","AS1","NOD1","DNAJB2","KLF4","GRIK1-AS2","C1QTNF4","TESK2","AUNIP","SUPV3L1","CORO2B","FAM173A","RBBP9","IL17B","OTUD7B","IGH","RDX","TRA-AGC13-2","JPD","NR6A1","TK1","KLKB1","LINC00664","IKZF2","NUFIP2","USP28","OR14C36","NICN1","ADAM23","MPHOSPH8","CCDC25","CCDC92","SCN5A","CASP14","SPA17","FGF8","CD1D","GRIP1","POMT2","UBE2D4","IRAIN","MLNR","TNIP1","RNY5","RNF180","DHX57","TBRG4","TRAT1","SNORD116-24","C14orf2","KLF18","IGLV3-32","MAPK1","OR52E4","POLR2J3","TRL-AAG1-1","ITSN1","TSSK4","PADI4","SNHG18","TRL-CAA2-1","TRGV11","MXI1","FRA11I","SOBP","ADRB3","SPATA32","ZNF616","SEMA3D","PRKAR2A-AS1","SIRT6","HOXB6","ZBTB3","PRSS50","DEAF1","ZBTB40-IT1","SNAPC5","HNRNPH3","DCAKD","RAMP3","PPP1R3G","TRS-AGA4-1","SLC18A1","AKR1E2","ATP13A4","REXO4","GBE1","SLC2A5","TRN-GTT4-1","ZNF268","ANXA11","TMEM123","WDR45B","HTR3E","SNORA3A","HEATR4","SNORD83A","RBP3","KNCN","RHO","RGPD6","PRELP","KIAA1024L","FRA6B","ANKRD37","KLK3","HOXC-AS1","MMS19","ERLIN2","SNAR-B1","DOCK2","GPATCH1","NCKIPSD","TBC1D3K","ZNF559-ZNF177","TAS2R5","DNAJC9-AS1","SH2D3C","LARS2","GIMAP6","KIR2DS2","COL12A1","HNRNPUL2-BSCL2","DDX24","DLL4","SLC26A4","SNORA92","GLC3C","TRIM52","IGKV1-17","SLC8B1","RNA18S2","TRM-CAT4-1","IGLV5-37","COL18A1-AS2","SLC6A1-AS1","RPS6KA1","WDR87","TRAJ57","RAB37","ATL1","BSPRY","ACAP2-IT1","RIBC2","LRRN2","LINC01620","USP53","IGF2BP2","GRM8","IGHV4-30-1","ANKRD46","ADGRL3","CBWD3","C19orf43","RBM43","SYCE1","FBN3","HOXA10-AS","OR5I1","ITGA10","IGSF5","SNORA2B","SRSF9","FSCN1","LRRC49","SNORD116-29","DEPDC1B","ZBTB20-AS4","YDJC","TRF-GAA4-1","SPDYE2B","GRM6","LMNA","SNORD113-2","SLC25A19","ANKRD20A3","KCNC2","NAV2-AS2","LINC00622","KIAA1551","PKD2L1","EPC2","EPHX4","ULBP3","CACNA1I","FAM214A","C4orf47","ZNF101","S100A8","C1orf204","MTRNR2L13","SNX18","ATHL1","TMEM147-AS1","APC","TOMM34","PRKRA","ATG5","SDHB","MPPE1","SPDYE1","TRP-AGG1-1","CDKN2C","SPATA31D3","NDUFB6","PRM3","CDC42EP3","C1RL","OR2A14","ALOX15","PAXIP1-AS1","ARHGEF12","GK2","SLX1A-SULT1A3","ACTRT2","FAM102B","SIGLEC9","KIR3DL3","NR1H3","MRT24","EDEM1","CHPF2","OR2H2","LINC00298","MEF2C-AS1","TRIM74","LINC01359","TRV-CAC1-4","SH2B1","STAC","MAP6","PRSS57","DACT1","ZNF728","MED7","DNAH8","C12orf40","CA4","PPP4C","HCN4","KIF25","DNAAF5","PDRG1","XPA","SRA1","C1QTNF8","MIAT","RXRB","GALNT8","PRR5-ARHGAP8","MRPL20","MEP1B","RNU11","EVL","FZD1","SECISBP2L","WASF3-AS1","LCE3A","SOX30","TRGJP2","SPINT1","LRCOL1","MRPS21","KCNT2","CYB5R3","ALKBH5","DPP9","LMAN2L","PTK2B","PAX6","ANKMY1","TRAV4","SECTM1","C5orf28","CDRT5","FAM117B","DEFB103B","TTBK2","ZNF607","TRAPPC6A","LRRK2","PFKFB3","NSUN4","IGHV3-30-5","FRMPD2","RAG1","SORCS1","DNAH14","ZNF3","TSPAN15","C16orf13","FEN1","LINC01271","LMAN1","ODAM","CEP57","FN3K","MED22","EXT3","ANGEL1","OR8D4","RNF19A","ARHGDIG","TMEM64","B2M","ERVW-7","RTP5","UAP1","PGLYRP4","RPS6KA2-AS1","UFC1","TPRN","TTF2","ARNTL2","KRTAP9-2","C1orf50","CHAF1A","TRAJ48","C1orf233","PPP1R3E","LINC00583","ZNF439","DDX42","RCN1","LUC7L2","ZNF506","CFAP20","TUBA8","DNAJB11","DCAF4L1","DNAJB1","LINC00936","CAPRIN2","OR2G3","ANKS4B","SFXN4","NDUFS1","TNFRSF12A","PALLD","ZNF541","PKHD1","SCARNA8","TNS4","WHCR","GINGF2","EGFL8","MRC2","MKS1","CCP110","NBPF4","POM121L2","ZNF536","GPX7","ADPRH","CREB3L2","IBSP","BCLAF1","RFFL","ETV2","NOTCH2","JUN","GGNBP2","SAXO2","KLHDC7B","VPREB1","HRK","HAUS2","TMEM206","TRK-CTT2-3","FITM2","CXCL5","IQGAP1","LINC00683","MED17","ZRANB3","PIRC76","CD33","GABRG2","PRPH","CKAP4","POLR3F","FAM169B","MFAP3","FAM227A","CBFA2T2","IMPDH1","PRR33","PSORS1C1","MTCH1","USP8","CREB3L4","SNX27","TMEM212-AS1","STEAP1B","EDN2","KPNB1","KLF17","KLHL11","TEKT2","CALCOCO1","ZNF552","BTNL3","TMEM55A","RAP1GDS1","PRDM12","HOXB-AS1","PTRF","SENP5","ITFG1","PCDHGA9","ABHD3","CHKB","RCN2","PAQR9","CCDC114","IGHV1-8","OR2V2","BIRC8","SCASI","SYNE1-AS1","REC8","ZDHHC1","PARPBP","TNXB","C10orf128","C15orf65","SLC17A6","EVX1","TM9SF2","MYLK-AS1","RLBP1","OAP","ELN","PRELID3B","ADGRL4","RAPGEFL1","LINC00463","RALGAPA1","ZNF517","FANCA","GIMAP5","THAP7-AS1","TTC24","NADSYN1","WASIR1","PIRC36","PFKFB4","HSBP1","EHD2","USE1","DSG1-AS1","ZNF76","OR1F1","C8orf48","YY1AP1","DNAH3","VMP1","RHCE","ZNF485","UBE2D3","FDCSP","IL11RA","PLA2G12A","SMOC1","TPRKB","ACP1","KIAA1549L","IGKV1OR2-0","SUFU","LPAR2","RAPGEF4-AS1","DIRAS1","JUP","LINC01228","LINC00836","PHACTR2-AS1","COX5A","ABHD11-AS1","HTR3B","CRB3","SEMA3F","REG3A","KRTAP4-5","ARF3","TRQ-CTG2-1","PRSS56","C2CD4A","RASSF8-AS1","ARL8B","FRG2C","LINC00618","NCAPG2","PRSS44","TAX1BP1","CHST13","RFT1","FOXC2","RUNDC3A","MPZL3","FAM215B","PHB","TRBV5-7","ETV3L","CCDC127","LINC01477","KCNQ3","TRG","LINC00111","NTN1","TMPRSS7","HMSD","CHORDC1","SUSD5","ENGASE","CLDN22","SNORA71C","OTUD6B-AS1","DENR","OR2A5","FUT7","CPEB4","IGLV3-25","IRX1","AJAP1","GOLGB1","ZNF367","ZNF789","REXO1","LHPP","PAN3-AS1","DDTL","NETO2","IL6R","SPRYD4","TRL-AAG1-2","PMPCA","LINC00515","LGALS12","LMO2","ANXA4","MAP3K8","DMBT1","PCDHGA5","VTRNA1-2","POMK","ANKRD30A","NYS4","PRR23D1","TRUB2","SLC22A1","TRK-TTT1-1","TRC-GCA12-1","TRIM11","LINC00866","NR4A1","DDX59","HIPK4","SEC22C","FRMPD1","KRTAP10-10","CD28","PRDM14","IGHV5-10-1","IGHV4-30-2","HMX3","RNF114","DFNA7","ZCCHC23","GABRG3","CGB3","C3orf35","ENTPD2","CDCA7","SMIM24","ERGIC3","MEIOC","TLL1","MTMR10","UBE2C","OR5K3","SEMA4D","RFPL4B","SCX","C5orf66-AS1","MGP","TERF2IP","CRISP2","MAPRE3","RBM15B","ADGRG7","KLF15","TIGAR","ILVBL","ARHGEF39","FAU","TRC-GCA9-1","IL22RA1","ST7","VASH2","COL1A1","NBR2","LINC01554","YAM1","CD244","SCP2","SERPINB9","SCGB1C2","IMP3","NYS3","C8orf34-AS1","LINC00261","RPL27A","TBC1D9B","CDCA8","LINC00535","ATG12","ATP6V1G3","SNORA87","TULP2","FIBP","PCNA-AS1","FUZ","LINC01205","ABCA9","SEN6B","PTPN14","SNORD15A","ZBTB40","LINC01189","HS1BP3","DHCR24","SNUPN","TRV-TAC3-1","AGGF1","SPOCK2","CSNK2B","GRIK5","C19orf70","OR2A7","SNORA2C","DSCAS","KLK5","KCNE3","CD320","SENP7","GATA5","HLA-DOA","TMEM39A","CEP170B","TBC1D10B","LAD1","TTC17","CLEC4C","NRBF2","FRA2B","IL2RB","MDN1","C1orf145","ST3GAL6-AS1","ATP6V1E2","OXCT1","SSSCA1","METTL3","E2F3","HOXC11","TSLP","LINC01593","B3GNT2","HSD11B1L","LRRC30","TMC8","PAX1","TSPAN5","LINC01063","FRA8B","HIVEP3","AFF4","HPS1","LINC01497","MSK9","ADAMTSL1","NEUROD6","DSC1","SMIM6","EPC1","RPLP1","SLC27A2","CD1A","DNAJC25","SMARCAD1","GFOD2","ENTHD2","KISS1","LRRC74B","FLG-AS1","SNORD115-14","LSM5","TRBV17","LDLRAD4-AS1","C9orf106","CARMN","TRAV12-1","ZSWIM8","WDR20","VRTN","SARNP","MAMDC4","PPME1","C1orf95","SLC26A8","IGKV1-27","KHNYN","FRA10AC1","C11orf53","HDAC2","EREG","CUZD1","KRTAP6-3","TSSK3","VPS45","ZMYND11","RN7SL1","XCR1","USP12-AS1","LINC00661","ZFY","LINC01529","PRR20D","OR6N1","KMT5C","KL","CCAR1","SNORD116-22","ISCU","POLE","SCOC-AS1","SMAD5-AS1","FBXL18","CEP68","TRH","CLTB","CRK","PBX4","SNORD15B","KRTAP5-AS1","ZNF790-AS1","CELF6","NFKBIL1","RNF157-AS1","HN1","VPS4B","SNORA63","CHTF18","DDC","TRK-CTT5-1","TSR1","HCG9","LCE3C","TRQ-TTG3-1","ZNF853","RNF40","ACTR3","KDM7A","SNORD116-19","LINC00370","GNAS","ANKRD24","SNAR-C2","ERVFH21-1","SMAD1","COQ10A","LNX1","SLC12A2","PRAMEF15","CAMKV","CASS4","KRTAP9-9","IGLV2-23","TRL-CAA1-1","LINC01096","USP30-AS1","SPCS1","HINFP","FBLIM1","RASL11A","ZNF26","TBC1D30","NMTRQ-CTG1-1","NKX6-1","C20orf195","RFC5","UQCC3","PCDHA1","PDCD2","C3orf67-AS1","KRTAP20-4","INSIG2","SNORD116-8","MINCR","KMT2E-AS1","GIMAP2","CBX4","OR2T35","CARD11","FEB6","IFNAR1","RPRML","NRDE2","MARCH9","TNPO1","CTSK","CREBRF","LOH12CR2","TNFRSF14","TSPAN3","HOXB13","CSF3","EXOSC4","OR4K15","PCYOX1L","ZNF781","TRV-CAC7-1","PIRC83","ZIC2","FASTKD2","CCDC39","MROH9","GAS2L2","TMEM119","LINC01486","FNDC9","SLC2A3","KRT3","TRA-TGC9-1","CHRNA7","CCDC189","TSHZ1","TDP2","VWA5B1","ST3GAL2","NFKB1","DUSP13","CSRNP1","PIRC90","RNR2","PEF1","ATP8B1","FGFR4","WNT3","CTRB1","HLA-A","PIRC17","SSH3","CFAP43","LINC01077","SSX2IP","NMTRP-TGG1-1","SNORD113-4","MYO15B","SWAP70","EMC1","COA4","ASNA1","WDR63","AIP","PHACTR4","PGAM1","DENND6A-AS1","CST9L","HTRA3","SRSF1","ZNF335","ZSCAN16","PDB6","ASB18","FAM43A","PIRC108","LINC00371","SHISA9","CDKN2A-AS1","LINC01521","FGF14-IT1","ALDH1L1-AS2","GNPAT","SLC17A5","ACBD4","MLEC","LINC00566","DFNB51","FADD","WFDC8","NDST4","TEX261","EBF2","AEBP2","ZNF14","ZBED5","IGHD1OR15-1B","LINC00280","GABARAPL1","CCBE1","KIR2DL5B","UGT2A3","DPH3","FTL","C6orf1","PF4","CACFD1","OPN3","PHLPP1","TAF8","PKN2","IL17D","PPP1R21","CTNNA3","PIRC40","ABCA8","LRP8","LPAR3","ACOX1","ELOVL2-AS1","THRB-AS1","LINC00844","EVC2","TRF-GAA6-1","ZBTB8A","OCM2","HSPB11","FAM171B","AGPAT3","CENPB","MBD3L4","COL27A1","RNFT2","SNORD115-31","ARHGAP25","UNC5B-AS1","VKORC1","PSMF1","LINC00334","NLRX1","LUCAT1","PIRC20","SMPD3","ACPT","LINC00597","DNAJC3-AS1","CCT6B","SGTB","PKD2","TRIP4","PHB2","POLR2A","PEAR1","NAV2-AS5","RASAL1","KIAA2013","DPP9-AS1","PTTG2","LCMT1-AS1","QRFP","EDDM3A","IGHV3-38","UNC50","UCN2","PLOD2","LINC00967","IKZF3","DSCC1","OR1N2","CCDC137","ZNF134","MPLKIP","TNRC6C-AS1","KCNJ6","PIK3C2G","SLC43A3","ATN1","SNORD115-16","TTTY17C","SHC1","CLEC4M","ADCYAP1","NMTRV-TAC1-1","LINC01570","SOCS7","LINC01144","SMARCA5","NOP9","TMEM8A","CCDC6","LRRC2","SLC9C2","RCC2","DNAL4","ARL6IP4","CFAP44","NRG1","ZNF565","GJD4","BORA","ZNF416","PRAMEF6","CDK5","RGPD1","DNAJC7","MRPL3","FAM89A","EGFR","MYBPH","SOX21-AS1","LINC01498","OAS2","AQP11","FAM118B","LINC01159","GPR19","AHSA1","C20orf85","IGLV2-33","LINC01451","DNAJC30","LCMT1","HOXC10","GDAP1","LINC01088","DHH","IGHJ3","FREM2","ZNF793","BOLA3","WRN","MRFAP1","RCL1","TNNT2","LRRC37A3","ST3GAL1","SPRED2","RHOF","AKAP8L","PIRC69","SNORA15","USH2A","STMND1","GATA3-AS1","KIF1B","MUC15","ZNF202","TMEM211","NT5C3A","ARPC5L","TBCC","RAE1","INTS8","ENOX1","EIF3J-AS1","IGKV3-15","TMEM200B","ADGRA3","MYCNUT","KCNK13","PPIF","MTRNR2L4","MRPS35","LINC00294","HOXD8","GPBP1","MUC21","DEPTOR","LRRK1","FAM83G","PIK3R5","C6orf183","RARS2","GLIS3","RINL","DLEU1-AS1","ZNF582-AS1","ZNF879","DSCAM-IT1","TMCO6","AQP4-AS1","LYRM2","MKNK1","ATG9A","SYDE1","TRP-AGG2-8","ETM2","SLC8A1","ATF6","GVQW1","TRK-TTT7-1","COL8A1","POU6F2-AS2","SKIV2L2","IGHV3-38-3","C6orf52","RNVU1-7","UBIAD1","PIRC57","TRAJ27","SPACA6","CNIH3","TUSC8","FAM210A","CXCL9","MCC","NCS1","ZNF420","PRR34-AS1","TRH-GTG1-6","IFITM10","STAM-AS1","PDE7B","LINC00221","COL5A2","PGAP3","ENO2","FABP5","H2AFY2","KDELR3","TXN","GPR32","ACSF2","PATE4","LINC00667","METTL17","ZDHHC23","SRSF5","ZNF615","NPPB","PCSK9","TMEM160","NDUFA11","PTPRG-AS1","BMP8A","GLYATL3","UNG","NPIPB4","MFAP3L","DEPDC7","RBP4","FRA2G","ATXN7L3B","MLKL","RADIL","PRC1","MNX1-AS2","SNORD90","FAM124A","OR7A10","AIS2","PKD1L1","GAMT","ARNT","ULBP1","SNORD32B","ANAPC13","CENPM","MACC1-AS1","MCIDAS","GPX8","SNAR-C3","ICAM3","ST6GAL2-IT1","MLH3","KLK6","NCOA7","FGF12","P2RY11","IPMK","LMX1A","TMEM238","HLTF-AS1","MAPK13","NECTIN1","SDC3","EGFLAM-AS2","ZNF790","NPAS2","SFN","DMAP1","STRA13","MRPL48","SUSD4","CTSL","WDR43","C5AR2","SLC34A3","SNORD115-30","TSACC","SLC52A2","C1orf134","ARF4-AS1","TMEM17","PTPRO","PDGFD","ABCA12","MFRP","SNORA73A","UBXN7-AS1","TTBK1","FGB","MEX3C","ANAPC11","SPATA17","PLEKHB2","CCDC33","GPR39","LINC01512","UQCRC1","HAS2-AS1","PPP1CA","ZBTB43","ZNF770","FBXO38","FAM72A","PPP1R32","GEMIN2","UPP2","MSH5-SAPCD1","ZNF575","NUP50-AS1","ZBED4","KCNMB4","POLR2C","LINC01609","ARHGEF1","OR10K1","GLMN","CRX","WASF2","LINC01002","RTCA-AS1","ZNF320","KIF24","PRSS37","ITPR1","C9orf43","PLCE1-AS1","TRD-GTC6-1","HMGA2","FRA1H","MYD88","PAH","CENPH","DENND2C","MPE","PIRC51","SERPINB3","IGKV1D-33","PIRC45","RNF144A","TXN2","CBR3-AS1","LRRC3C","OTOS","DMPK","SPINK13","HIST1H4C","KIF26A","SRP14","FRA16A","DFNA32","COL18A1","MUSTN1","CSHL1","TP53AIP1","PTGER3","SNORD145","FBXO24","ECT2L","TMEM256-PLSCR3","GUK2","C5orf22","CDRT15","IGSF22","LINC00643","CORD4","LINC01350","HNRNPLL","KIR2DL4","FNIP2","PLEKHA5","SCAI","SUMF1","UCA1","CCDC146","CAMTA2","RBM12","CTSH","KIF27","CSNK1E","SSSCA1-AS1","CD46","UGT2B10","LINC01455","RNU6ATAC","IL5","ARFGEF3","HEPHL1","SPATA1","PRSS42","CXCL10","SMIM12","FBXO17","TCF24","TLK2","ZNF641","PKP2","C1QTNF3","KCNQ1-AS1","PCDHA7","HLA-DQA1","PAPD5","LRFN2","ADRA1D","GLIPR2","STAB2","TRIM37","CDY1","TRAPPC6B","LAMA2","HOXA10","PRR35","LAMTOR5","ZNF18","FLYWCH1","SIGIRR","POLR2D","RNF157","APOBEC3H","ZNF408","LINC00449","PROSC","TMEM223","MESP2","TSPO","OTUB2","C1D","METTL16","RSPO3","RUVBL1","TXNDC2","DCDC5","IL18BP","CKBE","DXO","PIRC29","ERVW-20","ZNF837","TRC-GCA2-3","TAF11","HAMP","PTOS1","AMMECR1L","MRPL11","ID4","KLHDC10","KCNK7","SLC25A37","RAPGEF6","MRGPRF-AS1","LINC00333","ZSCAN16-AS1","LINC00519","C14orf132","ATP13A1","SLC31A2","RNF181","OR5B3","B4GALT5","NPIPA8","SYNPR-AS1","PIK3R6","PSG2","RGPD3","TMEM56-RWDD3","FGFBP1","MYL3","TRIM16","TMEM184A","VPS4A","DDX18","LAMA3","FAM212B","CFAP54","KIAA1328","NCDN","HSF5","GHR","NEK3","PLEKHS1","XXYLT1-AS2","OR6C76","GMEB1","NEU1","SNORA71B","LSR","IFIH1","UGT1A3","PCDH11Y","LINC00430","CPSF3L","PPP1R3B","ARHGAP31-AS1","COL15A1","SERPINH1","FAM172A","BANF1","NUP160","SNORD3D","GIMAP1-GIMAP5","GABRG1","BPI","RRS1-AS1","LINC01375","ASCL1","PRG4","BANF2","SCARA5","FAM53B","KRTAP5-1","MIER3","BCL3","TMPRSS11A","MMP26","SULT1A1","LATS2-AS1","SLC5A6","LARGE-IT1","OAT","AAED1","PALMD","ERICH6","DNAH11","GREM2","LINC00560","C4A-AS1","HAPLN3","MTX1","CDC20B","LIG1","CIB1","OR5H2","DAPK1-IT1","TNKS2","TMEM117","KDELR1","PRTG","SPAG8","THOP1","F13A1","PM20D1","TRA-AGC16-1","RAC2","LCTL","FCGR3B","HSPA9","IFT122","CADPS","EIF4ENIF1","SNORD74","SMAD9-IT1","GAL3ST3","DRAXIN","PDPN","THRSP","ALOX5AP","PDE1B","CINP","PRR5L","SLC22A18","DNAJC5G","TCF15","MRPS28","UBA6-AS1","DCAF10","ZBTB17","MFSD12","GTF3C2-AS1","POT1-AS1","FEM1B","OSM","TNFSF12","ATR","SLC6A9","DUSP12","PYDC1","SLMAP","XPO1","SNAP25-AS1","ARHGAP28","GPRC5C","RPL27","GOLGA8K","OPRM1","FAM47E-STBD1","RNA45S5","POC5","CMD1F","PYCARD-AS1","GPRC6A","ZAR1","UBQLN1","ABCB11","HOXA5","LUC7L3","SYT11","KRAS","PALB2","EGFL7","PPP2CB","MPPED2","TMED4","HDAC3","HECW1-IT1","TBC1D3G","SUDS3","ASB4","FER1L6","WDR24","C21orf91-OT1","VPS28","P2RY8","LZTS2","SERINC4","ANK1","FITM1","ATXN7L2","PTGS1","KCTD21-AS1","RC3H2","ATF4","RHNO1","ZC3H18","GIMAP8","OLFML2B","SERPINE3","CCDC60","TRK-TTT4-1","AFG3L2","ZNF518A","RHBDD2","RBP1","TARBP1","MUT","SNORD151","AAR2","OLA1","KRTAP16-1","LINC00895","THAP9","TMEM233","MMP12","IGLV3-16","ZNF764","WASF3","MAML2","MARVELD2","LINC01465","SSTR1","GP1BB","LYNX1","PHC1","TRGV4"],geneListGenerator=count=>Genes.slice(0,count).map(((gene,index)=>({index,name:gene.toUpperCase()})));var viridis=__webpack_require__("./node_modules/d3-scale-chromatic/src/sequential-multi/viridis.js"),rainbow=__webpack_require__("./node_modules/d3-scale-chromatic/src/sequential-multi/rainbow.js"),Spectral=__webpack_require__("./node_modules/d3-scale-chromatic/src/diverging/Spectral.js"),YlOrRd=__webpack_require__("./node_modules/d3-scale-chromatic/src/sequential-multi/YlOrRd.js");const AppContext=(0,react.createContext)(void 0),useAppContext=()=>{const appContext=(0,react.useContext)(AppContext);if(void 0===appContext)throw new Error("useAppContext must be inside a AppProvider");return appContext};var echarts=__webpack_require__("./node_modules/echarts/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),lodash=__webpack_require__("./node_modules/lodash/lodash.js");const DEFAULT_ITEM_STYLE={color:()=>"rgb(0, 0, 0)"};function mergeAxisPointer(defaultAxisPointer,axisPointer,optionsAxisPointer){const finalAxisPointer=Array.isArray(axisPointer)?axisPointer:[axisPointer,axisPointer],finalOptionsAxisPointer=Array.isArray(optionsAxisPointer)?optionsAxisPointer:[optionsAxisPointer,optionsAxisPointer];return[{...defaultAxisPointer,...finalAxisPointer[0],...finalOptionsAxisPointer?.[0]},{...defaultAxisPointer,...finalAxisPointer[1],...finalOptionsAxisPointer[1]}]}function mergeDataZoom(defaultDataZoom,dataZoom,optionsDataZoom){const finalDataZoom=Array.isArray(dataZoom)?dataZoom:[dataZoom,dataZoom],finalOptionsDataZoom=Array.isArray(optionsDataZoom)?optionsDataZoom:[optionsDataZoom,optionsDataZoom];return[{...defaultDataZoom[0],...finalDataZoom[0],...finalOptionsDataZoom?.[0]},{...defaultDataZoom[1],...finalDataZoom[1],...finalOptionsDataZoom[1]}]}function useUpdateChart({axisPointer,camera,chart,data,emphasis,xAxisData,yAxisData,width,height,encode,itemStyle,symbol,symbolSize,grid,options,onEvents}){const throttledUpdateChart=(0,react.useMemo)((()=>(0,lodash.throttle)((()=>{if(!(chart&&data&&xAxisData&&yAxisData))return;chart.resize();const chartOptions=function createChartOptions(props){const{axisPointer,camera,data,dataZoom,emphasis,encode,grid:gridProp,itemStyle=DEFAULT_ITEM_STYLE,options,symbolSize,symbol="rect"}=props,{defaultAxisPointer,defaultDataZoom,defaultEmphasis,defaultGrid,defaultXAxis,defaultYAxis}=function generateDefaultValues(props){const{camera,height,symbol,width,xAxisData,yAxisData}=props,defaultGrid={height:`${height}px`,left:0,top:0,width:`${width}px`},defaultAxisPointer={label:{show:!1},show:!1,triggerOn:"mousemove"},defaultXAxis={axisLabel:{fontSize:0,rotate:90},axisLine:{show:!1},axisTick:{show:!1},boundaryGap:!0,data:xAxisData,splitLine:{show:!1},type:"category"},defaultYAxis={axisLabel:{fontSize:0},axisLine:{show:!1},axisTick:{show:!1},boundaryGap:!0,data:yAxisData,splitLine:{show:!1}},defaultEmphasis={itemStyle:{borderColor:"circle"===symbol?"black":"white",borderType:"solid",borderWidth:"circle"===symbol?2:4,opacity:1},scale:!1},defaultCamera={height:camera&&camera.height?camera.height:20,width:camera&&camera.width?camera.width:40};return{defaultAxisPointer,defaultDataZoom:[{endValue:defaultCamera.width-1,filterMode:"filter",moveOnMouseMove:!0,moveOnMouseWheel:!1,orient:"horizontal",preventDefaultMouseMove:!0,startValue:0,throttle:0,type:"inside",xAxisIndex:0,zoomOnMouseWheel:!1},{endValue:defaultCamera.height-1,filterMode:"filter",moveOnMouseMove:!0,moveOnMouseWheel:!0,orient:"vertical",preventDefaultMouseMove:!0,startValue:0,throttle:0,type:"inside",yAxisIndex:0,zoomOnMouseWheel:!1}],defaultEmphasis,defaultGrid,defaultXAxis,defaultYAxis}}(props),customGrid="function"==typeof gridProp?gridProp(defaultGrid):gridProp,{axisPointer:optionsAxisPointer,dataZoom:optionsDataZoom,series:optionsSeries,xAxis:optionsXAxis,yAxis:optionsYAxis,...optionsRest}=options||{};return{animation:!1,axisPointer:mergeAxisPointer(defaultAxisPointer,axisPointer,optionsAxisPointer),dataZoom:camera?.active?mergeDataZoom(defaultDataZoom,dataZoom,optionsDataZoom):[],dataset:{source:data},grid:customGrid||defaultGrid,series:[Object.assign({emphasis:Object.assign(defaultEmphasis,emphasis),encode,itemStyle,legendHoverLink:!1,symbol,symbolSize},optionsSeries?Array.isArray(optionsSeries)?optionsSeries[0]:optionsSeries:[],{symbol,type:"scatter"})],xAxis:[Object.assign(defaultXAxis,optionsXAxis?Array.isArray(optionsXAxis)?optionsXAxis[0]:optionsXAxis:{})],yAxis:[Object.assign(defaultYAxis,optionsYAxis?Array.isArray(optionsYAxis)?optionsYAxis[0]:optionsYAxis:{})],...optionsRest}}({axisPointer,camera,data,emphasis,encode,grid,height,itemStyle,options,symbol,symbolSize,width,xAxisData,yAxisData});if(chart.setOption(chartOptions,{replaceMerge:["dataZoom","tooltip"]}),onEvents)for(const eventName in onEvents)Object.prototype.hasOwnProperty.call(onEvents,eventName)&&"string"==typeof eventName&&"function"==typeof onEvents[eventName]&&(chart.off(eventName),chart.on(eventName,(event=>{onEvents[eventName](event,chart)})))}),100,{trailing:!0})),[axisPointer,camera,chart,data,emphasis,xAxisData,yAxisData,width,height,encode,itemStyle,symbol,symbolSize,grid,options,onEvents]);(0,react.useEffect)((()=>()=>throttledUpdateChart.cancel()),[throttledUpdateChart]),(0,react.useEffect)((()=>{throttledUpdateChart()}),[axisPointer,camera,chart,data,emphasis,xAxisData,yAxisData,throttledUpdateChart,width,height,encode,itemStyle,symbol,symbolSize,grid,options,onEvents])}const ChartContainer=(0,emotion_styled_browser_esm.A)("div",{target:"e14r3mba0"})(getWidthAndHeight);function getWidthAndHeight({width,height}){return`\n width: ${width}px;\n height: ${height}px;\n `}const HeatmapChart=(0,react.forwardRef)(((props,ref)=>{const{axisPointer,width,height,echartsRendererMode="svg",camera,onEvents,xAxisData,yAxisData,data,encode,emphasis,itemStyle,symbol,symbolSize=5,grid,options,...rest}=props;if(!width||!height)throw Error("Chart must have width and height > 0");const innerRef=(0,react.useRef)(null),[chart,setChart]=(0,react.useState)(null),chartRef=(0,react.useRef)(chart),onEventsRef=(0,react.useRef)(onEvents),disposeChart=(0,react.useCallback)((()=>{chartRef.current?.dispose(),chartRef.current=null,setChart(null)}),[]),initChart=(0,react.useCallback)((()=>{const onEventsCurrent=onEventsRef.current,{current}=innerRef;if(!current||chartRef.current||"0"===current?.getAttribute("height")||"0"===current?.getAttribute("width"))return;const rawChart=(0,echarts.Ts)(current,utils.Ml,{renderer:echartsRendererMode,useDirtyRect:!0});return onEventsCurrent&&function bindEvents(instance,events){function innerBindEvent(eventName,func){"string"==typeof eventName&&"function"==typeof func&&instance.on(eventName,(param=>{func(param,instance)}))}for(const eventName in events)Object.prototype.hasOwnProperty.call(events,eventName)&&innerBindEvent(eventName,events[eventName])}(rawChart,onEventsCurrent),setChart(rawChart),chartRef.current=rawChart,()=>{if(disposeChart(),onEventsCurrent)for(const eventName in onEventsCurrent)Object.prototype.hasOwnProperty.call(onEventsCurrent,eventName)&&"string"==typeof eventName&&"function"==typeof onEventsCurrent[eventName]&&rawChart.off(eventName,onEventsCurrent[eventName])}}),[echartsRendererMode,disposeChart]);return(0,react.useEffect)((()=>{disposeChart(),initChart()}),[initChart,disposeChart]),useUpdateChart({axisPointer,camera,chart,data,emphasis,encode,grid,height,itemStyle,onEvents,options,symbol,symbolSize,width,xAxisData,yAxisData}),(0,jsx_runtime.jsx)(ChartContainer,{height,width,ref:function handleRef(element){if(innerRef.current=element,!ref)return;"function"==typeof ref?ref(element):ref.current=element},...rest})})),core_HeatmapChart=(0,react.memo)(HeatmapChart);HeatmapChart.__docgenInfo={description:"",methods:[],displayName:"HeatmapChart",props:{axisPointer:{required:!1,tsType:{name:'EChartsOption["axisPointer"]',raw:'EChartsOption["axisPointer"]'},description:"Display reference line and axis value under mouse pointer\nhttps://echarts.apache.org/en/option.html#axisPointer"},data:{required:!0,tsType:{name:'DatasetComponentOption["source"]',raw:'DatasetComponentOption["source"]'},description:"The data array to be visualized\nThe data point object shape can be whatever you like, but it must be consistent with the `encode` option\nFor example, if the data point shape is:\n{\n geneIndex: 0,\n cellTypeIndex: 0,\n percentage: 0.5\n}\nand you want geneIndex to be encoded to x axis and cellTypeIndex to be encoded to y axis, then make sure your encode option is:\nencode: {\n x: 'geneIndex',\n y: 'cellTypeIndex'\n}"},dataZoom:{required:!1,tsType:{name:'EChartsOption["dataZoom"]',raw:'EChartsOption["dataZoom"]'},description:"The `dataZoom` prop is utilized for implementing zoom functionality within a\nspecific area of the chart. This feature empowers users to inspect data in\ngranular detail, obtain an overview of the entire dataset, or eliminate\noutlier points.\nBy applying the `dataZoom` prop while locking the zoom level, the chart\nefficiently renders a confined portion of the heatmap. This selective\nrendering strategy becomes especially advantageous when dealing with\nextensive datasets. Instead of rendering the entire heatmap at once,\nthe chart dynamically loads and renders specific segments as the user\nscrolls through the data. This approach optimizes performance and enables\nthe creation of heatmaps with large amounts of data.\nhttps://echarts.apache.org/en/option.html#dataZoom"},camera:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n active: boolean;\n height: number;\n width: number;\n}",signature:{properties:[{key:"active",value:{name:"boolean",required:!0}},{key:"height",value:{name:"number",required:!0}},{key:"width",value:{name:"number",required:!0}}]}},description:"The `camera` prop is utilized for implementing camera view port functionality\nwithin a specific area of the chart. This feature empowers users to render\na confined portion of the heatmap. This selective rendering strategy becomes\nespecially advantageous when dealing with extensive datasets. Instead of\nrendering the entire heatmap at once, the chart dynamically loads and renders\nspecific segments as the user scrolls through the data. This approach optimizes\nperformance and enables the creation of heatmaps with large amounts of data.\n\nThe `height` and `width` properties are used to specify the dimensions of the\ncamera view port. The `active` property is used to enable or disable the camera\nview port functionality."},emphasis:{required:!1,tsType:{name:'ScatterSeriesOption["emphasis"]',raw:'ScatterSeriesOption["emphasis"]'},description:"Customize the style of each cell item when mouse hovers on it, such as color, border, opacity, etc.\nhttps://echarts.apache.org/en/option.html#series-scatter.emphasis"},xAxisData:{required:!0,tsType:{name:"Array",elements:[{name:"unknown"}],raw:"(\n | OrdinalRawValue\n | {\n value: OrdinalRawValue;\n /**\n * (thuang): This should be echarts `TextCommonOption` type, but it's not exported\n */\n textStyle?: never;\n }\n)[]"},description:'The data for the x axis\nFor example:\n[{ value: "gene1", textStyle: { color: "red" } }, "gene2", "gene3"]'},yAxisData:{required:!0,tsType:{name:"Array",elements:[{name:"unknown"}],raw:"(\n | OrdinalRawValue\n | {\n value: OrdinalRawValue;\n /**\n * (thuang): This should be echarts `TextCommonOption` type, but it's not exported\n */\n textStyle?: never;\n }\n)[]"},description:'The data for the y axis\nFor example:\n[{ value: "cellType1", textStyle: { color: "red" } }, "cellType2", "cellType3"]'},width:{required:!0,tsType:{name:"number"},description:"The width of the chart in pixels"},height:{required:!0,tsType:{name:"number"},description:"The height of the chart in pixels"},encode:{required:!1,tsType:{name:"signature",type:"object",raw:"{\n x: string;\n y: string;\n}",signature:{properties:[{key:"x",value:{name:"string",required:!0}},{key:"y",value:{name:"string",required:!0}}]}},description:"Provide a mapping of data key to x/y axis encoding\nFor example, if the data is:\n{\n geneIndex: 0,\n cellTypeIndex: 0,\n percentage: 0.5\n}\nand we want to encode `geneIndex` to x axis and `cellTypeIndex` to y axis, then\nencode: {\n x: 'geneIndex',\n y: 'cellTypeIndex'\n}\nhttps://echarts.apache.org/en/option.html#series-scatter.encode"},itemStyle:{required:!1,tsType:{name:'ScatterSeriesOption["itemStyle"]',raw:'ScatterSeriesOption["itemStyle"]'},description:"Customize the style of each cell item, such as color, border, opacity, etc.\nhttps://echarts.apache.org/en/option.html#series-scatter.itemStyle"},symbol:{required:!1,tsType:{name:"union",raw:'"circle" | "rect" | "roundRect"',elements:[{name:"literal",value:'"circle"'},{name:"literal",value:'"rect"'},{name:"literal",value:'"roundRect"'}]},description:"The shape of the symbol."},symbolSize:{required:!1,tsType:{name:'ScatterSeriesOption["symbolSize"]',raw:'ScatterSeriesOption["symbolSize"]'},description:"`symbolSize` can be set to single numbers like 10, or use an array to represent width and height. For example, [20, 10] means symbol width is 20, and height is 10.\n\nIf size of symbols needs to be different, you can set with callback function in the following format:\n\n(value: Array|number, params: Object) => number|Array\n\nThe first parameter value is the value in data, and the second parameter params is the rest parameters of data item.\nhttps://echarts.apache.org/en/option.html#series-scatter.symbolSize"},grid:{required:!1,tsType:{name:"union",raw:'| EChartsOption["grid"]\n| ((defaultOption: EChartsOption["grid"]) => EChartsOption["grid"])',elements:[{name:'EChartsOption["grid"]',raw:'EChartsOption["grid"]'},{name:"unknown"}]},description:"https://echarts.apache.org/en/option.html#grid"},options:{required:!1,tsType:{name:"EChartsOption"},description:"The options object to be passed to echarts.setOption()\nhttps://echarts.apache.org/en/option.html"},onEvents:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"signature",type:"function",raw:"(event: unknown, chart: ECharts) => void",signature:{arguments:[{type:{name:"unknown"},name:"event"},{type:{name:"ECharts"},name:"chart"}],return:{name:"void"}}}],raw:"Record void>"},description:"Event listeners for the chart\nhttps://echarts.apache.org/en/api.html#events"},echartsRendererMode:{required:!1,tsType:{name:"union",raw:'"svg" | "canvas"',elements:[{name:"literal",value:'"svg"'},{name:"literal",value:'"canvas"'}]},description:""}},composes:["HTMLAttributes"]};const INTERPOLATORS={Magma:viridis.uz,Plasma:viridis.pv,Rainbow:rainbow.Ay,Spectral:Spectral.A,Virdis:viridis.Ay,YlOrRd:YlOrRd.A},ECharts=(0,react.forwardRef)(((props,ref)=>{const{onAxisChange,onItemClicked,xAxisLabelRef,yAxisLabelRef}=props,{setChartInstance}=useAppContext(),clickedItem=(0,react.useRef)(-1),data=(0,react_redux.d4)((state=>state.dataReducer.data)),size=(0,react_redux.d4)((state=>state.dataReducer.size)),heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),color=(0,react_redux.d4)((state=>state.dataReducer.color)),emphasis=(0,react_redux.d4)((state=>state.dataReducer.emphasis)),symbol=(0,react_redux.d4)((state=>state.dataReducer.symbol)),renderer=(0,react_redux.d4)((state=>state.dataReducer.renderer)),camera=(0,react_redux.d4)((state=>state.dataReducer.camera)),innerChartRef=(0,react.useRef)(null);(0,react.useEffect)((()=>{if(onAxisChange?.(0,100,"horizontal"),onAxisChange?.(0,100,"vertical"),onItemClicked?.({value:-1,x:-1,y:-1}),innerChartRef.current){const chart=(0,echarts.FP)(innerChartRef.current);chart?.dispatchAction({seriesIndex:0,type:"downplay"})}}),[data,size,color,emphasis,symbol,camera,onAxisChange,onItemClicked]);const xAxisLabelNames=geneListGenerator(size).map((d=>d.name)),yAxisLabelNames=geneListGenerator(size).map((d=>d.name)),options={animation:!camera,grid:{bottom:0,left:0,right:0,top:0},series:[{clip:!0,emphasis:{itemStyle:{borderColor:"circle"===symbol?"#000":"#fff",borderType:"solid",borderWidth:"circle"===symbol?2:4},scale:!1},name:"SDS Heatmap"}],tooltip:camera?{enterable:!0,formatter:function(param){return param.data?[`X-Axis: ${xAxisLabelNames[param.data.x]}
`,`Y-Axis: ${yAxisLabelNames[param.data.y]}
`,`${param.marker} ${param.data.value.toFixed(6)}`].join(""):[]}}:{show:!1},xAxis:{axisLabel:{rotate:90},axisPointer:{show:!1},data:xAxisLabelNames,position:"top",show:!1,type:"category"},yAxis:{axisPointer:{show:!1},data:yAxisLabelNames,inverse:!0,show:!0,type:"category"}},shiftHeld=(0,react.useRef)(!1);function downHandler({key}){"Shift"===key&&(shiftHeld.current=!0,innerChartRef.current&&(0,echarts.FP)(innerChartRef.current)?.setOption({dataZoom:[{moveOnMouseWheel:!0},{moveOnMouseWheel:!1}]}))}function upHandler({key}){"Shift"===key&&(shiftHeld.current=!1,innerChartRef.current&&(0,echarts.FP)(innerChartRef.current)?.setOption({dataZoom:[{moveOnMouseWheel:!1},{moveOnMouseWheel:!0}]}))}return(0,react.useEffect)((()=>(window.addEventListener("keydown",downHandler),window.addEventListener("keyup",upHandler),()=>{window.removeEventListener("keydown",downHandler),window.removeEventListener("keyup",upHandler)})),[]),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(core_HeatmapChart,{ref:function handleRef(element){if(innerChartRef.current=element,element){const chart=(0,echarts.FP)(element);setChartInstance?.(chart)}if(!ref)return;"function"==typeof ref?ref(element):ref.current=element},axisPointer:{show:!1},width:camera?heatmapCanvasSize.width:24*size,height:camera?heatmapCanvasSize.height:24*size,xAxisData:[...Array.from(Array(size).keys())],yAxisData:[...Array.from(Array(size).keys())],echartsRendererMode:renderer,camera:{active:camera,height:20,width:36},data,encode:{x:"x",y:"y"},symbol,symbolSize:function(symbolProps){return"circle"===symbol?24*symbolProps.value:24},itemStyle:{borderColor:"#fff",borderType:"solid",borderWidth:1,color:colorProps=>{const colorData=colorProps.data;return INTERPOLATORS[color](colorData.value)},opacity:1},options,onEvents:{click:function handleClick(params){if(innerChartRef.current){const echartInstance=(0,echarts.FP)(innerChartRef.current);if(params.event.target)if(params.dataIndex===clickedItem.current)echartInstance?.dispatchAction({seriesIndex:0,type:"downplay"}),clickedItem.current=-1,onItemClicked?.({value:-1,x:-1,y:-1});else{clickedItem.current=params.dataIndex,onItemClicked?.(params.data),echartInstance?.dispatchAction({seriesIndex:0,type:"downplay"});const seriesIndex=params.seriesIndex,{x,y}=params.data;let dataIndex=[];switch(emphasis){case"item":dataIndex=params.dataIndex;break;case"row":for(let i=0;i1){const{start:xStart,end:xEnd}=evt.batch[0],{start:yStart,end:yEnd}=evt.batch[1];onAxisChange?.(yStart,yEnd,"vertical"),onAxisChange?.(xStart,xEnd,"horizontal")}else if(shiftHeld.current){const{start,end}=evt.batch[0];onAxisChange?.(start,end,"horizontal")}else{const{start,end}=evt.batch[0];onAxisChange?.(start,end,"vertical")}if(innerChartRef.current){const echartInstance=(0,echarts.FP)(innerChartRef.current);if(echartInstance&&echartInstance.dispatchAction({seriesIndex:0,type:"downplay"}),null!==xAxisLabelRef?.current&&xAxisLabelRef?.current>-1&&null!==yAxisLabelRef?.current&&yAxisLabelRef?.current>-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];switch(emphasis){case"item":dataIndex.push(xAxisLabelRef?.current*size+yAxisLabelRef?.current);break;case"row":for(let i=0;i-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i"},description:""},yAxisLabelRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"number"}],raw:"RefObject"},description:""},onAxisChange:{required:!1,tsType:{name:"signature",type:"function",raw:'(\n start: number,\n end: number,\n dir: "horizontal" | "vertical"\n) => void',signature:{arguments:[{type:{name:"number"},name:"start"},{type:{name:"number"},name:"end"},{type:{name:"union",raw:'"horizontal" | "vertical"',elements:[{name:"literal",value:'"horizontal"'},{name:"literal",value:'"vertical"'}]},name:"dir"}],return:{name:"void"}}},description:""},onItemClicked:{required:!1,tsType:{name:"signature",type:"function",raw:"(item?: { x: number; y: number; value: number }) => void",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ x: number; y: number; value: number }",signature:{properties:[{key:"x",value:{name:"number",required:!0}},{key:"y",value:{name:"number",required:!0}},{key:"value",value:{name:"number",required:!0}}]}},name:"item"}],return:{name:"void"}}},description:""}}};const Heatmap=()=>{const clickedLabelX=(0,react.useRef)(-1),clickedLabelY=(0,react.useRef)(-1),XAxisChartRef=(0,react.useRef)(null),YAxisChartRef=(0,react.useRef)(null),geneNames=(0,react_redux.d4)((state=>state.dataReducer.geneNames)),size=(0,react_redux.d4)((state=>state.dataReducer.size)),emphasis=(0,react_redux.d4)((state=>state.dataReducer.emphasis)),heatmapCanvasSize=(0,react_redux.d4)((state=>state.dataReducer.heatmapCanvasSize)),camera=(0,react_redux.d4)((state=>state.dataReducer.camera)),chartRef=(0,react.useRef)(null);return(0,jsx_runtime.jsxs)(StyledContainer,{children:[(0,jsx_runtime.jsx)(YAxisWrapper,{id:"y-axis-wrapper",height:camera?heatmapCanvasSize.height:24*size,width:130,bottom:0,children:(0,jsx_runtime.jsx)(components_YAxisChart,{reverse:!0,ref:YAxisChartRef,geneNames,labelClicked:label=>{if(clickedLabelX.current=-1,XAxisChartRef.current&&XAxisChartRef.current.changeActiveLabel(-1),chartRef.current){const echartInstance=(0,echarts.FP)(chartRef.current);if(echartInstance)if(label.index===clickedLabelY.current)echartInstance.dispatchAction({seriesIndex:0,type:"downplay"}),clickedLabelY.current=-1;else{clickedLabelY.current=label.index,echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const echartInstanceOptions=echartInstance.getOption(),data=echartInstanceOptions.dataset[0].source,{start,end}=echartInstanceOptions.dataZoom[0]?echartInstanceOptions.dataZoom[0]:{end:100,start:0},itemSize=heatmapCanvasSize.height/36,quantizedCount=100*itemSize/(itemSize*size),xMin=start/quantizedCount,xMax=end/quantizedCount,dataIndex=data.map((({x:xData,y:yData,value},idx)=>label.index===yData&&xData>xMin-1&&xDatanull!==v));echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}}}})}),(0,jsx_runtime.jsx)(XAxisWrapper,{id:"x-axis-wrapper",height:130,width:camera?heatmapCanvasSize.width:24*size,left:130,children:(0,jsx_runtime.jsx)(components_XAxisChart,{ref:XAxisChartRef,geneNames,labelClicked:label=>{if(clickedLabelY.current=-1,YAxisChartRef.current&&YAxisChartRef.current.changeActiveLabel(-1),chartRef.current){const echartInstance=(0,echarts.FP)(chartRef.current);if(echartInstance)if(label.index===clickedLabelX.current)echartInstance?.dispatchAction({seriesIndex:0,type:"downplay"}),clickedLabelX.current=-1;else{clickedLabelX.current=label.index,echartInstance?.dispatchAction({seriesIndex:[0],type:"downplay"});const chartInstanceOptions=echartInstance.getOption(),data=chartInstanceOptions.dataset[0].source,{start,end}=chartInstanceOptions.dataZoom[1]?chartInstanceOptions.dataZoom[1]:{end:100,start:0},itemSize=heatmapCanvasSize.height/20,quantizedCount=100*itemSize/(itemSize*size),yMin=start/quantizedCount,yMax=end/quantizedCount,dataIndex=data.map((({x:xData,y:yData,value},idx)=>label.index===xData&&yData>yMin-1&&yDatanull!==v));echartInstance?.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}}}})}),(0,jsx_runtime.jsx)(StyledHeatmapWrapper,{children:(0,jsx_runtime.jsx)(components_ECharts,{ref:chartRef,xAxisLabelRef:clickedLabelX,yAxisLabelRef:clickedLabelY,onItemClicked:item=>{XAxisChartRef.current&&YAxisChartRef.current&&(item?.x&&item?.y?("row"!==emphasis&&XAxisChartRef.current.changeActiveLabel(item?.x),"column"!==emphasis&&YAxisChartRef.current.changeActiveLabel(item?.y)):(XAxisChartRef.current.changeActiveLabel(null),YAxisChartRef.current.changeActiveLabel(null))),clickedLabelX.current=item?.x?item.x:-1,clickedLabelY.current=item?.y?item.y:-1},onAxisChange:(start,end,dir)=>{if("horizontal"===dir){const itemSize=heatmapCanvasSize.width/36,heatmapFullWidth=itemSize*size,maxToLeft=(size-36)*itemSize;let moveToLeft=Math.round(start/(100*itemSize/heatmapFullWidth))*itemSize;moveToLeft=-1*(moveToLeftArray.from({length:size},((__,j)=>({value:(i+j)/(2*size),x:i,y:j}))))).flat();case"random":return Array.from({length:size},((_,i)=>Array.from({length:size},((__,j)=>({value:Math.random(),x:i,y:j}))))).flat();default:{const noise2D=(0,simplex_noise.fu)(),noiseSeed=Math.floor(size/20);return Array.from({length:size},((_,i)=>Array.from({length:size},((__,j)=>({value:.5*(noise2D(i/noiseSeed,j/noiseSeed)+1),x:i,y:j}))))).flat()}}}const dataSlice=(0,redux_toolkit_modern.Z0)({initialState,name:"data",reducers:{setCamera:(state,action)=>{state.camera=action.payload},setColor:(state,action)=>{state.color=action.payload},setData:(state,action)=>{state.data=action.payload},setEmphasis:(state,action)=>{state.emphasis=action.payload},setGeneNames:(state,action)=>{state.geneNames=action.payload},setHeatmapCanvasSize:(state,action)=>{state.heatmapCanvasSize=action.payload},setRenderer:(state,action)=>{state.renderer=action.payload},setSize:(state,action)=>{state.size=action.payload,state.data=generateData(state.type,action.payload),state.geneNames=geneListGenerator(action.payload)},setSymbol:(state,action)=>{state.symbol=action.payload},setType:(state,action)=>{state.type=action.payload,state.data=generateData(action.payload,state.size)}}}),{setData,setSize,setType,setCamera,setColor,setSymbol,setRenderer,setEmphasis,setGeneNames,setHeatmapCanvasSize}=dataSlice.actions,dataReducer=dataSlice.reducer,OPTIONS=[{name:"Spectral",section:"Categorical",value:"Spectral"},{name:"Rainbow",section:"Categorical",value:"Rainbow"},{name:"Virdis",section:"Categorical",value:"Virdis"},{name:"Plasma",section:"Categorical",value:"Plasma"},{name:"Magma",section:"Sequential",value:"Magma"},{name:"YlOrRd",section:"Sequential",value:"YlOrRd"}],SIZES=[{details:"50 x 50",name:"2,500",value:50},{details:"100 x 100",name:"10,000",value:100},{details:"250 x 250",name:"62,500",value:250},{details:"500 x 500",name:"250,000",value:500},{details:"750 x 750",name:"562,500",value:750},{details:"1000 x 1000",name:"1,000,000",value:1e3},{details:"1250 x 1250",name:"1,562,500",value:1250},{details:"1500 x 1500",name:"2,250,000",value:1500},{details:"1650 x 1650",name:"2,722,500",value:1650}],TYPES=[{details:"Applies gradient-like colors for a smooth transition.",name:"Sequential",value:"sequential"},{details:"Utilizes randomized colors for a diverse visual representation.",name:"Random",value:"random"},{details:"Incorporates Perlin noise for a structured yet natural appearance.",name:"Perlin",value:"perlin"}],SYMBOLS=[{details:"Represents data points as circular shapes with varying sizes and colors based on their values.",name:"Circle",value:"circle"},{details:"Represents data points as rectangular shapes with different colors based on their values.",name:"Rect",value:"rect"},{details:"Represents data points as rounded-edged rectangular shapes with different colors based on their values.",name:"RoundRect",value:"roundRect"}],EMPHASIS=[{details:"Highlights only the specific item.",name:"Item",value:"item"},{details:"Highlights the entire row containing the item.",name:"Row",value:"row"},{details:"Highlights the entire column containing the item.",name:"Column",value:"column"},{details:"Highlights both the row and column containing the item.",name:"Cross",value:"cross"}],CAMERA_EFFECT=[{details:"Renders only the visible part of the heatmap, rendering the rest upon scrolling. Recommended for large heatmaps to optimize performance.",name:"On",value:!0},{details:"Renders the entire heatmap on the screen. Suitable for smaller heatmaps where the camera effect can be disabled for better display.",name:"Off",value:!1}],RENDERER=[{details:"Renders the heatmap in SVG format.",name:"svg",value:"svg"},{details:"Renders the heatmap using HTML canvas.",name:"canvas",value:"canvas"}],ControlPanel=()=>{const dispatch=(0,react_redux.wA)(),size=(0,react_redux.d4)((state=>state.dataReducer.size)),color=(0,react_redux.d4)((state=>state.dataReducer.color)),type=(0,react_redux.d4)((state=>state.dataReducer.type)),renderer=(0,react_redux.d4)((state=>state.dataReducer.renderer)),camera=(0,react_redux.d4)((state=>state.dataReducer.camera)),symbol=(0,react_redux.d4)((state=>state.dataReducer.symbol)),emphasis=(0,react_redux.d4)((state=>state.dataReducer.emphasis));return(0,jsx_runtime.jsxs)(StyledControlPanelWrapper,{children:[(0,jsx_runtime.jsxs)(StyledForm,{children:[(0,jsx_runtime.jsx)(Dropdown.Ay,{label:color,options:OPTIONS,onChange:function changeInterpolator(_event,interpolator){interpolator&&dispatch(setColor(interpolator.value))},search:!0,InputDropdownProps:{label:"Heatmap Color",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:color},DropdownMenuProps:{PopperPlacement:"right-start",groupBy:option=>option.section,width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:`${size} x ${size}`,options:SIZES,onChange:function changeHeatmapSize(_event,heatmapSize){heatmapSize&&dispatch(setSize(heatmapSize.value))},InputDropdownProps:{label:"Heatmap Size",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:`${size} x ${size}`},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:camera?"on":"off",options:CAMERA_EFFECT,onChange:function changeHeatmapCamera(_event,heatmapCamera){heatmapCamera&&dispatch(setCamera(heatmapCamera.value))},InputDropdownProps:{label:"Camera Effect",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:camera?"On":"Off"},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:toPascalCase(renderer),options:RENDERER,onChange:function changeHeatmapRenderer(_event,heatmapRenderer){heatmapRenderer&&dispatch(setRenderer(heatmapRenderer.value))},InputDropdownProps:{label:"Renderer",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(renderer)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:type,options:TYPES,onChange:function changeHeatmapType(_event,heatmapType){heatmapType&&dispatch(setType(heatmapType.value))},InputDropdownProps:{label:"Heatmap Type",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(type)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:symbol,options:SYMBOLS,onChange:function changeHeatmapSymbol(_event,heatmapSymbol){heatmapSymbol&&dispatch(setSymbol(heatmapSymbol.value))},InputDropdownProps:{label:"Symbol Type",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(symbol)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}}),(0,jsx_runtime.jsx)(Dropdown.Ay,{label:emphasis,options:EMPHASIS,onChange:function changeHeatmapEmphasis(_event,heatmapEmphasis){heatmapEmphasis&&dispatch(setEmphasis(heatmapEmphasis.value))},InputDropdownProps:{label:"Emphasis Type",sdsStyle:"minimal",sdsType:"label",style:{marginBottom:5},value:toPascalCase(emphasis)},DropdownMenuProps:{PopperPlacement:"right-start",width:220}})]}),(0,jsx_runtime.jsxs)(Callout.A,{autoDismiss:!1,intent:"info",dismissed:!1,style:{margin:0,width:"unset"},children:["To scroll horizontally, hold down the"," ",(0,jsx_runtime.jsx)(Tag.A,{color:"neutral",label:"SHIFT",sdsStyle:"square",sdsType:"secondary",hover:!1,style:{marginTop:5}})," ","key!"]})]})},components_ControlPanel=ControlPanel;ControlPanel.__docgenInfo={description:"",methods:[],displayName:"ControlPanel"};var emotion_element_5486c51c_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-element-5486c51c.browser.esm.js");const Container=(0,emotion_styled_browser_esm.A)("div",{target:"e1i49wl40"})('font-family:"Inter",sans-serif;display:grid;grid-template-columns:250px 1fr;grid-template-rows:70px 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;h3{font-size:20px;font-weight:600;margin:0 0 15px 0;}'),Sidebar=(0,emotion_styled_browser_esm.A)("div",{target:"e1i49wl41"})((()=>{const theme=(0,react.useContext)(emotion_element_5486c51c_browser_esm.T);return`\n background-color: ${theme?.palette?.sds?.base?.surfaceBackground};\n `})," grid-area:2 / 1 / 6 / 2;border-right:solid 1px #c3c3c347;padding:20px 15px;height:calc(100vh - 70px);position:sticky;top:70px;left:0;z-index:100;"),Main=(0,emotion_styled_browser_esm.A)("div",{target:"e1i49wl42"})("grid-area:2 / 2 / 6 / 6;padding:20px;.echarts-for-react{height:unset !important;}"),StyledHeader=(0,emotion_styled_browser_esm.A)("div",{target:"ek6gjq80"})((()=>{const theme=(0,react.useContext)(emotion_element_5486c51c_browser_esm.T);return`\n background-color: ${theme?.palette?.sds?.base?.surfaceBackground};\n `})," grid-area:1 / 1 / 2 / 6;border-bottom:solid 1px #c3c3c347;width:100%;padding:0 15px;height:70px;position:fixed;z-index:200;display:flex;align-items:center;justify-content:space-between;h3{margin:0;line-height:32px;}"),HeaderLeft=(0,emotion_styled_browser_esm.A)("div",{target:"ek6gjq81"})("display:flex;"),HeaderRight=(0,emotion_styled_browser_esm.A)("div",{target:"ek6gjq82"})("display:block;"),StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"ek6gjq83"})("margin:0 10px;"),TooltipTag=({label})=>(0,jsx_runtime.jsx)(Tag.A,{label,hover:!1,color:"neutral",sdsType:"secondary",style:{margin:"-2px 4px 0 0"}}),Header=()=>{const renderer=(0,react_redux.d4)((state=>state.dataReducer.renderer)),{chartInstance}=useAppContext();return(0,jsx_runtime.jsxs)(StyledHeader,{children:[(0,jsx_runtime.jsxs)(HeaderLeft,{children:[(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Grid",sdsType:"static",sdsSize:"xl",color:"gray"}),(0,jsx_runtime.jsxs)("h3",{style:{marginLeft:10},children:["Heatmap (","svg"===renderer?"SVG version":"Canvas version",")"]})]}),(0,jsx_runtime.jsxs)(HeaderRight,{children:[(0,jsx_runtime.jsxs)(Button.A,{sdsType:"primary",sdsStyle:"rounded",endIcon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Download",sdsSize:"l",sdsType:"button"}),onClick:()=>function saveAsImage(title){const type="svg"===renderer?"svg":"png",url=chartInstance?.getConnectedDataURL({backgroundColor:"transparent",excludeComponents:["toolbox"],pixelRatio:1,type});if(url){const $a=document.createElement("a");$a.download=title+"."+type,$a.target="_blank",$a.href=url;const evt=new MouseEvent("click",{bubbles:!0,cancelable:!1,view:document.defaultView});$a.dispatchEvent(evt)}}("sds-heatmap"),children:["Download as ","svg"===renderer?".svg":".png"]}),(0,jsx_runtime.jsx)(Tooltip.A,{title:(0,jsx_runtime.jsxs)("div",{children:["To modify the renderer for the heatmap, navigate to the control Within the control panel, you have the option to toggle between renderers: ",(0,jsx_runtime.jsx)(TooltipTag,{label:"SVG"}),"and ",(0,jsx_runtime.jsx)(TooltipTag,{label:"Canvas"}),". If you opt for the SVG renderer, you can download the heatmap in"," ",(0,jsx_runtime.jsx)(TooltipTag,{label:"SVG"}),"format. Alternatively, selecting the canvas renderer provides the option to export the heatmap in ",(0,jsx_runtime.jsx)(TooltipTag,{label:"PNG"}),"format."]}),sdsStyle:"light",placement:"bottom-end",arrow:!0,children:(0,jsx_runtime.jsx)(StyledButton,{"aria-label":"Download Info",icon:"InfoCircle",sdsSize:"large",sdsType:"secondary",sdsStyle:"icon"})})]})]})},components_Header=Header;function App(){const[chartInstance,setChartInstance]=(0,react.useState)(void 0);return(0,jsx_runtime.jsx)(AppContext.Provider,{value:{chartInstance,setChartInstance},children:(0,jsx_runtime.jsxs)(Container,{children:[(0,jsx_runtime.jsx)(components_Header,{}),(0,jsx_runtime.jsx)(Sidebar,{children:(0,jsx_runtime.jsx)(components_ControlPanel,{})}),(0,jsx_runtime.jsx)(Main,{children:(0,jsx_runtime.jsx)(components_Heatmap,{})})]})})}Header.__docgenInfo={description:"",methods:[],displayName:"Header"};const heatmapDemo_App=App;App.__docgenInfo={description:"",methods:[],displayName:"App"};const store=(0,redux_toolkit_modern.U1)({reducer:{dataReducer}}),default_HeatmapChart=props=>{const{camera,symbol,tooltip,...rest}=props,CHART_WIDTH_PX=20*(camera&&camera.active?camera.width:100),CHART_HEIGHT_PX=20*(camera&&camera.active?camera.height:100);return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(core_HeatmapChart,{width:CHART_WIDTH_PX,height:CHART_HEIGHT_PX,camera,xAxisData:HEATMAP_NUMBERS,yAxisData:HEATMAP_NUMBERS,data:HEATMAP_DATA,encode:HEATMAP_ENCODE,symbol,symbolSize:p=>function symbolSize(props,symbol){const{value}=props;return function convertPercentageToDiameter(percentage,symbol){return"circle"!==symbol?20:20*percentage/100}(value,symbol)}(p,symbol),itemStyle:HEATMAP_ITEM_STYLE,emphasis:{itemStyle:{borderColor:"circle"===symbol?"black":"white",borderType:"solid",borderWidth:"circle"===symbol?2:4,opacity:1},scale:!1},options:{series:[{type:"scatter"}],tooltip},...rest})})};default_HeatmapChart.__docgenInfo={description:"",methods:[],displayName:"HeatmapChart"};const index_stories={argTypes:{axisPointer:{control:{labels:["No axis pointer","Show axis pointer on mousemove","Show axis pointer on click"],type:"select"},mapping:HEATMAP_AXIS_POINTER_OPTIONS,options:Object.keys(HEATMAP_AXIS_POINTER_OPTIONS)},camera:{control:{type:"object"}},echartsRendererMode:{control:{labels:["Canvas","SVG"],type:"select"},options:["canvas","svg"]},symbol:{control:{labels:["Circle","Rectangle","Round Rectangle"],type:"select"},options:["circle","rect","roundRect"]},tooltip:{control:{labels:["No tooltip","Show Tooltip"],type:"select"},mapping:HEATMAP_TOOLTIP_OPTIONS,options:Object.keys(HEATMAP_TOOLTIP_OPTIONS)}},component:default_HeatmapChart,parameters:{badges:[dist.yq.BETA],chromatic:{disableSnapshot:!0},snapshot:{skip:!0}},title:"Data Viz/HeatmapChart [beta]"},Default={args:{axisPointer:HEATMAP_AXIS_POINTER_OPTIONS[1],camera:{active:!0,height:20,width:40},echartsRendererMode:"svg",symbol:"circle",tooltip:HEATMAP_TOOLTIP_OPTIONS[1]},parameters:{}},HeatmapDemoComponent=()=>(0,jsx_runtime.jsx)(react_redux.Kq,{store,children:(0,jsx_runtime.jsx)(heatmapDemo_App,{})}),HeatmapDemo={parameters:{axe:{disabledRules:["color-contrast"]},controls:{exclude:["axisPointer","camera","echartsRendererMode","symbol","tooltip"]},layout:"fullscreen",snapshot:{skip:!0}},render:args=>(0,jsx_runtime.jsx)(HeatmapDemoComponent,{...args})},__namedExportsOrder=["Default","HeatmapDemo"];Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:'{\n args: {\n axisPointer: HEATMAP_AXIS_POINTER_OPTIONS[1],\n camera: {\n active: true,\n height: 20,\n width: 40\n },\n echartsRendererMode: "svg",\n symbol: "circle",\n tooltip: HEATMAP_TOOLTIP_OPTIONS[1]\n },\n parameters: {}\n}',...Default.parameters?.docs?.source}}},HeatmapDemo.parameters={...HeatmapDemo.parameters,docs:{...HeatmapDemo.parameters?.docs,source:{originalSource:'{\n parameters: {\n /**\n * Axe is complaining about color contrast of Axis-labels and\n * since the colors are by design and the contrast is not an issue,\n * the rule is disabled for this story.\n */\n axe: {\n disabledRules: ["color-contrast"]\n },\n controls: {\n exclude: ["axisPointer", "camera", "echartsRendererMode", "symbol", "tooltip"]\n },\n // This parameter is used to set the story\'s layout to fullscreen\n // and remove the padding around the storybook root element\n layout: "fullscreen",\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}',...HeatmapDemo.parameters?.docs?.source}}}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./packages/components/src/common/styles-dictionary/css/variables.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'@media (prefers-color-scheme: light) {\n :root {\n --sds-border-accent-default: 1px solid #1a6cef;\n --sds-border-accent-focused: 1px solid #1a6cef;\n --sds-border-accent-open: 1px solid #1a6cef;\n --sds-border-accent-selected: 1px solid #1a6cef;\n --sds-border-accent-hover: 1px solid #0041b9;\n --sds-border-accent-pressed: 1px solid #002d90;\n --sds-border-base-default: 1px solid #969696;\n --sds-border-base-disabled: 1px solid #c3c3c3;\n --sds-border-base-divider: 1px solid #dfdfdf;\n --sds-border-base-hover: 1px dashed #000000;\n --sds-border-base-pressed: 1px dashed #000000;\n --sds-border-base-table: 1px solid #c3c3c3;\n --sds-border-beta-default: 1px solid #6526b5;\n --sds-border-beta-extra-thick: 4px solid #6526b5;\n --sds-border-beta-thick: 2px solid #6526b5;\n --sds-border-info-default: 1px solid #0041b9;\n --sds-border-info-extra-thick: 4px solid #0041b9;\n --sds-border-info-thick: 2px solid #0041b9;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #980013;\n --sds-border-negative-extra-thick: 4px solid #980013;\n --sds-border-negative-thick: 2px solid #980013;\n --sds-border-neutral-default: 1px solid #969696;\n --sds-border-neutral-extra-thick: 4px solid #969696;\n --sds-border-neutral-thick: 2px solid #969696;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #b77800;\n --sds-border-notice-extra-thick: 4px solid #b77800;\n --sds-border-notice-thick: 2px solid #b77800;\n --sds-border-positive-default: 1px solid #105b2b;\n --sds-border-positive-extra-thick: 4px solid #105b2b;\n --sds-border-positive-thick: 2px solid #105b2b;\n --sds-color-primitive-blue-100: #e2eeff;\n --sds-color-primitive-blue-200: #cce1ff;\n --sds-color-primitive-blue-300: #9dc6ff;\n --sds-color-primitive-blue-400: #6ca6ff;\n --sds-color-primitive-blue-500: #1a6cef;\n --sds-color-primitive-blue-600: #0041b9;\n --sds-color-primitive-blue-700: #002d90;\n --sds-color-primitive-blue-800: #00114a;\n --sds-color-primitive-gray-50: #ffffff;\n --sds-color-primitive-gray-75: #fafafa;\n --sds-color-primitive-gray-100: #f3f3f3;\n --sds-color-primitive-gray-200: #dfdfdf;\n --sds-color-primitive-gray-300: #c3c3c3;\n --sds-color-primitive-gray-400: #a5a5a5;\n --sds-color-primitive-gray-500: #969696;\n --sds-color-primitive-gray-600: #6c6c6c;\n --sds-color-primitive-gray-700: #3b3b3b;\n --sds-color-primitive-gray-800: #1b1b1b;\n --sds-color-primitive-gray-900: #000000;\n --sds-color-primitive-green-100: #daf4de;\n --sds-color-primitive-green-200: #b9ecc3;\n --sds-color-primitive-green-300: #7fd693;\n --sds-color-primitive-green-400: #50b96d;\n --sds-color-primitive-green-500: #238444;\n --sds-color-primitive-green-600: #105b2b;\n --sds-color-primitive-green-700: #07431d;\n --sds-color-primitive-green-800: #001f00;\n --sds-color-primitive-purple-100: #efeafe;\n --sds-color-primitive-purple-200: #e4dbfc;\n --sds-color-primitive-purple-300: #cbbaf8;\n --sds-color-primitive-purple-400: #b296f2;\n --sds-color-primitive-purple-500: #8b54e2;\n --sds-color-primitive-purple-600: #6526b5;\n --sds-color-primitive-purple-700: #490092;\n --sds-color-primitive-purple-800: #1a004c;\n --sds-color-primitive-red-100: #ffe8e6;\n --sds-color-primitive-red-200: #ffd6d2;\n --sds-color-primitive-red-300: #ffafa8;\n --sds-color-primitive-red-400: #ff7e78;\n --sds-color-primitive-red-500: #db2131;\n --sds-color-primitive-red-600: #980013;\n --sds-color-primitive-red-700: #6f0008;\n --sds-color-primitive-red-800: #340000;\n --sds-color-primitive-yellow-100: #ffefcf;\n --sds-color-primitive-yellow-200: #ffdb97;\n --sds-color-primitive-yellow-300: #ffca5c;\n --sds-color-primitive-yellow-400: #fab700;\n --sds-color-primitive-yellow-500: #da9900;\n --sds-color-primitive-yellow-600: #b77800;\n --sds-color-primitive-yellow-700: #7c3e00;\n --sds-color-primitive-yellow-800: #541700;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #969696;\n --sds-color-semantic-base-border-disabled: #c3c3c3;\n --sds-color-semantic-base-border-hover: #000000;\n --sds-color-semantic-base-border-pressed: #000000;\n --sds-color-semantic-base-border-table: #c3c3c3;\n --sds-color-semantic-base-divider: #dfdfdf;\n --sds-color-semantic-base-fill-disabled: #dfdfdf;\n --sds-color-semantic-base-fill-hover: #c3c3c347;\n --sds-color-semantic-base-fill-open: #c3c3c347;\n --sds-color-semantic-base-fill-pressed: #c3c3c347;\n --sds-color-semantic-base-fill-primary: #ffffff;\n --sds-color-semantic-base-fill-selected: #000000;\n --sds-color-semantic-base-icon-disabled: #c3c3c3;\n --sds-color-semantic-base-icon-primary: #969696;\n --sds-color-semantic-base-icon-primary-hover: #000000;\n --sds-color-semantic-base-icon-primary-inverse: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse-hover: #a5a5a5;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #a5a5a5;\n --sds-color-semantic-base-icon-primary-pressed: #000000;\n --sds-color-semantic-base-icon-secondary: #000000;\n --sds-color-semantic-base-surface-background: #ffffff;\n --sds-color-semantic-base-surface-primary: #ffffff;\n --sds-color-semantic-base-surface-primary-inverse: #000000;\n --sds-color-semantic-base-surface-secondary: #f3f3f3;\n --sds-color-semantic-base-surface-tertiary: #dfdfdf;\n --sds-color-semantic-base-text-disabled: #c3c3c3;\n --sds-color-semantic-base-text-primary: #000000;\n --sds-color-semantic-base-text-primary-inverse: #ffffff;\n --sds-color-semantic-base-text-secondary: #6c6c6c;\n --sds-color-semantic-base-text-secondary-inverse: #c3c3c3;\n --sds-color-semantic-accent-border: #1a6cef;\n --sds-color-semantic-accent-border-focus: #1a6cef;\n --sds-color-semantic-accent-border-hover: #0041b9;\n --sds-color-semantic-accent-border-open: #1a6cef;\n --sds-color-semantic-accent-border-pressed: #002d90;\n --sds-color-semantic-accent-border-selected: #1a6cef;\n --sds-color-semantic-accent-fill-hover: #0041b9;\n --sds-color-semantic-accent-fill-pressed: #002d90;\n --sds-color-semantic-accent-fill-primary: #1a6cef;\n --sds-color-semantic-accent-icon: #1a6cef;\n --sds-color-semantic-accent-icon-focus: #1a6cef;\n --sds-color-semantic-accent-icon-hover: #0041b9;\n --sds-color-semantic-accent-icon-open: #1a6cef;\n --sds-color-semantic-accent-icon-pressed: #002d90;\n --sds-color-semantic-accent-icon-selected: #1a6cef;\n --sds-color-semantic-accent-surface-primary: #e2eeff;\n --sds-color-semantic-accent-surface-secondary: #1a6cef;\n --sds-color-semantic-accent-text-action: #1a6cef;\n --sds-color-semantic-accent-text-action-hover: #0041b9;\n --sds-color-semantic-accent-text-action-pressed: #002d90;\n --sds-color-semantic-beta-border: #8b54e2;\n --sds-color-semantic-beta-fill-hover: #6526b5;\n --sds-color-semantic-beta-fill-pressed: #490092;\n --sds-color-semantic-beta-fill-primary: #8b54e2;\n --sds-color-semantic-beta-fill-secondary: #efeafe;\n --sds-color-semantic-beta-ornament: #6526b5;\n --sds-color-semantic-beta-surface-primary: #efeafe;\n --sds-color-semantic-beta-surface-secondary: #8b54e2;\n --sds-color-semantic-beta-text: #6526b5;\n --sds-color-semantic-info-border: #1a6cef;\n --sds-color-semantic-info-fill-hover: #0041b9;\n --sds-color-semantic-info-fill-pressed: #002d90;\n --sds-color-semantic-info-fill-primary: #1a6cef;\n --sds-color-semantic-info-fill-secondary: #e2eeff;\n --sds-color-semantic-info-ornament: #0041b9;\n --sds-color-semantic-info-surface-primary: #e2eeff;\n --sds-color-semantic-info-surface-secondary: #1a6cef;\n --sds-color-semantic-info-text: #0041b9;\n --sds-color-semantic-negative-border: #db2131;\n --sds-color-semantic-negative-fill-hover: #980013;\n --sds-color-semantic-negative-fill-pressed: #6f0008;\n --sds-color-semantic-negative-fill-primary: #db2131;\n --sds-color-semantic-negative-fill-secondary: #ffe8e6;\n --sds-color-semantic-negative-ornament: #980013;\n --sds-color-semantic-negative-surface-primary: #ffe8e6;\n --sds-color-semantic-negative-surface-secondary: #db2131;\n --sds-color-semantic-negative-text: #980013;\n --sds-color-semantic-neutral-border: #969696;\n --sds-color-semantic-neutral-fill-hover: #6c6c6c;\n --sds-color-semantic-neutral-fill-pressed: #3b3b3b;\n --sds-color-semantic-neutral-fill-primary: #969696;\n --sds-color-semantic-neutral-fill-secondary: #f3f3f3;\n --sds-color-semantic-neutral-ornament: #3b3b3b;\n --sds-color-semantic-neutral-surface-primary: #dfdfdf;\n --sds-color-semantic-neutral-surface-secondary: #969696;\n --sds-color-semantic-neutral-text: #3b3b3b;\n --sds-color-semantic-notice-border: #da9900;\n --sds-color-semantic-notice-fill-hover: #b77800;\n --sds-color-semantic-notice-fill-pressed: #7c3e00;\n --sds-color-semantic-notice-fill-primary: #da9900;\n --sds-color-semantic-notice-fill-secondary: #ffefcf;\n --sds-color-semantic-notice-ornament: #b77800;\n --sds-color-semantic-notice-surface-primary: #ffefcf;\n --sds-color-semantic-notice-surface-secondary: #da9900;\n --sds-color-semantic-notice-text: #b77800;\n --sds-color-semantic-positive-border: #238444;\n --sds-color-semantic-positive-fill-hover: #105b2b;\n --sds-color-semantic-positive-fill-pressed: #07431d;\n --sds-color-semantic-positive-fill-primary: #238444;\n --sds-color-semantic-positive-fill-secondary: #daf4de;\n --sds-color-semantic-positive-ornament: #105b2b;\n --sds-color-semantic-positive-surface-primary: #daf4de;\n --sds-color-semantic-positive-surface-secondary: #238444;\n --sds-color-semantic-positive-text: #105b2b;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --sds-border-accent-default: 1px solid #a2c9ff;\n --sds-border-accent-focused: 1px solid #a2c9ff;\n --sds-border-accent-open: 1px solid #a2c9ff;\n --sds-border-accent-selected: 1px solid #a2c9ff;\n --sds-border-accent-hover: 1px solid #cde3ff;\n --sds-border-accent-pressed: 1px solid #e2eeff;\n --sds-border-base-default: 1px solid #aaaaaa;\n --sds-border-base-disabled: 1px solid #696969;\n --sds-border-base-divider: 1px solid #494949;\n --sds-border-base-hover: 1px dashed #ffffff;\n --sds-border-base-pressed: 1px dashed #ffffff;\n --sds-border-base-table: 1px solid #696969;\n --sds-border-beta-default: 1px solid #e4dcfc;\n --sds-border-beta-extra-thick: 4px solid #e4dcfc;\n --sds-border-beta-thick: 2px solid #e4dcfc;\n --sds-border-info-default: 1px solid #cde3ff;\n --sds-border-info-extra-thick: 4px solid #cde3ff;\n --sds-border-info-thick: 2px solid #cde3ff;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #ffbdb3;\n --sds-border-negative-extra-thick: 4px solid #ffbdb3;\n --sds-border-negative-thick: 2px solid #ffbdb3;\n --sds-border-neutral-default: 1px solid #aaaaaa;\n --sds-border-neutral-extra-thick: 4px solid #aaaaaa;\n --sds-border-neutral-thick: 2px solid #aaaaaa;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #efad00;\n --sds-border-notice-extra-thick: 4px solid #efad00;\n --sds-border-notice-thick: 2px solid #efad00;\n --sds-border-positive-default: 1px solid #bcecc5;\n --sds-border-positive-extra-thick: 4px solid #bcecc5;\n --sds-border-positive-thick: 2px solid #bcecc5;\n --sds-color-primitive-blue-100: #002573;\n --sds-color-primitive-blue-200: #0048c5;\n --sds-color-primitive-blue-300: #2573f4;\n --sds-color-primitive-blue-400: #5b9aff;\n --sds-color-primitive-blue-500: #a2c9ff;\n --sds-color-primitive-blue-600: #cde3ff;\n --sds-color-primitive-blue-700: #e2eeff;\n --sds-color-primitive-blue-800: #f7faff;\n --sds-color-primitive-gray-50: #000000;\n --sds-color-primitive-gray-75: #101010;\n --sds-color-primitive-gray-100: #333333;\n --sds-color-primitive-gray-200: #494949;\n --sds-color-primitive-gray-300: #696969;\n --sds-color-primitive-gray-400: #9b9b9b;\n --sds-color-primitive-gray-500: #aaaaaa;\n --sds-color-primitive-gray-600: #cdcdcd;\n --sds-color-primitive-gray-700: #ededed;\n --sds-color-primitive-gray-800: #fafafa;\n --sds-color-primitive-gray-900: #ffffff;\n --sds-color-primitive-green-100: #053918;\n --sds-color-primitive-green-200: #12612e;\n --sds-color-primitive-green-300: #288b49;\n --sds-color-primitive-green-400: #43ae63;\n --sds-color-primitive-green-500: #85d898;\n --sds-color-primitive-green-600: #bcecc5;\n --sds-color-primitive-green-700: #daf4de;\n --sds-color-primitive-green-800: #f7fbf6;\n --sds-color-primitive-purple-100: #4b0190;\n --sds-color-primitive-purple-200: #6b2ebc;\n --sds-color-primitive-purple-300: #905de6;\n --sds-color-primitive-purple-400: #aa89ef;\n --sds-color-primitive-purple-500: #cebef8;\n --sds-color-primitive-purple-600: #e4dcfc;\n --sds-color-primitive-purple-700: #f0ebfe;\n --sds-color-primitive-purple-800: #fbf9ff;\n --sds-color-primitive-red-100: #630008;\n --sds-color-primitive-red-200: #a30000;\n --sds-color-primitive-red-300: #e52722;\n --sds-color-primitive-red-400: #ff695b;\n --sds-color-primitive-red-500: #ff9385;\n --sds-color-primitive-red-600: #ffbdb3;\n --sds-color-primitive-red-700: #ffd8d1;\n --sds-color-primitive-red-800: #fff1ee;\n --sds-color-primitive-yellow-100: #552300;\n --sds-color-primitive-yellow-200: #834500;\n --sds-color-primitive-yellow-300: #985a00;\n --sds-color-primitive-yellow-400: #ac6c00;\n --sds-color-primitive-yellow-500: #cf8e00;\n --sds-color-primitive-yellow-600: #efad00;\n --sds-color-primitive-yellow-700: #ffdc9a;\n --sds-color-primitive-yellow-800: #fcf2e3;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #aaaaaa;\n --sds-color-semantic-base-border-disabled: #696969;\n --sds-color-semantic-base-border-hover: #ffffff;\n --sds-color-semantic-base-border-pressed: #ffffff;\n --sds-color-semantic-base-border-table: #696969;\n --sds-color-semantic-base-divider: #494949;\n --sds-color-semantic-base-fill-disabled: #494949;\n --sds-color-semantic-base-fill-hover: #69696947;\n --sds-color-semantic-base-fill-open: #69696947;\n --sds-color-semantic-base-fill-pressed: #69696947;\n --sds-color-semantic-base-fill-primary: #000000;\n --sds-color-semantic-base-fill-selected: #ffffff;\n --sds-color-semantic-base-icon-disabled: #696969;\n --sds-color-semantic-base-icon-primary: #aaaaaa;\n --sds-color-semantic-base-icon-primary-hover: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse: #000000;\n --sds-color-semantic-base-icon-primary-inverse-hover: #9b9b9b;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #9b9b9b;\n --sds-color-semantic-base-icon-primary-pressed: #ffffff;\n --sds-color-semantic-base-icon-secondary: #ffffff;\n --sds-color-semantic-base-surface-background: #000000;\n --sds-color-semantic-base-surface-primary: #000000;\n --sds-color-semantic-base-surface-primary-inverse: #ffffff;\n --sds-color-semantic-base-surface-secondary: #333333;\n --sds-color-semantic-base-surface-tertiary: #494949;\n --sds-color-semantic-base-text-disabled: #696969;\n --sds-color-semantic-base-text-primary: #ffffff;\n --sds-color-semantic-base-text-primary-inverse: #000000;\n --sds-color-semantic-base-text-secondary: #cdcdcd;\n --sds-color-semantic-base-text-secondary-inverse: #696969;\n --sds-color-semantic-accent-border: #a2c9ff;\n --sds-color-semantic-accent-border-focus: #a2c9ff;\n --sds-color-semantic-accent-border-hover: #cde3ff;\n --sds-color-semantic-accent-border-open: #a2c9ff;\n --sds-color-semantic-accent-border-pressed: #e2eeff;\n --sds-color-semantic-accent-border-selected: #a2c9ff;\n --sds-color-semantic-accent-fill-hover: #cde3ff;\n --sds-color-semantic-accent-fill-pressed: #e2eeff;\n --sds-color-semantic-accent-fill-primary: #a2c9ff;\n --sds-color-semantic-accent-icon: #a2c9ff;\n --sds-color-semantic-accent-icon-focus: #a2c9ff;\n --sds-color-semantic-accent-icon-hover: #cde3ff;\n --sds-color-semantic-accent-icon-open: #a2c9ff;\n --sds-color-semantic-accent-icon-pressed: #e2eeff;\n --sds-color-semantic-accent-icon-selected: #a2c9ff;\n --sds-color-semantic-accent-surface-primary: #002573;\n --sds-color-semantic-accent-surface-secondary: #a2c9ff;\n --sds-color-semantic-accent-text-action: #a2c9ff;\n --sds-color-semantic-accent-text-action-hover: #cde3ff;\n --sds-color-semantic-accent-text-action-pressed: #e2eeff;\n --sds-color-semantic-beta-border: #cebef8;\n --sds-color-semantic-beta-fill-hover: #e4dcfc;\n --sds-color-semantic-beta-fill-pressed: #f0ebfe;\n --sds-color-semantic-beta-fill-primary: #cebef8;\n --sds-color-semantic-beta-fill-secondary: #4b0190;\n --sds-color-semantic-beta-ornament: #e4dcfc;\n --sds-color-semantic-beta-surface-primary: #4b0190;\n --sds-color-semantic-beta-surface-secondary: #cebef8;\n --sds-color-semantic-beta-text: #e4dcfc;\n --sds-color-semantic-info-border: #a2c9ff;\n --sds-color-semantic-info-fill-hover: #cde3ff;\n --sds-color-semantic-info-fill-pressed: #e2eeff;\n --sds-color-semantic-info-fill-primary: #a2c9ff;\n --sds-color-semantic-info-fill-secondary: #002573;\n --sds-color-semantic-info-ornament: #cde3ff;\n --sds-color-semantic-info-surface-primary: #002573;\n --sds-color-semantic-info-surface-secondary: #a2c9ff;\n --sds-color-semantic-info-text: #cde3ff;\n --sds-color-semantic-negative-border: #ff9385;\n --sds-color-semantic-negative-fill-hover: #ffbdb3;\n --sds-color-semantic-negative-fill-pressed: #ffd8d1;\n --sds-color-semantic-negative-fill-primary: #ff9385;\n --sds-color-semantic-negative-fill-secondary: #630008;\n --sds-color-semantic-negative-ornament: #ffbdb3;\n --sds-color-semantic-negative-surface-primary: #630008;\n --sds-color-semantic-negative-surface-secondary: #ff9385;\n --sds-color-semantic-negative-text: #ffbdb3;\n --sds-color-semantic-neutral-border: #aaaaaa;\n --sds-color-semantic-neutral-fill-hover: #cdcdcd;\n --sds-color-semantic-neutral-fill-pressed: #ededed;\n --sds-color-semantic-neutral-fill-primary: #aaaaaa;\n --sds-color-semantic-neutral-fill-secondary: #333333;\n --sds-color-semantic-neutral-ornament: #ededed;\n --sds-color-semantic-neutral-surface-primary: #494949;\n --sds-color-semantic-neutral-surface-secondary: #aaaaaa;\n --sds-color-semantic-neutral-text: #ededed;\n --sds-color-semantic-notice-border: #cf8e00;\n --sds-color-semantic-notice-fill-hover: #efad00;\n --sds-color-semantic-notice-fill-pressed: #ffdc9a;\n --sds-color-semantic-notice-fill-primary: #cf8e00;\n --sds-color-semantic-notice-fill-secondary: #552300;\n --sds-color-semantic-notice-ornament: #efad00;\n --sds-color-semantic-notice-surface-primary: #552300;\n --sds-color-semantic-notice-surface-secondary: #cf8e00;\n --sds-color-semantic-notice-text: #efad00;\n --sds-color-semantic-positive-border: #85d898;\n --sds-color-semantic-positive-fill-hover: #bcecc5;\n --sds-color-semantic-positive-fill-pressed: #daf4de;\n --sds-color-semantic-positive-fill-primary: #85d898;\n --sds-color-semantic-positive-fill-secondary: #053918;\n --sds-color-semantic-positive-ornament: #bcecc5;\n --sds-color-semantic-positive-surface-primary: #053918;\n --sds-color-semantic-positive-surface-secondary: #85d898;\n --sds-color-semantic-positive-text: #bcecc5;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n',"",{version:3,sources:["webpack://./packages/components/src/common/styles-dictionary/css/variables.css"],names:[],mappings:"AAAA;EACE;IACE,8CAA8C;IAC9C,8CAA8C;IAC9C,2CAA2C;IAC3C,+CAA+C;IAC/C,4CAA4C;IAC5C,8CAA8C;IAC9C,4CAA4C;IAC5C,6CAA6C;IAC7C,4CAA4C;IAC5C,2CAA2C;IAC3C,6CAA6C;IAC7C,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,oCAAoC;IACpC,kCAAkC;IAClC,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,+CAA+C;IAC/C,mDAAmD;IACnD,6CAA6C;IAC7C,uBAAuB;IACvB,8CAA8C;IAC9C,kDAAkD;IAClD,4CAA4C;IAC5C,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,sCAAsC;IACtC,sCAAsC;IACtC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sDAAsD;IACtD,sDAAsD;IACtD,yCAAyC;IACzC,kDAAkD;IAClD,+CAA+C;IAC/C,iDAAiD;IACjD,+CAA+C;IAC/C,0CAA0C;IAC1C,gDAAgD;IAChD,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,+CAA+C;IAC/C,gDAAgD;IAChD,gDAAgD;IAChD,+CAA+C;IAC/C,qDAAqD;IACrD,uDAAuD;IACvD,6DAA6D;IAC7D,+DAA+D;IAC/D,uDAAuD;IACvD,iDAAiD;IACjD,qDAAqD;IACrD,kDAAkD;IAClD,0DAA0D;IAC1D,oDAAoD;IACpD,mDAAmD;IACnD,gDAAgD;IAChD,+CAA+C;IAC/C,uDAAuD;IACvD,iDAAiD;IACjD,yDAAyD;IACzD,2CAA2C;IAC3C,iDAAiD;IACjD,iDAAiD;IACjD,gDAAgD;IAChD,mDAAmD;IACnD,oDAAoD;IACpD,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,yCAAyC;IACzC,+CAA+C;IAC/C,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,kDAAkD;IAClD,oDAAoD;IACpD,sDAAsD;IACtD,gDAAgD;IAChD,sDAAsD;IACtD,wDAAwD;IACxD,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,4CAA4C;IAC5C,gDAAgD;IAChD,kDAAkD;IAClD,kDAAkD;IAClD,oDAAoD;IACpD,8CAA8C;IAC9C,qDAAqD;IACrD,uDAAuD;IACvD,0CAA0C;IAC1C,2CAA2C;IAC3C,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,mDAAmD;IACnD,6CAA6C;IAC7C,oDAAoD;IACpD,sDAAsD;IACtD,yCAAyC;IACzC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,wDAAwD;IACxD;yCACqC;IACrC,wDAAwD;IACxD,4BAA4B;IAC5B,gDAAgD;IAChD,uDAAuD;IACvD,gDAAgD;IAChD,uDAAuD;IACvD,uDAAuD;IACvD,8DAA8D;IAC9D,kDAAkD;IAClD,yDAAyD;IACzD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,kDAAkD;IAClD,yDAAyD;IACzD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,iDAAiD;IACjD,wDAAwD;IACxD,kEAAkE;IAClE,yEAAyE;IACzE,gDAAgD;IAChD,uDAAuD;IACvD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,gEAAgE;IAChE,uEAAuE;IACvE,+CAA+C;IAC/C,sDAAsD;IACtD,+DAA+D;IAC/D,sEAAsE;IACtE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,kDAAkD;IAClD,gEAAgE;IAChE,uEAAuE;IACvE,4CAA4C;IAC5C,mDAAmD;IACnD,iEAAiE;IACjE,wEAAwE;IACxE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,kCAAkC;IAClC,iCAAiC;IACjC,+BAA+B;IAC/B,8BAA8B;IAC9B,8BAA8B;IAC9B,6BAA6B;IAC7B,8BAA8B;IAC9B,6BAA6B;IAC7B,+BAA+B;IAC/B,8BAA8B;IAC9B,yBAAyB;IACzB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB;EACvB;AACF;;AAEA;EACE;IACE,8CAA8C;IAC9C,8CAA8C;IAC9C,2CAA2C;IAC3C,+CAA+C;IAC/C,4CAA4C;IAC5C,8CAA8C;IAC9C,4CAA4C;IAC5C,6CAA6C;IAC7C,4CAA4C;IAC5C,2CAA2C;IAC3C,6CAA6C;IAC7C,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,4CAA4C;IAC5C,gDAAgD;IAChD,0CAA0C;IAC1C,oCAAoC;IACpC,kCAAkC;IAClC,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,+CAA+C;IAC/C,mDAAmD;IACnD,6CAA6C;IAC7C,uBAAuB;IACvB,8CAA8C;IAC9C,kDAAkD;IAClD,4CAA4C;IAC5C,gDAAgD;IAChD,oDAAoD;IACpD,8CAA8C;IAC9C,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,sCAAsC;IACtC,sCAAsC;IACtC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,uCAAuC;IACvC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,wCAAwC;IACxC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,yCAAyC;IACzC,sDAAsD;IACtD,sDAAsD;IACtD,yCAAyC;IACzC,kDAAkD;IAClD,+CAA+C;IAC/C,iDAAiD;IACjD,+CAA+C;IAC/C,0CAA0C;IAC1C,gDAAgD;IAChD,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,+CAA+C;IAC/C,gDAAgD;IAChD,gDAAgD;IAChD,+CAA+C;IAC/C,qDAAqD;IACrD,uDAAuD;IACvD,6DAA6D;IAC7D,+DAA+D;IAC/D,uDAAuD;IACvD,iDAAiD;IACjD,qDAAqD;IACrD,kDAAkD;IAClD,0DAA0D;IAC1D,oDAAoD;IACpD,mDAAmD;IACnD,gDAAgD;IAChD,+CAA+C;IAC/C,uDAAuD;IACvD,iDAAiD;IACjD,yDAAyD;IACzD,2CAA2C;IAC3C,iDAAiD;IACjD,iDAAiD;IACjD,gDAAgD;IAChD,mDAAmD;IACnD,oDAAoD;IACpD,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,yCAAyC;IACzC,+CAA+C;IAC/C,+CAA+C;IAC/C,8CAA8C;IAC9C,iDAAiD;IACjD,kDAAkD;IAClD,oDAAoD;IACpD,sDAAsD;IACtD,gDAAgD;IAChD,sDAAsD;IACtD,wDAAwD;IACxD,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,yCAAyC;IACzC,6CAA6C;IAC7C,+CAA+C;IAC/C,+CAA+C;IAC/C,iDAAiD;IACjD,2CAA2C;IAC3C,kDAAkD;IAClD,oDAAoD;IACpD,uCAAuC;IACvC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,4CAA4C;IAC5C,gDAAgD;IAChD,kDAAkD;IAClD,kDAAkD;IAClD,oDAAoD;IACpD,8CAA8C;IAC9C,qDAAqD;IACrD,uDAAuD;IACvD,0CAA0C;IAC1C,2CAA2C;IAC3C,+CAA+C;IAC/C,iDAAiD;IACjD,iDAAiD;IACjD,mDAAmD;IACnD,6CAA6C;IAC7C,oDAAoD;IACpD,sDAAsD;IACtD,yCAAyC;IACzC,6CAA6C;IAC7C,iDAAiD;IACjD,mDAAmD;IACnD,mDAAmD;IACnD,qDAAqD;IACrD,+CAA+C;IAC/C,sDAAsD;IACtD,wDAAwD;IACxD,2CAA2C;IAC3C,oBAAoB;IACpB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,wDAAwD;IACxD;yCACqC;IACrC,wDAAwD;IACxD,4BAA4B;IAC5B,gDAAgD;IAChD,uDAAuD;IACvD,gDAAgD;IAChD,uDAAuD;IACvD,uDAAuD;IACvD,8DAA8D;IAC9D,kDAAkD;IAClD,yDAAyD;IACzD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,8DAA8D;IAC9D,qEAAqE;IACrE,6CAA6C;IAC7C,oDAAoD;IACpD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,4CAA4C;IAC5C,mDAAmD;IACnD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,6DAA6D;IAC7D,oEAAoE;IACpE,yCAAyC;IACzC,gDAAgD;IAChD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,mDAAmD;IACnD,0DAA0D;IAC1D,gEAAgE;IAChE,uEAAuE;IACvE,8CAA8C;IAC9C,qDAAqD;IACrD,kDAAkD;IAClD,yDAAyD;IACzD,+DAA+D;IAC/D,sEAAsE;IACtE,6CAA6C;IAC7C,oDAAoD;IACpD,iDAAiD;IACjD,wDAAwD;IACxD,kEAAkE;IAClE,yEAAyE;IACzE,gDAAgD;IAChD,uDAAuD;IACvD,iEAAiE;IACjE,wEAAwE;IACxE,+CAA+C;IAC/C,sDAAsD;IACtD,gEAAgE;IAChE,uEAAuE;IACvE,+CAA+C;IAC/C,sDAAsD;IACtD,+DAA+D;IAC/D,sEAAsE;IACtE,8CAA8C;IAC9C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,qDAAqD;IACrD,+DAA+D;IAC/D,sEAAsE;IACtE,2CAA2C;IAC3C,kDAAkD;IAClD,gEAAgE;IAChE,uEAAuE;IACvE,4CAA4C;IAC5C,mDAAmD;IACnD,iEAAiE;IACjE,wEAAwE;IACxE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,iEAAiE;IACjE,wEAAwE;IACxE,4DAA4D;IAC5D,mEAAmE;IACnE,6CAA6C;IAC7C,oDAAoD;IACpD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,gEAAgE;IAChE,uEAAuE;IACvE,2DAA2D;IAC3D,kEAAkE;IAClE,4CAA4C;IAC5C,mDAAmD;IACnD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,qEAAqE;IACrE,4EAA4E;IAC5E,0CAA0C;IAC1C,iDAAiD;IACjD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,oEAAoE;IACpE,2EAA2E;IAC3E,yCAAyC;IACzC,gDAAgD;IAChD,kCAAkC;IAClC,iCAAiC;IACjC,+BAA+B;IAC/B,8BAA8B;IAC9B,8BAA8B;IAC9B,6BAA6B;IAC7B,8BAA8B;IAC9B,6BAA6B;IAC7B,+BAA+B;IAC/B,8BAA8B;IAC9B,yBAAyB;IACzB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB;EACvB;AACF",sourcesContent:['@media (prefers-color-scheme: light) {\n :root {\n --sds-border-accent-default: 1px solid #1a6cef;\n --sds-border-accent-focused: 1px solid #1a6cef;\n --sds-border-accent-open: 1px solid #1a6cef;\n --sds-border-accent-selected: 1px solid #1a6cef;\n --sds-border-accent-hover: 1px solid #0041b9;\n --sds-border-accent-pressed: 1px solid #002d90;\n --sds-border-base-default: 1px solid #969696;\n --sds-border-base-disabled: 1px solid #c3c3c3;\n --sds-border-base-divider: 1px solid #dfdfdf;\n --sds-border-base-hover: 1px dashed #000000;\n --sds-border-base-pressed: 1px dashed #000000;\n --sds-border-base-table: 1px solid #c3c3c3;\n --sds-border-beta-default: 1px solid #6526b5;\n --sds-border-beta-extra-thick: 4px solid #6526b5;\n --sds-border-beta-thick: 2px solid #6526b5;\n --sds-border-info-default: 1px solid #0041b9;\n --sds-border-info-extra-thick: 4px solid #0041b9;\n --sds-border-info-thick: 2px solid #0041b9;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #980013;\n --sds-border-negative-extra-thick: 4px solid #980013;\n --sds-border-negative-thick: 2px solid #980013;\n --sds-border-neutral-default: 1px solid #969696;\n --sds-border-neutral-extra-thick: 4px solid #969696;\n --sds-border-neutral-thick: 2px solid #969696;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #b77800;\n --sds-border-notice-extra-thick: 4px solid #b77800;\n --sds-border-notice-thick: 2px solid #b77800;\n --sds-border-positive-default: 1px solid #105b2b;\n --sds-border-positive-extra-thick: 4px solid #105b2b;\n --sds-border-positive-thick: 2px solid #105b2b;\n --sds-color-primitive-blue-100: #e2eeff;\n --sds-color-primitive-blue-200: #cce1ff;\n --sds-color-primitive-blue-300: #9dc6ff;\n --sds-color-primitive-blue-400: #6ca6ff;\n --sds-color-primitive-blue-500: #1a6cef;\n --sds-color-primitive-blue-600: #0041b9;\n --sds-color-primitive-blue-700: #002d90;\n --sds-color-primitive-blue-800: #00114a;\n --sds-color-primitive-gray-50: #ffffff;\n --sds-color-primitive-gray-75: #fafafa;\n --sds-color-primitive-gray-100: #f3f3f3;\n --sds-color-primitive-gray-200: #dfdfdf;\n --sds-color-primitive-gray-300: #c3c3c3;\n --sds-color-primitive-gray-400: #a5a5a5;\n --sds-color-primitive-gray-500: #969696;\n --sds-color-primitive-gray-600: #6c6c6c;\n --sds-color-primitive-gray-700: #3b3b3b;\n --sds-color-primitive-gray-800: #1b1b1b;\n --sds-color-primitive-gray-900: #000000;\n --sds-color-primitive-green-100: #daf4de;\n --sds-color-primitive-green-200: #b9ecc3;\n --sds-color-primitive-green-300: #7fd693;\n --sds-color-primitive-green-400: #50b96d;\n --sds-color-primitive-green-500: #238444;\n --sds-color-primitive-green-600: #105b2b;\n --sds-color-primitive-green-700: #07431d;\n --sds-color-primitive-green-800: #001f00;\n --sds-color-primitive-purple-100: #efeafe;\n --sds-color-primitive-purple-200: #e4dbfc;\n --sds-color-primitive-purple-300: #cbbaf8;\n --sds-color-primitive-purple-400: #b296f2;\n --sds-color-primitive-purple-500: #8b54e2;\n --sds-color-primitive-purple-600: #6526b5;\n --sds-color-primitive-purple-700: #490092;\n --sds-color-primitive-purple-800: #1a004c;\n --sds-color-primitive-red-100: #ffe8e6;\n --sds-color-primitive-red-200: #ffd6d2;\n --sds-color-primitive-red-300: #ffafa8;\n --sds-color-primitive-red-400: #ff7e78;\n --sds-color-primitive-red-500: #db2131;\n --sds-color-primitive-red-600: #980013;\n --sds-color-primitive-red-700: #6f0008;\n --sds-color-primitive-red-800: #340000;\n --sds-color-primitive-yellow-100: #ffefcf;\n --sds-color-primitive-yellow-200: #ffdb97;\n --sds-color-primitive-yellow-300: #ffca5c;\n --sds-color-primitive-yellow-400: #fab700;\n --sds-color-primitive-yellow-500: #da9900;\n --sds-color-primitive-yellow-600: #b77800;\n --sds-color-primitive-yellow-700: #7c3e00;\n --sds-color-primitive-yellow-800: #541700;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #969696;\n --sds-color-semantic-base-border-disabled: #c3c3c3;\n --sds-color-semantic-base-border-hover: #000000;\n --sds-color-semantic-base-border-pressed: #000000;\n --sds-color-semantic-base-border-table: #c3c3c3;\n --sds-color-semantic-base-divider: #dfdfdf;\n --sds-color-semantic-base-fill-disabled: #dfdfdf;\n --sds-color-semantic-base-fill-hover: #c3c3c347;\n --sds-color-semantic-base-fill-open: #c3c3c347;\n --sds-color-semantic-base-fill-pressed: #c3c3c347;\n --sds-color-semantic-base-fill-primary: #ffffff;\n --sds-color-semantic-base-fill-selected: #000000;\n --sds-color-semantic-base-icon-disabled: #c3c3c3;\n --sds-color-semantic-base-icon-primary: #969696;\n --sds-color-semantic-base-icon-primary-hover: #000000;\n --sds-color-semantic-base-icon-primary-inverse: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse-hover: #a5a5a5;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #a5a5a5;\n --sds-color-semantic-base-icon-primary-pressed: #000000;\n --sds-color-semantic-base-icon-secondary: #000000;\n --sds-color-semantic-base-surface-background: #ffffff;\n --sds-color-semantic-base-surface-primary: #ffffff;\n --sds-color-semantic-base-surface-primary-inverse: #000000;\n --sds-color-semantic-base-surface-secondary: #f3f3f3;\n --sds-color-semantic-base-surface-tertiary: #dfdfdf;\n --sds-color-semantic-base-text-disabled: #c3c3c3;\n --sds-color-semantic-base-text-primary: #000000;\n --sds-color-semantic-base-text-primary-inverse: #ffffff;\n --sds-color-semantic-base-text-secondary: #6c6c6c;\n --sds-color-semantic-base-text-secondary-inverse: #c3c3c3;\n --sds-color-semantic-accent-border: #1a6cef;\n --sds-color-semantic-accent-border-focus: #1a6cef;\n --sds-color-semantic-accent-border-hover: #0041b9;\n --sds-color-semantic-accent-border-open: #1a6cef;\n --sds-color-semantic-accent-border-pressed: #002d90;\n --sds-color-semantic-accent-border-selected: #1a6cef;\n --sds-color-semantic-accent-fill-hover: #0041b9;\n --sds-color-semantic-accent-fill-pressed: #002d90;\n --sds-color-semantic-accent-fill-primary: #1a6cef;\n --sds-color-semantic-accent-icon: #1a6cef;\n --sds-color-semantic-accent-icon-focus: #1a6cef;\n --sds-color-semantic-accent-icon-hover: #0041b9;\n --sds-color-semantic-accent-icon-open: #1a6cef;\n --sds-color-semantic-accent-icon-pressed: #002d90;\n --sds-color-semantic-accent-icon-selected: #1a6cef;\n --sds-color-semantic-accent-surface-primary: #e2eeff;\n --sds-color-semantic-accent-surface-secondary: #1a6cef;\n --sds-color-semantic-accent-text-action: #1a6cef;\n --sds-color-semantic-accent-text-action-hover: #0041b9;\n --sds-color-semantic-accent-text-action-pressed: #002d90;\n --sds-color-semantic-beta-border: #8b54e2;\n --sds-color-semantic-beta-fill-hover: #6526b5;\n --sds-color-semantic-beta-fill-pressed: #490092;\n --sds-color-semantic-beta-fill-primary: #8b54e2;\n --sds-color-semantic-beta-fill-secondary: #efeafe;\n --sds-color-semantic-beta-ornament: #6526b5;\n --sds-color-semantic-beta-surface-primary: #efeafe;\n --sds-color-semantic-beta-surface-secondary: #8b54e2;\n --sds-color-semantic-beta-text: #6526b5;\n --sds-color-semantic-info-border: #1a6cef;\n --sds-color-semantic-info-fill-hover: #0041b9;\n --sds-color-semantic-info-fill-pressed: #002d90;\n --sds-color-semantic-info-fill-primary: #1a6cef;\n --sds-color-semantic-info-fill-secondary: #e2eeff;\n --sds-color-semantic-info-ornament: #0041b9;\n --sds-color-semantic-info-surface-primary: #e2eeff;\n --sds-color-semantic-info-surface-secondary: #1a6cef;\n --sds-color-semantic-info-text: #0041b9;\n --sds-color-semantic-negative-border: #db2131;\n --sds-color-semantic-negative-fill-hover: #980013;\n --sds-color-semantic-negative-fill-pressed: #6f0008;\n --sds-color-semantic-negative-fill-primary: #db2131;\n --sds-color-semantic-negative-fill-secondary: #ffe8e6;\n --sds-color-semantic-negative-ornament: #980013;\n --sds-color-semantic-negative-surface-primary: #ffe8e6;\n --sds-color-semantic-negative-surface-secondary: #db2131;\n --sds-color-semantic-negative-text: #980013;\n --sds-color-semantic-neutral-border: #969696;\n --sds-color-semantic-neutral-fill-hover: #6c6c6c;\n --sds-color-semantic-neutral-fill-pressed: #3b3b3b;\n --sds-color-semantic-neutral-fill-primary: #969696;\n --sds-color-semantic-neutral-fill-secondary: #f3f3f3;\n --sds-color-semantic-neutral-ornament: #3b3b3b;\n --sds-color-semantic-neutral-surface-primary: #dfdfdf;\n --sds-color-semantic-neutral-surface-secondary: #969696;\n --sds-color-semantic-neutral-text: #3b3b3b;\n --sds-color-semantic-notice-border: #da9900;\n --sds-color-semantic-notice-fill-hover: #b77800;\n --sds-color-semantic-notice-fill-pressed: #7c3e00;\n --sds-color-semantic-notice-fill-primary: #da9900;\n --sds-color-semantic-notice-fill-secondary: #ffefcf;\n --sds-color-semantic-notice-ornament: #b77800;\n --sds-color-semantic-notice-surface-primary: #ffefcf;\n --sds-color-semantic-notice-surface-secondary: #da9900;\n --sds-color-semantic-notice-text: #b77800;\n --sds-color-semantic-positive-border: #238444;\n --sds-color-semantic-positive-fill-hover: #105b2b;\n --sds-color-semantic-positive-fill-pressed: #07431d;\n --sds-color-semantic-positive-fill-primary: #238444;\n --sds-color-semantic-positive-fill-secondary: #daf4de;\n --sds-color-semantic-positive-ornament: #105b2b;\n --sds-color-semantic-positive-surface-primary: #daf4de;\n --sds-color-semantic-positive-surface-secondary: #238444;\n --sds-color-semantic-positive-text: #105b2b;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --sds-border-accent-default: 1px solid #a2c9ff;\n --sds-border-accent-focused: 1px solid #a2c9ff;\n --sds-border-accent-open: 1px solid #a2c9ff;\n --sds-border-accent-selected: 1px solid #a2c9ff;\n --sds-border-accent-hover: 1px solid #cde3ff;\n --sds-border-accent-pressed: 1px solid #e2eeff;\n --sds-border-base-default: 1px solid #aaaaaa;\n --sds-border-base-disabled: 1px solid #696969;\n --sds-border-base-divider: 1px solid #494949;\n --sds-border-base-hover: 1px dashed #ffffff;\n --sds-border-base-pressed: 1px dashed #ffffff;\n --sds-border-base-table: 1px solid #696969;\n --sds-border-beta-default: 1px solid #e4dcfc;\n --sds-border-beta-extra-thick: 4px solid #e4dcfc;\n --sds-border-beta-thick: 2px solid #e4dcfc;\n --sds-border-info-default: 1px solid #cde3ff;\n --sds-border-info-extra-thick: 4px solid #cde3ff;\n --sds-border-info-thick: 2px solid #cde3ff;\n --sds-border-link-dashed: 1px dashed;\n --sds-border-link-solid: 1px solid;\n --sds-border-negative-default: 1px solid #ffbdb3;\n --sds-border-negative-extra-thick: 4px solid #ffbdb3;\n --sds-border-negative-thick: 2px solid #ffbdb3;\n --sds-border-neutral-default: 1px solid #aaaaaa;\n --sds-border-neutral-extra-thick: 4px solid #aaaaaa;\n --sds-border-neutral-thick: 2px solid #aaaaaa;\n --sds-border-none: none;\n --sds-border-notice-default: 1px solid #efad00;\n --sds-border-notice-extra-thick: 4px solid #efad00;\n --sds-border-notice-thick: 2px solid #efad00;\n --sds-border-positive-default: 1px solid #bcecc5;\n --sds-border-positive-extra-thick: 4px solid #bcecc5;\n --sds-border-positive-thick: 2px solid #bcecc5;\n --sds-color-primitive-blue-100: #002573;\n --sds-color-primitive-blue-200: #0048c5;\n --sds-color-primitive-blue-300: #2573f4;\n --sds-color-primitive-blue-400: #5b9aff;\n --sds-color-primitive-blue-500: #a2c9ff;\n --sds-color-primitive-blue-600: #cde3ff;\n --sds-color-primitive-blue-700: #e2eeff;\n --sds-color-primitive-blue-800: #f7faff;\n --sds-color-primitive-gray-50: #000000;\n --sds-color-primitive-gray-75: #101010;\n --sds-color-primitive-gray-100: #333333;\n --sds-color-primitive-gray-200: #494949;\n --sds-color-primitive-gray-300: #696969;\n --sds-color-primitive-gray-400: #9b9b9b;\n --sds-color-primitive-gray-500: #aaaaaa;\n --sds-color-primitive-gray-600: #cdcdcd;\n --sds-color-primitive-gray-700: #ededed;\n --sds-color-primitive-gray-800: #fafafa;\n --sds-color-primitive-gray-900: #ffffff;\n --sds-color-primitive-green-100: #053918;\n --sds-color-primitive-green-200: #12612e;\n --sds-color-primitive-green-300: #288b49;\n --sds-color-primitive-green-400: #43ae63;\n --sds-color-primitive-green-500: #85d898;\n --sds-color-primitive-green-600: #bcecc5;\n --sds-color-primitive-green-700: #daf4de;\n --sds-color-primitive-green-800: #f7fbf6;\n --sds-color-primitive-purple-100: #4b0190;\n --sds-color-primitive-purple-200: #6b2ebc;\n --sds-color-primitive-purple-300: #905de6;\n --sds-color-primitive-purple-400: #aa89ef;\n --sds-color-primitive-purple-500: #cebef8;\n --sds-color-primitive-purple-600: #e4dcfc;\n --sds-color-primitive-purple-700: #f0ebfe;\n --sds-color-primitive-purple-800: #fbf9ff;\n --sds-color-primitive-red-100: #630008;\n --sds-color-primitive-red-200: #a30000;\n --sds-color-primitive-red-300: #e52722;\n --sds-color-primitive-red-400: #ff695b;\n --sds-color-primitive-red-500: #ff9385;\n --sds-color-primitive-red-600: #ffbdb3;\n --sds-color-primitive-red-700: #ffd8d1;\n --sds-color-primitive-red-800: #fff1ee;\n --sds-color-primitive-yellow-100: #552300;\n --sds-color-primitive-yellow-200: #834500;\n --sds-color-primitive-yellow-300: #985a00;\n --sds-color-primitive-yellow-400: #ac6c00;\n --sds-color-primitive-yellow-500: #cf8e00;\n --sds-color-primitive-yellow-600: #efad00;\n --sds-color-primitive-yellow-700: #ffdc9a;\n --sds-color-primitive-yellow-800: #fcf2e3;\n --sds-color-primitive-overlay-100: rgba(0, 0, 0, 0.08);\n --sds-color-primitive-overlay-200: rgba(0, 0, 0, 0.03);\n --sds-color-semantic-base-border: #aaaaaa;\n --sds-color-semantic-base-border-disabled: #696969;\n --sds-color-semantic-base-border-hover: #ffffff;\n --sds-color-semantic-base-border-pressed: #ffffff;\n --sds-color-semantic-base-border-table: #696969;\n --sds-color-semantic-base-divider: #494949;\n --sds-color-semantic-base-fill-disabled: #494949;\n --sds-color-semantic-base-fill-hover: #69696947;\n --sds-color-semantic-base-fill-open: #69696947;\n --sds-color-semantic-base-fill-pressed: #69696947;\n --sds-color-semantic-base-fill-primary: #000000;\n --sds-color-semantic-base-fill-selected: #ffffff;\n --sds-color-semantic-base-icon-disabled: #696969;\n --sds-color-semantic-base-icon-primary: #aaaaaa;\n --sds-color-semantic-base-icon-primary-hover: #ffffff;\n --sds-color-semantic-base-icon-primary-inverse: #000000;\n --sds-color-semantic-base-icon-primary-inverse-hover: #9b9b9b;\n --sds-color-semantic-base-icon-primary-inverse-pressed: #9b9b9b;\n --sds-color-semantic-base-icon-primary-pressed: #ffffff;\n --sds-color-semantic-base-icon-secondary: #ffffff;\n --sds-color-semantic-base-surface-background: #000000;\n --sds-color-semantic-base-surface-primary: #000000;\n --sds-color-semantic-base-surface-primary-inverse: #ffffff;\n --sds-color-semantic-base-surface-secondary: #333333;\n --sds-color-semantic-base-surface-tertiary: #494949;\n --sds-color-semantic-base-text-disabled: #696969;\n --sds-color-semantic-base-text-primary: #ffffff;\n --sds-color-semantic-base-text-primary-inverse: #000000;\n --sds-color-semantic-base-text-secondary: #cdcdcd;\n --sds-color-semantic-base-text-secondary-inverse: #696969;\n --sds-color-semantic-accent-border: #a2c9ff;\n --sds-color-semantic-accent-border-focus: #a2c9ff;\n --sds-color-semantic-accent-border-hover: #cde3ff;\n --sds-color-semantic-accent-border-open: #a2c9ff;\n --sds-color-semantic-accent-border-pressed: #e2eeff;\n --sds-color-semantic-accent-border-selected: #a2c9ff;\n --sds-color-semantic-accent-fill-hover: #cde3ff;\n --sds-color-semantic-accent-fill-pressed: #e2eeff;\n --sds-color-semantic-accent-fill-primary: #a2c9ff;\n --sds-color-semantic-accent-icon: #a2c9ff;\n --sds-color-semantic-accent-icon-focus: #a2c9ff;\n --sds-color-semantic-accent-icon-hover: #cde3ff;\n --sds-color-semantic-accent-icon-open: #a2c9ff;\n --sds-color-semantic-accent-icon-pressed: #e2eeff;\n --sds-color-semantic-accent-icon-selected: #a2c9ff;\n --sds-color-semantic-accent-surface-primary: #002573;\n --sds-color-semantic-accent-surface-secondary: #a2c9ff;\n --sds-color-semantic-accent-text-action: #a2c9ff;\n --sds-color-semantic-accent-text-action-hover: #cde3ff;\n --sds-color-semantic-accent-text-action-pressed: #e2eeff;\n --sds-color-semantic-beta-border: #cebef8;\n --sds-color-semantic-beta-fill-hover: #e4dcfc;\n --sds-color-semantic-beta-fill-pressed: #f0ebfe;\n --sds-color-semantic-beta-fill-primary: #cebef8;\n --sds-color-semantic-beta-fill-secondary: #4b0190;\n --sds-color-semantic-beta-ornament: #e4dcfc;\n --sds-color-semantic-beta-surface-primary: #4b0190;\n --sds-color-semantic-beta-surface-secondary: #cebef8;\n --sds-color-semantic-beta-text: #e4dcfc;\n --sds-color-semantic-info-border: #a2c9ff;\n --sds-color-semantic-info-fill-hover: #cde3ff;\n --sds-color-semantic-info-fill-pressed: #e2eeff;\n --sds-color-semantic-info-fill-primary: #a2c9ff;\n --sds-color-semantic-info-fill-secondary: #002573;\n --sds-color-semantic-info-ornament: #cde3ff;\n --sds-color-semantic-info-surface-primary: #002573;\n --sds-color-semantic-info-surface-secondary: #a2c9ff;\n --sds-color-semantic-info-text: #cde3ff;\n --sds-color-semantic-negative-border: #ff9385;\n --sds-color-semantic-negative-fill-hover: #ffbdb3;\n --sds-color-semantic-negative-fill-pressed: #ffd8d1;\n --sds-color-semantic-negative-fill-primary: #ff9385;\n --sds-color-semantic-negative-fill-secondary: #630008;\n --sds-color-semantic-negative-ornament: #ffbdb3;\n --sds-color-semantic-negative-surface-primary: #630008;\n --sds-color-semantic-negative-surface-secondary: #ff9385;\n --sds-color-semantic-negative-text: #ffbdb3;\n --sds-color-semantic-neutral-border: #aaaaaa;\n --sds-color-semantic-neutral-fill-hover: #cdcdcd;\n --sds-color-semantic-neutral-fill-pressed: #ededed;\n --sds-color-semantic-neutral-fill-primary: #aaaaaa;\n --sds-color-semantic-neutral-fill-secondary: #333333;\n --sds-color-semantic-neutral-ornament: #ededed;\n --sds-color-semantic-neutral-surface-primary: #494949;\n --sds-color-semantic-neutral-surface-secondary: #aaaaaa;\n --sds-color-semantic-neutral-text: #ededed;\n --sds-color-semantic-notice-border: #cf8e00;\n --sds-color-semantic-notice-fill-hover: #efad00;\n --sds-color-semantic-notice-fill-pressed: #ffdc9a;\n --sds-color-semantic-notice-fill-primary: #cf8e00;\n --sds-color-semantic-notice-fill-secondary: #552300;\n --sds-color-semantic-notice-ornament: #efad00;\n --sds-color-semantic-notice-surface-primary: #552300;\n --sds-color-semantic-notice-surface-secondary: #cf8e00;\n --sds-color-semantic-notice-text: #efad00;\n --sds-color-semantic-positive-border: #85d898;\n --sds-color-semantic-positive-fill-hover: #bcecc5;\n --sds-color-semantic-positive-fill-pressed: #daf4de;\n --sds-color-semantic-positive-fill-primary: #85d898;\n --sds-color-semantic-positive-fill-secondary: #053918;\n --sds-color-semantic-positive-ornament: #bcecc5;\n --sds-color-semantic-positive-surface-primary: #053918;\n --sds-color-semantic-positive-surface-secondary: #85d898;\n --sds-color-semantic-positive-text: #bcecc5;\n --sds-corner-l: 20px;\n --sds-corner-m: 4px;\n --sds-corner-s: 2px;\n --sds-corner-none: 0px;\n --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3);\n --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15),\n 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);\n --sds-drop-shadow-none: none;\n --sds-font-font-family-body: "Inter", sans-serif;\n --sds-font-font-family-body-narrow: "Inter", sans-serif;\n --sds-font-font-family-caps: "Inter", sans-serif;\n --sds-font-font-family-caps-narrow: "Inter", sans-serif;\n --sds-font-font-family-code: "IBM Plex Mono", monospace;\n --sds-font-font-family-code-narrow: "IBM Plex Mono", monospace;\n --sds-font-font-family-header: "Inter", sans-serif;\n --sds-font-font-family-header-narrow: "Inter", sans-serif;\n --sds-font-font-family-tabular: "Inter", sans-serif;\n --sds-font-font-family-tabular-narrow: "Inter", sans-serif;\n --sds-font-body-xxxs-400-font: 400 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-body-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-400-font: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-font-narrow: 400 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-400-letter-spacing: 0.1px;\n --sds-font-body-xxs-400-letter-spacing-narrow: 0.1px;\n --sds-font-body-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-body-xxs-600-letter-spacing: 0.1px;\n --sds-font-body-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-body-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-400-letter-spacing: 0.08px;\n --sds-font-body-xs-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-body-xs-600-letter-spacing: 0.08px;\n --sds-font-body-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-s-400-letter-spacing: 0.08px;\n --sds-font-body-s-400-letter-spacing-narrow: 0.08px;\n --sds-font-body-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-s-600-letter-spacing: 0.08px;\n --sds-font-body-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-body-m-400-font: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-m-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-body-m-400-letter-spacing: 0px;\n --sds-font-body-m-400-letter-spacing-narrow: 0px;\n --sds-font-body-m-600-font: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-m-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-body-m-600-letter-spacing: 0px;\n --sds-font-body-m-600-letter-spacing-narrow: 0px;\n --sds-font-body-l-400-font: 400 18px/28px "Inter", sans-serif;\n --sds-font-body-l-400-font-narrow: 400 16px/26px "Inter", sans-serif;\n --sds-font-body-l-400-letter-spacing: 0px;\n --sds-font-body-l-400-letter-spacing-narrow: 0px;\n --sds-font-body-l-600-font: 600 18px/28px "Inter", sans-serif;\n --sds-font-body-l-600-font-narrow: 600 16px/26px "Inter", sans-serif;\n --sds-font-body-l-600-letter-spacing: 0px;\n --sds-font-body-l-600-letter-spacing-narrow: 0px;\n --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-font-narrow: 600 11px/16px "Inter", sans-serif;\n --sds-font-caps-xxxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxxs-600-text-transform: uppercase;\n --sds-font-caps-xxxs-600-text-transform-narrow: uppercase;\n --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-caps-xxs-600-letter-spacing: 0.5px;\n --sds-font-caps-xxs-600-letter-spacing-narrow: 0.5px;\n --sds-font-caps-xxs-600-text-transform: uppercase;\n --sds-font-caps-xxs-600-text-transform-narrow: uppercase;\n --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif;\n --sds-font-header-xxxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-font-narrow: 600 12px/18px "Inter", sans-serif;\n --sds-font-header-xxs-600-letter-spacing: 0.1px;\n --sds-font-header-xxs-600-letter-spacing-narrow: 0.1px;\n --sds-font-header-xs-600-font: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-font-narrow: 600 13px/18px "Inter", sans-serif;\n --sds-font-header-xs-600-letter-spacing: 0.08px;\n --sds-font-header-xs-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-s-600-font: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-s-600-letter-spacing: 0.08px;\n --sds-font-header-s-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-m-600-font: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-m-600-font-narrow: 600 14px/20px "Inter", sans-serif;\n --sds-font-header-m-600-letter-spacing: 0px;\n --sds-font-header-m-600-letter-spacing-narrow: 0.08px;\n --sds-font-header-l-600-font: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-l-600-font-narrow: 600 16px/22px "Inter", sans-serif;\n --sds-font-header-l-600-letter-spacing: 0px;\n --sds-font-header-l-600-letter-spacing-narrow: 0px;\n --sds-font-header-xl-600-font: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xl-600-font-narrow: 600 18px/24px "Inter", sans-serif;\n --sds-font-header-xl-600-letter-spacing: 0px;\n --sds-font-header-xl-600-letter-spacing-narrow: 0px;\n --sds-font-header-xxl-600-font: 600 26px/34px "Inter", sans-serif;\n --sds-font-header-xxl-600-font-narrow: 600 22px/30px "Inter", sans-serif;\n --sds-font-header-xxl-600-letter-spacing: 0px;\n --sds-font-header-xxl-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-400-font: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-narrow: 400 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-400-letter-spacing: 0px;\n --sds-font-tabular-xs-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-xs-600-font: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-narrow: 600 13px/20px "Inter", sans-serif;\n --sds-font-tabular-xs-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-xs-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-xs-600-letter-spacing: 0px;\n --sds-font-tabular-xs-600-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-400-font: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-narrow: 400 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-400-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-400-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-400-letter-spacing: 0px;\n --sds-font-tabular-s-400-letter-spacing-narrow: 0px;\n --sds-font-tabular-s-600-font: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-narrow: 600 14px/24px "Inter", sans-serif;\n --sds-font-tabular-s-600-font-variant-numeric: tabular-nums;\n --sds-font-tabular-s-600-font-variant-numeric-narrow: tabular-nums;\n --sds-font-tabular-s-600-letter-spacing: 0px;\n --sds-font-tabular-s-600-letter-spacing-narrow: 0px;\n --sds-font-code-xs-400-font: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-font-narrow: 400 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-400-letter-spacing: 0px;\n --sds-font-code-xs-400-letter-spacing-narrow: 0px;\n --sds-font-code-xs-600-font: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-font-narrow: 600 13px/20px "IBM Plex Mono", monospace;\n --sds-font-code-xs-600-letter-spacing: 0px;\n --sds-font-code-xs-600-letter-spacing-narrow: 0px;\n --sds-font-code-s-400-font: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-font-narrow: 400 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-400-letter-spacing: 0px;\n --sds-font-code-s-400-letter-spacing-narrow: 0px;\n --sds-font-code-s-600-font: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-font-narrow: 600 14px/24px "IBM Plex Mono", monospace;\n --sds-font-code-s-600-letter-spacing: 0px;\n --sds-font-code-s-600-letter-spacing-narrow: 0px;\n --sds-icon-size-input-height: 16px;\n --sds-icon-size-input-width: 16px;\n --sds-icon-size-xs-height: 12px;\n --sds-icon-size-xs-width: 12px;\n --sds-icon-size-s-height: 16px;\n --sds-icon-size-s-width: 16px;\n --sds-icon-size-l-height: 24px;\n --sds-icon-size-l-width: 24px;\n --sds-icon-size-xl-height: 32px;\n --sds-icon-size-xl-width: 32px;\n --sds-space-default: 12px;\n --sds-space-xxxs: 2px;\n --sds-space-xxs: 4px;\n --sds-space-xs: 6px;\n --sds-space-s: 8px;\n --sds-space-m: 12px;\n --sds-space-l: 16px;\n --sds-space-xl: 24px;\n --sds-space-xxl: 40px;\n }\n}\n'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./packages/components/src/core/Accordion/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Zi:()=>components_AccordionDetails,u:()=>components_AccordionHeader,Ay:()=>core_Accordion});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),AccordionDetails=__webpack_require__("./node_modules/@mui/material/AccordionDetails/AccordionDetails.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledAccordionDetails=(0,emotion_styled_browser_esm.A)(AccordionDetails.A,{target:"e1gzlo0w0"})(styles.JU," ",(props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)("padding:",spaces?.xxs,"px ",spaces?.m,"px ",spaces?.m,"px;")})),AccordionDetails_AccordionDetails=props=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledAccordionDetails,{children})},components_AccordionDetails=AccordionDetails_AccordionDetails;AccordionDetails_AccordionDetails.__docgenInfo={description:"",methods:[],displayName:"AccordionDetails"};var AccordionSummary=__webpack_require__("./node_modules/@mui/material/AccordionSummary/AccordionSummary.js"),accordionSummaryClasses=__webpack_require__("./node_modules/@mui/material/AccordionSummary/accordionSummaryClasses.js");const StyledAccordionHeader=(0,emotion_styled_browser_esm.A)(AccordionSummary.A,{target:"e1vg2e3r0"})(styles._Z," ",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("padding:",spaces?.m,"px;align-items:flex-start;box-sizing:border-box;.",accordionSummaryClasses.A.content,"{margin:0;flex-direction:column;&.",accordionSummaryClasses.A.expanded,"{margin:0;}}& .",accordionSummaryClasses.A.expandIconWrapper,"{margin-left:",spaces?.m,"px;margin-top:",spaces?.xxs,"px !important;align-self:center;svg{color:",semanticColors?.base?.iconPrimary,";}}&:hover{& .",accordionSummaryClasses.A.expandIconWrapper,"{svg{color:",semanticColors?.base?.iconPrimaryHover,";}}}")})),StyledSubtitle=(0,emotion_styled_browser_esm.A)("p",{target:"e1vg2e3r1"})(styles.Pf," ",(props=>{const semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("color:",semanticColors?.base?.textSecondary,";margin:0;")}));var Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx");const AccordionHeader=props=>{const{children,id,subtitle}=props;return(0,jsx_runtime.jsxs)(StyledAccordionHeader,{"aria-controls":`${id}-panel-content`,id,expandIcon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"ChevronDown",sdsSize:"xs",sdsType:"static"}),children:[children,subtitle&&(0,jsx_runtime.jsx)(StyledSubtitle,{children:subtitle})]})},components_AccordionHeader=AccordionHeader;AccordionHeader.__docgenInfo={description:"",methods:[],displayName:"AccordionHeader",props:{subtitle:{required:!1,tsType:{name:"string"},description:""}}};var Accordion=__webpack_require__("./node_modules/@mui/material/Accordion/Accordion.js"),accordionClasses=__webpack_require__("./node_modules/@mui/material/Accordion/accordionClasses.js"),accordionDetailsClasses=__webpack_require__("./node_modules/@mui/material/AccordionDetails/accordionDetailsClasses.js"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts");const sdsPropNames=["useDivider","togglePosition"],StyledAccordion=(0,emotion_styled_browser_esm.A)(Accordion.A,{shouldForwardProp:prop=>!sdsPropNames.includes(prop.toString()),target:"eg67he00"})((props=>{const{useDivider,togglePosition}=props,shadows=(0,styles.CG)(props),typography=(0,styles.Of)(props),borders=(0,styles.ow)(props),spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("&.",accordionClasses.A.root,"{background-color:",semanticColors?.base?.surfaceBackground,";background-image:none;box-shadow:",shadows?.none,";font-family:",typography?.fontFamily?.body,";border-bottom:",useDivider?borders?.base?.divider:"none",";height:fit-content;& .",accordionSummaryClasses.A.root,"{",(0,a11y.U)(props)," min-height:44px;&.",accordionSummaryClasses.A.focusVisible,"{background-color:unset;}&.",accordionSummaryClasses.A.expanded,"{min-height:unset;}& .MuiAccordionSummary-expandIcon,& .",accordionSummaryClasses.A.expandIconWrapper,"{padding:0;align-self:flex-start;margin-top:",spaces?.xxxs,"px;}}.",accordionDetailsClasses.A.root,"{",(0,styles.Zo)(props)," padding:",spaces?.m,"px;padding-top:",spaces?.xxs,"px;}&:before{opacity:0;}&.",accordionClasses.A.expanded,"{margin:0;}","left"===togglePosition&&leftPosition(props),"}")})),leftPosition=props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props);return(0,emotion_react_browser_esm.AH)("&.",accordionClasses.A.root,"{& .",accordionSummaryClasses.A.root,"{flex-direction:row-reverse;.",accordionSummaryClasses.A.content,"{padding-left:",spaces?.s,"px;}.",accordionSummaryClasses.A.expandIconWrapper,"{margin:0;transform:rotate(-90deg);align-self:flex-start;margin-top:",spaces?.xxxs,"px;&.",accordionSummaryClasses.A.expanded,"{transform:rotate(0deg);}}}& .",accordionDetailsClasses.A.root,"{padding-left:",(spaces?.m??12)+(iconSizes?.xs.width??12)+(spaces?.s??8),"px;}}")},Accordion_Accordion=react.forwardRef(((props,ref)=>{const{children,useDivider,togglePosition="right",id,defaultExpanded=!1}=props,[expanded,setExpanded]=react.useState(!!defaultExpanded&&id);return(0,jsx_runtime.jsx)(StyledAccordion,{square:!0,useDivider,togglePosition,expanded:expanded===id,onChange:(panel=id,(_event,isExpanded)=>{setExpanded(!!isExpanded&&panel)}),ref,...props,children});var panel})),core_Accordion=Accordion_Accordion;Accordion_Accordion.__docgenInfo={description:"@see https://mui.com/material-ui/react-accordion/",methods:[],displayName:"Accordion"}},"./packages/components/src/core/Alert/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Alert});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledAlert=(0,emotion_styled_browser_esm.A)(Alert.A,{target:"e1uteffm0"})((props=>{const colors=(0,styles.jM)(props),spaces=(0,styles.oZ)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props),{severity="success"}=props,borderColor=colors&&severityToColor(severity,colors)[400]||"black",alertColor=colors&&severityToColor(severity,colors)[100]||"white",iconColor=colors&&severityToColor(severity,colors)[400]||"black";return`\n background-color: ${colors&&severityToColor(severity,colors)[100]};\n margin: ${spaces?.m}px 0;\n color: ${semanticColors?.base?.textPrimary};\n padding: ${spaces?.l}px ${spaces?.l}px\n ${spaces?.l}px 9px;\n background-color: ${alertColor};\n &.elevated {\n border-left: 5px solid;\n box-shadow: ${shadows?.s};\n border-color: ${borderColor};\n }\n .MuiAlert-icon {\n path {\n fill: ${iconColor};\n }\n }\n `}));function severityToColor(alertSeverity,colors){switch(alertSeverity){case"error":return colors?.red;case"warning":return colors?.yellow;case"info":return colors?.blue;default:return colors?.green}}const Alert_Alert=props=>(0,jsx_runtime.jsx)(StyledAlert,{...props}),core_Alert=Alert_Alert;Alert_Alert.__docgenInfo={description:"@see https://mui.com/material-ui/react-alert/\n\n@deprecated\nThis component is deprecated and will be removed in the next major version.\nPlease use `Callout` or `Notification` instead.",methods:[],displayName:"Alert"}},"./packages/components/src/core/Banner/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Banner});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const Centered=(0,emotion_styled_browser_esm.A)("div",{target:"e1d1rdg30"})("flex:1 1 auto;display:flex;justify-content:center;align-items:center;"),doNotForwardPropsIconWrapper=["bannerType"],IconWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardPropsIconWrapper.includes(prop),target:"e1d1rdg31"})((props=>{const{bannerType}=props,iconSizes=(0,styles.I7)(props),spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n height: ${iconSizes?.l.height}px;\n margin-right: ${spaces?.m}px;\n svg {\n fill: ${"primary"===bannerType?semanticColors?.base?.iconPrimaryInverse:semanticColors?.info?.ornament};\n }\n `})),doNotForwardPropsButtonIcon=["bannerType","textChild"],StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{shouldForwardProp:prop=>!doNotForwardPropsButtonIcon.includes(prop),target:"e1d1rdg32"})("flex:0 0 auto;",(props=>{const{bannerType}=props,semanticColors=(0,styles.Bd)(props);return"primary"!==bannerType?"":`\n svg {\n fill: ${semanticColors?.base?.iconPrimaryInverse};\n }\n\n svg:hover {\n fill: ${semanticColors?.base?.iconPrimaryInverseHover};\n }\n `})),doNotForwardProps=["sdsType","textChild"],StyledBanner=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1d1rdg34"})(styles.JU," ",(props=>{const{sdsType}=props,spaces=(0,styles.oZ)(props);return`\n display: flex;\n align-items: center;\n padding: ${spaces?.s}px ${spaces?.l}px;\n \n ${"primary"===sdsType?(props=>{const semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.info?.surfaceSecondary};\n color: ${semanticColors?.base?.textPrimaryInverse};\n `})(props):""}\n ${"secondary"===sdsType?(props=>{const semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.info?.surfacePrimary};\n color: ${semanticColors?.base?.textPrimary};\n `})(props):""}\n `})),Banner=(0,react.forwardRef)((function Banner(props,ref){const{children,dismissed,dismissible=!0,onClose,sdsType,icon,sdsIconProps,...rest}=props,[wasDismissed,setWasDismissed]=(0,react.useState)(!1);if(dismissed||wasDismissed)return null;return(0,jsx_runtime.jsxs)(StyledBanner,{role:"banner",sdsType,ref,...rest,children:[(0,jsx_runtime.jsxs)(Centered,{children:[(0,jsx_runtime.jsx)(IconWrapper,{bannerType:sdsType,children:icon?"string"!=typeof icon?icon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:icon,sdsSize:"l",sdsType:"static",...sdsIconProps}):(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"InfoCircle",sdsSize:"l",sdsType:"static",...sdsIconProps})}),children]}),dismissible&&(0,jsx_runtime.jsx)(StyledButton,{"aria-label":"Close",bannerType:sdsType,sdsType:"tertiary",sdsSize:"small",sdsStyle:"icon",onClick:e=>{void 0===dismissed&&setWasDismissed(!0),onClose&&onClose(e)},icon:"XMark"})]})})),core_Banner=Banner;Banner.__docgenInfo={description:"",methods:[],displayName:"Banner",props:{sdsType:{required:!0,tsType:{name:"union",raw:'"primary" | "secondary"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'}]},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},icon:{required:!1,tsType:{name:"union",raw:"keyof IconNameToSizes | React.ReactElement",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps"}],raw:"Partial>"},description:""},dismissed:{required:!1,tsType:{name:"boolean"},description:""},dismissible:{required:!1,tsType:{name:"boolean"},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent"},name:"e"}],return:{name:"void"}}},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/ButtonDropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),src_core_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Button/index.tsx"),src_core_Icon__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),_ButtonIcon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),src_common_warnings__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/common/warnings.ts");const BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE={large:"xl",medium:"l",small:"s"},ButtonDropdown=react__WEBPACK_IMPORTED_MODULE_1__.forwardRef(((props,ref)=>{const{icon,sdsStyle,sdsType,sdsSize="medium",sdsIconProps}=props,iconSize=BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE[sdsSize],iconItem=()=>{if(icon)return"string"!=typeof icon?icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_core_Icon__WEBPACK_IMPORTED_MODULE_3__.A,{sdsType:"iconButton",...sdsIconProps,sdsIcon:icon,sdsSize:iconSize})};return"icon"===sdsStyle?void 0!==icon?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ButtonIcon__WEBPACK_IMPORTED_MODULE_4__.A,{icon,...props,ref}):((0,src_common_warnings__WEBPACK_IMPORTED_MODULE_5__.S7)(src_common_warnings__WEBPACK_IMPORTED_MODULE_5__.oq.ButtonIconMissingIconProp),null):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_core_Button__WEBPACK_IMPORTED_MODULE_2__.A,{...props,endIcon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(src_core_Icon__WEBPACK_IMPORTED_MODULE_3__.A,{sdsIcon:"ChevronDown",sdsSize:"xs",sdsType:"button"}),sdsStyle,ref,sdsType,startIcon:iconItem()})})),__WEBPACK_DEFAULT_EXPORT__=ButtonDropdown;ButtonDropdown.__docgenInfo={description:"@see https://mui.com/material-ui/react-button/",methods:[],displayName:"ButtonDropdown",props:{icon:{required:!1,tsType:{name:"union",raw:"keyof IconNameToSizes | React.ReactElement",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsStyle:{required:!1,tsType:{name:"union",raw:'"rounded" | "square" | "icon"',elements:[{name:"literal",value:'"rounded"'},{name:"literal",value:'"square"'},{name:"literal",value:'"icon"'}]},description:""},sdsType:{required:!1,tsType:{name:"union",raw:'"primary" | "secondary"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps"}],raw:"Partial>"},description:""},sdsSize:{required:!1,tsType:{name:"union",raw:'"small" | "medium" | "large"',elements:[{name:"literal",value:'"small"'},{name:"literal",value:'"medium"'},{name:"literal",value:'"large"'}]},description:""}}}},"./packages/components/src/core/ButtonToggle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_ButtonToggle});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsStage"],StyledButtonToggle=(0,emotion_styled_browser_esm.A)(ButtonIcon.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e31uxgr0"})((props=>{const{sdsStage}=props,semanticColors=(0,styles.Bd)(props);return`\n background-color: ${"on"===sdsStage?semanticColors?.base?.fillHover:"transparent"};\n `})),ButtonToggle=react.forwardRef(((props,ref)=>{const{icon,sdsSize="medium",sdsStage="off",sdsType="primary",...rest}=props;return void 0!==icon?(0,jsx_runtime.jsx)(StyledButtonToggle,{icon,sdsType,sdsSize,sdsStage,ref,...rest}):((0,warnings.S7)(warnings.oq.ButtonToggleMissingIconProp),null)})),core_ButtonToggle=ButtonToggle;ButtonToggle.__docgenInfo={description:"@see https://mui.com/material-ui/react-button/",methods:[],displayName:"ButtonToggle"}},"./packages/components/src/core/Callout/components/CalloutTitle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_CalloutTitle});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),constants=__webpack_require__("./packages/components/src/core/Callout/constants.ts"),AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledCalloutTitle=(0,emotion_styled_browser_esm.A)(AlertTitle.A,{target:"e1l6x9tq0"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin: ${spaces?.xxxs}px 0 ${spaces?.xs}px;\n `})),CalloutTitle=({children})=>(0,jsx_runtime.jsx)(StyledCalloutTitle,{children});CalloutTitle.displayName=constants.P;const components_CalloutTitle=CalloutTitle;CalloutTitle.__docgenInfo={description:"",methods:[]}},"./packages/components/src/core/Callout/constants.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>CALLOUT_TITLE_DISPLAY_NAME});const CALLOUT_TITLE_DISPLAY_NAME="CalloutTitle"},"./packages/components/src/core/Callout/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Callout});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Grow=__webpack_require__("./node_modules/@mui/material/Grow/Grow.js"),react=__webpack_require__("./node_modules/react/index.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),constants=__webpack_require__("./packages/components/src/core/Callout/constants.ts"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),alertClasses=__webpack_require__("./node_modules/@mui/material/Alert/alertClasses.js"),alertTitleClasses=__webpack_require__("./node_modules/@mui/material/AlertTitle/alertTitleClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["calloutTitle","collapsed","severity"],StyledCallout=(0,emotion_styled_browser_esm.A)(Alert.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"elj59gl0"})(styles.Zo," ",(props=>{const{intent="info"}=props,spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),iconSizes=(0,styles.I7)(props),palette=(0,styles.Sf)(props),typography=(0,styles.Of)(props),semanticColors=(0,styles.Bd)(props),iconColor=semanticColors?.[intent]?.ornament??"black",backgroundColor=semanticColors?.[intent]?.surfacePrimary??"white",titleBottomMargin=props.collapsed?"margin-bottom: 0;":"",alertMessagePaddingTop=Math.abs(((iconSizes?.l.height??0)-parseInt(String(typography?.wideStyles?.body?.regular?.xs?.lineHeight??"0")))/2);return`\n width: 360px;\n margin: ${spaces?.m}px 0;\n border-radius: ${corners?.m}px;\n color: ${palette?.text?.primary};\n padding: ${spaces?.m}px;\n background-color: ${backgroundColor};\n\n .${alertClasses.A.icon} {\n height: ${iconSizes?.l.height}px;\n width: ${iconSizes?.l.width}px;\n margin-right: ${spaces?.s}px;\n padding: 0;\n\n path {\n fill: ${iconColor};\n }\n }\n\n .${alertClasses.A.message} {\n padding: ${alertMessagePaddingTop}px 0 0;\n margin-right: ${spaces?.m}px;\n\n .${alertTitleClasses.A.root} {\n margin-top: 0;\n ${titleBottomMargin}\n }\n }\n\n .${alertClasses.A.action} {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ${spaces?.xxs}px;\n\n > button {\n padding: 0;\n }\n }\n `})),Callout=({autoDismiss,children,dismissed,expandable,onClose,icon,sdsIconProps,intent,sdsStage,...rest})=>{const[hide,setHide]=(0,react.useState)(dismissed),[stage,setStage]=(0,react.useState)(sdsStage||"closed");(0,react.useEffect)((()=>{if(setHide(dismissed),autoDismiss){setTimeout((()=>{setHide(!0)}),"boolean"==typeof autoDismiss?8e3:autoDismiss)}}),[dismissed,autoDismiss]);const handleClose=event=>{setHide(!0),onClose&&onClose(event)},collapsed=expandable&&"closed"===stage||!1;let calloutContent,calloutTitle=children;return Array.isArray(children)&&children[0]?.type?.displayName===constants.P&&([calloutTitle,...calloutContent]=children),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(Grow.A,{in:!hide,children:(0,jsx_runtime.jsxs)(StyledCallout,{onClose:onClose?handleClose:void 0,action:(collapsed=>expandable?(0,jsx_runtime.jsx)(Button.A,{"aria-label":collapsed?"open":"close",onClick:()=>{setStage(collapsed?"open":"closed")},sdsSize:"small",sdsType:"tertiary",sdsStyle:"icon",icon:collapsed?"ChevronDown":"ChevronUp"}):onClose?(0,jsx_runtime.jsx)(Button.A,{"aria-label":"Dismiss",onClick:handleClose,sdsSize:"small",sdsType:"tertiary",sdsStyle:"icon",size:"large",icon:"XMark"}):null)(collapsed),icon:(()=>{if(void 0!==icon)return"string"!=typeof icon?icon:(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:icon,sdsType:"static",...sdsIconProps});switch(intent){case"positive":return(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:"CheckCircle",sdsType:"static"});case"info":return(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:"InfoCircle",sdsType:"static"});default:return(0,jsx_runtime.jsx)(Icon.A,{sdsSize:"l",sdsIcon:"ExclamationMarkCircle",sdsType:"static"})}})(),intent,collapsed:collapsed||!1,...rest,children:[calloutTitle,!collapsed&&calloutContent]})})})},core_Callout=Callout;Callout.__docgenInfo={description:"@see https://mui.com/material-ui/react-alert/",methods:[],displayName:"Callout",props:{autoDismiss:{required:!1,tsType:{name:"union",raw:"boolean | number",elements:[{name:"boolean"},{name:"number"}]},description:""},dismissed:{required:!1,tsType:{name:"boolean"},description:""},expandable:{required:!1,tsType:{name:"boolean"},description:""},icon:{required:!1,tsType:{name:"union",raw:"keyof IconNameToSizes | React.ReactElement",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps"}],raw:"Partial>"},description:""},intent:{required:!0,tsType:{name:"union",raw:'"info" | "negative" | "notice" | "positive"',elements:[{name:"literal",value:'"info"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"positive"'}]},description:""},sdsStage:{required:!1,tsType:{name:"union",raw:"typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN",elements:[{name:"SDS_STAGE_CLOSED"},{name:"SDS_STAGE_OPEN"}]},description:""}}}},"./packages/components/src/core/CellBasic/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_CellBasic});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["icon","iconVerticalAlign","horizontalAlign","verticalAlign","primaryText","secondaryText","tertiaryText","shouldTextWrap","shouldShowTooltipOnHover","tooltipProps","primaryTextWrapLineCount","secondaryTextWrapLineCount","tertiaryTextWrapLineCount","primaryTextComponentSlotBottom","primaryTextComponentSlotRight"],verticalAlignCSSMap={bottom:"bottom",center:"middle",top:"top"},verticalAlignToFlexMap={bottom:"flex-end",center:"center",top:"flex-start"},StyledTableData=(0,emotion_styled_browser_esm.A)("td",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl60"})(styles.JU," ",styles.UT," ",(props=>{const{horizontalAlign="left",verticalAlign="top"}=props,spaces=(0,styles.oZ)(props);return`\n padding: ${spaces?.l}px ${spaces?.m}px;\n text-align: ${horizontalAlign};\n vertical-align: ${verticalAlignCSSMap[verticalAlign]};\n overflow: hidden;\n `})),ShouldWrap=lineCount=>`\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: ${lineCount};\n -webkit-box-orient: vertical; \n `,StyledCellContent=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl61"})("display:flex;"),StyledCellContentWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl62"})("width:100%;"),StyledCellIconWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl63"})((props=>{const{iconVerticalAlign="top"}=props,spaces=(0,styles.oZ)(props);return`\n padding-right: ${spaces?.l}px;\n display: flex;\n flex-direction: column;\n justify-content: ${verticalAlignToFlexMap[iconVerticalAlign]};\n `})),PrimaryTextWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl64"})((props=>{const{horizontalAlign}=props;return`\n display: flex;\n justify-content: ${"left"===horizontalAlign?"flex-start":"flex-end"};\n `})),PrimaryText=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl65"})(styles.JU," ",(props=>{const{primaryTextWrapLineCount=3}=props;return`\n display: block;\n ${props.shouldTextWrap?ShouldWrap(primaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),SecondaryText=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl66"})(styles.Pf," ",(props=>{const{secondaryTextWrapLineCount=1}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n display: block;\n color: ${semanticColors?.base?.textSecondary};\n padding-top: ${spaces?.xxxs}px;\n\n ${props.shouldTextWrap?ShouldWrap(secondaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),TertiaryText=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rodtl67"})(styles.Pf," ",(props=>{const{tertiaryTextWrapLineCount=1}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n display: block;\n color: ${semanticColors?.base?.textSecondary};\n padding-top: ${spaces?.s}px;\n\n ${props.shouldTextWrap?ShouldWrap(tertiaryTextWrapLineCount):"\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n "}\n `})),PrimaryTextComponentSlotBottomWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl68"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.xxs}px;\n `})),PrimaryTextComponentSlotRightWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1rodtl69"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-left: ${spaces?.xs}px;\n `})),CellBasicContent=props=>{const{primaryText,primaryTextWrapLineCount,secondaryText,secondaryTextWrapLineCount,tertiaryText,tertiaryTextWrapLineCount,shouldTextWrap=!0,icon,iconVerticalAlign,primaryTextComponentSlotRight,primaryTextComponentSlotBottom,horizontalAlign="left"}=props;return(0,jsx_runtime.jsxs)(StyledCellContent,{children:[icon&&(0,jsx_runtime.jsx)(StyledCellIconWrapper,{iconVerticalAlign,children:icon}),(0,jsx_runtime.jsxs)(StyledCellContentWrapper,{children:[(0,jsx_runtime.jsxs)(PrimaryTextWrapper,{horizontalAlign,children:[(0,jsx_runtime.jsx)(PrimaryText,{shouldTextWrap,primaryTextWrapLineCount,children:primaryText}),primaryTextComponentSlotRight&&(0,jsx_runtime.jsx)(PrimaryTextComponentSlotRightWrapper,{children:primaryTextComponentSlotRight})]}),!secondaryText&&!tertiaryText&&primaryTextComponentSlotBottom&&(0,jsx_runtime.jsx)(PrimaryTextComponentSlotBottomWrapper,{children:primaryTextComponentSlotBottom}),secondaryText&&(0,jsx_runtime.jsx)(SecondaryText,{shouldTextWrap,secondaryTextWrapLineCount,children:secondaryText}),tertiaryText&&(0,jsx_runtime.jsx)(TertiaryText,{shouldTextWrap,tertiaryTextWrapLineCount,children:tertiaryText})]})]})},CellBasic=(0,react.forwardRef)(((props,ref)=>{const{primaryText,secondaryText,shouldShowTooltipOnHover=!0,tooltipProps}=props;return shouldShowTooltipOnHover?(0,jsx_runtime.jsx)(Tooltip.A,{title:primaryText,subtitle:secondaryText,arrow:!0,leaveDelay:0,leaveTouchDelay:0,sdsStyle:"dark",...tooltipProps,children:(0,jsx_runtime.jsx)(StyledTableData,{ref,...props,children:(0,jsx_runtime.jsx)(CellBasicContent,{...props})})}):(0,jsx_runtime.jsx)(StyledTableData,{ref,...props,children:(0,jsx_runtime.jsx)(CellBasicContent,{...props})})})),core_CellBasic=CellBasic;CellBasic.__docgenInfo={description:"",methods:[],displayName:"CellBasic",props:{shouldShowTooltipOnHover:{required:!1,tsType:{name:"boolean"},description:""},tooltipProps:{required:!1,tsType:{name:"Partial",elements:[{name:"TooltipProps"}],raw:"Partial"},description:""},horizontalAlign:{required:!1,tsType:{name:"union",raw:'"left" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},verticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""},iconVerticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""},shouldTextWrap:{required:!1,tsType:{name:"boolean"},description:""},primaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},secondaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},tertiaryTextWrapLineCount:{required:!1,tsType:{name:"number"},description:""},primaryText:{required:!0,tsType:{name:"string"},description:""},secondaryText:{required:!1,tsType:{name:"string"},description:""},tertiaryText:{required:!1,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactReactElement",raw:"React.ReactElement",elements:[{name:"CustomSVGProps"}]},description:""},primaryTextComponentSlotRight:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},primaryTextComponentSlotBottom:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}},composes:["CommonThemeProps","Omit"]}},"./packages/components/src/core/CellComponent/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_CellComponent});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["horizontalAlign","verticalAlign"],StyledCellComponentData=(0,emotion_styled_browser_esm.A)("td",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"emsppok0"})(styles.JU," ",styles.UT," ",(props=>{const spaces=(0,styles.oZ)(props),{horizontalAlign="left",verticalAlign="top"}=props;return`\n align-items: center;\n text-align: ${horizontalAlign};\n vertical-align: ${verticalAlign};\n overflow: hidden;\n padding: ${spaces?.l}px ${spaces?.m}px;\n `})),CellComponent=(0,react.forwardRef)(((props,_)=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledCellComponentData,{className:"cell-component",...props,children})})),core_CellComponent=CellComponent;CellComponent.__docgenInfo={description:"",methods:[],displayName:"CellComponent",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},horizontalAlign:{required:!1,tsType:{name:"union",raw:'"left" | "center" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"center"'},{name:"literal",value:'"right"'}]},description:""},verticalAlign:{required:!1,tsType:{name:"union",raw:'"top" | "center" | "bottom"',elements:[{name:"literal",value:'"top"'},{name:"literal",value:'"center"'},{name:"literal",value:'"bottom"'}]},description:""}},composes:["Omit","CommonThemeProps"]}},"./packages/components/src/core/Chip/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Chip});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function createStatusCss(props,status){const colors=(0,styles.jM)(props),semanticColors=(0,styles.Bd)(props);if(!colors)return;const statusColors={beta:{dark:semanticColors?.beta?.text,light:semanticColors?.beta?.surfacePrimary},error:{dark:semanticColors?.negative?.text,light:semanticColors?.negative?.surfacePrimary},info:{dark:semanticColors?.info?.text,light:semanticColors?.info?.surfacePrimary},pending:{dark:semanticColors?.neutral?.text,light:semanticColors?.neutral?.surfacePrimary},success:{dark:semanticColors?.positive?.text,light:semanticColors?.positive?.surfacePrimary},warning:{dark:colors?.yellow[700],light:semanticColors?.notice?.surfacePrimary}}[status];return(0,emotion_react_browser_esm.AH)("background-color:",statusColors.light,";.MuiChip-label{color:",statusColors.dark,";}")}const statusToCss={beta:props=>createStatusCss(props,"beta"),error:props=>createStatusCss(props,"error"),info:props=>createStatusCss(props,"info"),pending:props=>createStatusCss(props,"pending"),success:props=>createStatusCss(props,"success"),warning:props=>createStatusCss(props,"warning")},doNotForwardProps=["isRounded"],StyledChip=(0,emotion_styled_browser_esm.A)(Chip.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"em6vngs0"})("border:none;",(props=>{const{size,status,isRounded}=props;return(0,emotion_react_browser_esm.AH)(isRounded&&(props=>{const corners=(0,styles.VP)(props);return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.l,"px;")})(props)," ",!isRounded&&(props=>{const corners=(0,styles.VP)(props);return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.m,"px;")})(props)," ","small"===size&&(props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)("height:",spaces?.l,"px;padding:",spaces?.xxs,"px ",spaces?.xs,"px;.MuiChip-label{",(0,styles.Uw)(props)," padding:0;}")})(props)," ","medium"===size&&(props=>{const spaces=(0,styles.oZ)(props),colors=(0,styles.jM)(props);return(0,emotion_react_browser_esm.AH)("margin:0 ",spaces?.s,"px;height:24px;background-color:",colors?.blue[400],";&:hover{background-color:",colors?.blue[500],";}&:active{background-color:",colors?.blue[600],";}.MuiChip-label{",(0,styles.Se)(props)," color:white;padding-left:",spaces?.s,"px;}.MuiChip-deleteIcon{color:white;padding-right:",spaces?.xxs,"px;margin:0 0 0 -",spaces?.s,"px;height:",spaces?.l,"px;width:",spaces?.l,"px;&:hover,&:focus-visible{color:white;}}")})(props)," ",status&&statusToCss[status](props))})),Chip_Chip=props=>{(0,warnings.S7)(warnings.oq.ChipDeprecated);const{onDelete}=props;return onDelete?(0,jsx_runtime.jsx)(StyledChip,{deleteIcon:(0,jsx_runtime.jsx)(Clear.A,{}),...props}):(0,jsx_runtime.jsx)(StyledChip,{...props})},core_Chip=Chip_Chip;Chip_Chip.__docgenInfo={description:"@see https://mui.com/material-ui/react-chip/\n\n@deprecated\nThis component is deprecated and will be removed in the next major version.\nPlease use `Tag` or `TagFilter` instead.",methods:[],displayName:"Chip",props:{size:{required:!1,tsType:{name:"union",raw:'"small" | "medium"',elements:[{name:"literal",value:'"small"'},{name:"literal",value:'"medium"'}]},description:""},status:{required:!1,tsType:{name:"union",raw:'"success" | "error" | "warning" | "info" | "pending" | "beta"',elements:[{name:"literal",value:'"success"'},{name:"literal",value:'"error"'},{name:"literal",value:'"warning"'},{name:"literal",value:'"info"'},{name:"literal",value:'"pending"'},{name:"literal",value:'"beta"'}]},description:""},isRounded:{required:!1,tsType:{name:"boolean"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/ComplexFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>core_ComplexFilter});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx");const Chips=({value,multiple=!1,onDelete})=>{if(!value)return null;if(!multiple){const{name}=value;return(0,jsx_runtime.jsx)(TagFilter.A,{label:name,onDelete,onClick:()=>onDelete(name)})}return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:value.map((item=>{const{name}=item;return(0,jsx_runtime.jsx)(TagFilter.A,{label:name,onDelete:()=>onDelete(item),onClick:()=>onDelete(item)},name)}))})},components_Chips=Chips;Chips.__docgenInfo={description:"",methods:[],displayName:"Chips",props:{value:{required:!0,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},multiple:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onDelete:{required:!0,tsType:{name:"signature",type:"function",raw:"(option: DefaultAutocompleteOption) => void",signature:{arguments:[{type:{name:"DefaultAutocompleteOption"},name:"option"}],return:{name:"void"}}},description:""}}};var emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const Wrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1waziz50"})("min-width:150px;"),StyledChipsWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1waziz51"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.s}px;\n `})),ComplexFilter=({options,label="",multiple=!1,search=!1,onChange,DropdownMenuProps={},InputDropdownProps={sdsStyle:"minimal"},value:propValue,PopperComponent,InputDropdownComponent=InputDropdown.A,isTriggerChangeOnOptionClick=!1,...rest})=>{const isControlled=void 0!==propValue,[open,setOpen]=(0,react.useState)(!1),[anchorEl,setAnchorEl]=(0,react.useState)(null),[value,setValue]=(0,react.useState)(getInitialValue()),[pendingValue,setPendingValue]=(0,react.useState)(getInitialValue()),prevValueRef=(0,react.useRef)(value);(0,react.useEffect)((()=>{prevValueRef.current!==value&&(onChange(value),setPendingValue(value),prevValueRef.current=value)}),[onChange,value]);const prevPropValueRef=(0,react.useRef)(propValue);return(0,react.useEffect)((()=>{isControlled&&prevPropValueRef.current!==propValue&&(setValue(propValue),prevPropValueRef.current=propValue)}),[isControlled,propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(Wrapper,{...rest,children:[(0,jsx_runtime.jsx)(InputDropdownComponent,{label,onClick:function handleClick(event){open?(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus(),setAnchorEl(null)):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},...InputDropdownProps}),(0,jsx_runtime.jsx)(StyledChipsWrapper,{children:(0,jsx_runtime.jsx)(components_Chips,{value,multiple,onDelete:function handleDelete(option){if(!multiple)return setValue(null);const newValue=value?.filter((item=>item!==option))||null;setValue(newValue)}})})]}),(0,jsx_runtime.jsx)(DropdownMenu.A,{anchorEl,open,onClose:function handleMenuSelectClose(event,reason){["escape","select-option"].includes(reason)&&handleClose()},search,multiple,value:multiple?pendingValue:value,onChange:function handleChange(event,newValue){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValue(newValue)):setPendingValue(newValue);setValue(newValue),multiple||setOpen(!1)},disableCloseOnSelect:multiple,options,PopperComponent,PopperBaseProps:{sx:{minWidth:250}},onClickAway:handleClose,...DropdownMenuProps,...rest})]});function handleClose(){open&&(setOpen(!1),multiple&&setValue(pendingValue))}function getInitialValue(){return multiple?propValue??[]:propValue??null}},core_ComplexFilter=ComplexFilter;ComplexFilter.__docgenInfo={description:"",methods:[],displayName:"ComplexFilter",props:{label:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:'""',computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"T"}],raw:"T[]"},description:""},multiple:{required:!1,tsType:{name:"Multiple"},description:"",defaultValue:{value:"false",computed:!1}},search:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(\n options: AutocompleteValue\n) => void",signature:{arguments:[{type:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},name:"options"}],return:{name:"void"}}},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"DropdownMenu"}],raw:"Partial"},description:"",defaultValue:{value:"{}",computed:!1}},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial"},description:"",defaultValue:{value:'{ sdsStyle: "minimal" }',computed:!1}},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""},className:{required:!1,tsType:{name:"string"},description:""},PopperComponent:{required:!1,tsType:{name:"StyledPopper"},description:""},InputDropdownComponent:{required:!1,tsType:{name:"InputDropdown"},description:"",defaultValue:{value:"InputDropdown",computed:!0}},isTriggerChangeOnOptionClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}}},"./packages/components/src/core/Dialog/components/DialogActions/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogActions});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),DialogActions=__webpack_require__("./node_modules/@mui/material/DialogActions/DialogActions.js"),dialogActionsClasses=__webpack_require__("./node_modules/@mui/material/DialogActions/dialogActionsClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonPosition"],StyledDialogActions=(0,emotion_styled_browser_esm.A)(DialogActions.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1u75fhn0"})("padding:0;",(props=>{const spaces=(0,styles.oZ)(props),{buttonPosition="right"}=props;return`\n justify-content: ${"right"===buttonPosition?"flex-end":"flex-start"};;\n\n margin-top: ${spaces?.xxl}px;\n\n &.${dialogActionsClasses.A.spacing} > :not(:first-of-type) {\n margin-left: ${spaces?.m}px;\n }\n `})),DialogActions_DialogActions=(0,react.forwardRef)((function DialogActions(props,ref){return(0,jsx_runtime.jsx)(StyledDialogActions,{ref,...props})})),components_DialogActions=DialogActions_DialogActions;DialogActions_DialogActions.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"DialogActions"}},"./packages/components/src/core/Dialog/components/DialogContent/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogContent});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),DialogContent=__webpack_require__("./node_modules/@mui/material/DialogContent/DialogContent.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledDialogContent=(0,emotion_styled_browser_esm.A)(DialogContent.A,{target:"eg70i4k0"})(styles.JU," padding:0;"),components_DialogContent=(0,react.forwardRef)((function DialogContent(props,ref){return(0,jsx_runtime.jsx)(StyledDialogContent,{ref,...props})}))},"./packages/components/src/core/Dialog/components/DialogPaper/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_DialogPaper});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),common=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsSize"],StyledPaper=(0,emotion_styled_browser_esm.A)(Paper.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1rkxeus0"})("&{",paperDimensions," ",(props=>{const spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.surfacePrimary};\n background-image: none;\n box-shadow: ${shadows?.l};\n max-height: calc(100vh - ${2*(spaces?.xxl||0)}px);\n border-radius: ${corners?.m||0}px;\n padding: ${spaces?.xxl||0}px;\n `}),"}");function paperDimensions(props){const{sdsSize}=props,{width,minHeight}={l:{minHeight:"600px",width:"1200px"},m:{minHeight:"480px",width:"900px"},s:{minHeight:"400px",width:"600px"},xs:{minHeight:"160px",width:"400px"}}[sdsSize];return`\n width: ${width};\n min-height: ${minHeight};\n max-width: revert;\n box-sizing: border-box;\n `}const DialogPaper=(0,react.forwardRef)((function DialogPaper(props,ref){return(0,jsx_runtime.jsx)(common.M.Consumer,{children:({sdsSize})=>(0,jsx_runtime.jsx)(StyledPaper,{sdsSize,ref,...props})})})),components_DialogPaper=DialogPaper;DialogPaper.__docgenInfo={description:"@see https://mui.com/material-ui/react-paper/",methods:[],displayName:"DialogPaper"}},"./packages/components/src/core/Dialog/components/DialogTitle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>components_DialogTitle});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),common=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"eg603380"})("position:absolute;",(props=>{const spaces=(0,styles.oZ)(props);return`\n right: ${spaces?.xxl}px;\n `})),CloseButton=(0,react.forwardRef)((function CloseButton(props,ref){const SDS_SIZE_TO_COMPONENT_SIZE={l:"large",m:"large",s:"medium",xs:"small"};return(0,jsx_runtime.jsx)(common.M.Consumer,{children:({sdsSize})=>{const size=SDS_SIZE_TO_COMPONENT_SIZE[sdsSize];return(0,jsx_runtime.jsx)(StyledButton,{"aria-label":"Close",ref,sdsSize:size,...props,icon:"XMark",sdsStyle:"icon",sdsType:"tertiary"})}})})),components_CloseButton=CloseButton;CloseButton.__docgenInfo={description:"",methods:[],displayName:"CloseButton"};var DialogTitle=__webpack_require__("./node_modules/@mui/material/DialogTitle/DialogTitle.js"),Typography=__webpack_require__("./node_modules/@mui/material/Typography/Typography.js");const StyledDialogTitle=(0,emotion_styled_browser_esm.A)(DialogTitle.A,{target:"esai1wo0"})("padding:0;",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-bottom: ${spaces?.xl||0}px;\n `})),Title=(0,emotion_styled_browser_esm.A)(Typography.A,{target:"esai1wo1"})(styles.Zq," ",(props=>{const semanticColors=(0,styles.Bd)(props);return`\n color: ${semanticColors?.base?.textPrimary};\n `})),Subtitle=(0,emotion_styled_browser_esm.A)(Typography.A,{target:"esai1wo2"})(styles.Zo," ",(props=>{const semanticColors=(0,styles.Bd)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n `})),Overline=(0,emotion_styled_browser_esm.A)(Typography.A,{target:"esai1wo3"})(styles.JU," ",(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n padding-bottom: ${spaces?.xxxs}px;\n `})),DialogTitle_DialogTitle=(0,react.forwardRef)((function DialogTitle(props,ref){const{children,title,subtitle,overline,onClose,...rest}=props;return(0,jsx_runtime.jsx)(StyledDialogTitle,{ref,...rest,children:children||(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[onClose&&(0,jsx_runtime.jsx)(components_CloseButton,{icon:"XMark",onClick:onClose}),(0,jsx_runtime.jsx)(Overline,{children:overline}),(0,jsx_runtime.jsx)(Title,{children:title}),(0,jsx_runtime.jsx)(Subtitle,{children:subtitle})]})})})),components_DialogTitle=DialogTitle_DialogTitle;DialogTitle_DialogTitle.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"DialogTitle",props:{title:{required:!1,tsType:{name:"string"},description:""},subtitle:{required:!1,tsType:{name:"string"},description:""},overline:{required:!1,tsType:{name:"string"},description:""},onClose:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}},composes:["DialogTitleExtraProps","RawDialogTitleProps"]}},"./packages/components/src/core/Dialog/components/common.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>DialogContext});const DialogContext=(0,__webpack_require__("./node_modules/react/index.js").createContext)({sdsSize:"m"})},"./packages/components/src/core/Dialog/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/Dialog/Dialog.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),_components_DialogPaper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Dialog/components/DialogPaper/index.tsx"),_components_common__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Dialog/components/common.ts");const Dialog=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((function Dialog(props,ref){const{canClickOutsideClose=!0,onClose,sdsSize="m",PaperComponent=_components_DialogPaper__WEBPACK_IMPORTED_MODULE_2__.A,...rest}=props,contextValue=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>({sdsSize})),[sdsSize]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common__WEBPACK_IMPORTED_MODULE_3__.M.Provider,{value:contextValue,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.A,{ref,PaperComponent,...rest,onClose:(event,reason)=>{(canClickOutsideClose||!reason||"backdropClick"!==reason&&"escapeKeyDown"!==reason)&&onClose&&onClose(event,reason)}})})})),__WEBPACK_DEFAULT_EXPORT__=Dialog;Dialog.__docgenInfo={description:"@see https://mui.com/material-ui/react-dialog/",methods:[],displayName:"Dialog"}},"./packages/components/src/core/Dropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Ay:()=>core_Dropdown});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonPosition"],StyledButtonsWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e125bwfx0"})((props=>{const{buttonPosition}=props;return`\n display: flex;\n justify-content: ${"left"===buttonPosition?"start":"end"};\n `})),StyledButton=(0,emotion_styled_browser_esm.A)(Button.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e125bwfx1"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: ${spaces?.l}px;\n margin-right: ${spaces?.m}px;\n `})),Dropdown=props=>{const{options,label="",multiple=!1,search=!1,buttonPosition="right",buttons=!1,closeOnBlur=!buttons,onClose,onChange,DropdownMenuProps={},InputDropdownProps={sdsStyle:"minimal"},InputDropdownComponent=InputDropdown.A,isTriggerChangeOnOptionClick=!1,disabled=!1,value:propValue,onClick,...rest}=props;buttons&&!multiple&&console.warn("Warning: buttons are only supported for multiple select dropdowns.");const isMultiColumn="options"in(options?.[0]||utils.Ml),isControlled=void 0!==propValue,[anchorEl,setAnchorEl]=(0,react.useState)(null),[open,setOpen]=(0,react.useState)(!1),[value,setValue]=(0,react.useState)(getInitialValue()),[pendingValue,setPendingValue]=(0,react.useState)(getInitialValue()),shouldShowButtons=buttons&&!isTriggerChangeOnOptionClick&&multiple;return(0,react.useEffect)((()=>{isControlled&&setValue(propValue)}),[isControlled,propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,{disabled,label,onClick:function handleClick(event){onClick?.(event),open?shouldShowButtons||(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus()):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},...InputDropdownProps,...rest}),(0,jsx_runtime.jsx)(DropdownMenu.A,{anchorEl,open,search,onClose:handleClose,multiple,disableCloseOnSelect:multiple,options,onClickAway:function handleClickAway(){open&&(closeOnBlur&&!shouldShowButtons&&setOpen(!1),multiple&&setValue(pendingValue))},width:250,onChange:function handleChange(event,newValue,reason,details){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValueAndCallOnChange(event,newValue,reason,details)):setPendingValue(newValue);setValueAndCallOnChange(event,newValue,reason,details),isMultiColumn||setOpen(!1)},value:isMultiColumn?value:multiple?pendingValue:value,...DropdownMenuProps,...rest,children:shouldShowButtons?(0,jsx_runtime.jsx)(StyledButtonsWrapper,{buttonPosition,children:"left"===buttonPosition?(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleButtonClose,sdsStyle:"square",sdsType:"primary",children:"Apply"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"})]}):(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleButtonClose,sdsStyle:"square",sdsType:"primary",children:"Apply"})]})}):null})]});function getInitialValue(){return multiple?[]:null}function handleClose(event,reason){"toggleInput"!==reason&&(shouldShowButtons&&"blur"===reason||(multiple&&setValue(pendingValue),anchorEl&&anchorEl.focus(),closeOnBlur&&onClose?.(event,reason),shouldShowButtons&&(onClose?.(event,reason),setOpen(!1))))}function handleButtonClose(event){handleClose(event,"selectOption")}function handleCancel(){multiple&&setPendingValue(value),anchorEl&&anchorEl.focus(),setOpen(!1)}function setValueAndCallOnChange(event,newValue,reason,details){setValue(newValue),onChange?.(event,newValue,reason,details)}},core_Dropdown=Dropdown;Dropdown.__docgenInfo={description:"",methods:[],displayName:"Dropdown",props:{buttonPosition:{required:!1,tsType:{name:"union",raw:'"left" | "right"',elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'}]},description:""},buttons:{required:!1,tsType:{name:"boolean"},description:""},closeOnBlur:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},label:{required:!0,tsType:{name:"ReactNode"},description:""},options:{required:!0,tsType:{name:"union",raw:"| AutocompleteSingleColumnOption[]\n| AutocompleteMultiColumnOption[]",elements:[{name:"Array",elements:[{name:"AutocompleteSingleColumnOption",elements:[{name:"T"}],raw:"AutocompleteSingleColumnOption"}],raw:"AutocompleteSingleColumnOption[]"},{name:"Array",elements:[{name:"AutocompleteMultiColumnOption",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteMultiColumnOption"}],raw:"AutocompleteMultiColumnOption[]"}]},description:""},search:{required:!1,tsType:{name:"boolean"},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"SdsDropdownMenuProps",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"SdsDropdownMenuProps"}],raw:"Partial<\n SdsDropdownMenuProps\n>"},description:""},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial"},description:""},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""},className:{required:!1,tsType:{name:"string"},description:""},InputDropdownComponent:{required:!1,tsType:{name:"InputDropdown"},description:""},isTriggerChangeOnOptionClick:{required:!1,tsType:{name:"boolean"},description:""}}}},"./packages/components/src/core/InputCheckbox/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputCheckbox});var _path,_path2,jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SvgIcon=__webpack_require__("./node_modules/@mui/material/SvgIcon/SvgIcon.js"),react=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e{const{intent="default"}=props,iconSizes=(0,styles.I7)(props),spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props),checkboxColor={default:"base",negative:"negative",notice:"notice",positive:"positive"}[intent];return`\n color: ${semanticColors?.[checkboxColor]?.border};\n\n &:hover {\n color: ${semanticColors?.base?.borderHover};\n background-color: transparent;\n }\n\n &.${checkboxClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n\n &.${checkboxClasses.A.checked} {\n color: ${semanticColors?.accent?.border};\n\n &:hover {\n color: ${semanticColors?.accent?.borderHover};\n background-color: transparent;\n }\n\n &.${checkboxClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n }\n\n &.${checkboxClasses.A.root} {\n ${(0,a11y.U)(props)}\n padding: 0;\n margin-right: ${spaces?.s}px;\n border-radius: 0;\n }\n\n .MuiSvgIcon-root {\n height: ${iconSizes?.s.height}px;\n width: ${iconSizes?.s.width}px;\n }\n `})),StyledFormControlLabel=(0,emotion_styled_browser_esm.A)(FormControlLabel.A,{target:"e17f8yd91"})((props=>{const spaces=(0,styles.oZ)(props);return`\n align-items: start;\n margin-bottom: ${spaces?.l}px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n `})),StyledLabelContainer=(0,emotion_styled_browser_esm.A)("span",{target:"e17f8yd92"})("display:flex;justify-content:start;flex-direction:column;"),StyledCheckboxLabel=(0,emotion_styled_browser_esm.A)("span",{target:"e17f8yd93"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: -${spaces?.xxxs}px !important;\n `})),StyledCheckboxCaption=(0,emotion_styled_browser_esm.A)("span",{target:"e17f8yd94"})(styles.Pf," ",(props=>{const{disabled}=props,semanticColors=(0,styles.Bd)(props);return`\n color: ${disabled?semanticColors?.base?.textDisabled:semanticColors?.base?.textSecondary};\n `})),InputCheckbox=props=>{const{caption,checkboxProps,disabled,intent="default",label,stage,value,...rest}=props;let newProps;switch(stage){case"checked":newProps={...rest,checked:!0,color:"primary"};break;case"unchecked":newProps={...rest,checked:!1,color:"default"};break;case"indeterminate":newProps={...rest,checked:!0,color:"primary",indeterminate:!0};break;default:newProps=rest}const finalLabel=caption?(0,jsx_runtime.jsxs)(StyledLabelContainer,{children:[(0,jsx_runtime.jsx)(StyledCheckboxLabel,{children:label}),(0,jsx_runtime.jsx)(StyledCheckboxCaption,{disabled,children:caption})]}):(0,jsx_runtime.jsx)(StyledLabelContainer,{children:(0,jsx_runtime.jsx)(StyledCheckboxLabel,{children:label})});return(0,jsx_runtime.jsx)(StyledFormControlLabel,{control:(0,jsx_runtime.jsx)(StyledCheckbox,{disabled,checkedIcon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconCheckboxChecked,viewBox:"0 0 16 16"}),icon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconCheckboxUnchecked,viewBox:"0 0 16 16"}),indeterminateIcon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconCheckboxIndeterminate,viewBox:"0 0 16 16"}),intent,...checkboxProps,...newProps}),disabled,label:finalLabel,value})},core_InputCheckbox=InputCheckbox;InputCheckbox.__docgenInfo={description:"@see https://mui.com/material-ui/react-checkbox/",methods:[],displayName:"InputCheckbox",props:{caption:{required:!1,tsType:{name:"string"},description:""},checkboxProps:{required:!1,tsType:{name:"Partial",elements:[{name:"MUICheckboxProps"}],raw:"Partial"},description:""},intent:{required:!1,tsType:{name:"union",raw:'"default" | "negative" | "notice" | "positive"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"positive"'}]},description:""},label:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},stage:{required:!1,tsType:{name:"union",raw:'"checked" | "unchecked" | "indeterminate"',elements:[{name:"literal",value:'"checked"'},{name:"literal",value:'"unchecked"'},{name:"literal",value:'"indeterminate"'}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}},composes:["Omit","CommonThemeProps"]}},"./packages/components/src/core/InputRadio/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputRadio});var _path,jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),SvgIcon=__webpack_require__("./node_modules/@mui/material/SvgIcon/SvgIcon.js"),react=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e{const{intent="default"}=props,spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props),radioColor={default:"base",negative:"negative",notice:"notice",positive:"positive"}[intent];return`\n color: ${semanticColors?.[radioColor]?.border};\n\n &:hover {\n color: ${semanticColors?.base?.borderHover};\n background-color: transparent;\n }\n\n &.${radioClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n\n &.${radioClasses.A.checked} {\n color: ${semanticColors?.accent?.border};\n\n &:hover {\n color: ${semanticColors?.accent?.borderHover};\n background-color: transparent;\n }\n\n &.${radioClasses.A.disabled} {\n color: ${semanticColors?.base?.borderDisabled};\n }\n }\n\n &.${radioClasses.A.root} {\n ${(0,a11y.U)(props)}\n margin: 0 ${spaces?.s}px 0 0;\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ${iconSizes?.s.height}px;\n width: ${iconSizes?.s.width}px;\n }\n `})),StyledFormControlLabel=(0,emotion_styled_browser_esm.A)(FormControlLabel.A,{target:"e1bc6kg41"})((props=>{const spaces=(0,styles.oZ)(props);return`\n align-items: start;\n margin-bottom: ${spaces?.l}px;\n margin-left: 0;\n margin-right: 0;\n width: fit-content;\n `})),StyledLabelContainer=(0,emotion_styled_browser_esm.A)("span",{target:"e1bc6kg42"})("display:flex;justify-content:start;flex-direction:column;"),StyledRadioLabel=(0,emotion_styled_browser_esm.A)("span",{target:"e1bc6kg43"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-top: -${spaces?.xxxs}px !important;\n `})),StyledRadioCaption=(0,emotion_styled_browser_esm.A)("span",{target:"e1bc6kg44"})(styles.Pf," ",(props=>{const{disabled}=props,semanticColors=(0,styles.Bd)(props);return`\n color: ${disabled?semanticColors?.base?.textDisabled:semanticColors?.base?.textSecondary};\n `})),InputRadio=props=>{const{caption,disabled,intent="default",radioProps,stage,value}=props,{label,...restProps}=props;let newProps;switch(stage){case"checked":newProps={...restProps,checked:!0,color:"primary"};break;case"unchecked":newProps={...restProps,checked:!1,color:"default"};break;default:newProps=restProps}const labelId=`${value}-label`,captionId=caption?`${value}-caption`:void 0,finalLabel=caption?(0,jsx_runtime.jsxs)(StyledLabelContainer,{children:[(0,jsx_runtime.jsx)(StyledRadioLabel,{id:labelId,children:label}),(0,jsx_runtime.jsx)(StyledRadioCaption,{disabled,id:captionId,children:caption})]}):(0,jsx_runtime.jsx)(StyledLabelContainer,{children:(0,jsx_runtime.jsx)(StyledRadioLabel,{id:labelId,children:label})});return(0,jsx_runtime.jsx)(StyledFormControlLabel,{control:(0,jsx_runtime.jsx)(StyledRadioButton,{disabled,checkedIcon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconRadioChecked,viewBox:"0 0 16 16"}),icon:(0,jsx_runtime.jsx)(SvgIcon.A,{fillcontrast:"white",component:SvgIconRadioUnchecked,viewBox:"0 0 16 16"}),intent,...radioProps,...newProps}),disabled,label:finalLabel,value})},core_InputRadio=InputRadio;InputRadio.__docgenInfo={description:"@see https://mui.com/material-ui/react-radio-button/",methods:[],displayName:"InputRadio",props:{caption:{required:!1,tsType:{name:"string"},description:""},intent:{required:!1,tsType:{name:"union",raw:'"default" | "negative" | "notice" | "positive"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"positive"'}]},description:""},label:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},radioProps:{required:!1,tsType:{name:"Partial",elements:[{name:"MUIRadioProps"}],raw:"Partial"},description:""},stage:{required:!1,tsType:{name:"union",raw:'"checked" | "unchecked"',elements:[{name:"literal",value:'"checked"'},{name:"literal",value:'"unchecked"'}]},description:""},value:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""}},composes:["Omit","CommonThemeProps"]}},"./packages/components/src/core/InputSlider/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputSlider});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),sliderClasses=__webpack_require__("./node_modules/@mui/material/Slider/sliderClasses.js"),Slider=__webpack_require__("./node_modules/@mui/material/Slider/Slider.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledSlider=(0,emotion_styled_browser_esm.A)(Slider.Ay,{target:"e36juy20"})(styles.Pf," ",(props=>{const{disabled}=props;return`\n ${(props=>{const corners=(0,styles.VP)(props),shadows=(0,styles.CG)(props),semanticColors=(0,styles.Bd)(props);return`\n position: relative;\n\n .${sliderClasses.A.rail},\n .${sliderClasses.A.track} {\n border-radius: 2px;\n }\n\n .${sliderClasses.A.rail} {\n background-color: ${semanticColors?.base?.divider};\n opacity:1;\n }\n \n .${sliderClasses.A.track} {\n background-color: ${semanticColors?.accent?.fillPrimary};\n }\n\n .${sliderClasses.A.thumb} {\n ${(0,styles.UT)(props)}\n height: 14px;\n width: 14px;\n background-color: ${semanticColors?.accent?.fillPrimary};\n\n &.${sliderClasses.A.focusVisible}, &:hover, &:focus, &:active {\n box-shadow: ${shadows?.none};\n }\n }\n\n .${sliderClasses.A.thumb}::before {\n display: none;\n }\n\n .${sliderClasses.A.thumb}::after {\n background-color: ${semanticColors?.base?.surfacePrimary} !important;\n height: 6px !important;\n width: 6px !important;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .${sliderClasses.A.valueLabel} {\n padding: 2px 4px;\n color: ${semanticColors?.base?.textPrimary};\n background-color: ${semanticColors?.accent?.surfacePrimary};\n border-radius: ${corners?.m}px;\n left: unset; \n top: -3px;\n\n &::before {\n display: none;\n }\n\n & * {\n background: transparent;\n color: ${semanticColors?.base?.textPrimary};\n transform: none;\n width: unset;\n height: unset;\n }\n }\n\n .${sliderClasses.A.mark} {\n // (masoudmanson): Although the mark is not a icon, but since we don't have \n // a specific color for the mark, we use the iconDisabled color for it.\n background-color: ${semanticColors?.base?.iconDisabled};\n opacity: 1;\n }\n\n .${sliderClasses.A.mark}.${sliderClasses.A.markActive} {\n background-color: ${semanticColors?.base?.surfacePrimary};\n }\n\n .${sliderClasses.A.markLabel} {\n ${(0,styles.jT)(props)?.styles}\n color: ${semanticColors?.base?.textSecondary};\n }\n\n .${sliderClasses.A.markLabelActive} {\n color: ${semanticColors?.base?.textPrimary};\n }\n `})(props)}\n ${(props=>{const{marks}=props,lastMarkIndex=Array.isArray(marks)?marks.length-1:null;return`\n .${sliderClasses.A.rail},\n .${sliderClasses.A.track} {\n border: none;\n height: 4px;\n }\n\n // Adjust the position of the first mark by moving it 2px to the right to fit it inside the track\n span[data-index="0"].${sliderClasses.A.mark} {\n left: 2px !important;\n }\n\n // Adjust the position of the last mark by moving it 2px to the left to fit it inside the track\n span[data-index="${lastMarkIndex}"].${sliderClasses.A.mark} {\n left: calc(100% - 2px) !important;\n }\n \n .${sliderClasses.A.markLabel} {\n top: 26px;\n }\n\n .${sliderClasses.A.disabled} .${sliderClasses.A.track} {\n border: none;\n }\n `})(props)}\n ${disabled?(props=>{const colors=(0,styles.jM)(props),semanticColors=(0,styles.Bd)(props),mode=(0,styles.Wi)(props);return`\n .${sliderClasses.A.track} {\n background-color: ${semanticColors?.base?.fillDisabled};\n }\n\n .${sliderClasses.A.thumb}.${sliderClasses.A.disabled} {\n background-color: ${semanticColors?.base?.fillDisabled};\n }\n\n .${sliderClasses.A.valueLabel} {\n color: ${colors?.gray[300]};\n background-color: ${"light"===mode?semanticColors?.base?.surfaceSecondary:semanticColors?.base?.surfacePrimary};\n \n & * {\n color: ${semanticColors?.base?.textDisabled};\n }\n }\n\n .${sliderClasses.A.markLabel} {\n color: ${semanticColors?.base?.textDisabled}\n }\n\n .${sliderClasses.A.mark} {\n background-color: ${semanticColors?.base?.fillPrimary};\n }\n `})(props):""}\n `})),InputSlider=(0,react.forwardRef)(((props,ref)=>{const{min,max,...rest}=props;return(0,jsx_runtime.jsx)(StyledSlider,{ref,min,max,...rest,orientation:"horizontal","aria-label":`Slider - min ${min} to max ${max}`})})),core_InputSlider=InputSlider;InputSlider.__docgenInfo={description:"@see https://mui.com/material-ui/react-slider/",methods:[],displayName:"InputSlider"}},"./packages/components/src/core/InputText/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_InputText});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),outlinedInputClasses=__webpack_require__("./node_modules/@mui/material/OutlinedInput/outlinedInputClasses.js"),inputAdornmentClasses=__webpack_require__("./node_modules/@mui/material/InputAdornment/inputAdornmentClasses.js"),buttonBaseClasses=__webpack_require__("./node_modules/@mui/material/ButtonBase/buttonBaseClasses.js"),TextField=__webpack_require__("./node_modules/@mui/material/TextField/TextField.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts");const sdsPropNames=["sdsStyle","sdsType","intent","hideLabel"],applyIntentColor=(props,intent)=>{const borders=(0,styles.ow)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)(".",outlinedInputClasses.A.root," .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.[intent]?.default,";}.",outlinedInputClasses.A.root,":hover\n .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.hover,";}.",outlinedInputClasses.A.root,".",outlinedInputClasses.A.focused,"{.",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.hover,";}.",inputAdornmentClasses.A.root," .",buttonBaseClasses.A.root,":last-of-type{cursor:default;svg{color:",semanticColors?.base?.iconPrimary,";}}}")},StyledLabel=(0,emotion_styled_browser_esm.A)("label",{target:"etjn57z0"})("display:block;",styles.JU," ",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-bottom: ${spaces?.xxs}px;\n `})),StyledInputBase=(0,emotion_styled_browser_esm.A)(TextField.A,{shouldForwardProp:prop=>!sdsPropNames.includes(prop.toString()),target:"etjn57z1"})((props=>{const{intent,sdsType,disabled}=props,spaces=(0,styles.oZ)(props),borders=(0,styles.ow)(props),corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("margin-bottom:",spaces?.l,"px;margin-right:",spaces?.m,"px;display:block;.",outlinedInputClasses.A.root,"{width:100%;}.",outlinedInputClasses.A.inputSizeSmall,"{",(0,styles.Zo)(props)," padding:",spaces?.xs,"px ",spaces?.m,"px;height:unset;box-sizing:border-box;background-color:",semanticColors?.base?.surfacePrimary,";}.",outlinedInputClasses.A.notchedOutline,"{border-radius:",corners?.m,"px;border:",borders?.base?.default,";}.",outlinedInputClasses.A.input,"{outline:none;border-radius:4px;width:100%;}&.user-is-tabbing .",outlinedInputClasses.A.input,"{",(0,a11y.U)(props),"}.",outlinedInputClasses.A.root,":hover\n .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.hover,";}.",outlinedInputClasses.A.root,".",outlinedInputClasses.A.focused," .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.accent?.default,";}","textArea"===sdsType&&(props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)(".",outlinedInputClasses.A.multiline,"{padding:",spaces?.xxs,"px;> .",outlinedInputClasses.A.inputMultiline,"{padding:",spaces?.xxs,"px ",spaces?.m,"px ",spaces?.m,"px;resize:both;}}")})(props)," ","negative"===intent&&applyIntentColor(props,"negative")," ","notice"===intent&&applyIntentColor(props,"notice")," ","positive"===intent&&applyIntentColor(props,"positive")," ",disabled&&(props=>{const borders=(0,styles.ow)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)(".",outlinedInputClasses.A.disabled,"{.",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.disabled,";}&:hover .",outlinedInputClasses.A.notchedOutline,"{border:",borders?.base?.disabled,";}&::placeholder{color:",semanticColors?.base?.textDisabled,";opacity:1;}}")})(props))}));var userTabbing=__webpack_require__("./packages/components/src/common/helpers/userTabbing.ts");const InputText=(0,react.forwardRef)((function InputText(props,ref){const{id,intent="default",label,placeholder,sdsType,hideLabel,...rest}=props,inputRef=(0,react.useRef)(null);(0,userTabbing.A)(ref||inputRef);const inputProps={"aria-label":`${label}`};if(!id||!label)return console.error("Error: @czi-sds/components component InputText requires id and label props for accessibility."),(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{});const finalLabel="string"==typeof label?(0,jsx_runtime.jsx)(StyledLabel,{htmlFor:id,children:label}):label;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[!hideLabel&&finalLabel,(0,jsx_runtime.jsx)(StyledInputBase,{ref:ref||inputRef,inputProps,type:"text",multiline:"textArea"===sdsType,minRows:"textArea"===sdsType?4:2,id,intent,variant:"outlined",size:"small",placeholder,sdsType,...rest})]})})),core_InputText=InputText;InputText.__docgenInfo={description:"@see https://mui.com/material-ui/react-text-field/",methods:[],displayName:"InputText"}},"./packages/components/src/core/List/components/ListItem/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_ListItem});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ListItem=__webpack_require__("./node_modules/@mui/material/ListItem/ListItem.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const fontBodyL=(0,styles.M9)("l"),fontBodyM=(0,styles.M9)("m"),fontBodyS=(0,styles.M9)("s"),fontBodyXs=(0,styles.M9)("xs"),fontBodyXxs=(0,styles.M9)("xxs"),fontBodyXxxs=(0,styles.M9)("xxxs"),doNotForwardProps=["marginBottom","fontSize","ordered"],StyledListItem=(0,emotion_styled_browser_esm.A)(ListItem.Ay,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"exjhuo20"})(propsToMarginBottom," ",propsToFontBody," padding:0;",(props=>{const{ordered}=props;return`\n align-items: flex-start;\n ${ordered?"counter-increment: section;":""}\n `})," &:before{display:inline-block;",(props=>{const spaces=(0,styles.oZ)(props),fontWeights=(0,styles.bI)(props),{ordered}=props;return` \n font-weight: ${fontWeights?.semibold};\n content: ${ordered?'counters(section, ".")"."':'"•"'};\n margin-right: ${ordered?spaces?.xs:spaces?.s}px;\n `}),"}");function propsToFontBody(props){const propsToFontBodyMap={l:fontBodyL,m:fontBodyM,s:fontBodyS,xs:fontBodyXs,xxs:fontBodyXxs,xxxs:fontBodyXxxs},{fontSize}=props;return propsToFontBodyMap[fontSize||"s"]}function propsToMarginBottom(props){const spaces=(0,styles.oZ)(props),propsToMarginBottomMap={s:spaces?.s,xs:spaces?.xs,xxs:spaces?.xxs},{marginBottom}=props;return`\n margin-bottom: ${propsToMarginBottomMap[marginBottom||"xs"]}px;\n `}const ListItem_ListItem=props=>(0,jsx_runtime.jsx)(StyledListItem,{disableGutters:!0,...props}),components_ListItem=ListItem_ListItem;ListItem_ListItem.__docgenInfo={description:"@see https://mui.com/material-ui/react-list/",methods:[],displayName:"ListItem",props:{marginBottom:{required:!1,tsType:{name:"union",raw:'"s" | "xs" | "xxs"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"xs"'},{name:"literal",value:'"xxs"'}]},description:""},fontSize:{required:!1,tsType:{name:"union",raw:'"xxxs" | "xxs" | "xs" | "s" | "m" | "l"',elements:[{name:"literal",value:'"xxxs"'},{name:"literal",value:'"xxs"'},{name:"literal",value:'"xs"'},{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""},ordered:{required:!1,tsType:{name:"boolean"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/List/components/ListSubheader/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>components_ListSubheader});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ListSubheader=__webpack_require__("./node_modules/@mui/material/ListSubheader/ListSubheader.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const fontHeaderM=(0,styles.LV)("m"),StyledListSubheader=(0,emotion_styled_browser_esm.A)(ListSubheader.A,{target:"e1fq0wuu0"})("&.MuiListSubheader-root{",fontHeaderM," line-height:unset;color:unset;",(props=>{const spaces=(0,styles.oZ)(props);return`\n margin-bottom: ${spaces?.l}px;\n `}),"}"),ListSubheader_ListSubheader=props=>(0,jsx_runtime.jsx)(StyledListSubheader,{disableGutters:!0,...props}),components_ListSubheader=ListSubheader_ListSubheader;ListSubheader_ListSubheader.__docgenInfo={description:"@see https://mui.com/material-ui/react-list/",methods:[],displayName:"ListSubheader"}},"./packages/components/src/core/List/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_List});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),List=__webpack_require__("./node_modules/@mui/material/List/List.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["marginBottom","ordered"],StyledList=(0,emotion_styled_browser_esm.A)(List.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e1xx7n8j0"})(".MuiListSubheader-root{",propsToMarginBottom,"}",(props=>props.ordered?"\n counter-reset: section;\n ":""));function propsToMarginBottom(props){const spaces=(0,styles.oZ)(props),propsToMarginBottomMap={l:spaces?.l,m:spaces?.l,s:spaces?.m,xs:spaces?.m,xxs:spaces?.m,xxxs:spaces?.s},{marginBottom}=props;return`\n margin-bottom: ${propsToMarginBottomMap[marginBottom||"s"]}px;\n `}const List_List=props=>{const{ordered}=props;return(0,jsx_runtime.jsx)(StyledList,{component:ordered?"ol":"ul",disablePadding:!0,...props})},core_List=List_List;List_List.__docgenInfo={description:"@see https://mui.com/material-ui/react-list/",methods:[],displayName:"List",props:{component:{required:!1,tsType:{name:"unknown"},description:""},marginBottom:{required:!1,tsType:{name:"union",raw:'"xxxs" | "xxs" | "xs" | "s" | "m" | "l"',elements:[{name:"literal",value:'"xxxs"'},{name:"literal",value:'"xxs"'},{name:"literal",value:'"xs"'},{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""},ordered:{required:!1,tsType:{name:"boolean"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/LoadingIndicator/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_LoadingIndicator});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledText=(0,emotion_styled_browser_esm.A)("span",{target:"e73vzaj0"})((props=>{const spaces=(0,styles.oZ)(props);return`\n margin: 0 ${spaces?.xs}px;\n `})),doNotForwardProps=["sdsStyle"],StyledLoadingIndicator=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e73vzaj1"})((props=>{const{sdsStyle}=props,spaces=(0,styles.oZ)(props),style=(0,emotion_react_browser_esm.AH)("display:inline-flex;align-items:center;padding:",spaces?.xxs,"px;");return(0,emotion_react_browser_esm.AH)(style," ","minimal"===sdsStyle&&(props=>{const iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)((0,styles.JU)(props)," color:",semanticColors?.base?.textSecondary,";svg{height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;path{fill:",semanticColors?.base?.iconPrimary,";}}")})(props)," ","tag"===sdsStyle&&(props=>{const corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)((0,styles.Uw)(props)," background-color:",semanticColors?.info?.surfacePrimary,";border-radius:",corners?.l,"px;color:",semanticColors?.info?.text,";svg{path{fill:",semanticColors?.info?.ornament,";}}")})(props))})),LoadingIndicator=({"aria-label":ariaLabel,sdsStyle})=>(0,jsx_runtime.jsxs)(StyledLoadingIndicator,{sdsStyle,"aria-label":"Loading",children:[(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:"Loading",sdsSize:"l",sdsType:"static"}),(0,jsx_runtime.jsx)(StyledText,{"aria-label":ariaLabel,"aria-live":"polite",role:"status",children:"Loading"})]}),core_LoadingIndicator=LoadingIndicator;LoadingIndicator.__docgenInfo={description:"",methods:[],displayName:"LoadingIndicator",props:{sdsStyle:{required:!0,tsType:{name:"union",raw:'"minimal" | "tag"',elements:[{name:"literal",value:'"minimal"'},{name:"literal",value:'"tag"'}]},description:""},"aria-label":{required:!1,tsType:{name:"string"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/Menu/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Menu});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Menu=__webpack_require__("./node_modules/@mui/material/Menu/Menu.js"),menuClasses=__webpack_require__("./node_modules/@mui/material/Menu/menuClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledMenu=(0,emotion_styled_browser_esm.A)(Menu.A,{target:"e1kwmcj80"})("&{.",menuClasses.A.paper,"{",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.surfacePrimary};\n background-image: none;\n padding: ${spaces?.xs}px;\n `}),"}.MuiList-padding{padding:0;}}"),ANCHOR_ORIGIN={horizontal:"center",vertical:"bottom"},TRANSFORM_ORIGIN={horizontal:"center",vertical:"top"},Menu_Menu=props=>(0,jsx_runtime.jsx)(StyledMenu,{anchorOrigin:ANCHOR_ORIGIN,transformOrigin:TRANSFORM_ORIGIN,...props}),core_Menu=Menu_Menu;Menu_Menu.__docgenInfo={description:"@see https://mui.com/material-ui/react-menu/",methods:[],displayName:"Menu"}},"./packages/components/src/core/MenuSelect/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_MenuSelect});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),inputBaseClasses=__webpack_require__("./node_modules/@mui/material/InputBase/inputBaseClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),InputSearch=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledMenuItem=(0,emotion_styled_browser_esm.A)(MenuItem.A,{target:"e18bb5jf0"})("width:100%;"),doNotForwardProps=["search","InputBaseProps","keepSearchOnSelect"],StyledAutocomplete=(0,emotion_styled_browser_esm.A)(Autocomplete.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e18bb5jf1"})((({search})=>!search&&"height: 0; margin: 0 !important;")," width:100%;"),InputBaseWrapper=(0,emotion_styled_browser_esm.A)("div",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e18bb5jf2"})((props=>{const{search}=props;if(!search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";const spaces=(0,styles.oZ)(props);return`\n margin: ${spaces?.s}px;\n `})),StyledMenuInputSearch=(0,emotion_styled_browser_esm.A)(InputSearch.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"e18bb5jf3"})("&&{margin:0;.",inputBaseClasses.A.root,"{width:100%;padding:0;padding-right:14px !important;}caret-color:",(({search})=>search?"auto":"transparent"),";}"),MenuSelect=props=>{const{keepSearchOnSelect=!0,multiple=!1,getOptionLabel=defaultGetOptionLabel,renderTags=defaultRenderTags,renderOption=defaultRenderOption,disableCloseOnSelect=multiple,noOptionsText="No options",search=!1,InputBaseProps={},onInputChange=utils.lQ}=props,[inputValue,setInputValue]=(0,react.useState)("");return(0,warnings.S7)(warnings.oq.MenuSelectDeprecated),(0,jsx_runtime.jsx)(StyledAutocomplete,{clearOnBlur:!1,open:!0,disableCloseOnSelect,disablePortal:!0,renderTags,noOptionsText,renderOption,getOptionLabel,inputValue,renderInput:params=>(0,jsx_runtime.jsx)(InputBaseWrapper,{search,children:(0,jsx_runtime.jsx)(StyledMenuInputSearch,{id:"location-search",label:"Search for a location",placeholder:"Search",ref:params.InputProps.ref,search,autoFocus:!0,onKeyDown:event=>{"Backspace"===event.key&&event.stopPropagation()},InputProps:{inputMode:search?"text":"none",...params.InputProps.ref,endAdornment:(0,jsx_runtime.jsx)(InputAdornment.A,{position:"end",children:(0,jsx_runtime.jsx)(Button.A,{sdsType:"tertiary",sdsSize:"small",sdsStyle:"icon",sdsIconProps:{sdsType:"interactive"},icon:"Search"})}),inputProps:params.inputProps},...InputBaseProps})}),...props,onInputChange:(event,value,reason)=>{event&&"blur"===event.type?setInputValue(""):("reset"!==reason||"reset"===reason&&!keepSearchOnSelect)&&setInputValue(value),onInputChange&&onInputChange(event,value,reason)}});function defaultGetOptionLabel(option){return"object"==typeof option&&"name"in option?option.name:option.toString()}function defaultRenderTags(){return null}function defaultRenderOption(optionProps,option,{selected}){return(0,jsx_runtime.jsx)(StyledMenuItem,{component:"li",isMultiSelect:multiple,selected,...optionProps,children:option.name})}},core_MenuSelect=MenuSelect;MenuSelect.__docgenInfo={description:"@see https://mui.com/material-ui/react-autocomplete/\n\n@deprecated\nThis component is deprecated and will be removed in the next major version.\nPlease use `Autocomplete` or `Dropdown` instead.",methods:[],displayName:"MenuSelect",props:{search:{required:!1,tsType:{name:"boolean"},description:""},keepSearchOnSelect:{required:!1,tsType:{name:"boolean"},description:""},renderInput:{required:!1,tsType:{name:"signature",type:"function",raw:"(params: AutocompleteRenderInputParams) => React.ReactNode",signature:{arguments:[{type:{name:"AutocompleteRenderInputParams"},name:"params"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},InputBaseProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputSearchProps"}],raw:"Partial"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/NavigationJumpTo/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_NavigationJumpTo});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js");const scrollStop=(callback,timeout=50)=>{const callbackRef=(0,react.useRef)();callbackRef.current=callback,(0,react.useEffect)((()=>{const destroyListener=((callback,timeout=50)=>{let removed=!1,handle=null;const onScroll=()=>{handle&&clearTimeout(handle),handle=setTimeout(callback,timeout)};return document.addEventListener("scroll",onScroll,!0),()=>{removed||(removed=!0,handle&&clearTimeout(handle),document.removeEventListener("scroll",onScroll))}})((()=>{callbackRef.current&&callbackRef.current()}),timeout);return()=>destroyListener()}),[timeout])};var utils=__webpack_require__("./packages/components/src/common/utils.ts"),Tabs=__webpack_require__("./node_modules/@mui/material/Tabs/Tabs.js"),tabsClasses=__webpack_require__("./node_modules/@mui/material/Tabs/tabsClasses.js"),Tab=__webpack_require__("./node_modules/@mui/material/Tab/Tab.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts");const doNotForwardProps=["items","sdsIndicatorColor"],StyledTabs=(0,emotion_styled_browser_esm.A)(Tabs.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eakicao0"})((props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n &:before {\n background-color: ${semanticColors?.base?.divider};\n border-radius: ${spaces?.xxxs}px;\n content: "";\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: ${spaces?.xxxs}px;\n }\n\n max-width: 180px;\n top: ${spaces?.xl}px;\n margin-bottom: ${spaces?.l}px;\n margin-right: ${spaces?.m}px;\n position: sticky;\n overflow: visible;\n\n .${tabsClasses.A.indicator} {\n background-color: ${semanticColors?.accent?.borderSelected} !important;\n border-radius: 2px;\n left: 0;\n width: 2px;\n }\n\n .${tabsClasses.A.scroller} {\n overflow: visible !important;\n }\n `})),StyledTab=(0,emotion_styled_browser_esm.A)(Tab.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eakicao1"})(styles.Zo," ",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n ${(0,a11y.U)(props)}\n box-sizing: border-box;\n max-width: 180px;\n padding-left: ${spaces?.l}px;\n margin: 0 ${spaces?.l}px ${spaces?.m}px ${spaces?.l}px;\n align-items: start;\n min-height: unset;\n max-height: unset;\n text-transform: none;\n &:last-child {\n margin-bottom: 0;\n }\n &:before {\n content: "";\n position: absolute;\n left: -${spaces?.l}px;\n width: ${spaces?.xxxs}px;\n height: 100%;\n background-color: ${semanticColors?.base?.border};\n display: none;\n border-radius: ${spaces?.xxxs}px;\n }\n &:hover {\n color: ${semanticColors?.base?.textPrimary};\n &:before {\n display: block;\n }\n }\n &.Mui-selected {\n color: ${semanticColors?.base?.textPrimary};\n font-weight: 600;\n }\n &.MuiTabs-indicator {\n backgroundColor: ${semanticColors?.base?.surfaceTertiary};\n width: ${spaces?.xxxs}px;\n }\n &.MuiButtonBase-root {\n white-space: nowrap;\n padding: 0;\n overflow: visible;\n }\n `}));const NavigationJumpTo=(0,react.forwardRef)(((props,ref)=>{const{items,offsetTop=0,onChange,...rest}=props,[navItemClicked,setNavItemClicked]=(0,react.useState)(!1),[firstTabIndexInview,setFirstTabIndexInview]=(0,react.useState)(0),[emittedValue,setEmittedValue]=(0,react.useState)(-1),sectionIsInView=function useInView(items){const[elements,setElements]=(0,react.useState)({});return(0,react.useEffect)((()=>{const observer=new IntersectionObserver((entries=>{entries.forEach(((entry,index)=>{const name=entry.target.getAttribute("id")||index;setElements((prev=>({...prev,[name]:{intersectionEntry:entry,isInView:entry.isIntersecting}})))}))}));return items.forEach((item=>{item.elementRef.current&&observer.observe(item.elementRef.current)})),()=>{observer.disconnect()}}),[items]),"undefined"!=typeof window&&window.IntersectionObserver?elements:items.map((item=>({el:item.elementRef,isInView:!1})))}(items);(0,react.useEffect)((()=>{items.forEach((item=>{if(offsetTop){const wrapper=document.createElement("div");wrapper.style.position="relative";const hiddenDiv=document.createElement("div");hiddenDiv.style.height=`${offsetTop}px`,hiddenDiv.style.top=`-${offsetTop}px`,hiddenDiv.style.position="absolute",hiddenDiv.style.pointerEvents="none",hiddenDiv.setAttribute("id",`${item.elementRef.current?.getAttribute("id")}-hiddenDiv`),wrapper.appendChild(hiddenDiv),item.elementRef.current?.before(wrapper),item.elementRef.current&&wrapper.appendChild(item.elementRef.current)}}))}),[items,offsetTop]);const a11yProps=(title,elementId)=>({"aria-controls":elementId,id:`navigation-tab-${title}`}),handleOnChange=(0,react.useCallback)((value=>{value!==emittedValue&&(onChange?.(value),setEmittedValue(value))}),[emittedValue,onChange]);return(0,react.useEffect)((()=>{const sectionInView=Object.values(sectionIsInView).findIndex((section=>section.isInView));sectionInView>-1&&!navItemClicked&&(setFirstTabIndexInview(sectionInView),handleOnChange(sectionInView))}),[handleOnChange,navItemClicked,sectionIsInView]),scrollStop((()=>{setNavItemClicked(!1)})),(0,jsx_runtime.jsx)(StyledTabs,{ref,orientation:"vertical",variant:"fullWidth",value:firstTabIndexInview,onChange:(event,newValue)=>{if(setNavItemClicked(!0),offsetTop){const hiddenDiv=document.getElementById(`${items[newValue]?.elementRef?.current?.getAttribute("id")}-hiddenDiv`);hiddenDiv?.scrollIntoView({behavior:"smooth",block:"start"})}else items[newValue]?.elementRef?.current?.scrollIntoView({behavior:"smooth",block:"start"});setFirstTabIndexInview(newValue),handleOnChange(newValue)},"aria-label":"navigation-jump-to",...rest,children:items.map((({title,elementRef},index)=>(0,jsx_runtime.jsx)(StyledTab,{label:title,tabIndex:0,...a11yProps((0,utils.fX)(title),elementRef.current?.getAttribute("id")||`navigation-panel-${index+1}`)},(0,utils.fX)(title))))})})),core_NavigationJumpTo=NavigationJumpTo;NavigationJumpTo.__docgenInfo={description:"",methods:[],displayName:"NavigationJumpTo"}},"./packages/components/src/core/Pagination/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Pagination});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["sdsStyle","selected","onPageChange","onNextPage","onPreviousPage","goToPage","totalCount","siblingCount","currentPage","pageSize","truncateDropdown"],StyledPaginationButton=(0,emotion_styled_browser_esm.A)(Button.A,{target:"eeq9fzv0"})((props=>{const semanticColors=(0,styles.Bd)(props);return`\n width: 32px;\n height: 32px;\n cursor: "pointer";\n\n & .MuiSvgIcon-root {\n width: 10px;\n color: ${semanticColors?.base?.iconPrimary}\n }\n\n &:hover {\n background-color: ${semanticColors?.base?.fillHover};\n\n & .MuiSvgIcon-root {\n color: ${semanticColors?.base?.iconPrimaryHover}\n }\n }\n `})),StyledPaginationChevronList=(0,emotion_styled_browser_esm.A)("li",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eeq9fzv1"})((props=>{const{disabled}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n width: 32px;\n height: 32px;\n cursor: ${disabled?"auto":"pointer"};\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n\n &[data-order="first"] {\n margin-right: ${spaces?.l}px;\n }\n\n &[data-order="last"] {\n margin-left: ${spaces?.l}px;\n }\n\n & .MuiSvgIcon-root {\n color: ${disabled?semanticColors?.base?.iconDisabled:semanticColors?.base?.iconPrimary};\n }\n\n &:hover {\n background-color: ${disabled?"transparent":semanticColors?.base?.fillHover};\n\n & .MuiSvgIcon-root {\n color: ${disabled?semanticColors?.base?.iconDisabled:semanticColors?.base?.iconPrimaryHover}\n }\n }\n\n ${(0,styles.UT)(props)}\n `})),StyledPagination=(0,emotion_styled_browser_esm.A)("ul",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eeq9fzv2"})(styles.JU," display:flex;flex-wrap:wrap;padding:0;margin:0;& li{list-style:none;}"),Page=(0,emotion_styled_browser_esm.A)("li",{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eeq9fzv3"})(styles.qz," ",(props=>{const{selected,sdsStyle}=props,spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props),semanticColors=(0,styles.Bd)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n cursor: pointer;\n list-style: none;\n width: 32px;\n height: 32px;\n margin-right: ${spaces?.l}px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: ${"round"===sdsStyle?corners?.l:corners?.m}px;\n user-select: none;\n &:hover {\n background-color: ${semanticColors?.base?.fillHover};\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &:nth-last-of-type(-n+2) {\n margin-right: 0;\n }\n\n ${selected&&(props=>{const semanticColors=(0,styles.Bd)(props);return`\n background-color: ${semanticColors?.base?.fillSelected};\n color: ${semanticColors?.base?.textPrimaryInverse};\n\n &:hover {\n background-color: ${semanticColors?.base?.fillSelected};\n color: ${semanticColors?.base?.textPrimaryInverse};\n }\n `})(props)};\n ${(0,styles.UT)(props)}\n `}));var Menu=__webpack_require__("./packages/components/src/core/Menu/index.tsx");const StyledPaginationDropdownMenu=(0,emotion_styled_browser_esm.A)(Menu.A,{target:"e3yd48o0"})("& .MuiPaper-root{max-height:120px;}"),PageListDropdown=props=>{const{pageList,onPageChange,sdsStyle}=props,[anchorEl,setAnchorEl]=(0,react.useState)(null),handleClose=()=>{setAnchorEl(null)};return(0,jsx_runtime.jsxs)(Page,{sdsStyle,children:[(0,jsx_runtime.jsx)(StyledPaginationButton,{"aria-label":"Go to a page",onClick:event=>{setAnchorEl(event.currentTarget)},icon:"DotsHorizontal",sdsSize:"small",sdsStyle:"icon",sdsType:"tertiary"}),(0,jsx_runtime.jsx)(StyledPaginationDropdownMenu,{anchorEl,keepMounted:!0,open:Boolean(anchorEl),onClose:handleClose,children:pageList.map((page=>(0,jsx_runtime.jsx)(MenuItem.A,{onClick:()=>{onPageChange(page),handleClose()},children:page},page)))})]})},components_PageListDropdown=PageListDropdown;PageListDropdown.__docgenInfo={description:"",methods:[],displayName:"PageListDropdown",props:{pageList:{required:!0,tsType:{name:"Array",elements:[{name:"number"}],raw:"number[]"},description:""},onPageChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(page: number) => void",signature:{arguments:[{type:{name:"number"},name:"page"}],return:{name:"void"}}},description:""},sdsStyle:{required:!0,tsType:{name:"union",raw:'"round" | "square"',elements:[{name:"literal",value:'"round"'},{name:"literal",value:'"square"'}]},description:""}}};const range=(start,end)=>{const length=end-start+1;return Array.from({length},((_,idx)=>idx+start))};var Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx");const PaginationPageList=(paginationRange,truncateDropdown,sdsStyle,onPageChange,currentPage)=>paginationRange.map((pageNumber=>Array.isArray(pageNumber)?truncateDropdown?(0,jsx_runtime.jsx)(components_PageListDropdown,{pageList:pageNumber,onPageChange,sdsStyle},pageNumber.join("-")):(0,jsx_runtime.jsx)(Page,{sdsStyle,children:(0,jsx_runtime.jsx)(StyledPaginationButton,{"aria-label":"Go to a page",disabled:!0,icon:"DotsHorizontal",sdsSize:"small",sdsStyle:"icon",sdsType:"tertiary"})},pageNumber.join("-")):(0,jsx_runtime.jsx)(Page,{onClick:()=>onPageChange(pageNumber),onKeyDown:event=>function handlePageKeyDown(event,pageNumber){"Enter"!==event.key&&"Space"!==event.code||onPageChange(pageNumber)}(event,pageNumber),selected:pageNumber===currentPage,sdsStyle,tabIndex:0,children:pageNumber},pageNumber))),Pagination=(0,react.forwardRef)(((props,ref)=>{const{sdsStyle="round",onPageChange,onNextPage,onPreviousPage,totalCount,siblingCount=1,currentPage,pageSize,truncateDropdown=!0}=props;if(pageSize<1)throw new Error("PageSize can not be smaller than 1!");const paginationRange=(({totalCount,pageSize,siblingCount=1,currentPage})=>(0,react.useMemo)((()=>{const totalPageCount=Math.ceil(totalCount/pageSize);if(siblingCount+5>=totalPageCount)return range(1,totalPageCount);const leftSiblingIndex=Math.max(currentPage-siblingCount,1),rightSiblingIndex=Math.min(currentPage+siblingCount,totalPageCount),shouldShowLeftDots=leftSiblingIndex>2,shouldShowRightDots=rightSiblingIndexcurrentPage>1&&onPreviousPage(),onKeyDown:function handleGoBackButtonKeyDown(event){("Enter"===event.key||"Space"===event.code)&¤tPage>1&&onPreviousPage()},tabIndex:0,children:(0,jsx_runtime.jsx)(Icon.A,{"aria-label":"Previous page",sdsIcon:"ChevronLeft",sdsSize:"xs",sdsType:"button"})},"prevPage"),PaginationPageList(paginationRange,truncateDropdown,sdsStyle,onPageChange,currentPage),(0,jsx_runtime.jsx)(StyledPaginationChevronList,{"data-order":"last",disabled:currentPage===lastPage,onClick:()=>currentPage!==lastPage&&onNextPage(),onKeyDown:function handleGoNextButtonKeyDown(event){"Enter"!==event.key&&"Space"!==event.code||currentPage===lastPage||onNextPage()},tabIndex:0,children:(0,jsx_runtime.jsx)(Icon.A,{"aria-label":"Next page",sdsIcon:"ChevronRight",sdsSize:"xs",sdsType:"button"})},"onNextPage")]})})),core_Pagination=Pagination;Pagination.__docgenInfo={description:"",methods:[],displayName:"Pagination",props:{sdsStyle:{required:!1,tsType:{name:"union",raw:'"round" | "square"',elements:[{name:"literal",value:'"round"'},{name:"literal",value:'"square"'}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},truncateDropdown:{required:!1,tsType:{name:"boolean"},description:""},onPageChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(page: number) => void",signature:{arguments:[{type:{name:"number"},name:"page"}],return:{name:"void"}}},description:""},onNextPage:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onPreviousPage:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},totalCount:{required:!0,tsType:{name:"number"},description:""},siblingCount:{required:!1,tsType:{name:"number"},description:""},currentPage:{required:!0,tsType:{name:"number"},description:""},pageSize:{required:!0,tsType:{name:"number"},description:""}},composes:["CommonThemeProps"]}},"./packages/components/src/core/Panel/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{DF:()=>PANEL_BASIC_MIN_WIDTH_PX,FX:()=>PANEL_OVERLAY_MIN_WIDTH_PX,Ay:()=>core_Panel});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),drawerClasses=__webpack_require__("./node_modules/@mui/material/Drawer/drawerClasses.js"),Drawer=__webpack_require__("./node_modules/@mui/material/Drawer/Drawer.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js");const doNotForwardProps=["sdsType","position","width","HeaderComponent","onClick","disableScrollLock","closeButtonOnClick","CloseButtonComponent"],StyledDrawer=(0,emotion_styled_browser_esm.A)(Drawer.Ay,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"ey5qj5h0"})((props=>{const{sdsType="basic",anchor="left",width}=props,widthString="number"==typeof width?`${width}px`:width,panelWidth="bottom"!==anchor?widthString:"100%",panelHeight="bottom"!==anchor?"100%":widthString;return(0,emotion_react_browser_esm.AH)(".",drawerClasses.A.paper,"{height:",panelHeight,";width:",panelWidth,";}","basic"===sdsType&&(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)(".",drawerClasses.A.paper,"{background-color:",semanticColors?.base?.surfacePrimary,";padding:",spaces?.l,"px;min-width:",PANEL_BASIC_MIN_WIDTH_PX,"px;min-height:",PANEL_BASIC_MIN_WIDTH_PX,"px;}")})(props)," ","overlay"===sdsType&&(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props),shadows=(0,styles.CG)(props);return(0,emotion_react_browser_esm.AH)('width:fit-content;height:fit-content;div[data-testid="sentinelStart"],div[data-testid="sentinelEnd"]{width:fit-content;}.',drawerClasses.A.paper,"{background-color:",semanticColors?.base?.surfacePrimary,";padding:",spaces?.xl,"px;min-width:",PANEL_OVERLAY_MIN_WIDTH_PX,"px;min-height:",PANEL_OVERLAY_MIN_WIDTH_PX,"px;box-shadow:",shadows?.l,";background-image:none;}")})(props))})),StyledHeaderComponent=(0,emotion_styled_browser_esm.A)("div",{target:"ey5qj5h1"})((props=>{const spaces=(0,styles.oZ)(props);return(0,emotion_react_browser_esm.AH)("margin-bottom:",spaces?.xxl,"px;display:flex;justify-content:space-between;align-items:start;")})),StyledPanelHeader=(0,emotion_styled_browser_esm.A)("div",{target:"eeeou380"})((props=>{const spaces=(0,styles.oZ)(props);return`\n width: 100%;\n height: 100%;\n margin-right: ${spaces?.l}px;\n `})),PanelHeader=props=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledPanelHeader,{children})},components_PanelHeader=PanelHeader;PanelHeader.__docgenInfo={description:"",methods:[],displayName:"PanelHeader",props:{children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};var Button=__webpack_require__("./packages/components/src/core/Button/index.tsx");const StyledPanelHeaderClose=(0,emotion_styled_browser_esm.A)("div",{target:"e10abegd0"})("display:flex;justify-content:end;align-items:center;"),PanelHeaderClose=props=>{const{onClick,CloseButtonComponent}=props;return(0,jsx_runtime.jsx)(StyledPanelHeaderClose,{onClick,children:CloseButtonComponent||(0,jsx_runtime.jsx)(Button.A,{sdsStyle:"icon",sdsType:"tertiary",icon:"XMark","aria-label":"Panel Toggle"})})},components_PanelHeaderClose=PanelHeaderClose;function isOverlayPanelProps(props){return"overlay"===props.sdsType}PanelHeaderClose.__docgenInfo={description:"",methods:[],displayName:"PanelHeaderClose",props:{onClick:{required:!1,tsType:{name:"ReactMouseEventHandler",raw:"React.MouseEventHandler",elements:[{name:"HTMLDivElement"}]},description:""},CloseButtonComponent:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const PANEL_BASIC_MIN_WIDTH_PX=240,PANEL_OVERLAY_MIN_WIDTH_PX=320,Panel=react.forwardRef(((props,ref)=>{const{children,sdsType="basic",position="left",width,ModalProps}=props,drawerWidth=width??("basic"===sdsType?PANEL_BASIC_MIN_WIDTH_PX:PANEL_OVERLAY_MIN_WIDTH_PX),drawerVariant="basic"===sdsType?"persistent":"temporary",drawerAnchor="overlay"===sdsType?position:"bottom"===position?"left":position;return(0,jsx_runtime.jsxs)(StyledDrawer,{...props,ref,anchor:drawerAnchor,variant:drawerVariant,width:drawerWidth,ModalProps:{...ModalProps,disableEnforceFocus:!0,disableScrollLock:!0},hideBackdrop:!0,children:[isOverlayPanelProps(props)&&(0,jsx_runtime.jsxs)(StyledHeaderComponent,{children:[props?.HeaderComponent&&(0,jsx_runtime.jsx)(components_PanelHeader,{children:props?.HeaderComponent}),(0,jsx_runtime.jsx)(components_PanelHeaderClose,{onClick:props?.closeButtonOnClick,CloseButtonComponent:props?.CloseButtonComponent})]}),children]})})),core_Panel=Panel;Panel.__docgenInfo={description:"@see https://mui.com/material-ui/react-drawer/",methods:[],displayName:"Panel"}},"./packages/components/src/core/SegmentedControl/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_SegmentedControl});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),ToggleButton=__webpack_require__("./node_modules/@mui/material/ToggleButton/ToggleButton.js"),react=__webpack_require__("./node_modules/react/index.js"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),ToggleButtonGroup=__webpack_require__("./node_modules/@mui/material/ToggleButtonGroup/ToggleButtonGroup.js"),toggleButtonClasses=__webpack_require__("./node_modules/@mui/material/ToggleButton/toggleButtonClasses.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),a11y=__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const doNotForwardProps=["buttonDefinition"],StyledSegmentedControl=(0,emotion_styled_browser_esm.A)(ToggleButtonGroup.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eo5eko80"})((props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n .${toggleButtonClasses.A.root}.${toggleButtonClasses.A.disabled} {\n border-color: ${semanticColors?.base?.border};\n }\n\n .${toggleButtonClasses.A.root}.${toggleButtonClasses.A.selected} {\n background-color: ${semanticColors?.base?.fillOpen};\n color: ${semanticColors?.accent?.iconSelected};\n border-color: ${semanticColors?.base?.border};\n\n &:hover {\n background-color: ${semanticColors?.base?.fillHover};\n }\n }\n\n .${toggleButtonClasses.A.root} {\n ${(0,a11y.U)(props)}\n background-color: ${semanticColors?.base?.fillPrimary};\n border-color: ${semanticColors?.base?.border};\n line-height: 0px;\n color: ${semanticColors?.base?.iconSecondary};\n padding: ${(spaces?.xs??6)-1}px ${spaces?.l}px;\n\n &:hover {\n border-color: ${semanticColors?.base?.border};\n background-color: ${semanticColors?.base?.fillHover};\n }\n }\n `})),SegmentedControl=props=>{const{buttonDefinition,value:valueProp,onChange:onChangeProp,...restProps}=props,initialValue=buttonDefinition.find((button=>!button.disabled))?.value||null,[active,setActive]=react.useState(initialValue),isControlled=void 0!==valueProp,value=isControlled?valueProp:active;return(0,jsx_runtime.jsxs)(StyledSegmentedControl,{"aria-label":"Segmented Control",size:"small",value,exclusive:!0,onChange:(event,newActive)=>{isControlled||setActive(newActive),onChangeProp&&onChangeProp(event,newActive)},...restProps,children:[buttonDefinition.map((button=>{const{icon,tooltipText,value:buttonValue,disabled=!1}=button,iconItem=icon?"string"!=typeof icon?icon:(0,jsx_runtime.jsx)(Icon.A,{sdsIcon:icon,sdsSize:"s",sdsType:"button"}):null,toggleButton=(0,jsx_runtime.jsx)(ToggleButton.A,{"aria-label":tooltipText??buttonValue,value:buttonValue,disabled,children:(0,jsx_runtime.jsx)("span",{tabIndex:-1,children:iconItem})},buttonValue);return disabled?toggleButton:(0,jsx_runtime.jsx)(Tooltip.A,{title:tooltipText??buttonValue,sdsStyle:"dark",arrow:!0,children:toggleButton},buttonValue)})),";"]})},core_SegmentedControl=SegmentedControl;SegmentedControl.__docgenInfo={description:"@see https://mui.com/material-ui/react-toggle-button/",methods:[],displayName:"SegmentedControl",props:{buttonDefinition:{required:!0,tsType:{name:"Array",elements:[{name:"SingleButtonDefinition"}],raw:"SingleButtonDefinition[]"},description:""}},composes:["ToggleButtonGroupProps"]}},"./packages/components/src/core/Table/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Table});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),react=__webpack_require__("./node_modules/react/index.js");const StyledTable=(0,__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js").A)("table",{target:"e1gxtk7p0"})("width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;"),Table=(0,react.forwardRef)(((props,ref)=>{const{children}=props;return(0,jsx_runtime.jsx)(StyledTable,{ref,...props,children})})),core_Table=Table;Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}}},"./packages/components/src/core/Tabs/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{o:()=>Tabs_Tab,A:()=>core_Tabs});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),emotion_css_esm=__webpack_require__("./node_modules/@emotion/css/dist/emotion-css.esm.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),react=__webpack_require__("./node_modules/react/index.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const TabsContext=(0,react.createContext)({sdsSize:"large"});var emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js");const Wrapper=(0,emotion_styled_browser_esm.A)("span",{target:"e21l8vw0"})((props=>{const semanticColors=(0,styles.Bd)(props);return`\n &:active {\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &:disabled {\n color: ${semanticColors?.base?.textDisabled};\n }\n `})),LABEL_DO_NOT_FORWARD_PROPS=["sdsSize"],Label=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!LABEL_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"e21l8vw1"})((props=>{const{sdsSize}=props;return"large"===sdsSize?(0,styles.qz)(props):(0,styles.Mn)(props)})," ",(props=>{const spaces=(0,styles.oZ)(props),{sdsSize}=props;return`\n margin-right: ${"large"===sdsSize?spaces?.l:spaces?.m}px;\n `})),COUNT_DO_NOT_FORWARD_PROPS=["sdsSize"],Count=(0,emotion_styled_browser_esm.A)("span",{shouldForwardProp:prop=>!COUNT_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"e21l8vw2"})((props=>{const{sdsSize}=props;return"large"===sdsSize?(0,styles.Zo)(props):(0,styles.Pf)(props)})," ",(props=>{const semanticColors=(0,styles.Bd)(props),spaces=(0,styles.oZ)(props);return`\n color: ${semanticColors?.base?.textSecondary};\n\n .MuiChip-root {\n margin: 0 0 ${spaces?.xxxs}px 0;\n }\n `})),LabelWithCount=(0,react.forwardRef)((function LabelWithCount(props,ref){const{sdsSize="large"}=(0,react.useContext)(TabsContext),{label,count}=props;return(0,jsx_runtime.jsxs)(Wrapper,{ref,children:[(0,jsx_runtime.jsx)(Label,{sdsSize,children:label}),(0,jsx_runtime.jsx)(Count,{sdsSize,children:count})]})}));var Tabs=__webpack_require__("./node_modules/@mui/material/Tabs/Tabs.js"),Tab=__webpack_require__("./node_modules/@mui/material/Tab/Tab.js");const TempTabs=props=>(0,jsx_runtime.jsx)(Tabs.A,{...props}),TABS_DO_NOT_FORWARD_PROPS=["underlined","sdsSize"],StyledTabs=(0,emotion_styled_browser_esm.A)(TempTabs,{shouldForwardProp:prop=>!TABS_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"epo8hdr0"})("box-sizing:border-box;padding-bottom:0px;min-height:unset;position:relative;z-index:1;overflow:inherit;& .MuiTabs-scroller{overflow:inherit !important;}",(props=>{const{underlined,sdsSize="large"}=props,spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props),isLarge="large"===sdsSize;return`\n margin-top: ${isLarge?spaces?.l:spaces?.m}px;\n margin-bottom: ${isLarge?spaces?.xl:spaces?.m}px;\n border-bottom: ${underlined?`2px solid ${semanticColors?.base?.divider};`:"none"};\n `})),TAB_DO_NOT_FORWARD_PROPS=["sdsSize"],StyledTab=(0,emotion_styled_browser_esm.A)(Tab.A,{shouldForwardProp:prop=>!TAB_DO_NOT_FORWARD_PROPS.includes(String(prop)),target:"epo8hdr1"})("min-height:unset;padding:0;min-width:32px;opacity:1 !important;",tabFontMixin," ",styles.UT," ",(props=>{const spaces=(0,styles.oZ)(props),semanticColors=(0,styles.Bd)(props);return`\n margin-right: ${spaces?.xl}px;\n padding-bottom: ${spaces?.xxs}px;\n\n color: ${semanticColors?.base?.textSecondary};\n\n &:hover, :focus {\n box-shadow: 0 2px 0 0 ${semanticColors?.base?.border};\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &.Mui-selected {\n color: ${semanticColors?.base?.textPrimary};\n\n &:hover {\n color: ${semanticColors?.base?.textPrimary};\n }\n }\n\n &:active {\n color: ${semanticColors?.base?.textPrimary};\n }\n\n &:disabled {\n color: ${semanticColors?.base?.textDisabled};\n }\n `}));function tabFontMixin(props){const{sdsSize}=props;return"large"===sdsSize?(0,styles.qz)(props):(0,styles.Mn)(props)}const TabIndicator=theme=>{const semanticColors=(0,styles.Bd)({theme});return(0,emotion_css_esm.AH)("&.MuiTabs-indicator{background-color:",semanticColors?.accent?.border,";height:2px;bottom:-2px;z-index:2;}")},Tabs_Tabs=(0,react.forwardRef)((function Tabs(props,ref){const{sdsSize="large",...rest}=props,theme=(0,useTheme.A)(),contextValue=react.useMemo((()=>({sdsSize})),[sdsSize]),indicatorProps=(0,react.useMemo)((()=>({className:TabIndicator(theme)})),[theme]);return(0,jsx_runtime.jsx)(TabsContext.Provider,{value:contextValue,children:(0,jsx_runtime.jsx)(StyledTabs,{TabIndicatorProps:indicatorProps,ref,...rest})})})),core_Tabs=Tabs_Tabs,Tabs_Tab=(0,react.forwardRef)((function Tab(props,ref){const{count,label,...rest}=props,context=(0,react.useContext)(TabsContext),Label=void 0===count?label:(0,jsx_runtime.jsx)(LabelWithCount,{label,count});return(0,jsx_runtime.jsx)(StyledTab,{label:Label,ref,...rest,...context})}));Tabs_Tabs.__docgenInfo={description:"",methods:[],displayName:"Tabs"},Tabs_Tab.__docgenInfo={description:"@see https://mui.com/material-ui/react-tabs/",methods:[],displayName:"Tab"}},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_Tag});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function generatePrimaryTagColors(intent,colors,semanticColors){return intent||colors.length?(intent=intent||"neutral",{background:colors.length>=2?colors[1]:semanticColors?.[intent].fillPrimary,backgroundClicked:colors.length>=2?(0,colorManipulator.e$)(colors[1],.3):semanticColors?.[intent].fillPressed,backgroundHover:colors.length>=2?(0,colorManipulator.e$)(colors[1],.15):semanticColors?.[intent].fillHover,iconColor:colors.length>2?colors[2]:semanticColors?.base?.iconPrimaryInverse,label:colors.length?colors[0]:semanticColors?.base?.textPrimaryInverse}):{background:semanticColors?.neutral.fillPrimary,backgroundClicked:semanticColors?.neutral.fillPressed,backgroundHover:semanticColors?.neutral.fillHover,iconColor:semanticColors?.base?.iconPrimaryInverse,label:semanticColors?.base?.textPrimaryInverse}}function generateSecondaryTagColors(intent,colors,semanticColors){return intent||colors.length?(intent=intent||"neutral",{background:colors.length>=2?colors[1]:semanticColors?.[intent].fillSecondary,backgroundClicked:colors.length>=2?(0,colorManipulator.e$)(colors[1],.3):semanticColors?.[intent].fillPressed,backgroundHover:colors.length>=2?(0,colorManipulator.e$)(colors[1],.15):semanticColors?.[intent].fillHover,iconColor:colors.length>2?colors[2]:semanticColors?.[intent].ornament,label:colors.length?colors[0]:semanticColors?.[intent].text}):{background:semanticColors?.neutral.surfacePrimary,backgroundClicked:semanticColors?.neutral.fillPressed,backgroundHover:semanticColors?.neutral.fillHover,iconColor:semanticColors?.neutral.ornament,label:semanticColors?.neutral.fillPressed}}function createTypeCss(props,type){const semanticColors=(0,styles.Bd)(props),intent="string"==typeof props.tagColor?props.tagColor:null,colors=Array.isArray(props.tagColor)?[...props.tagColor]:[],typeColors={primary:generatePrimaryTagColors(intent,colors,semanticColors),secondary:generateSecondaryTagColors(intent,colors,semanticColors)}[type];return(0,emotion_react_browser_esm.AH)((0,styles.UT)(props)," background-color:",typeColors.background,";position:relative;.MuiChip-label{color:",typeColors.label,";}svg{fill:",typeColors.iconColor,";}&:hover,&:active{.MuiChip-label{color:",semanticColors?.base?.textPrimaryInverse,";}svg{fill:",semanticColors?.base?.iconPrimaryInverse,";}}&:hover{background-color:",typeColors.backgroundHover,";}&:active{background-color:",typeColors.backgroundClicked,";}&.Mui-focusVisible{background-color:",typeColors.backgroundHover,";}x")}const typeToCss={primary:props=>createTypeCss(props,"primary"),secondary:props=>createTypeCss(props,"secondary")},doNotForwardProps=["sdsType","sdsStyle","sdsSize","tagColor","hover"],StyledTag=(0,emotion_styled_browser_esm.A)(Chip.A,{shouldForwardProp:prop=>!doNotForwardProps.includes(prop),target:"eun6inm0"})("border:none;",(props=>{const{hover=!0,sdsType,sdsStyle,sdsSize="s"}=props,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.AH)("l"===sdsSize?(props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("height:unset;margin:0 ",spaces?.xxs,"px ",spaces?.xs,"px 0;.MuiChip-label{",(0,styles.Zo)(props)," padding:0;}.MuiSvgIcon-root{height:",iconSizes?.l.height,"px;width:",iconSizes?.l.width,"px;margin:0 ",spaces?.xxs,"px 0 -",spaces?.xxxs,"px;}.MuiChip-deleteIcon{",(0,styles.Se)(props)," color:",semanticColors?.base?.iconPrimaryInverse,";margin:0 0 0 ",spaces?.xxs,"px;height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;}")})(props):(props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("height:unset;margin:0 ",spaces?.xxs,"px ",spaces?.xs,"px 0;.MuiChip-label{",(0,styles.jT)(props)," padding:0;}.MuiSvgIcon-root{height:",iconSizes?.xs.height,"px;width:",iconSizes?.xs.width,"px;margin:0 ",spaces?.xxs,"px 0 -",spaces?.xxxs,"px;}.MuiChip-deleteIcon{",(0,styles.Se)(props)," color:",semanticColors?.base?.iconPrimaryInverse,";margin:0 0 0 ",spaces?.xxs,"px;height:",iconSizes?.s.height,"px;width:",iconSizes?.s.width,"px;}")})(props)," ",typeToCss[type](props)," ",isRounded?(props=>{const corners=(0,styles.VP)(props),spaces=(0,styles.oZ)(props),{sdsSize="s",icon}=props,topBottomPadding="s"===sdsSize?spaces?.xxxs:icon?spaces?.xxs:spaces?.xs;return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.l,"px;padding:",topBottomPadding,"px ",spaces?.s,"px;&:after{border-radius:",corners?.l,"px;}")})(props):(props=>{const corners=(0,styles.VP)(props),spaces=(0,styles.oZ)(props),{sdsSize="s",icon}=props,topBottomPadding="s"===sdsSize?spaces?.xxxs:icon?spaces?.xxs:spaces?.xs;return(0,emotion_react_browser_esm.AH)("border-radius:",corners?.m,"px;padding:",topBottomPadding,"px ",spaces?.s,"px;&:after{border-radius:",corners?.m,"px;}")})(props)," ",hover?(props=>{const semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("&:hover{cursor:pointer;}&:hover,&:focus-visible{color:",semanticColors?.base?.textPrimaryInverse,";}")})(props):"pointer-events: none;")})),Tag=props=>{const{color}=props;return(0,jsx_runtime.jsx)(StyledTag,{tagColor:color,...props,color:"primary"})},core_Tag=Tag;Tag.__docgenInfo={description:"@see https://mui.com/material-ui/react-chip/\n\n@props color: {string} - applies color for tag based on default theme color values\n [string, string] - applies custom colors for [font, background]\n [string, string, string] - applies custom colors for [font, background, icon]",methods:[],displayName:"Tag",props:{label:{required:!0,tsType:{name:"string"},description:""},color:{required:!1,tsType:{name:"union",raw:'| "info"\n| "positive"\n| "notice"\n| "negative"\n| "neutral"\n| "beta"\n| [string, string]\n| [string, string, string]',elements:[{name:"literal",value:'"info"'},{name:"literal",value:'"positive"'},{name:"literal",value:'"notice"'},{name:"literal",value:'"negative"'},{name:"literal",value:'"neutral"'},{name:"literal",value:'"beta"'},{name:"tuple",raw:"[string, string]",elements:[{name:"string"},{name:"string"}]},{name:"tuple",raw:"[string, string, string]",elements:[{name:"string"},{name:"string"},{name:"string"}]}]},description:""}},composes:["Omit"]}},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_TagFilter});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),emotion_styled_browser_esm=__webpack_require__("./node_modules/@emotion/styled/dist/emotion-styled.browser.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");const StyledTag=(0,emotion_styled_browser_esm.A)(Tag.A,{target:"e1r7iiis0"})((props=>{const spaces=(0,styles.oZ)(props),iconSizes=(0,styles.I7)(props),semanticColors=(0,styles.Bd)(props);return(0,emotion_react_browser_esm.AH)("padding:",spaces?.xxs,"px ",spaces?.s,"px;background-color:",semanticColors?.accent?.fillPrimary,";&:hover,&:focus{background-color:",semanticColors?.accent?.fillHover,";}&:active{background-color:",semanticColors?.accent?.fillPressed,";}&:after{display:none;}.MuiChip-label{",(0,styles.Se)(props),"}.MuiChip-deleteIcon{margin:0 0 0 ",spaces?.s,"px;width:",iconSizes?.xs?.width,"px !important;height:",iconSizes?.xs?.height,"px !important;}.MuiSvgIcon-root{margin:0;width:",iconSizes?.xs?.width,"px !important;height:",iconSizes?.xs?.height,"px !important;}.MuiChip-label,svg{z-index:auto;}")}));var Button=__webpack_require__("./packages/components/src/core/Button/index.tsx");const TagFilter=props=>(0,jsx_runtime.jsx)(StyledTag,{role:"none presentation",...props,deleteIcon:(0,jsx_runtime.jsx)(Button.A,{"aria-label":"Delete Tag",icon:"XMark",sdsSize:"small",sdsType:"tertiary",sdsStyle:"icon"}),color:"info"}),core_TagFilter=TagFilter;TagFilter.__docgenInfo={description:"@see https://mui.com/material-ui/react-chip/",methods:[],displayName:"TagFilter",props:{label:{required:!0,tsType:{name:"string"},description:""},onDelete:{required:!0,tsType:{name:"ReactEventHandler",raw:"React.EventHandler",elements:[{name:"any"}]},description:""}},composes:["Omit"]}},"./packages/components/src/core/TooltipCondensed/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>core_TooltipCondensed});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),useTheme=__webpack_require__("./node_modules/@mui/material/styles/useTheme.js"),react=__webpack_require__("./node_modules/react/index.js"),Tooltip=__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"),emotion_css_esm=__webpack_require__("./node_modules/@emotion/css/dist/emotion-css.esm.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");const condensedCSS=props=>{const{indicator}=props,spaces=(0,styles.oZ)(props);return(0,emotion_css_esm.AH)("&&{padding-top:",spaces?.xxs,"px;padding-bottom:",spaces?.xxs,"px;padding-left:",spaces?.m,"px;padding-right:",spaces?.m,"px;max-width:250px;display:flex;align-items:center;",!0===indicator&&(props=>{const{indicatorColor}=props,spaces=(0,styles.oZ)(props),corners=(0,styles.VP)(props);return(0,emotion_css_esm.AH)('&::before{content:"";width:',spaces?.m,"px;height:",spaces?.m,"px;display:block;background-color:",indicatorColor,";border-radius:",corners?.l,"px;margin-right:",spaces?.m,"px;}")})(props),"}")},TooltipCondensed=(0,react.forwardRef)((function TooltipCondensed(props,ref){const{children,title,indicator,indicatorColor}=props,theme=(0,useTheme.A)(),tooltip=function mergeClass({props,className,key}){const{classes}=props;if(!classes)return className;const propClassName=classes[key];return propClassName?`${propClassName} ${className}`:className}({className:condensedCSS({indicator,indicatorColor,theme}),key:"tooltip",props});return(0,jsx_runtime.jsx)(Tooltip.A,{followCursor:!0,placement:"right-end",enterDelay:50,leaveDelay:50,title,ref,classes:{tooltip},arrow:!1,children})}));const core_TooltipCondensed=TooltipCondensed;TooltipCondensed.__docgenInfo={description:"@see https://mui.com/material-ui/react-tooltip/\n\n@warning If the tooltip wraps a disabled component, please make sure to\nwrap the children in a `` tag.\nhttps://mui.com/components/tooltips/#disabled-elements",methods:[],displayName:"TooltipCondensed",props:{indicator:{required:!1,tsType:{name:"boolean"},description:""},indicatorColor:{required:!1,tsType:{name:"string"},description:""}},composes:["CommonThemeProps"]}}}]);
\ No newline at end of file
diff --git a/iframe.html b/iframe.html
index cd82ee348..9d3e80ca3 100644
--- a/iframe.html
+++ b/iframe.html
@@ -504,8 +504,8 @@
window['TAGS_OPTIONS'] = {"dev-only":{"excludeFromDocsStories":true},"docs-only":{"excludeFromSidebar":true},"test-only":{"excludeFromSidebar":true,"excludeFromDocsStories":true}};