From 9536c1e3e44bb00b53e649ce24f0e2f956bd09e7 Mon Sep 17 00:00:00 2001
From: masoudmanson <mamjadi@contractor.chanzuckerberg.com>
Date: Thu, 14 Nov 2024 07:45:28 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20chanzuck?=
 =?UTF-8?q?erberg/sci-components@a809c018e3b7de62c457db6c21047b256ed6f959?=
 =?UTF-8?q?=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...storybook__-index-stories.6a74cf03.iframe.bundle.js |  1 +
 ...ybook__-index-stories.39c043d7.iframe.bundle.js.map |  1 -
 ...storybook__-index-stories.5702b90e.iframe.bundle.js |  5 +++--
 ...ybook__-index-stories.5702b90e.iframe.bundle.js.map |  1 +
 ...storybook__-index-stories.8cccb62d.iframe.bundle.js |  1 +
 ...storybook__-index-stories.914fba5b.iframe.bundle.js |  1 -
 iframe.html                                            |  4 ++--
 index.json                                             |  2 +-
 main.477ecdd7.iframe.bundle.js                         | 10 ----------
 main.54999c5d.iframe.bundle.js                         | 10 ++++++++++
 ...bundle.js.map => main.54999c5d.iframe.bundle.js.map |  2 +-
 project.json                                           |  2 +-
 runtime~main.379833b4.iframe.bundle.js                 |  1 -
 runtime~main.3fd90324.iframe.bundle.js                 |  1 +
 14 files changed, 22 insertions(+), 20 deletions(-)
 create mode 100644 core-Bases-Breakpoints-__storybook__-index-stories.6a74cf03.iframe.bundle.js
 delete mode 100644 core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js.map
 rename core-Dropdown-__storybook__-index-stories.39c043d7.iframe.bundle.js => core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js (99%)
 create mode 100644 core-Dropdown-__storybook__-index-stories.5702b90e.iframe.bundle.js.map
 create mode 100644 core-HeatmapChart-__storybook__-index-stories.8cccb62d.iframe.bundle.js
 delete mode 100644 core-HeatmapChart-__storybook__-index-stories.914fba5b.iframe.bundle.js
 delete mode 100644 main.477ecdd7.iframe.bundle.js
 create mode 100644 main.54999c5d.iframe.bundle.js
 rename main.477ecdd7.iframe.bundle.js.map => main.54999c5d.iframe.bundle.js.map (99%)
 delete mode 100644 runtime~main.379833b4.iframe.bundle.js
 create mode 100644 runtime~main.3fd90324.iframe.bundle.js

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      <StyledBreakpointsWrapper>\n        <Template />\n      </StyledBreakpointsWrapper>\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<TooltipProps>"},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<CustomSVGProps>",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    <Dialog open disableEnforceFocus PaperComponent={StyledPaper}>\n      <Dropdown<T, Multiple, DisableClearable, FreeSolo>\n        label=\"Dropdown\"\n        options={AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS as T[]}\n        multiple\n        InputDropdownProps={{ sdsStyle: \"square\" }}\n        {...props}\n      />\n    </Dialog>\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<Dropdown\n  DropdownMenuProps={{\n    PopperPlacement: "bottom-start",\n  }}\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) => <Dropdown {...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: <LoadingIndicator sdsStyle="minimal" />\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) => <InsideModalDemo {...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) => <ControlledDropdownDemo {...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) => <PopperPlacementDemo {...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) => <TestDemo {...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<T>[]\n| AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]",elements:[{name:"Array",elements:[{name:"AutocompleteSingleColumnOption",elements:[{name:"T"}],raw:"AutocompleteSingleColumnOption<T>"}],raw:"AutocompleteSingleColumnOption<T>[]"},{name:"Array",elements:[{name:"AutocompleteMultiColumnOption",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>"}],raw:"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]"}]},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<T, Multiple, DisableClearable, FreeSolo>"}],raw:"Partial<\n  SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>\n>"},description:""},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial<InputDropdownPropsType>"},description:""},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},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    <Dialog open disableEnforceFocus PaperComponent={StyledPaper}>\n      <Dropdown<T, Multiple, DisableClearable, FreeSolo>\n        label=\"Dropdown\"\n        options={AUTOCOMPLETE_SINGLE_COLUMN_OPTIONS as T[]}\n        multiple\n        InputDropdownProps={{ sdsStyle: \"square\" }}\n        {...props}\n      />\n    </Dialog>\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: <strong>${param.data.x}</strong><br/>`,`Y-Axis: <strong>${param.data.y}</strong><br/><br/>`,`${param.marker} <strong>${param.data.value}</strong>`].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;i<text.length;i++){const substring=text.substring(0,i+1);if(CTX.measureText(substring).width>maxWidth)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<string, (event: unknown, chart: ECharts) => 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: <strong>${xAxisLabelNames[param.data.x]}</strong><br/>`,`Y-Axis: <strong>${yAxisLabelNames[param.data.y]}</strong><br/><br/>`,`${param.marker} <strong>${param.data.value.toFixed(6)}</strong>`].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;i<size;i++)dataIndex.push(i*size+y);break;case"column":for(let i=0;i<size;i++)dataIndex.push(x*size+i);break;default:for(let i=0;i<size;i++)dataIndex.push(i*size+y,x*size+i)}echartInstance?.dispatchAction({dataIndex,seriesIndex,type:"highlight"})}}},dataZoom:function handleDataZoom(evt){if(evt.batch.length>1){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<size;i++)dataIndex.push(i*size+yAxisLabelRef?.current);break;case"column":for(let i=0;i<size;i++)dataIndex.push(xAxisLabelRef?.current*size+i);break;default:for(let i=0;i<size;i++)dataIndex.push(i*size+yAxisLabelRef?.current,xAxisLabelRef?.current*size+i)}echartInstance&&echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}else if(null!==yAxisLabelRef?.current&&yAxisLabelRef?.current>-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i<size;i++)dataIndex.push(i*size+yAxisLabelRef?.current);echartInstance&&echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}else if(null!==xAxisLabelRef?.current&&xAxisLabelRef?.current>-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i<size;i++)dataIndex.push(xAxisLabelRef?.current*size+i);echartInstance&&echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}}}}})})})),components_ECharts=ECharts;ECharts.__docgenInfo={description:"",methods:[],displayName:"ECharts",props:{xAxisLabelRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"number"}],raw:"RefObject<number>"},description:""},yAxisLabelRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"number"}],raw:"RefObject<number>"},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&&xData<xMax+1&&Number.isFinite(value)?idx:null)).filter((v=>null!==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&&yData<yMax+1&&Number.isFinite(value)?idx:null)).filter((v=>null!==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*(moveToLeft<maxToLeft?moveToLeft:maxToLeft),XAxisChartRef&&XAxisChartRef.current&&XAxisChartRef.current.getWrapperRef()&&XAxisChartRef.current.getWrapperRef().current&&(XAxisChartRef.current.getWrapperRef().current.style.left=`${moveToLeft}px`)}else{const itemSize=heatmapCanvasSize.height/20,heatmapFullHeight=itemSize*size,maxToBottom=(size-20)*itemSize;let moveToBottom=Math.round(start/(100*itemSize/heatmapFullHeight))*itemSize;moveToBottom=-1*(moveToBottom<maxToBottom?moveToBottom:maxToBottom),YAxisChartRef&&YAxisChartRef.current&&YAxisChartRef.current.getWrapperRef()&&YAxisChartRef.current.getWrapperRef().current&&(YAxisChartRef.current.getWrapperRef().current.style.top=`${moveToBottom}px`)}}})})]})},components_Heatmap=Heatmap;Heatmap.__docgenInfo={description:"",methods:[],displayName:"Heatmap"};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),variables=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./packages/components/src/common/styles-dictionary/css/variables.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(variables.A,options);variables.A&&variables.A.locals&&variables.A.locals;__webpack_require__("./packages/components/src/core/Accordion/index.tsx"),__webpack_require__("./packages/components/src/core/Alert/index.tsx"),__webpack_require__("./packages/components/src/core/Autocomplete/index.tsx"),__webpack_require__("./packages/components/src/core/Banner/index.tsx");var Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),Callout=(__webpack_require__("./packages/components/src/core/ButtonDropdown/index.tsx"),__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),__webpack_require__("./packages/components/src/core/ButtonToggle/index.tsx"),__webpack_require__("./packages/components/src/core/Callout/index.tsx")),Dropdown=(__webpack_require__("./packages/components/src/core/Callout/components/CalloutTitle/index.tsx"),__webpack_require__("./packages/components/src/core/CellBasic/index.tsx"),__webpack_require__("./packages/components/src/core/CellComponent/index.tsx"),__webpack_require__("./packages/components/src/core/CellHeader/index.tsx"),__webpack_require__("./packages/components/src/core/Chip/index.tsx"),__webpack_require__("./packages/components/src/core/ComplexFilter/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogActions/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogContent/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogPaper/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogTitle/index.tsx"),__webpack_require__("./packages/components/src/core/Dropdown/index.tsx")),Icon=(__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),__webpack_require__("./packages/components/src/core/Icon/index.tsx")),Tag=(__webpack_require__("./packages/components/src/core/InputCheckbox/index.tsx"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx"),__webpack_require__("./packages/components/src/core/InputRadio/index.tsx"),__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),__webpack_require__("./packages/components/src/core/InputSlider/index.tsx"),__webpack_require__("./packages/components/src/core/InputText/index.tsx"),__webpack_require__("./packages/components/src/core/InputToggle/index.tsx"),__webpack_require__("./packages/components/src/core/Link/index.tsx"),__webpack_require__("./packages/components/src/core/List/index.tsx"),__webpack_require__("./packages/components/src/core/List/components/ListItem/index.tsx"),__webpack_require__("./packages/components/src/core/List/components/ListSubheader/index.tsx"),__webpack_require__("./packages/components/src/core/LoadingIndicator/index.tsx"),__webpack_require__("./packages/components/src/core/Menu/index.tsx"),__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),__webpack_require__("./packages/components/src/core/MenuSelect/index.tsx"),__webpack_require__("./packages/components/src/core/NavigationJumpTo/index.tsx"),__webpack_require__("./packages/components/src/core/Notification/index.tsx"),__webpack_require__("./packages/components/src/core/Pagination/index.tsx"),__webpack_require__("./packages/components/src/core/Panel/index.tsx"),__webpack_require__("./packages/components/src/core/SegmentedControl/index.tsx"),__webpack_require__("./packages/components/src/core/Table/index.tsx"),__webpack_require__("./packages/components/src/core/TableHeader/index.tsx"),__webpack_require__("./packages/components/src/core/TableRow/index.tsx"),__webpack_require__("./packages/components/src/core/Tabs/index.tsx"),__webpack_require__("./packages/components/src/core/Tag/index.tsx")),Tooltip=(__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"));__webpack_require__("./packages/components/src/core/TooltipCondensed/index.tsx"),__webpack_require__("./packages/components/src/core/TooltipTable/index.tsx"),__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledControlPanelWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1aj04g0"})("display:flex;flex-direction:column;justify-content:space-between;height:100%;"),StyledForm=(0,emotion_styled_browser_esm.A)("div",{target:"e1aj04g1"})("display:flex;flex-direction:column;justify-content:start;align-items:start;button{margin-bottom:15px;width:100%;}h5{margin-bottom:15px;font-weight:500;}");var redux_toolkit_modern=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs"),simplex_noise=__webpack_require__("./node_modules/simplex-noise/dist/esm/simplex-noise.js");const initialState={camera:!0,color:"Magma",data:generateData("perlin",50),emphasis:"cross",geneNames:geneListGenerator(50),heatmapCanvasSize:{height:480,width:864},renderer:"svg",size:50,symbol:"rect",type:"perlin"};function generateData(type,size){switch(type){case"sequential":return Array.from({length:size},((_,i)=>Array.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) => <HeatmapDemoComponent {...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<CustomSVGProps>",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement<CustomSVGProps>",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps<keyof IconNameToSizes>"}],raw:"Partial<IconProps<keyof IconNameToSizes>>"},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<CustomSVGProps>",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement<CustomSVGProps>",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<keyof IconNameToSizes>"}],raw:"Partial<IconProps<keyof IconNameToSizes>>"},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<CustomSVGProps>",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement<CustomSVGProps>",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps<keyof IconNameToSizes>"}],raw:"Partial<IconProps<keyof IconNameToSizes>>"},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<TooltipProps>"},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<CustomSVGProps>",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<T, Multiple, DisableClearable, FreeSolo>"},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<T, Multiple, DisableClearable, FreeSolo>\n) => void",signature:{arguments:[{type:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},name:"options"}],return:{name:"void"}}},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"DropdownMenu"}],raw:"Partial<typeof DropdownMenu>"},description:"",defaultValue:{value:"{}",computed:!1}},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial<InputDropdownPropsType>"},description:"",defaultValue:{value:'{ sdsStyle: "minimal" }',computed:!1}},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},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<T>[]\n| AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]",elements:[{name:"Array",elements:[{name:"AutocompleteSingleColumnOption",elements:[{name:"T"}],raw:"AutocompleteSingleColumnOption<T>"}],raw:"AutocompleteSingleColumnOption<T>[]"},{name:"Array",elements:[{name:"AutocompleteMultiColumnOption",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>"}],raw:"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]"}]},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<T, Multiple, DisableClearable, FreeSolo>"}],raw:"Partial<\n  SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>\n>"},description:""},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial<InputDropdownPropsType>"},description:""},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},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<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}var SvgIconCheckboxChecked=function SvgIconCheckboxChecked(props){return react.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),_path||(_path=react.createElement("path",{d:"M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"})),_path2||(_path2=react.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M11.744 3.962a.56.56 0 0 0-.346.239L6.91 10.284 4.59 7.663c-.147-.205-.392-.285-.614-.185-.21.095-.355.33-.382.606-.027.272.062.543.238.703l2.733 3.09c.235.264.594.241.808-.047l4.874-6.612c.167-.22.21-.553.11-.833-.106-.294-.352-.472-.614-.423Z"})))};var IconCheckboxIndeterminate_path,IconCheckboxIndeterminate_path2;function IconCheckboxIndeterminate_extends(){return IconCheckboxIndeterminate_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},IconCheckboxIndeterminate_extends.apply(null,arguments)}var SvgIconCheckboxIndeterminate=function SvgIconCheckboxIndeterminate(props){return react.createElement("svg",IconCheckboxIndeterminate_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),IconCheckboxIndeterminate_path||(IconCheckboxIndeterminate_path=react.createElement("path",{d:"M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"})),IconCheckboxIndeterminate_path2||(IconCheckboxIndeterminate_path2=react.createElement("path",{fill:"#fff",d:"M12.286 8.004a.625.625 0 0 0-.625-.625H4.339a.625.625 0 0 0 0 1.25h7.322c.345 0 .625-.28.625-.625"})))};var IconCheckboxUnchecked_path;function IconCheckboxUnchecked_extends(){return IconCheckboxUnchecked_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},IconCheckboxUnchecked_extends.apply(null,arguments)}var SvgIconCheckboxUnchecked=function SvgIconCheckboxUnchecked(props){return react.createElement("svg",IconCheckboxUnchecked_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),IconCheckboxUnchecked_path||(IconCheckboxUnchecked_path=react.createElement("path",{d:"M0 2C.022 1.484.251.92.586.586.92.251 1.484.022 2 0h12c.516.022 1.08.251 1.414.586.335.334.564.898.586 1.414v12c-.022.516-.251 1.08-.586 1.414-.334.335-.898.564-1.414.586H2c-.516-.022-1.08-.251-1.414-.586C.251 15.08.022 14.516 0 14Zm1 12c-.022.312.084.499.293.707.208.209.395.315.707.293h12c.312.022.499-.084.707-.293.209-.208.315-.395.293-.707V2c.022-.312-.084-.499-.293-.707C14.499 1.084 14.312.978 14 1H2c-.312-.022-.499.084-.707.293C1.084 1.501.978 1.688 1 2Z"})))};var Checkbox=__webpack_require__("./node_modules/@mui/material/Checkbox/Checkbox.js"),checkboxClasses=__webpack_require__("./node_modules/@mui/material/Checkbox/checkboxClasses.js"),FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.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 StyledCheckbox=(0,emotion_styled_browser_esm.A)(Checkbox.A,{target:"e17f8yd90"})((props=>{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<MUICheckboxProps>"},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<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}var SvgIconRadioChecked=function SvgIconRadioChecked(props){return react.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),_path||(_path=react.createElement("path",{fillRule:"evenodd",d:"M5 8a3 3 0 1 0 6 0 3 3 0 0 0-6 0m3-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"})))};var IconRadioUnchecked_path;function IconRadioUnchecked_extends(){return IconRadioUnchecked_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},IconRadioUnchecked_extends.apply(null,arguments)}var SvgIconRadioUnchecked=function SvgIconRadioUnchecked(props){return react.createElement("svg",IconRadioUnchecked_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),IconRadioUnchecked_path||(IconRadioUnchecked_path=react.createElement("path",{fillRule:"evenodd",d:"M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m7-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"})))};var Radio=__webpack_require__("./node_modules/@mui/material/Radio/Radio.js"),radioClasses=__webpack_require__("./node_modules/@mui/material/Radio/radioClasses.js"),FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.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 StyledRadioButton=(0,emotion_styled_browser_esm.A)(Radio.A,{target:"e1bc6kg40"})((props=>{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<MUIRadioProps>"},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<InputSearchProps>"},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=rightSiblingIndex<totalPageCount-2,lastPageIndex=totalPageCount;if(!shouldShowLeftDots&&shouldShowRightDots){const leftItemCount=3+2*siblingCount;return[...range(1,leftItemCount),range(leftItemCount+1,totalPageCount-1),totalPageCount]}if(shouldShowLeftDots&&!shouldShowRightDots){const rightItemCount=3+2*siblingCount,rightRange=range(totalPageCount-rightItemCount+1,totalPageCount);return[1,range(2,totalPageCount-rightItemCount),...rightRange]}if(shouldShowLeftDots&&shouldShowRightDots){const middleRange=range(leftSiblingIndex,rightSiblingIndex);return[1,range(2,leftSiblingIndex-1),...middleRange,range(rightSiblingIndex+1,totalPageCount-1),lastPageIndex]}}),[totalCount,pageSize,siblingCount,currentPage]))({currentPage,pageSize,siblingCount,totalCount})||[];if(0===currentPage||paginationRange.length<2)return null;const lastPage=paginationRange[paginationRange.length-1];return(0,jsx_runtime.jsxs)(StyledPagination,{ref,...props,children:[(0,jsx_runtime.jsx)(StyledPaginationChevronList,{"data-order":"first",disabled:1===currentPage,onClick:()=>currentPage>1&&onPreviousPage(),onKeyDown:function handleGoBackButtonKeyDown(event){("Enter"===event.key||"Space"===event.code)&&currentPage>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<HTMLDivElement>",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<any>",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 `<span>` 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: <strong>${param.data.x}</strong><br/>`,`Y-Axis: <strong>${param.data.y}</strong><br/><br/>`,`${param.marker} <strong>${param.data.value}</strong>`].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;i<text.length;i++){const substring=text.substring(0,i+1);if(CTX.measureText(substring).width>maxWidth)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<string, (event: unknown, chart: ECharts) => 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: <strong>${xAxisLabelNames[param.data.x]}</strong><br/>`,`Y-Axis: <strong>${yAxisLabelNames[param.data.y]}</strong><br/><br/>`,`${param.marker} <strong>${param.data.value.toFixed(6)}</strong>`].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;i<size;i++)dataIndex.push(i*size+y);break;case"column":for(let i=0;i<size;i++)dataIndex.push(x*size+i);break;default:for(let i=0;i<size;i++)dataIndex.push(i*size+y,x*size+i)}echartInstance?.dispatchAction({dataIndex,seriesIndex,type:"highlight"})}}},dataZoom:function handleDataZoom(evt){if(evt.batch.length>1){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<size;i++)dataIndex.push(i*size+yAxisLabelRef?.current);break;case"column":for(let i=0;i<size;i++)dataIndex.push(xAxisLabelRef?.current*size+i);break;default:for(let i=0;i<size;i++)dataIndex.push(i*size+yAxisLabelRef?.current,xAxisLabelRef?.current*size+i)}echartInstance&&echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}else if(null!==yAxisLabelRef?.current&&yAxisLabelRef?.current>-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i<size;i++)dataIndex.push(i*size+yAxisLabelRef?.current);echartInstance&&echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}else if(null!==xAxisLabelRef?.current&&xAxisLabelRef?.current>-1){echartInstance&&echartInstance.dispatchAction({seriesIndex:[0],type:"downplay"});const dataIndex=[];for(let i=0;i<size;i++)dataIndex.push(xAxisLabelRef?.current*size+i);echartInstance&&echartInstance.dispatchAction({dataIndex,seriesIndex:0,type:"highlight"})}}}}})})})),components_ECharts=ECharts;ECharts.__docgenInfo={description:"",methods:[],displayName:"ECharts",props:{xAxisLabelRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"number"}],raw:"RefObject<number>"},description:""},yAxisLabelRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"number"}],raw:"RefObject<number>"},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&&xData<xMax+1&&Number.isFinite(value)?idx:null)).filter((v=>null!==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&&yData<yMax+1&&Number.isFinite(value)?idx:null)).filter((v=>null!==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*(moveToLeft<maxToLeft?moveToLeft:maxToLeft),XAxisChartRef&&XAxisChartRef.current&&XAxisChartRef.current.getWrapperRef()&&XAxisChartRef.current.getWrapperRef().current&&(XAxisChartRef.current.getWrapperRef().current.style.left=`${moveToLeft}px`)}else{const itemSize=heatmapCanvasSize.height/20,heatmapFullHeight=itemSize*size,maxToBottom=(size-20)*itemSize;let moveToBottom=Math.round(start/(100*itemSize/heatmapFullHeight))*itemSize;moveToBottom=-1*(moveToBottom<maxToBottom?moveToBottom:maxToBottom),YAxisChartRef&&YAxisChartRef.current&&YAxisChartRef.current.getWrapperRef()&&YAxisChartRef.current.getWrapperRef().current&&(YAxisChartRef.current.getWrapperRef().current.style.top=`${moveToBottom}px`)}}})})]})},components_Heatmap=Heatmap;Heatmap.__docgenInfo={description:"",methods:[],displayName:"Heatmap"};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),variables=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!./packages/components/src/common/styles-dictionary/css/variables.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(variables.A,options);variables.A&&variables.A.locals&&variables.A.locals;__webpack_require__("./packages/components/src/core/Accordion/index.tsx"),__webpack_require__("./packages/components/src/core/Alert/index.tsx"),__webpack_require__("./packages/components/src/core/Autocomplete/index.tsx"),__webpack_require__("./packages/components/src/core/Banner/index.tsx");var Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),Callout=(__webpack_require__("./packages/components/src/core/ButtonDropdown/index.tsx"),__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),__webpack_require__("./packages/components/src/core/ButtonToggle/index.tsx"),__webpack_require__("./packages/components/src/core/Callout/index.tsx")),Dropdown=(__webpack_require__("./packages/components/src/core/Callout/components/CalloutTitle/index.tsx"),__webpack_require__("./packages/components/src/core/CellBasic/index.tsx"),__webpack_require__("./packages/components/src/core/CellComponent/index.tsx"),__webpack_require__("./packages/components/src/core/CellHeader/index.tsx"),__webpack_require__("./packages/components/src/core/Chip/index.tsx"),__webpack_require__("./packages/components/src/core/ComplexFilter/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogActions/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogContent/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogPaper/index.tsx"),__webpack_require__("./packages/components/src/core/Dialog/components/DialogTitle/index.tsx"),__webpack_require__("./packages/components/src/core/Dropdown/index.tsx")),Icon=(__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),__webpack_require__("./packages/components/src/core/Icon/index.tsx")),Tag=(__webpack_require__("./packages/components/src/core/InputCheckbox/index.tsx"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx"),__webpack_require__("./packages/components/src/core/InputRadio/index.tsx"),__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),__webpack_require__("./packages/components/src/core/InputSlider/index.tsx"),__webpack_require__("./packages/components/src/core/InputText/index.tsx"),__webpack_require__("./packages/components/src/core/InputToggle/index.tsx"),__webpack_require__("./packages/components/src/core/Link/index.tsx"),__webpack_require__("./packages/components/src/core/List/index.tsx"),__webpack_require__("./packages/components/src/core/List/components/ListItem/index.tsx"),__webpack_require__("./packages/components/src/core/List/components/ListSubheader/index.tsx"),__webpack_require__("./packages/components/src/core/LoadingIndicator/index.tsx"),__webpack_require__("./packages/components/src/core/Menu/index.tsx"),__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),__webpack_require__("./packages/components/src/core/MenuSelect/index.tsx"),__webpack_require__("./packages/components/src/core/NavigationJumpTo/index.tsx"),__webpack_require__("./packages/components/src/core/Notification/index.tsx"),__webpack_require__("./packages/components/src/core/Pagination/index.tsx"),__webpack_require__("./packages/components/src/core/Panel/index.tsx"),__webpack_require__("./packages/components/src/core/SegmentedControl/index.tsx"),__webpack_require__("./packages/components/src/core/Table/index.tsx"),__webpack_require__("./packages/components/src/core/TableHeader/index.tsx"),__webpack_require__("./packages/components/src/core/TableRow/index.tsx"),__webpack_require__("./packages/components/src/core/Tabs/index.tsx"),__webpack_require__("./packages/components/src/core/Tag/index.tsx")),Tooltip=(__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),__webpack_require__("./packages/components/src/core/Tooltip/index.tsx"));__webpack_require__("./packages/components/src/core/TooltipCondensed/index.tsx"),__webpack_require__("./packages/components/src/core/TooltipTable/index.tsx"),__webpack_require__("./packages/components/src/core/styles/index.ts");const StyledControlPanelWrapper=(0,emotion_styled_browser_esm.A)("div",{target:"e1aj04g0"})("display:flex;flex-direction:column;justify-content:space-between;height:100%;"),StyledForm=(0,emotion_styled_browser_esm.A)("div",{target:"e1aj04g1"})("display:flex;flex-direction:column;justify-content:start;align-items:start;button{margin-bottom:15px;width:100%;}h5{margin-bottom:15px;font-weight:500;}");var redux_toolkit_modern=__webpack_require__("./node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs"),simplex_noise=__webpack_require__("./node_modules/simplex-noise/dist/esm/simplex-noise.js");const initialState={camera:!0,color:"Magma",data:generateData("perlin",50),emphasis:"cross",geneNames:geneListGenerator(50),heatmapCanvasSize:{height:480,width:864},renderer:"svg",size:50,symbol:"rect",type:"perlin"};function generateData(type,size){switch(type){case"sequential":return Array.from({length:size},((_,i)=>Array.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) => <HeatmapDemoComponent {...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<CustomSVGProps>",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement<CustomSVGProps>",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps<keyof IconNameToSizes>"}],raw:"Partial<IconProps<keyof IconNameToSizes>>"},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<CustomSVGProps>",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement<CustomSVGProps>",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<keyof IconNameToSizes>"}],raw:"Partial<IconProps<keyof IconNameToSizes>>"},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<CustomSVGProps>",elements:[{name:"IconNameToSizes"},{name:"ReactReactElement",raw:"React.ReactElement<CustomSVGProps>",elements:[{name:"CustomSVGProps"}]}]},description:""},sdsIconProps:{required:!1,tsType:{name:"Partial",elements:[{name:"IconProps",elements:[{name:"IconNameToSizes"}],raw:"IconProps<keyof IconNameToSizes>"}],raw:"Partial<IconProps<keyof IconNameToSizes>>"},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<TooltipProps>"},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<CustomSVGProps>",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<T, Multiple, DisableClearable, FreeSolo>"},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<T, Multiple, DisableClearable, FreeSolo>\n) => void",signature:{arguments:[{type:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},name:"options"}],return:{name:"void"}}},description:""},DropdownMenuProps:{required:!1,tsType:{name:"Partial",elements:[{name:"DropdownMenu"}],raw:"Partial<typeof DropdownMenu>"},description:"",defaultValue:{value:"{}",computed:!1}},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial<InputDropdownPropsType>"},description:"",defaultValue:{value:'{ sdsStyle: "minimal" }',computed:!1}},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},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<T>[]\n| AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]",elements:[{name:"Array",elements:[{name:"AutocompleteSingleColumnOption",elements:[{name:"T"}],raw:"AutocompleteSingleColumnOption<T>"}],raw:"AutocompleteSingleColumnOption<T>[]"},{name:"Array",elements:[{name:"AutocompleteMultiColumnOption",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>"}],raw:"AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[]"}]},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<T, Multiple, DisableClearable, FreeSolo>"}],raw:"Partial<\n  SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>\n>"},description:""},InputDropdownProps:{required:!1,tsType:{name:"Partial",elements:[{name:"InputDropdownPropsType"}],raw:"Partial<InputDropdownPropsType>"},description:""},value:{required:!1,tsType:{name:"AutocompleteValue",elements:[{name:"T"},{name:"Multiple"},{name:"DisableClearable"},{name:"FreeSolo"}],raw:"AutocompleteValue<T, Multiple, DisableClearable, FreeSolo>"},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<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}var SvgIconCheckboxChecked=function SvgIconCheckboxChecked(props){return react.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),_path||(_path=react.createElement("path",{d:"M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"})),_path2||(_path2=react.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M11.744 3.962a.56.56 0 0 0-.346.239L6.91 10.284 4.59 7.663c-.147-.205-.392-.285-.614-.185-.21.095-.355.33-.382.606-.027.272.062.543.238.703l2.733 3.09c.235.264.594.241.808-.047l4.874-6.612c.167-.22.21-.553.11-.833-.106-.294-.352-.472-.614-.423Z"})))};var IconCheckboxIndeterminate_path,IconCheckboxIndeterminate_path2;function IconCheckboxIndeterminate_extends(){return IconCheckboxIndeterminate_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},IconCheckboxIndeterminate_extends.apply(null,arguments)}var SvgIconCheckboxIndeterminate=function SvgIconCheckboxIndeterminate(props){return react.createElement("svg",IconCheckboxIndeterminate_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),IconCheckboxIndeterminate_path||(IconCheckboxIndeterminate_path=react.createElement("path",{d:"M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"})),IconCheckboxIndeterminate_path2||(IconCheckboxIndeterminate_path2=react.createElement("path",{fill:"#fff",d:"M12.286 8.004a.625.625 0 0 0-.625-.625H4.339a.625.625 0 0 0 0 1.25h7.322c.345 0 .625-.28.625-.625"})))};var IconCheckboxUnchecked_path;function IconCheckboxUnchecked_extends(){return IconCheckboxUnchecked_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},IconCheckboxUnchecked_extends.apply(null,arguments)}var SvgIconCheckboxUnchecked=function SvgIconCheckboxUnchecked(props){return react.createElement("svg",IconCheckboxUnchecked_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),IconCheckboxUnchecked_path||(IconCheckboxUnchecked_path=react.createElement("path",{d:"M0 2C.022 1.484.251.92.586.586.92.251 1.484.022 2 0h12c.516.022 1.08.251 1.414.586.335.334.564.898.586 1.414v12c-.022.516-.251 1.08-.586 1.414-.334.335-.898.564-1.414.586H2c-.516-.022-1.08-.251-1.414-.586C.251 15.08.022 14.516 0 14Zm1 12c-.022.312.084.499.293.707.208.209.395.315.707.293h12c.312.022.499-.084.707-.293.209-.208.315-.395.293-.707V2c.022-.312-.084-.499-.293-.707C14.499 1.084 14.312.978 14 1H2c-.312-.022-.499.084-.707.293C1.084 1.501.978 1.688 1 2Z"})))};var Checkbox=__webpack_require__("./node_modules/@mui/material/Checkbox/Checkbox.js"),checkboxClasses=__webpack_require__("./node_modules/@mui/material/Checkbox/checkboxClasses.js"),FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.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 StyledCheckbox=(0,emotion_styled_browser_esm.A)(Checkbox.A,{target:"e17f8yd90"})((props=>{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<MUICheckboxProps>"},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<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}var SvgIconRadioChecked=function SvgIconRadioChecked(props){return react.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),_path||(_path=react.createElement("path",{fillRule:"evenodd",d:"M5 8a3 3 0 1 0 6 0 3 3 0 0 0-6 0m3-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"})))};var IconRadioUnchecked_path;function IconRadioUnchecked_extends(){return IconRadioUnchecked_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},IconRadioUnchecked_extends.apply(null,arguments)}var SvgIconRadioUnchecked=function SvgIconRadioUnchecked(props){return react.createElement("svg",IconRadioUnchecked_extends({xmlns:"http://www.w3.org/2000/svg",width:16,height:16},props),IconRadioUnchecked_path||(IconRadioUnchecked_path=react.createElement("path",{fillRule:"evenodd",d:"M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m7-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"})))};var Radio=__webpack_require__("./node_modules/@mui/material/Radio/Radio.js"),radioClasses=__webpack_require__("./node_modules/@mui/material/Radio/radioClasses.js"),FormControlLabel=__webpack_require__("./node_modules/@mui/material/FormControlLabel/FormControlLabel.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 StyledRadioButton=(0,emotion_styled_browser_esm.A)(Radio.A,{target:"e1bc6kg40"})((props=>{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<MUIRadioProps>"},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<InputSearchProps>"},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=rightSiblingIndex<totalPageCount-2,lastPageIndex=totalPageCount;if(!shouldShowLeftDots&&shouldShowRightDots){const leftItemCount=3+2*siblingCount;return[...range(1,leftItemCount),range(leftItemCount+1,totalPageCount-1),totalPageCount]}if(shouldShowLeftDots&&!shouldShowRightDots){const rightItemCount=3+2*siblingCount,rightRange=range(totalPageCount-rightItemCount+1,totalPageCount);return[1,range(2,totalPageCount-rightItemCount),...rightRange]}if(shouldShowLeftDots&&shouldShowRightDots){const middleRange=range(leftSiblingIndex,rightSiblingIndex);return[1,range(2,leftSiblingIndex-1),...middleRange,range(rightSiblingIndex+1,totalPageCount-1),lastPageIndex]}}),[totalCount,pageSize,siblingCount,currentPage]))({currentPage,pageSize,siblingCount,totalCount})||[];if(0===currentPage||paginationRange.length<2)return null;const lastPage=paginationRange[paginationRange.length-1];return(0,jsx_runtime.jsxs)(StyledPagination,{ref,...props,children:[(0,jsx_runtime.jsx)(StyledPaginationChevronList,{"data-order":"first",disabled:1===currentPage,onClick:()=>currentPage>1&&onPreviousPage(),onKeyDown:function handleGoBackButtonKeyDown(event){("Enter"===event.key||"Space"===event.code)&&currentPage>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<HTMLDivElement>",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<any>",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 `<span>` 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}};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.379833b4.iframe.bundle.js';
+      import './runtime~main.3fd90324.iframe.bundle.js';
       
       import './484.e7388289.iframe.bundle.js';
       
-      import './main.477ecdd7.iframe.bundle.js';</script></body></html>
\ No newline at end of file
+      import './main.54999c5d.iframe.bundle.js';</script></body></html>
\ No newline at end of file
diff --git a/index.json b/index.json
index 800538301..32ab37de9 100644
--- a/index.json
+++ b/index.json
@@ -1 +1 @@
-{"v":5,"entries":{"bases-borders--default":{"type":"story","id":"bases-borders--default","name":"Default","title":"Bases/Borders","importPath":"./packages/components/src/core/Bases/Borders/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-colors--primitive-colors":{"type":"story","id":"bases-colors--primitive-colors","name":"Primitive Colors","title":"Bases/Colors","importPath":"./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-colors--semantic-colors":{"type":"story","id":"bases-colors--semantic-colors","name":"Semantic Colors","title":"Bases/Colors","importPath":"./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-corners--default":{"type":"story","id":"bases-corners--default","name":"Default","title":"Bases/Corners","importPath":"./packages/components/src/core/Bases/Corners/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-drop-shadows--default":{"type":"story","id":"bases-drop-shadows--default","name":"Default","title":"Bases/Drop Shadows","importPath":"./packages/components/src/core/Bases/DropShadows/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-spaces--default":{"type":"story","id":"bases-spaces--default","name":"Default","title":"Bases/Spaces","importPath":"./packages/components/src/core/Bases/Spaces/__storybook__/index.stories.tsx","tags":["dev","test"]},"components-accordion--default":{"type":"story","id":"components-accordion--default","name":"Default","title":"Components/Accordion","importPath":"./packages/components/src/core/Accordion/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Accordion/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-accordion--test":{"type":"story","id":"components-accordion--test","name":"Test","title":"Components/Accordion","importPath":"./packages/components/src/core/Accordion/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Accordion/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-banner--default":{"type":"story","id":"components-banner--default","name":"Default","title":"Components/Banner","importPath":"./packages/components/src/core/Banner/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Banner/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-banner--test":{"type":"story","id":"components-banner--test","name":"Test","title":"Components/Banner","importPath":"./packages/components/src/core/Banner/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Banner/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-button--default":{"type":"story","id":"components-buttons-button--default","name":"Default","title":"Components/Buttons/Button","importPath":"./packages/components/src/core/Button/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Button/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-button--screenshot-test":{"type":"story","id":"components-buttons-button--screenshot-test","name":"Screenshot Test","title":"Components/Buttons/Button","importPath":"./packages/components/src/core/Button/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Button/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-button--test":{"type":"story","id":"components-buttons-button--test","name":"Test","title":"Components/Buttons/Button","importPath":"./packages/components/src/core/Button/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Button/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttondropdown--default":{"type":"story","id":"components-buttons-buttondropdown--default","name":"Default","title":"Components/Buttons/ButtonDropdown","importPath":"./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttondropdown--test":{"type":"story","id":"components-buttons-buttondropdown--test","name":"Test","title":"Components/Buttons/ButtonDropdown","importPath":"./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttontoggle--default":{"type":"story","id":"components-buttons-buttontoggle--default","name":"Default","title":"Components/Buttons/ButtonToggle","importPath":"./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttontoggle--test":{"type":"story","id":"components-buttons-buttontoggle--test","name":"Test","title":"Components/Buttons/ButtonToggle","importPath":"./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-callout--default":{"type":"story","id":"components-callout--default","name":"Default","title":"Components/Callout","importPath":"./packages/components/src/core/Callout/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Callout/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--default":{"type":"story","id":"components-dialog--default","name":"Default","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--test":{"type":"story","id":"components-dialog--test","name":"Test","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--test-no-title-on-close":{"type":"story","id":"components-dialog--test-no-title-on-close","name":"Test No Title On Close","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--test-button-position-left":{"type":"story","id":"components-dialog--test-button-position-left","name":"Test Button Position Left","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--default":{"type":"story","id":"components-dropdowns-autocomplete--default","name":"Default","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--single-column":{"type":"story","id":"components-dropdowns-autocomplete--single-column","name":"Single Column","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--multi-column":{"type":"story","id":"components-dropdowns-autocomplete--multi-column","name":"Multi Column","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--controlled-open":{"type":"story","id":"components-dropdowns-autocomplete--controlled-open","name":"Controlled Open","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--test":{"type":"story","id":"components-dropdowns-autocomplete--test","name":"Test","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-complexfilter--default":{"type":"story","id":"components-dropdowns-complexfilter--default","name":"Default","title":"Components/Dropdowns/ComplexFilter","importPath":"./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ComplexFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-complexfilter--test":{"type":"story","id":"components-dropdowns-complexfilter--test","name":"Test","title":"Components/Dropdowns/ComplexFilter","importPath":"./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ComplexFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--default":{"type":"story","id":"components-dropdowns-dropdown--default","name":"Default","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--multi-column-with-buttons":{"type":"story","id":"components-dropdowns-dropdown--multi-column-with-buttons","name":"Multi Column With Buttons","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--loading-results-indicator":{"type":"story","id":"components-dropdowns-dropdown--loading-results-indicator","name":"Loading Results Indicator","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--inside-modal":{"type":"story","id":"components-dropdowns-dropdown--inside-modal","name":"Inside Modal","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--controlled-dropdown":{"type":"story","id":"components-dropdowns-dropdown--controlled-dropdown","name":"Controlled Dropdown","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--popper-placement":{"type":"story","id":"components-dropdowns-dropdown--popper-placement","name":"Popper Placement","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--test":{"type":"story","id":"components-dropdowns-dropdown--test","name":"Test","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--default":{"type":"story","id":"components-dropdowns-dropdownmenu--default","name":"Default","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--multi-column":{"type":"story","id":"components-dropdowns-dropdownmenu--multi-column","name":"Multi Column","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--screenshot-test":{"type":"story","id":"components-dropdowns-dropdownmenu--screenshot-test","name":"Screenshot Test","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--test":{"type":"story","id":"components-dropdowns-dropdownmenu--test","name":"Test","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--with-header-component":{"type":"story","id":"components-dropdowns-dropdownmenu--with-header-component","name":"With Header Component","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menu--default":{"type":"story","id":"components-dropdowns-menu--default","name":"Default","title":"Components/Dropdowns/Menu","importPath":"./packages/components/src/core/Menu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Menu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menu--custom-placement":{"type":"story","id":"components-dropdowns-menu--custom-placement","name":"Custom Placement","title":"Components/Dropdowns/Menu","importPath":"./packages/components/src/core/Menu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Menu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menuitem--default":{"type":"story","id":"components-dropdowns-menuitem--default","name":"Default","title":"Components/Dropdowns/MenuItem","importPath":"./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/MenuItem/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menuitem--screenshot-test":{"type":"story","id":"components-dropdowns-menuitem--screenshot-test","name":"Screenshot Test","title":"Components/Dropdowns/MenuItem","importPath":"./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/MenuItem/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menuitem--test":{"type":"story","id":"components-dropdowns-menuitem--test","name":"Test","title":"Components/Dropdowns/MenuItem","importPath":"./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/MenuItem/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-icon--default":{"type":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./packages/components/src/core/Icon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Icon/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-icon--icon-bank":{"type":"story","id":"components-icon--icon-bank","name":"Icon Bank","title":"Components/Icon","importPath":"./packages/components/src/core/Icon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Icon/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-icon--test":{"type":"story","id":"components-icon--test","name":"Test","title":"Components/Icon","importPath":"./packages/components/src/core/Icon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Icon/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputcheckbox--default":{"type":"story","id":"components-inputs-inputcheckbox--default","name":"Default","title":"Components/Inputs/InputCheckbox","importPath":"./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputCheckbox/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputcheckbox--test":{"type":"story","id":"components-inputs-inputcheckbox--test","name":"Test","title":"Components/Inputs/InputCheckbox","importPath":"./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputCheckbox/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputdropdown--default":{"type":"story","id":"components-inputs-inputdropdown--default","name":"Default","title":"Components/Inputs/InputDropdown","importPath":"./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputdropdown--test":{"type":"story","id":"components-inputs-inputdropdown--test","name":"Test","title":"Components/Inputs/InputDropdown","importPath":"./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputradio--default":{"type":"story","id":"components-inputs-inputradio--default","name":"Default","title":"Components/Inputs/InputRadio","importPath":"./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputRadio/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputradio--test":{"type":"story","id":"components-inputs-inputradio--test","name":"Test","title":"Components/Inputs/InputRadio","importPath":"./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputRadio/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputsearch--default":{"type":"story","id":"components-inputs-inputsearch--default","name":"Default","title":"Components/Inputs/InputSearch","importPath":"./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSearch/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputsearch--test":{"type":"story","id":"components-inputs-inputsearch--test","name":"Test","title":"Components/Inputs/InputSearch","importPath":"./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSearch/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputslider--default":{"type":"story","id":"components-inputs-inputslider--default","name":"Default","title":"Components/Inputs/InputSlider","importPath":"./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSlider/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputslider--test":{"type":"story","id":"components-inputs-inputslider--test","name":"Test","title":"Components/Inputs/InputSlider","importPath":"./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSlider/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtext--default":{"type":"story","id":"components-inputs-inputtext--default","name":"Default","title":"Components/Inputs/InputText","importPath":"./packages/components/src/core/InputText/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputText/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtext--test":{"type":"story","id":"components-inputs-inputtext--test","name":"Test","title":"Components/Inputs/InputText","importPath":"./packages/components/src/core/InputText/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputText/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtoggle--default":{"type":"story","id":"components-inputs-inputtoggle--default","name":"Default","title":"Components/Inputs/InputToggle","importPath":"./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtoggle--controlled":{"type":"story","id":"components-inputs-inputtoggle--controlled","name":"Controlled","title":"Components/Inputs/InputToggle","importPath":"./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtoggle--test":{"type":"story","id":"components-inputs-inputtoggle--test","name":"Test","title":"Components/Inputs/InputToggle","importPath":"./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-link--default":{"type":"story","id":"components-link--default","name":"Default","title":"Components/Link","importPath":"./packages/components/src/core/Link/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Link/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-link--longer-text":{"type":"story","id":"components-link--longer-text","name":"Longer Text","title":"Components/Link","importPath":"./packages/components/src/core/Link/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Link/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-link--screenshot-test":{"type":"story","id":"components-link--screenshot-test","name":"Screenshot Test","title":"Components/Link","importPath":"./packages/components/src/core/Link/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Link/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-list--default":{"type":"story","id":"components-list--default","name":"Default","title":"Components/List","importPath":"./packages/components/src/core/List/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/List/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--default":{"type":"story","id":"components-loadingindicator--default","name":"Default","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--custom-aria-label":{"type":"story","id":"components-loadingindicator--custom-aria-label","name":"Custom Aria Label","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--screen-reader-test":{"type":"story","id":"components-loadingindicator--screen-reader-test","name":"Screen Reader Test","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--test":{"type":"story","id":"components-loadingindicator--test","name":"Test","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-navigationjumpto--default":{"type":"story","id":"components-navigationjumpto--default","name":"Default","title":"Components/NavigationJumpTo","importPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-navigationjumpto--jump-to-nav-demo":{"type":"story","id":"components-navigationjumpto--jump-to-nav-demo","name":"Jump To Nav Demo","title":"Components/NavigationJumpTo","importPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-navigationjumpto--test":{"type":"story","id":"components-navigationjumpto--test","name":"Test","title":"Components/NavigationJumpTo","importPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-notification--default":{"type":"story","id":"components-notification--default","name":"Default","title":"Components/Notification","importPath":"./packages/components/src/core/Notification/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Notification/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-notification--screenshot-test":{"type":"story","id":"components-notification--screenshot-test","name":"Screenshot Test","title":"Components/Notification","importPath":"./packages/components/src/core/Notification/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Notification/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-notification--test":{"type":"story","id":"components-notification--test","name":"Test","title":"Components/Notification","importPath":"./packages/components/src/core/Notification/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Notification/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--default":{"type":"story","id":"components-panel--default","name":"Default","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--scroll-behavior":{"type":"story","id":"components-panel--scroll-behavior","name":"Scroll Behavior","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--custom-header-and-close-button":{"type":"story","id":"components-panel--custom-header-and-close-button","name":"Custom Header And Close Button","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--test":{"type":"story","id":"components-panel--test","name":"Test","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--default":{"type":"story","id":"components-segmentedcontrol--default","name":"Default","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--with-disabled-button":{"type":"story","id":"components-segmentedcontrol--with-disabled-button","name":"With Disabled Button","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--controlled-segmented-control":{"type":"story","id":"components-segmentedcontrol--controlled-segmented-control","name":"Controlled Segmented Control","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--test":{"type":"story","id":"components-segmentedcontrol--test","name":"Test","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellbasic--default":{"type":"story","id":"components-table-cellbasic--default","name":"Default","title":"Components/Table/CellBasic","importPath":"./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellBasic/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellbasic--test":{"type":"story","id":"components-table-cellbasic--test","name":"Test","title":"Components/Table/CellBasic","importPath":"./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellBasic/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellcomponent--default":{"type":"story","id":"components-table-cellcomponent--default","name":"Default","title":"Components/Table/CellComponent","importPath":"./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellComponent/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellcomponent--test":{"type":"story","id":"components-table-cellcomponent--test","name":"Test","title":"Components/Table/CellComponent","importPath":"./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellComponent/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellheader--default":{"type":"story","id":"components-table-cellheader--default","name":"Default","title":"Components/Table/CellHeader","importPath":"./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellheader--test":{"type":"story","id":"components-table-cellheader--test","name":"Test","title":"Components/Table/CellHeader","importPath":"./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-pagination--default":{"type":"story","id":"components-table-pagination--default","name":"Default","title":"Components/Table/Pagination","importPath":"./packages/components/src/core/Pagination/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Pagination/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-pagination--test":{"type":"story","id":"components-table-pagination--test","name":"Test","title":"Components/Table/Pagination","importPath":"./packages/components/src/core/Pagination/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Pagination/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-table--default":{"type":"story","id":"components-table-table--default","name":"Default","title":"Components/Table/Table","importPath":"./packages/components/src/core/Table/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Table/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-table--test":{"type":"story","id":"components-table-table--test","name":"Test","title":"Components/Table/Table","importPath":"./packages/components/src/core/Table/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Table/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tableheader--default":{"type":"story","id":"components-table-tableheader--default","name":"Default","title":"Components/Table/TableHeader","importPath":"./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tableheader--test":{"type":"story","id":"components-table-tableheader--test","name":"Test","title":"Components/Table/TableHeader","importPath":"./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tablerow--default":{"type":"story","id":"components-table-tablerow--default","name":"Default","title":"Components/Table/TableRow","importPath":"./packages/components/src/core/TableRow/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableRow/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tablerow--test":{"type":"story","id":"components-table-tablerow--test","name":"Test","title":"Components/Table/TableRow","importPath":"./packages/components/src/core/TableRow/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableRow/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tabs--default":{"type":"story","id":"components-tabs--default","name":"Default","title":"Components/Tabs","importPath":"./packages/components/src/core/Tabs/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tabs/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tabs--test":{"type":"story","id":"components-tabs--test","name":"Test","title":"Components/Tabs","importPath":"./packages/components/src/core/Tabs/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tabs/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--default":{"type":"story","id":"components-tag--default","name":"Default","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--screenshot-test":{"type":"story","id":"components-tag--screenshot-test","name":"Screenshot Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--gray-primary-screenshot-test":{"type":"story","id":"components-tag--gray-primary-screenshot-test","name":"Gray Primary Screenshot Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--success-warning-screenshot-test":{"type":"story","id":"components-tag--success-warning-screenshot-test","name":"Success Warning Screenshot Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--test":{"type":"story","id":"components-tag--test","name":"Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tagfilter--default":{"type":"story","id":"components-tagfilter--default","name":"Default","title":"Components/TagFilter","importPath":"./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TagFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tagfilter--screenshot-test":{"type":"story","id":"components-tagfilter--screenshot-test","name":"Screenshot Test","title":"Components/TagFilter","importPath":"./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TagFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tagfilter--test":{"type":"story","id":"components-tagfilter--test","name":"Test","title":"Components/TagFilter","importPath":"./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TagFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--default":{"type":"story","id":"components-tooltip--default","name":"Default","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--placement-preview":{"type":"story","id":"components-tooltip--placement-preview","name":"Placement Preview","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--screenshot-test":{"type":"story","id":"components-tooltip--screenshot-test","name":"Screenshot Test","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--test":{"type":"story","id":"components-tooltip--test","name":"Test","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltipcondensed--default":{"type":"story","id":"components-tooltipcondensed--default","name":"Default","title":"Components/TooltipCondensed","importPath":"./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipCondensed/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltipcondensed--test":{"type":"story","id":"components-tooltipcondensed--test","name":"Test","title":"Components/TooltipCondensed","importPath":"./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipCondensed/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltiptable--default":{"type":"story","id":"components-tooltiptable--default","name":"Default","title":"Components/TooltipTable","importPath":"./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipTable/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltiptable--test":{"type":"story","id":"components-tooltiptable--test","name":"Test","title":"Components/TooltipTable","importPath":"./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipTable/__storybook__/stories/default.tsx","tags":["dev","test"]},"data-viz-heatmapchart-beta--default":{"type":"story","id":"data-viz-heatmapchart-beta--default","name":"Default","title":"Data Viz/HeatmapChart [beta]","importPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx","componentPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/stories/default.tsx","tags":["dev","test"]},"data-viz-heatmapchart-beta--heatmap-demo":{"type":"story","id":"data-viz-heatmapchart-beta--heatmap-demo","name":"Heatmap Demo","title":"Data Viz/HeatmapChart [beta]","importPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx","componentPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-alert-deprecated--default":{"type":"story","id":"deprecated-alert-deprecated--default","name":"Default","title":"Deprecated/Alert [deprecated]","importPath":"./packages/components/src/core/Alert/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-alert-deprecated--snackbar-alert":{"type":"story","id":"deprecated-alert-deprecated--snackbar-alert","name":"Snackbar Alert","title":"Deprecated/Alert [deprecated]","importPath":"./packages/components/src/core/Alert/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-alert-deprecated--test":{"type":"story","id":"deprecated-alert-deprecated--test","name":"Test","title":"Deprecated/Alert [deprecated]","importPath":"./packages/components/src/core/Alert/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-buttonicon-deprecated--default":{"type":"story","id":"deprecated-buttonicon-deprecated--default","name":"Default","title":"Deprecated/ButtonIcon [deprecated]","importPath":"./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonIcon/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-buttonicon-deprecated--screenshot-test":{"type":"story","id":"deprecated-buttonicon-deprecated--screenshot-test","name":"Screenshot Test","title":"Deprecated/ButtonIcon [deprecated]","importPath":"./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonIcon/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-buttonicon-deprecated--test":{"type":"story","id":"deprecated-buttonicon-deprecated--test","name":"Test","title":"Deprecated/ButtonIcon [deprecated]","importPath":"./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonIcon/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--medium-square-chip":{"type":"story","id":"deprecated-chip-deprecated--medium-square-chip","name":"Medium Square Chip","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--success":{"type":"story","id":"deprecated-chip-deprecated--success","name":"Success","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--error":{"type":"story","id":"deprecated-chip-deprecated--error","name":"Error","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--warning":{"type":"story","id":"deprecated-chip-deprecated--warning","name":"Warning","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--info":{"type":"story","id":"deprecated-chip-deprecated--info","name":"Info","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--pending":{"type":"story","id":"deprecated-chip-deprecated--pending","name":"Pending","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--beta":{"type":"story","id":"deprecated-chip-deprecated--beta","name":"Beta","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--default":{"type":"story","id":"deprecated-menuselect-deprecated--default","name":"Default","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--single-select-with-search":{"type":"story","id":"deprecated-menuselect-deprecated--single-select-with-search","name":"Single Select With Search","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--multi-select":{"type":"story","id":"deprecated-menuselect-deprecated--multi-select","name":"Multi Select","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--multi-select-with-search":{"type":"story","id":"deprecated-menuselect-deprecated--multi-select-with-search","name":"Multi Select With Search","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]}}}
+{"v":5,"entries":{"bases-borders--default":{"type":"story","id":"bases-borders--default","name":"Default","title":"Bases/Borders","importPath":"./packages/components/src/core/Bases/Borders/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-breakpoints--default":{"type":"story","id":"bases-breakpoints--default","name":"Default","title":"Bases/Breakpoints","importPath":"./packages/components/src/core/Bases/Breakpoints/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-colors--primitive-colors":{"type":"story","id":"bases-colors--primitive-colors","name":"Primitive Colors","title":"Bases/Colors","importPath":"./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-colors--semantic-colors":{"type":"story","id":"bases-colors--semantic-colors","name":"Semantic Colors","title":"Bases/Colors","importPath":"./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-corners--default":{"type":"story","id":"bases-corners--default","name":"Default","title":"Bases/Corners","importPath":"./packages/components/src/core/Bases/Corners/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-drop-shadows--default":{"type":"story","id":"bases-drop-shadows--default","name":"Default","title":"Bases/Drop Shadows","importPath":"./packages/components/src/core/Bases/DropShadows/__storybook__/index.stories.tsx","tags":["dev","test"]},"bases-spaces--default":{"type":"story","id":"bases-spaces--default","name":"Default","title":"Bases/Spaces","importPath":"./packages/components/src/core/Bases/Spaces/__storybook__/index.stories.tsx","tags":["dev","test"]},"components-accordion--default":{"type":"story","id":"components-accordion--default","name":"Default","title":"Components/Accordion","importPath":"./packages/components/src/core/Accordion/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Accordion/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-accordion--test":{"type":"story","id":"components-accordion--test","name":"Test","title":"Components/Accordion","importPath":"./packages/components/src/core/Accordion/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Accordion/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-banner--default":{"type":"story","id":"components-banner--default","name":"Default","title":"Components/Banner","importPath":"./packages/components/src/core/Banner/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Banner/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-banner--test":{"type":"story","id":"components-banner--test","name":"Test","title":"Components/Banner","importPath":"./packages/components/src/core/Banner/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Banner/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-button--default":{"type":"story","id":"components-buttons-button--default","name":"Default","title":"Components/Buttons/Button","importPath":"./packages/components/src/core/Button/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Button/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-button--screenshot-test":{"type":"story","id":"components-buttons-button--screenshot-test","name":"Screenshot Test","title":"Components/Buttons/Button","importPath":"./packages/components/src/core/Button/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Button/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-button--test":{"type":"story","id":"components-buttons-button--test","name":"Test","title":"Components/Buttons/Button","importPath":"./packages/components/src/core/Button/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Button/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttondropdown--default":{"type":"story","id":"components-buttons-buttondropdown--default","name":"Default","title":"Components/Buttons/ButtonDropdown","importPath":"./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttondropdown--test":{"type":"story","id":"components-buttons-buttondropdown--test","name":"Test","title":"Components/Buttons/ButtonDropdown","importPath":"./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttontoggle--default":{"type":"story","id":"components-buttons-buttontoggle--default","name":"Default","title":"Components/Buttons/ButtonToggle","importPath":"./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-buttons-buttontoggle--test":{"type":"story","id":"components-buttons-buttontoggle--test","name":"Test","title":"Components/Buttons/ButtonToggle","importPath":"./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-callout--default":{"type":"story","id":"components-callout--default","name":"Default","title":"Components/Callout","importPath":"./packages/components/src/core/Callout/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Callout/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--default":{"type":"story","id":"components-dialog--default","name":"Default","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--test":{"type":"story","id":"components-dialog--test","name":"Test","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--test-no-title-on-close":{"type":"story","id":"components-dialog--test-no-title-on-close","name":"Test No Title On Close","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dialog--test-button-position-left":{"type":"story","id":"components-dialog--test-button-position-left","name":"Test Button Position Left","title":"Components/Dialog","importPath":"./packages/components/src/core/Dialog/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dialog/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--default":{"type":"story","id":"components-dropdowns-autocomplete--default","name":"Default","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--single-column":{"type":"story","id":"components-dropdowns-autocomplete--single-column","name":"Single Column","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--multi-column":{"type":"story","id":"components-dropdowns-autocomplete--multi-column","name":"Multi Column","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--controlled-open":{"type":"story","id":"components-dropdowns-autocomplete--controlled-open","name":"Controlled Open","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-autocomplete--test":{"type":"story","id":"components-dropdowns-autocomplete--test","name":"Test","title":"Components/Dropdowns/Autocomplete","importPath":"./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Autocomplete/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-complexfilter--default":{"type":"story","id":"components-dropdowns-complexfilter--default","name":"Default","title":"Components/Dropdowns/ComplexFilter","importPath":"./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ComplexFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-complexfilter--test":{"type":"story","id":"components-dropdowns-complexfilter--test","name":"Test","title":"Components/Dropdowns/ComplexFilter","importPath":"./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ComplexFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--default":{"type":"story","id":"components-dropdowns-dropdown--default","name":"Default","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--multi-column-with-buttons":{"type":"story","id":"components-dropdowns-dropdown--multi-column-with-buttons","name":"Multi Column With Buttons","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--loading-results-indicator":{"type":"story","id":"components-dropdowns-dropdown--loading-results-indicator","name":"Loading Results Indicator","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--inside-modal":{"type":"story","id":"components-dropdowns-dropdown--inside-modal","name":"Inside Modal","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--controlled-dropdown":{"type":"story","id":"components-dropdowns-dropdown--controlled-dropdown","name":"Controlled Dropdown","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--popper-placement":{"type":"story","id":"components-dropdowns-dropdown--popper-placement","name":"Popper Placement","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdown--test":{"type":"story","id":"components-dropdowns-dropdown--test","name":"Test","title":"Components/Dropdowns/Dropdown","importPath":"./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Dropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--default":{"type":"story","id":"components-dropdowns-dropdownmenu--default","name":"Default","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--multi-column":{"type":"story","id":"components-dropdowns-dropdownmenu--multi-column","name":"Multi Column","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--screenshot-test":{"type":"story","id":"components-dropdowns-dropdownmenu--screenshot-test","name":"Screenshot Test","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--test":{"type":"story","id":"components-dropdowns-dropdownmenu--test","name":"Test","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-dropdownmenu--with-header-component":{"type":"story","id":"components-dropdowns-dropdownmenu--with-header-component","name":"With Header Component","title":"Components/Dropdowns/DropdownMenu","importPath":"./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/DropdownMenu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menu--default":{"type":"story","id":"components-dropdowns-menu--default","name":"Default","title":"Components/Dropdowns/Menu","importPath":"./packages/components/src/core/Menu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Menu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menu--custom-placement":{"type":"story","id":"components-dropdowns-menu--custom-placement","name":"Custom Placement","title":"Components/Dropdowns/Menu","importPath":"./packages/components/src/core/Menu/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Menu/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menuitem--default":{"type":"story","id":"components-dropdowns-menuitem--default","name":"Default","title":"Components/Dropdowns/MenuItem","importPath":"./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/MenuItem/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menuitem--screenshot-test":{"type":"story","id":"components-dropdowns-menuitem--screenshot-test","name":"Screenshot Test","title":"Components/Dropdowns/MenuItem","importPath":"./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/MenuItem/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-dropdowns-menuitem--test":{"type":"story","id":"components-dropdowns-menuitem--test","name":"Test","title":"Components/Dropdowns/MenuItem","importPath":"./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/MenuItem/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-icon--default":{"type":"story","id":"components-icon--default","name":"Default","title":"Components/Icon","importPath":"./packages/components/src/core/Icon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Icon/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-icon--icon-bank":{"type":"story","id":"components-icon--icon-bank","name":"Icon Bank","title":"Components/Icon","importPath":"./packages/components/src/core/Icon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Icon/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-icon--test":{"type":"story","id":"components-icon--test","name":"Test","title":"Components/Icon","importPath":"./packages/components/src/core/Icon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Icon/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputcheckbox--default":{"type":"story","id":"components-inputs-inputcheckbox--default","name":"Default","title":"Components/Inputs/InputCheckbox","importPath":"./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputCheckbox/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputcheckbox--test":{"type":"story","id":"components-inputs-inputcheckbox--test","name":"Test","title":"Components/Inputs/InputCheckbox","importPath":"./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputCheckbox/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputdropdown--default":{"type":"story","id":"components-inputs-inputdropdown--default","name":"Default","title":"Components/Inputs/InputDropdown","importPath":"./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputdropdown--test":{"type":"story","id":"components-inputs-inputdropdown--test","name":"Test","title":"Components/Inputs/InputDropdown","importPath":"./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputDropdown/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputradio--default":{"type":"story","id":"components-inputs-inputradio--default","name":"Default","title":"Components/Inputs/InputRadio","importPath":"./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputRadio/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputradio--test":{"type":"story","id":"components-inputs-inputradio--test","name":"Test","title":"Components/Inputs/InputRadio","importPath":"./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputRadio/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputsearch--default":{"type":"story","id":"components-inputs-inputsearch--default","name":"Default","title":"Components/Inputs/InputSearch","importPath":"./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSearch/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputsearch--test":{"type":"story","id":"components-inputs-inputsearch--test","name":"Test","title":"Components/Inputs/InputSearch","importPath":"./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSearch/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputslider--default":{"type":"story","id":"components-inputs-inputslider--default","name":"Default","title":"Components/Inputs/InputSlider","importPath":"./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSlider/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputslider--test":{"type":"story","id":"components-inputs-inputslider--test","name":"Test","title":"Components/Inputs/InputSlider","importPath":"./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputSlider/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtext--default":{"type":"story","id":"components-inputs-inputtext--default","name":"Default","title":"Components/Inputs/InputText","importPath":"./packages/components/src/core/InputText/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputText/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtext--test":{"type":"story","id":"components-inputs-inputtext--test","name":"Test","title":"Components/Inputs/InputText","importPath":"./packages/components/src/core/InputText/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputText/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtoggle--default":{"type":"story","id":"components-inputs-inputtoggle--default","name":"Default","title":"Components/Inputs/InputToggle","importPath":"./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtoggle--controlled":{"type":"story","id":"components-inputs-inputtoggle--controlled","name":"Controlled","title":"Components/Inputs/InputToggle","importPath":"./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-inputs-inputtoggle--test":{"type":"story","id":"components-inputs-inputtoggle--test","name":"Test","title":"Components/Inputs/InputToggle","importPath":"./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/InputToggle/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-link--default":{"type":"story","id":"components-link--default","name":"Default","title":"Components/Link","importPath":"./packages/components/src/core/Link/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Link/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-link--longer-text":{"type":"story","id":"components-link--longer-text","name":"Longer Text","title":"Components/Link","importPath":"./packages/components/src/core/Link/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Link/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-link--screenshot-test":{"type":"story","id":"components-link--screenshot-test","name":"Screenshot Test","title":"Components/Link","importPath":"./packages/components/src/core/Link/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Link/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-list--default":{"type":"story","id":"components-list--default","name":"Default","title":"Components/List","importPath":"./packages/components/src/core/List/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/List/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--default":{"type":"story","id":"components-loadingindicator--default","name":"Default","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--custom-aria-label":{"type":"story","id":"components-loadingindicator--custom-aria-label","name":"Custom Aria Label","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--screen-reader-test":{"type":"story","id":"components-loadingindicator--screen-reader-test","name":"Screen Reader Test","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-loadingindicator--test":{"type":"story","id":"components-loadingindicator--test","name":"Test","title":"Components/LoadingIndicator","importPath":"./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/LoadingIndicator/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-navigationjumpto--default":{"type":"story","id":"components-navigationjumpto--default","name":"Default","title":"Components/NavigationJumpTo","importPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-navigationjumpto--jump-to-nav-demo":{"type":"story","id":"components-navigationjumpto--jump-to-nav-demo","name":"Jump To Nav Demo","title":"Components/NavigationJumpTo","importPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-navigationjumpto--test":{"type":"story","id":"components-navigationjumpto--test","name":"Test","title":"Components/NavigationJumpTo","importPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/NavigationJumpTo/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-notification--default":{"type":"story","id":"components-notification--default","name":"Default","title":"Components/Notification","importPath":"./packages/components/src/core/Notification/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Notification/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-notification--screenshot-test":{"type":"story","id":"components-notification--screenshot-test","name":"Screenshot Test","title":"Components/Notification","importPath":"./packages/components/src/core/Notification/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Notification/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-notification--test":{"type":"story","id":"components-notification--test","name":"Test","title":"Components/Notification","importPath":"./packages/components/src/core/Notification/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Notification/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--default":{"type":"story","id":"components-panel--default","name":"Default","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--scroll-behavior":{"type":"story","id":"components-panel--scroll-behavior","name":"Scroll Behavior","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--custom-header-and-close-button":{"type":"story","id":"components-panel--custom-header-and-close-button","name":"Custom Header And Close Button","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-panel--test":{"type":"story","id":"components-panel--test","name":"Test","title":"Components/Panel","importPath":"./packages/components/src/core/Panel/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Panel/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--default":{"type":"story","id":"components-segmentedcontrol--default","name":"Default","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--with-disabled-button":{"type":"story","id":"components-segmentedcontrol--with-disabled-button","name":"With Disabled Button","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--controlled-segmented-control":{"type":"story","id":"components-segmentedcontrol--controlled-segmented-control","name":"Controlled Segmented Control","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-segmentedcontrol--test":{"type":"story","id":"components-segmentedcontrol--test","name":"Test","title":"Components/SegmentedControl","importPath":"./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/SegmentedControl/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellbasic--default":{"type":"story","id":"components-table-cellbasic--default","name":"Default","title":"Components/Table/CellBasic","importPath":"./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellBasic/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellbasic--test":{"type":"story","id":"components-table-cellbasic--test","name":"Test","title":"Components/Table/CellBasic","importPath":"./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellBasic/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellcomponent--default":{"type":"story","id":"components-table-cellcomponent--default","name":"Default","title":"Components/Table/CellComponent","importPath":"./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellComponent/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellcomponent--test":{"type":"story","id":"components-table-cellcomponent--test","name":"Test","title":"Components/Table/CellComponent","importPath":"./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellComponent/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellheader--default":{"type":"story","id":"components-table-cellheader--default","name":"Default","title":"Components/Table/CellHeader","importPath":"./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-cellheader--test":{"type":"story","id":"components-table-cellheader--test","name":"Test","title":"Components/Table/CellHeader","importPath":"./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/CellHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-pagination--default":{"type":"story","id":"components-table-pagination--default","name":"Default","title":"Components/Table/Pagination","importPath":"./packages/components/src/core/Pagination/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Pagination/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-pagination--test":{"type":"story","id":"components-table-pagination--test","name":"Test","title":"Components/Table/Pagination","importPath":"./packages/components/src/core/Pagination/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Pagination/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-table--default":{"type":"story","id":"components-table-table--default","name":"Default","title":"Components/Table/Table","importPath":"./packages/components/src/core/Table/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Table/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-table--test":{"type":"story","id":"components-table-table--test","name":"Test","title":"Components/Table/Table","importPath":"./packages/components/src/core/Table/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Table/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tableheader--default":{"type":"story","id":"components-table-tableheader--default","name":"Default","title":"Components/Table/TableHeader","importPath":"./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tableheader--test":{"type":"story","id":"components-table-tableheader--test","name":"Test","title":"Components/Table/TableHeader","importPath":"./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableHeader/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tablerow--default":{"type":"story","id":"components-table-tablerow--default","name":"Default","title":"Components/Table/TableRow","importPath":"./packages/components/src/core/TableRow/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableRow/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-table-tablerow--test":{"type":"story","id":"components-table-tablerow--test","name":"Test","title":"Components/Table/TableRow","importPath":"./packages/components/src/core/TableRow/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TableRow/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tabs--default":{"type":"story","id":"components-tabs--default","name":"Default","title":"Components/Tabs","importPath":"./packages/components/src/core/Tabs/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tabs/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tabs--test":{"type":"story","id":"components-tabs--test","name":"Test","title":"Components/Tabs","importPath":"./packages/components/src/core/Tabs/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tabs/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--default":{"type":"story","id":"components-tag--default","name":"Default","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--screenshot-test":{"type":"story","id":"components-tag--screenshot-test","name":"Screenshot Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--gray-primary-screenshot-test":{"type":"story","id":"components-tag--gray-primary-screenshot-test","name":"Gray Primary Screenshot Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--success-warning-screenshot-test":{"type":"story","id":"components-tag--success-warning-screenshot-test","name":"Success Warning Screenshot Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tag--test":{"type":"story","id":"components-tag--test","name":"Test","title":"Components/Tag","importPath":"./packages/components/src/core/Tag/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tag/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tagfilter--default":{"type":"story","id":"components-tagfilter--default","name":"Default","title":"Components/TagFilter","importPath":"./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TagFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tagfilter--screenshot-test":{"type":"story","id":"components-tagfilter--screenshot-test","name":"Screenshot Test","title":"Components/TagFilter","importPath":"./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TagFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tagfilter--test":{"type":"story","id":"components-tagfilter--test","name":"Test","title":"Components/TagFilter","importPath":"./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TagFilter/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--default":{"type":"story","id":"components-tooltip--default","name":"Default","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--placement-preview":{"type":"story","id":"components-tooltip--placement-preview","name":"Placement Preview","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--screenshot-test":{"type":"story","id":"components-tooltip--screenshot-test","name":"Screenshot Test","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltip--test":{"type":"story","id":"components-tooltip--test","name":"Test","title":"Components/Tooltip","importPath":"./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/Tooltip/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltipcondensed--default":{"type":"story","id":"components-tooltipcondensed--default","name":"Default","title":"Components/TooltipCondensed","importPath":"./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipCondensed/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltipcondensed--test":{"type":"story","id":"components-tooltipcondensed--test","name":"Test","title":"Components/TooltipCondensed","importPath":"./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipCondensed/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltiptable--default":{"type":"story","id":"components-tooltiptable--default","name":"Default","title":"Components/TooltipTable","importPath":"./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipTable/__storybook__/stories/default.tsx","tags":["dev","test"]},"components-tooltiptable--test":{"type":"story","id":"components-tooltiptable--test","name":"Test","title":"Components/TooltipTable","importPath":"./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/TooltipTable/__storybook__/stories/default.tsx","tags":["dev","test"]},"data-viz-heatmapchart-beta--default":{"type":"story","id":"data-viz-heatmapchart-beta--default","name":"Default","title":"Data Viz/HeatmapChart [beta]","importPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx","componentPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/stories/default.tsx","tags":["dev","test"]},"data-viz-heatmapchart-beta--heatmap-demo":{"type":"story","id":"data-viz-heatmapchart-beta--heatmap-demo","name":"Heatmap Demo","title":"Data Viz/HeatmapChart [beta]","importPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx","componentPath":"./packages/data-viz/src/core/HeatmapChart/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-alert-deprecated--default":{"type":"story","id":"deprecated-alert-deprecated--default","name":"Default","title":"Deprecated/Alert [deprecated]","importPath":"./packages/components/src/core/Alert/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-alert-deprecated--snackbar-alert":{"type":"story","id":"deprecated-alert-deprecated--snackbar-alert","name":"Snackbar Alert","title":"Deprecated/Alert [deprecated]","importPath":"./packages/components/src/core/Alert/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-alert-deprecated--test":{"type":"story","id":"deprecated-alert-deprecated--test","name":"Test","title":"Deprecated/Alert [deprecated]","importPath":"./packages/components/src/core/Alert/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-buttonicon-deprecated--default":{"type":"story","id":"deprecated-buttonicon-deprecated--default","name":"Default","title":"Deprecated/ButtonIcon [deprecated]","importPath":"./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonIcon/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-buttonicon-deprecated--screenshot-test":{"type":"story","id":"deprecated-buttonicon-deprecated--screenshot-test","name":"Screenshot Test","title":"Deprecated/ButtonIcon [deprecated]","importPath":"./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonIcon/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-buttonicon-deprecated--test":{"type":"story","id":"deprecated-buttonicon-deprecated--test","name":"Test","title":"Deprecated/ButtonIcon [deprecated]","importPath":"./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx","componentPath":"./packages/components/src/core/ButtonIcon/__storybook__/stories/default.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--medium-square-chip":{"type":"story","id":"deprecated-chip-deprecated--medium-square-chip","name":"Medium Square Chip","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--success":{"type":"story","id":"deprecated-chip-deprecated--success","name":"Success","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--error":{"type":"story","id":"deprecated-chip-deprecated--error","name":"Error","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--warning":{"type":"story","id":"deprecated-chip-deprecated--warning","name":"Warning","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--info":{"type":"story","id":"deprecated-chip-deprecated--info","name":"Info","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--pending":{"type":"story","id":"deprecated-chip-deprecated--pending","name":"Pending","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-chip-deprecated--beta":{"type":"story","id":"deprecated-chip-deprecated--beta","name":"Beta","title":"Deprecated/Chip [deprecated]","importPath":"./packages/components/src/core/Chip/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--default":{"type":"story","id":"deprecated-menuselect-deprecated--default","name":"Default","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--single-select-with-search":{"type":"story","id":"deprecated-menuselect-deprecated--single-select-with-search","name":"Single Select With Search","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--multi-select":{"type":"story","id":"deprecated-menuselect-deprecated--multi-select","name":"Multi Select","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]},"deprecated-menuselect-deprecated--multi-select-with-search":{"type":"story","id":"deprecated-menuselect-deprecated--multi-select-with-search","name":"Multi Select With Search","title":"Deprecated/MenuSelect [deprecated]","importPath":"./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx","tags":["dev","test"]}}}
diff --git a/main.477ecdd7.iframe.bundle.js b/main.477ecdd7.iframe.bundle.js
deleted file mode 100644
index 14d2ec8e6..000000000
--- a/main.477ecdd7.iframe.bundle.js
+++ /dev/null
@@ -1,10 +0,0 @@
-(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[8792],{"./node_modules/@storybook/instrumenter/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/instrumenter/dist sync recursive",module.exports=webpackEmptyContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("storybook/internal/channels");const importers=[async path=>{if(!/^\.[\\/](?:packages\/components\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(26);return __webpack_require__("./packages/components/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:packages\/data-viz\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(24);return __webpack_require__("./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb((async function importFn(path){for(let i=0;i<importers.length;i++){const moduleExports=await(x=()=>importers[i](path),x());if(moduleExports)return moduleExports}var x}),(()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/viewport/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/preview.js"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/storybook-addon-pseudo-states/preview.js"),__webpack_require__("./.storybook/preview.js")])));window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel},"./node_modules/@storybook/test/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/test/dist sync recursive",module.exports=webpackEmptyContext},"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{decorators:()=>decorators,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_mui_material_CssBaseline__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/CssBaseline/CssBaseline.js"),_packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/styles/index.ts"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/styles/ThemeProvider.js"),_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/common/storybook/storybookBadges.ts");const decorators=[(Story,context)=>{const{theme:storybookTheme}=context.globals;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_mui_material_styles__WEBPACK_IMPORTED_MODULE_3__.A,{theme:(0,_packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_1__.Sx)(storybookTheme),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_mui_material_CssBaseline__WEBPACK_IMPORTED_MODULE_4__.Ay,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{})]})}],__WEBPACK_DEFAULT_EXPORT__={globalTypes:{pseudo:{},theme:{description:"Global theme for components",defaultValue:"light",toolbar:{title:"Theme",dynamicTitle:!0,items:[{value:"light",icon:"sun",title:"Light"},{value:"dark",icon:"moon",title:"Dark"}]}}},parameters:{backgrounds:{disable:!0},badgesConfig:{[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.BETA]:{styles:{backgroundColor:"#F4F0F9",borderColor:"#7A41CE",borderRadius:2,color:"#703CBE"},title:"Beta"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.DEPRECATED]:{styles:{backgroundColor:"#FEF2F2",borderColor:"#DC132C",borderRadius:2,color:"#C61128"},title:"Deprecated"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.NEEDS_REVISION]:{styles:{backgroundColor:"#F8F8F8",borderColor:"#999999",borderRadius:2,color:"#767676"},title:"Needs Revision"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.STABLE]:{styles:{backgroundColor:"#ECF5F0",borderColor:"#3CB371",borderRadius:2,color:"#349A61"},title:"Stable"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.WIP]:{styles:{backgroundColor:"#FCF6EC",borderColor:"#F5A623",borderRadius:2,color:"#D8921F"},title:"Work in progress"}},options:{storySort:{method:"alphabetical",order:["Bases","Components","Data Viz","Deprecated"]}}},tags:["!autodocs"]}},"./packages/components/src/common/storybook/storybookBadges.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>BADGE});var _geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/dist/index.mjs");const BADGE={BETA:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.BETA,DEPRECATED:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.DEPRECATED,NEEDS_REVISION:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.NEEDS_REVISION,STABLE:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.STABLE,WIP:"wip"}},"./packages/components/src/core/styles/common/SDSAppTheme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Pg:()=>SDSChooseTheme});const fontFamily='"Inter", sans-serif';const sharedAppTheme={corners:{l:20,m:4,none:0,s:2},fontWeights:{bold:700,light:300,medium:800,regular:400,semibold:600},iconSizes:{input:{height:16,width:16},l:{height:24,width:24},s:{height:16,width:16},xl:{height:32,width:32},xs:{height:12,width:12}},shadows:{l:"0 2px 12px 0 rgba(0,0,0, 0.3)",m:"0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15)",none:"none",s:"0 2px 4px 0 rgba(0,0,0, 0.25)"},spacing:{default:12,l:16,m:12,s:8,xl:24,xs:6,xxl:40,xxs:4,xxxs:2},typography:{fontFamily:{body:fontFamily,caps:fontFamily,code:'"IBM Plex Mono", monospace',header:fontFamily,tabular:fontFamily},narrowStyles:{body:{regular:{button:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:16,fontWeight:400,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},m:{fontSize:14,fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},s:{fontSize:14,fontWeight:400,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:400,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:12,fontWeight:400,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"}},semibold:{button:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},m:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"}}},caps:{semibold:{xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.5px",lineHeight:"18px",textTransform:"uppercase"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.5px",lineHeight:"16px",textTransform:"uppercase"},xxxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.5px",lineHeight:"16px",textTransform:"uppercase"}}},code:{regular:{s:{fontSize:14,fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}},header:{semibold:{l:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"22px",textTransform:"none"},m:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xl:{fontSize:18,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"18px",textTransform:"none"},xxl:{fontSize:22,fontWeight:600,letterSpacing:"0px",lineHeight:"30px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"}}},tabular:{regular:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}}},wideStyles:{body:{regular:{button:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:18,fontWeight:400,letterSpacing:"0px",lineHeight:"28px",textTransform:"none"},m:{fontSize:16,fontWeight:400,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},s:{fontSize:14,fontWeight:400,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:400,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:11,fontWeight:400,letterSpacing:"0.1px",lineHeight:"16px",textTransform:"none"}},semibold:{button:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:18,fontWeight:600,letterSpacing:"0px",lineHeight:"28px",textTransform:"none"},m:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.1px",lineHeight:"16px",textTransform:"none"}}},caps:{semibold:{xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.5px",lineHeight:"18px",textTransform:"uppercase"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.5px",lineHeight:"16px",textTransform:"uppercase"},xxxxs:{fontSize:10,fontWeight:600,letterSpacing:"0.5px",lineHeight:"14px",textTransform:"uppercase"}}},code:{regular:{s:{fontSize:14,fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}},header:{semibold:{l:{fontSize:18,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},m:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"22px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xl:{fontSize:22,fontWeight:600,letterSpacing:"0px",lineHeight:"30px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"18px",textTransform:"none"},xxl:{fontSize:26,fontWeight:600,letterSpacing:"0px",lineHeight:"34px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.1px",lineHeight:"16px",textTransform:"none"}}},tabular:{regular:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}}}}},makeSdsSemanticAppTheme=colors=>({...sharedAppTheme,borders:{accent:{default:`1px solid ${colors.blue[500]}`,focused:`1px solid ${colors.blue[500]}`,hover:`1px solid ${colors.blue[600]}`,open:`1px solid ${colors.blue[500]}`,pressed:`1px solid ${colors.blue[700]}`,selected:`1px solid ${colors.blue[500]}`},base:{default:`1px solid ${colors.gray[500]}`,disabled:`1px solid ${colors.gray[300]}`,divider:`1px solid ${colors.gray[200]}`,hover:`1px solid ${colors.gray[900]}`,pressed:`1px solid ${colors.gray[900]}`,table:`1px solid ${colors.gray[300]}`},beta:{default:`1px solid ${colors.purple[600]}`,extraThick:`4px solid ${colors.purple[600]}`,thick:`2px solid ${colors.purple[600]}`},info:{default:`1px solid ${colors.blue[600]}`,extraThick:`4px solid ${colors.blue[600]}`,thick:`2px solid ${colors.blue[600]}`},link:{dashed:"1px dashed",solid:"1px solid"},negative:{default:`1px solid ${colors.red[600]}`,extraThick:`4px solid ${colors.red[600]}`,thick:`2px solid ${colors.red[600]}`},neutral:{default:`1px solid ${colors.gray[500]}`,extraThick:`4px solid ${colors.gray[500]}`,thick:`2px solid ${colors.gray[500]}`},none:"none",notice:{default:`1px solid ${colors.yellow[600]}`,extraThick:`4px solid ${colors.yellow[600]}`,thick:`2px solid ${colors.yellow[600]}`},positive:{default:`1px solid ${colors.green[600]}`,extraThick:`4px solid ${colors.green[600]}`,thick:`2px solid ${colors.green[600]}`}},colors}),SDSLightAppTheme=makeSdsSemanticAppTheme({blue:{100:"#e2eeff",200:"#cce1ff",300:"#9dc6ff",400:"#6ca6ff",500:"#1a6cef",600:"#0041b9",700:"#002d90",800:"#00114a"},gray:{100:"#f3f3f3",200:"#dfdfdf",300:"#c3c3c3",400:"#a5a5a5",50:"#ffffff",500:"#969696",600:"#6c6c6c",700:"#3b3b3b",75:"#fafafa",800:"#1b1b1b",900:"#000000"},green:{100:"#daf4de",200:"#b9ecc3",300:"#7fd693",400:"#50b96d",500:"#238444",600:"#105b2b",700:"#07431d",800:"#001f00"},purple:{100:"#efeafe",200:"#e4dbfc",300:"#cbbaf8",400:"#b296f2",500:"#8b54e2",600:"#6526b5",700:"#490092",800:"#1a004c"},red:{100:"#ffe8e6",200:"#ffd6d2",300:"#ffafa8",400:"#ff7e78",500:"#db2131",600:"#980013",700:"#6f0008",800:"#340000"},yellow:{100:"#ffefcf",200:"#ffdb97",300:"#ffca5c",400:"#fab700",500:"#da9900",600:"#b77800",700:"#7c3e00",800:"#541700"}}),SDSDarkAppTheme=makeSdsSemanticAppTheme({blue:{100:"#002573",200:"#0048c5",300:"#2573f4",400:"#5b9aff",500:"#a2c9ff",600:"#cde3ff",700:"#e2eeff",800:"#f7faff"},gray:{100:"#333333",200:"#494949",300:"#696969",400:"#9b9b9b",50:"#000000",500:"#aaaaaa",600:"#cdcdcd",700:"#ededed",75:"#101010",800:"#fafafa",900:"#ffffff"},green:{100:"#053918",200:"#12612e",300:"#288b49",400:"#43ae63",500:"#85d898",600:"#bcecc5",700:"#daf4de",800:"#f7fbf6"},purple:{100:"#4b0190",200:"#6b2ebc",300:"#905de6",400:"#aa89ef",500:"#cebef8",600:"#e4dcfc",700:"#f0ebfe",800:"#fbf9ff"},red:{100:"#630008",200:"#A30000",300:"#E52722",400:"#FF695B",500:"#FF9385",600:"#FFBDB3",700:"#FFD8D1",800:"#FFF1EE"},yellow:{100:"#552300",200:"#834500",300:"#985a00",400:"#ac6c00",500:"#cf8e00",600:"#efad00",700:"#ffdc9a",800:"#fcf2e3"}}),SDSChooseTheme=theme=>"dark"===theme?SDSDarkAppTheme:SDSLightAppTheme},"./packages/components/src/core/styles/common/defaultTheme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>Theme,z:()=>defaultTheme});var createTheme=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js"),SDSAppTheme=__webpack_require__("./packages/components/src/core/styles/common/SDSAppTheme.ts");const SDSPaletteLight=appTheme=>({accent:{border:appTheme.colors.blue[500],borderFocus:appTheme.colors.blue[500],borderHover:appTheme.colors.blue[600],borderOpen:appTheme.colors.blue[500],borderPressed:appTheme.colors.blue[700],borderSelected:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],icon:appTheme.colors.blue[500],iconFocus:appTheme.colors.blue[500],iconHover:appTheme.colors.blue[600],iconOpen:appTheme.colors.blue[500],iconPressed:appTheme.colors.blue[700],iconSelected:appTheme.colors.blue[500],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],textAction:appTheme.colors.blue[500],textActionHover:appTheme.colors.blue[600],textActionPressed:appTheme.colors.blue[700]},base:{border:appTheme.colors.gray[500],borderDisabled:appTheme.colors.gray[300],borderHover:appTheme.colors.gray[900],borderPressed:appTheme.colors.gray[900],borderTable:appTheme.colors.gray[300],divider:appTheme.colors.gray[200],fillDisabled:appTheme.colors.gray[200],fillHover:appTheme.colors.gray[300]+"47",fillOpen:appTheme.colors.gray[300]+"47",fillPressed:appTheme.colors.gray[300]+"47",fillPrimary:appTheme.colors.gray[50],fillSelected:appTheme.colors.gray[900],iconDisabled:appTheme.colors.gray[300],iconPrimary:appTheme.colors.gray[500],iconPrimaryHover:appTheme.colors.gray[900],iconPrimaryInverse:appTheme.colors.gray[50],iconPrimaryInverseHover:appTheme.colors.gray[400],iconPrimaryInversePressed:appTheme.colors.gray[400],iconPrimaryPressed:appTheme.colors.gray[900],iconSecondary:appTheme.colors.gray[900],surfaceBackground:appTheme.colors.gray[50],surfacePrimary:appTheme.colors.gray[50],surfacePrimaryInverse:appTheme.colors.gray[900],surfaceSecondary:appTheme.colors.gray[100],surfaceTertiary:appTheme.colors.gray[200],textDisabled:appTheme.colors.gray[300],textPrimary:appTheme.colors.gray[900],textPrimaryInverse:appTheme.colors.gray[50],textSecondary:appTheme.colors.gray[600],textSecondaryInverse:appTheme.colors.gray[300]},beta:{border:appTheme.colors.purple[500],fillHover:appTheme.colors.purple[600],fillPressed:appTheme.colors.purple[700],fillPrimary:appTheme.colors.purple[500],fillSecondary:appTheme.colors.purple[100],ornament:appTheme.colors.purple[600],surfacePrimary:appTheme.colors.purple[100],surfaceSecondary:appTheme.colors.purple[500],text:appTheme.colors.purple[600]},info:{border:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],fillSecondary:appTheme.colors.blue[100],ornament:appTheme.colors.blue[600],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],text:appTheme.colors.blue[600]},negative:{border:appTheme.colors.red[500],fillHover:appTheme.colors.red[600],fillPressed:appTheme.colors.red[700],fillPrimary:appTheme.colors.red[500],fillSecondary:appTheme.colors.red[100],ornament:appTheme.colors.red[600],surfacePrimary:appTheme.colors.red[100],surfaceSecondary:appTheme.colors.red[500],text:appTheme.colors.red[600]},neutral:{border:appTheme.colors.gray[500],fillHover:appTheme.colors.gray[600],fillPressed:appTheme.colors.gray[700],fillPrimary:appTheme.colors.gray[500],fillSecondary:appTheme.colors.gray[100],ornament:appTheme.colors.gray[700],surfacePrimary:appTheme.colors.gray[200],surfaceSecondary:appTheme.colors.gray[500],text:appTheme.colors.gray[700]},notice:{border:appTheme.colors.yellow[500],fillHover:appTheme.colors.yellow[600],fillPressed:appTheme.colors.yellow[700],fillPrimary:appTheme.colors.yellow[500],fillSecondary:appTheme.colors.yellow[100],ornament:appTheme.colors.yellow[600],surfacePrimary:appTheme.colors.yellow[100],surfaceSecondary:appTheme.colors.yellow[500],text:appTheme.colors.yellow[600]},positive:{border:appTheme.colors.green[500],fillHover:appTheme.colors.green[600],fillPressed:appTheme.colors.green[700],fillPrimary:appTheme.colors.green[500],fillSecondary:appTheme.colors.green[100],ornament:appTheme.colors.green[600],surfacePrimary:appTheme.colors.green[100],surfaceSecondary:appTheme.colors.green[500],text:appTheme.colors.green[600]}}),SDSPaletteDark=appTheme=>({accent:{border:appTheme.colors.blue[500],borderFocus:appTheme.colors.blue[500],borderHover:appTheme.colors.blue[600],borderOpen:appTheme.colors.blue[500],borderPressed:appTheme.colors.blue[700],borderSelected:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],icon:appTheme.colors.blue[500],iconFocus:appTheme.colors.blue[500],iconHover:appTheme.colors.blue[600],iconOpen:appTheme.colors.blue[500],iconPressed:appTheme.colors.blue[700],iconSelected:appTheme.colors.blue[500],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],textAction:appTheme.colors.blue[500],textActionHover:appTheme.colors.blue[600],textActionPressed:appTheme.colors.blue[700]},base:{border:appTheme.colors.gray[500],borderDisabled:appTheme.colors.gray[300],borderHover:appTheme.colors.gray[900],borderPressed:appTheme.colors.gray[900],borderTable:appTheme.colors.gray[300],divider:appTheme.colors.gray[200],fillDisabled:appTheme.colors.gray[200],fillHover:appTheme.colors.gray[300]+"47",fillOpen:appTheme.colors.gray[300]+"47",fillPressed:appTheme.colors.gray[300]+"47",fillPrimary:appTheme.colors.gray[100],fillSelected:appTheme.colors.gray[900],iconDisabled:appTheme.colors.gray[300],iconPrimary:appTheme.colors.gray[500],iconPrimaryHover:appTheme.colors.gray[900],iconPrimaryInverse:appTheme.colors.gray[50],iconPrimaryInverseHover:appTheme.colors.gray[400],iconPrimaryInversePressed:appTheme.colors.gray[400],iconPrimaryPressed:appTheme.colors.gray[900],iconSecondary:appTheme.colors.gray[900],surfaceBackground:appTheme.colors.gray[75],surfacePrimary:appTheme.colors.gray[100],surfacePrimaryInverse:appTheme.colors.gray[900],surfaceSecondary:appTheme.colors.gray[200],surfaceTertiary:appTheme.colors.gray[300],textDisabled:appTheme.colors.gray[300],textPrimary:appTheme.colors.gray[900],textPrimaryInverse:appTheme.colors.gray[50],textSecondary:appTheme.colors.gray[600],textSecondaryInverse:appTheme.colors.gray[300]},beta:{border:appTheme.colors.purple[500],fillHover:appTheme.colors.purple[600],fillPressed:appTheme.colors.purple[700],fillPrimary:appTheme.colors.purple[500],fillSecondary:appTheme.colors.purple[100],ornament:appTheme.colors.purple[600],surfacePrimary:appTheme.colors.purple[100],surfaceSecondary:appTheme.colors.purple[500],text:appTheme.colors.purple[600]},info:{border:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],fillSecondary:appTheme.colors.blue[100],ornament:appTheme.colors.blue[600],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],text:appTheme.colors.blue[600]},negative:{border:appTheme.colors.red[500],fillHover:appTheme.colors.red[600],fillPressed:appTheme.colors.red[700],fillPrimary:appTheme.colors.red[500],fillSecondary:appTheme.colors.red[100],ornament:appTheme.colors.red[600],surfacePrimary:appTheme.colors.red[100],surfaceSecondary:appTheme.colors.red[500],text:appTheme.colors.red[600]},neutral:{border:appTheme.colors.gray[500],fillHover:appTheme.colors.gray[600],fillPressed:appTheme.colors.gray[700],fillPrimary:appTheme.colors.gray[500],fillSecondary:appTheme.colors.gray[100],ornament:appTheme.colors.gray[700],surfacePrimary:appTheme.colors.gray[200],surfaceSecondary:appTheme.colors.gray[500],text:appTheme.colors.gray[700]},notice:{border:appTheme.colors.yellow[500],fillHover:appTheme.colors.yellow[600],fillPressed:appTheme.colors.yellow[700],fillPrimary:appTheme.colors.yellow[500],fillSecondary:appTheme.colors.yellow[100],ornament:appTheme.colors.yellow[600],surfacePrimary:appTheme.colors.yellow[100],surfaceSecondary:appTheme.colors.yellow[500],text:appTheme.colors.yellow[700]},positive:{border:appTheme.colors.green[500],fillHover:appTheme.colors.green[600],fillPressed:appTheme.colors.green[700],fillPrimary:appTheme.colors.green[500],fillSecondary:appTheme.colors.green[100],ornament:appTheme.colors.green[600],surfacePrimary:appTheme.colors.green[100],surfaceSecondary:appTheme.colors.green[500],text:appTheme.colors.green[600]}});const Theme=t=>(0,createTheme.A)(function makeThemeOptions(appTheme,mode){return{app:appTheme,components:{MuiButtonBase:{defaultProps:{disableRipple:!0}},MuiDrawer:{defaultProps:{hideBackdrop:!0}},MuiLink:{defaultProps:{underline:"hover"}},MuiTab:{defaultProps:{disableRipple:!0}}},palette:{action:{disabled:appTheme.colors.gray[400],disabledBackground:appTheme.colors.gray[300]},background:{default:"dark"===mode?appTheme.colors.gray[75]:appTheme.colors.gray[50]},divider:appTheme.colors.gray[200],error:{100:appTheme.colors.red[100],200:appTheme.colors.red[200],300:appTheme.colors.red[300],400:appTheme.colors.red[400],500:appTheme.colors.red[500],600:appTheme.colors.red[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.red[600],light:appTheme.colors.red[200],main:appTheme.colors.red[400]},grey:{100:appTheme.colors.gray[100],200:appTheme.colors.gray[200],300:appTheme.colors.gray[300],400:appTheme.colors.gray[400],500:appTheme.colors.gray[500],600:appTheme.colors.gray[600]},info:{100:appTheme.colors.blue[100],200:appTheme.colors.blue[200],300:appTheme.colors.blue[300],400:appTheme.colors.blue[400],500:appTheme.colors.blue[500],600:appTheme.colors.blue[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.blue[600],light:appTheme.colors.blue[200],main:appTheme.colors.blue[400]},mode,primary:{100:appTheme.colors.blue[100],200:appTheme.colors.blue[200],300:appTheme.colors.blue[300],400:appTheme.colors.blue[400],500:appTheme.colors.blue[500],600:appTheme.colors.blue[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.blue[600],light:appTheme.colors.blue[200],main:appTheme.colors.blue[400]},sds:"dark"===mode?SDSPaletteDark(appTheme):SDSPaletteLight(appTheme),secondary:{100:appTheme.colors.green[100],200:appTheme.colors.green[200],300:appTheme.colors.green[300],400:appTheme.colors.green[400],500:appTheme.colors.green[500],600:appTheme.colors.green[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.green[600],light:appTheme.colors.green[200],main:appTheme.colors.green[400]},success:{100:appTheme.colors.green[100],200:appTheme.colors.green[200],300:appTheme.colors.green[300],400:appTheme.colors.green[400],500:appTheme.colors.green[500],600:appTheme.colors.green[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.green[600],light:appTheme.colors.green[200],main:appTheme.colors.green[400]},text:{disabled:appTheme.colors.gray[300],primary:appTheme.colors.gray[900],secondary:appTheme.colors.gray[600]},warning:{100:appTheme.colors.yellow[100],200:appTheme.colors.yellow[200],300:appTheme.colors.yellow[300],400:appTheme.colors.yellow[400],500:appTheme.colors.yellow[500],600:appTheme.colors.yellow[600],contrastText:appTheme.colors.gray[900],dark:appTheme.colors.yellow[600],light:appTheme.colors.yellow[200],main:appTheme.colors.yellow[400]}},shadows:[appTheme.shadows.none,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l],shape:{borderRadius:appTheme.corners.m},spacing:[appTheme.spacing.default,appTheme.spacing.xxxs,appTheme.spacing.xxs,appTheme.spacing.xs,appTheme.spacing.s,appTheme.spacing.m,appTheme.spacing.l,appTheme.spacing.xl,appTheme.spacing.xxl],transitions:{duration:{complex:200,enteringScreen:20,leavingScreen:10,short:150,shorter:100,shortest:50,standard:200},easing:{easeIn:"cubic-bezier(0, 0, 0.2, 1)",easeInOut:"cubic-bezier(0, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",sharp:"cubic-bezier(0, 0.2, 0.6, 1)"}},typography:{body1:appTheme.typography.wideStyles.body.regular.xs,body2:appTheme.typography.wideStyles.body.regular.xxs,button:appTheme.typography.wideStyles.body.regular.button,caption:appTheme.typography.wideStyles.body.regular.xxxs,fontFamily:`${appTheme.typography.fontFamily.body}, sans-serif`,h1:appTheme.typography.wideStyles.header.semibold.xxl,h2:appTheme.typography.wideStyles.header.semibold.xl,h3:appTheme.typography.wideStyles.header.semibold.l,h4:appTheme.typography.wideStyles.header.semibold.m,h5:appTheme.typography.wideStyles.header.semibold.s,h6:appTheme.typography.wideStyles.header.semibold.xs,overline:appTheme.typography.wideStyles.caps.semibold.xxxs,subtitle1:appTheme.typography.wideStyles.body.regular.xs,subtitle2:appTheme.typography.wideStyles.header.semibold.xxs}}}((0,SDSAppTheme.Pg)(t),t)),defaultTheme=Theme("light")},"./packages/components/src/core/styles/common/mixins/a11y.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>focusVisibleA11yStyle});var _selectors_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function focusVisibleA11yStyle(props){const semanticColors=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Bd)(props);return`\n      &.Mui-focusVisible, &:focus-visible {\n        outline: 2px solid ${semanticColors?.base?.borderHover};\n        outline-offset: 1px;\n      }\n  `}},"./packages/components/src/core/styles/common/mixins/fonts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{CZ:()=>fontBodySemiboldXxs,HC:()=>fontBodyM,JU:()=>fontBodyS,K:()=>fontCodeXs,LV:()=>fontHeader,M9:()=>fontBody,Mn:()=>fontBodySemiboldXs,O0:()=>fontCapsXxxs,Pf:()=>fontBodyXxs,Se:()=>fontHeaderXs,To:()=>fontHeaderL,Uw:()=>fontCapsXxxxs,Zo:()=>fontBodyXs,Zq:()=>fontHeaderXl,_Z:()=>fontHeaderS,aU:()=>fontTabularXs,jT:()=>fontBodyXxxs,qz:()=>fontBodySemiboldS,s8:()=>fontCapsXxs});var _emotion_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),_selectors_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");const fontBody=(fontSize,fontWeight="regular",isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{body},narrowStyles:{body:narrowBody},fontFamily:{body:bodyFontFamily}}=typography;return isNarrow?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)(props.theme?.breakpoints.down("md"),"{",themeToCss(narrowBody[fontWeight][fontSize],bodyFontFamily),"}"):themeToCss(body[fontWeight][fontSize],bodyFontFamily)},fontBodyM=(fontBody("l","regular"),fontBody("m","regular")),fontBodyS=fontBody("s","regular"),fontBodyXs=fontBody("xs","regular"),fontBodyXxs=fontBody("xxs","regular"),fontBodyXxxs=fontBody("xxxs","regular"),fontBodySemiboldS=(fontBody("l","semibold"),fontBody("m","semibold"),fontBody("s","semibold")),fontBodySemiboldXs=fontBody("xs","semibold"),fontBodySemiboldXxs=fontBody("xxs","semibold"),fontCaps=(fontBody("xxxs","semibold"),(fontSize,isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{caps},narrowStyles:{caps:narrowCaps},fontFamily:{caps:capsFontFamily}}=typography;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)("text-transform:uppercase;",isNarrow?_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH`
-            ${props.theme?.breakpoints.down("md")} {
-              ${themeToCss(narrowCaps.semibold[fontSize],capsFontFamily)}
-            }
-          `:themeToCss(caps.semibold[fontSize],capsFontFamily))}),fontCapsXxs=fontCaps("xxs"),fontCapsXxxs=fontCaps("xxxs"),fontCapsXxxxs=fontCaps("xxxxs"),fontHeader=(fontSize,isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{header},narrowStyles:{header:narrowHeader},fontFamily:{header:headerFontFamily}}=typography;return isNarrow?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)(props.theme?.breakpoints.down("md"),"{",themeToCss(narrowHeader.semibold[fontSize],headerFontFamily),"}"):themeToCss(header.semibold[fontSize],headerFontFamily)},fontHeaderXl=(fontHeader("xxl"),fontHeader("xl")),fontHeaderL=fontHeader("l"),fontHeaderS=(fontHeader("m"),fontHeader("s")),fontHeaderXs=fontHeader("xs"),fontCode=(fontHeader("xxs"),fontHeader("xxxs"),(fontSize,fontWeight="regular",isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{code},narrowStyles:{code:narrowCode},fontFamily:{code:codeFontFamily}}=typography;return isNarrow?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)(props.theme?.breakpoints.down("md"),"{",themeToCss(narrowCode[fontWeight][fontSize],codeFontFamily),"}"):themeToCss(code[fontWeight][fontSize],codeFontFamily)}),fontCodeXs=fontCode("xs","regular"),fontTabular=(fontCode("s","regular"),fontCode("xs","semibold"),fontCode("s","semibold"),(fontSize,fontWeight="regular",isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{tabular},narrowStyles:{tabular:narrowTabular},fontFamily:{tabular:tabularFontFamily}}=typography;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)("font-variant-numeric:tabular-nums;",isNarrow?_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH`
-            ${props.theme?.breakpoints.down("md")} {
-              ${themeToCss(narrowTabular[fontWeight][fontSize],tabularFontFamily)}
-            }
-          `:themeToCss(tabular[fontWeight][fontSize],tabularFontFamily))}),fontTabularXs=fontTabular("xs","regular");fontTabular("s","regular"),fontTabular("xs","semibold"),fontTabular("s","semibold");function themeToCss(fontTheme,fontFamily="inherit"){return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)("font-family:",fontFamily,";font-size:",fontTheme.fontSize,"px;line-height:",fontTheme.lineHeight,";letter-spacing:",fontTheme.letterSpacing,";font-weight:",fontTheme.fontWeight,";text-transform:",fontTheme.textTransform,";")}},"./packages/components/src/core/styles/common/selectors/theme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Bd:()=>getSemanticColors,CG:()=>getShadows,I7:()=>getIconSizes,Of:()=>getTypography,Sf:()=>getPalette,VP:()=>getCorners,Wi:()=>getMode,bI:()=>getFontWeights,jM:()=>getColors,oZ:()=>getSpaces,ow:()=>getBorders});const getSpaces=({theme})=>theme?.app?.spacing||null,getTypography=({theme})=>theme?.app?.typography||null,getMode=({theme})=>theme?.palette?.mode||"light",getPalette=({theme})=>theme?.palette,getColors=({theme})=>theme?.app?.colors||null,getSemanticColors=({theme})=>theme?.palette?.sds||null,getShadows=({theme})=>theme?.app?.shadows||null,getCorners=({theme})=>theme?.app?.corners||null,getFontWeights=({theme})=>theme?.app?.fontWeights||null,getIconSizes=({theme})=>theme?.app?.iconSizes||null,getBorders=({theme})=>theme?.app?.borders||null},"./packages/components/src/core/styles/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Bd:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Bd,CG:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.CG,CZ:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.CZ,HC:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.HC,I7:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.I7,JU:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.JU,K:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.K,LV:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.LV,M9:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.M9,Mn:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Mn,O0:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.O0,Of:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Of,Pf:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Pf,Se:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Se,Sf:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Sf,Sx:()=>_common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__.S,To:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.To,UT:()=>_common_mixins_a11y__WEBPACK_IMPORTED_MODULE_2__.U,Uw:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Uw,VP:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.VP,Wi:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Wi,Zo:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Zo,Zq:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Zq,_Z:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__._Z,aU:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.aU,bI:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.bI,jM:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.jM,jT:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.jT,oZ:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.oZ,ow:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.ow,qz:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.qz,s8:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.s8});var _common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/defaultTheme.ts"),_common_mixins_a11y__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./packages/components/src/core/styles/common/SDSAppTheme.ts"),__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts")),_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts")},"./packages/components/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/Accordion/__storybook__/index.stories":["./packages/components/src/core/Accordion/__storybook__/index.stories.tsx",1834,8295,3872,4969,722,3675,431],"./core/Accordion/__storybook__/index.stories.tsx":["./packages/components/src/core/Accordion/__storybook__/index.stories.tsx",1834,8295,3872,4969,722,3675,431],"./core/Alert/__storybook__/index.stories":["./packages/components/src/core/Alert/__storybook__/index.stories.tsx",1834,8295,3872,4874,4377,3675,8842,7431],"./core/Alert/__storybook__/index.stories.tsx":["./packages/components/src/core/Alert/__storybook__/index.stories.tsx",1834,8295,3872,4874,4377,3675,8842,7431],"./core/Autocomplete/__storybook__/index.stories":["./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,1011],"./core/Autocomplete/__storybook__/index.stories.tsx":["./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,1011],"./core/Banner/__storybook__/index.stories":["./packages/components/src/core/Banner/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,5761],"./core/Banner/__storybook__/index.stories.tsx":["./packages/components/src/core/Banner/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,5761],"./core/Bases/Borders/__storybook__/index.stories":["./packages/components/src/core/Bases/Borders/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7925],"./core/Bases/Borders/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Borders/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7925],"./core/Bases/Colors/__storybook__/index.stories":["./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx",3568],"./core/Bases/Colors/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx",3568],"./core/Bases/Corners/__storybook__/index.stories":["./packages/components/src/core/Bases/Corners/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,3394],"./core/Bases/Corners/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Corners/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,3394],"./core/Bases/DropShadows/__storybook__/index.stories":["./packages/components/src/core/Bases/DropShadows/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,4422],"./core/Bases/DropShadows/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/DropShadows/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,4422],"./core/Bases/Spaces/__storybook__/index.stories":["./packages/components/src/core/Bases/Spaces/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7261],"./core/Bases/Spaces/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Spaces/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7261],"./core/Button/__storybook__/index.stories":["./packages/components/src/core/Button/__storybook__/index.stories.tsx",1834,8295,3872,4874,1443,6254,3675,8842,1447],"./core/Button/__storybook__/index.stories.tsx":["./packages/components/src/core/Button/__storybook__/index.stories.tsx",1834,8295,3872,4874,1443,6254,3675,8842,1447],"./core/ButtonDropdown/__storybook__/index.stories":["./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,300],"./core/ButtonDropdown/__storybook__/index.stories.tsx":["./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,300],"./core/ButtonIcon/__storybook__/index.stories":["./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx",1834,8295,3675,6756],"./core/ButtonIcon/__storybook__/index.stories.tsx":["./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx",1834,8295,3675,6756],"./core/ButtonToggle/__storybook__/index.stories":["./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx",1834,8295,3675,4423],"./core/ButtonToggle/__storybook__/index.stories.tsx":["./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx",1834,8295,3675,4423],"./core/Callout/__storybook__/index.stories":["./packages/components/src/core/Callout/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,1443,3498,3675,8842,2829],"./core/Callout/__storybook__/index.stories.tsx":["./packages/components/src/core/Callout/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,1443,3498,3675,8842,2829],"./core/CellBasic/__storybook__/index.stories":["./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,2022,3675,8842,6763],"./core/CellBasic/__storybook__/index.stories.tsx":["./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,2022,3675,8842,6763],"./core/CellComponent/__storybook__/index.stories":["./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3699,2088],"./core/CellComponent/__storybook__/index.stories.tsx":["./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3699,2088],"./core/CellHeader/__storybook__/index.stories":["./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,4144],"./core/CellHeader/__storybook__/index.stories.tsx":["./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,4144],"./core/Chip/__storybook__/index.stories":["./packages/components/src/core/Chip/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,9417],"./core/Chip/__storybook__/index.stories.tsx":["./packages/components/src/core/Chip/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,9417],"./core/ComplexFilter/__storybook__/index.stories":["./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,6007],"./core/ComplexFilter/__storybook__/index.stories.tsx":["./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,6007],"./core/Dialog/__storybook__/index.stories":["./packages/components/src/core/Dialog/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,243,3675,8842,439],"./core/Dialog/__storybook__/index.stories.tsx":["./packages/components/src/core/Dialog/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,243,3675,8842,439],"./core/Dropdown/__storybook__/index.stories":["./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,4986,3976],"./core/Dropdown/__storybook__/index.stories.tsx":["./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,4986,3976],"./core/DropdownMenu/__storybook__/index.stories":["./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,5529],"./core/DropdownMenu/__storybook__/index.stories.tsx":["./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,5529],"./core/Icon/__storybook__/index.stories":["./packages/components/src/core/Icon/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,8271,3675,8842,9824],"./core/Icon/__storybook__/index.stories.tsx":["./packages/components/src/core/Icon/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,8271,3675,8842,9824],"./core/InputCheckbox/__storybook__/index.stories":["./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx",1834,8295,4420,264,7774],"./core/InputCheckbox/__storybook__/index.stories.tsx":["./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx",1834,8295,4420,264,7774],"./core/InputDropdown/__storybook__/index.stories":["./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,1443,3675,8842,5411,4276,1146,6398],"./core/InputDropdown/__storybook__/index.stories.tsx":["./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,1443,3675,8842,5411,4276,1146,6398],"./core/InputRadio/__storybook__/index.stories":["./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx",1834,8295,4420,7980,7118,1818],"./core/InputRadio/__storybook__/index.stories.tsx":["./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx",1834,8295,4420,7980,7118,1818],"./core/InputSearch/__storybook__/index.stories":["./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,5832,3675,8842,6037],"./core/InputSearch/__storybook__/index.stories.tsx":["./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,5832,3675,8842,6037],"./core/InputSlider/__storybook__/index.stories":["./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx",1834,5423,4646],"./core/InputSlider/__storybook__/index.stories.tsx":["./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx",1834,5423,4646],"./core/InputText/__storybook__/index.stories":["./packages/components/src/core/InputText/__storybook__/index.stories.tsx",1834,3872,1428,9753,3262,896,1060],"./core/InputText/__storybook__/index.stories.tsx":["./packages/components/src/core/InputText/__storybook__/index.stories.tsx",1834,3872,1428,9753,3262,896,1060],"./core/InputToggle/__storybook__/index.stories":["./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx",1834,8295,2205,3705],"./core/InputToggle/__storybook__/index.stories.tsx":["./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx",1834,8295,2205,3705],"./core/Link/__storybook__/index.stories":["./packages/components/src/core/Link/__storybook__/index.stories.tsx",1834,5001,7255],"./core/Link/__storybook__/index.stories.tsx":["./packages/components/src/core/Link/__storybook__/index.stories.tsx",1834,5001,7255],"./core/List/__storybook__/index.stories":["./packages/components/src/core/List/__storybook__/index.stories.tsx",1834,8295,2794,79],"./core/List/__storybook__/index.stories.tsx":["./packages/components/src/core/List/__storybook__/index.stories.tsx",1834,8295,2794,79],"./core/LoadingIndicator/__storybook__/index.stories":["./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx",1834,8295,4420,6425,3675,28],"./core/LoadingIndicator/__storybook__/index.stories.tsx":["./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx",1834,8295,4420,6425,3675,28],"./core/Menu/__storybook__/index.stories":["./packages/components/src/core/Menu/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,62],"./core/Menu/__storybook__/index.stories.tsx":["./packages/components/src/core/Menu/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,62],"./core/MenuItem/__storybook__/index.stories":["./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx",1834,8295,9586,3675,8663],"./core/MenuItem/__storybook__/index.stories.tsx":["./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx",1834,8295,9586,3675,8663],"./core/MenuSelect/__storybook__/index.stories":["./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,6226,3675,8842,5411,8246],"./core/MenuSelect/__storybook__/index.stories.tsx":["./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,6226,3675,8842,5411,8246],"./core/NavigationJumpTo/__storybook__/index.stories":["./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx",1834,8295,5423,876,7937,9982],"./core/NavigationJumpTo/__storybook__/index.stories.tsx":["./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx",1834,8295,5423,876,7937,9982],"./core/Notification/__storybook__/index.stories":["./packages/components/src/core/Notification/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,6051,8149,3046,3675,8842,1331,4530],"./core/Notification/__storybook__/index.stories.tsx":["./packages/components/src/core/Notification/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,6051,8149,3046,3675,8842,1331,4530],"./core/Pagination/__storybook__/index.stories":["./packages/components/src/core/Pagination/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,3311],"./core/Pagination/__storybook__/index.stories.tsx":["./packages/components/src/core/Pagination/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,3311],"./core/Panel/__storybook__/index.stories":["./packages/components/src/core/Panel/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,1443,7952,3675,8842,9683],"./core/Panel/__storybook__/index.stories.tsx":["./packages/components/src/core/Panel/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,1443,7952,3675,8842,9683],"./core/SegmentedControl/__storybook__/index.stories":["./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,8286,3675,3328],"./core/SegmentedControl/__storybook__/index.stories.tsx":["./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,8286,3675,3328],"./core/Table/__storybook__/index.stories":["./packages/components/src/core/Table/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3675,8837,7529],"./core/Table/__storybook__/index.stories.tsx":["./packages/components/src/core/Table/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3675,8837,7529],"./core/TableHeader/__storybook__/index.stories":["./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,7826],"./core/TableHeader/__storybook__/index.stories.tsx":["./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,7826],"./core/TableRow/__storybook__/index.stories":["./packages/components/src/core/TableRow/__storybook__/index.stories.tsx",1834,3872,5104,7572,2051],"./core/TableRow/__storybook__/index.stories.tsx":["./packages/components/src/core/TableRow/__storybook__/index.stories.tsx",1834,3872,5104,7572,2051],"./core/Tabs/__storybook__/index.stories":["./packages/components/src/core/Tabs/__storybook__/index.stories.tsx",1834,8295,2022,876,9912,691],"./core/Tabs/__storybook__/index.stories.tsx":["./packages/components/src/core/Tabs/__storybook__/index.stories.tsx",1834,8295,2022,876,9912,691],"./core/Tag/__storybook__/index.stories":["./packages/components/src/core/Tag/__storybook__/index.stories.tsx",1834,8295,3872,4874,2022,1443,6892,3675,8842,6629],"./core/Tag/__storybook__/index.stories.tsx":["./packages/components/src/core/Tag/__storybook__/index.stories.tsx",1834,8295,3872,4874,2022,1443,6892,3675,8842,6629],"./core/TagFilter/__storybook__/index.stories":["./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,8467],"./core/TagFilter/__storybook__/index.stories.tsx":["./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,8467],"./core/Tooltip/__storybook__/index.stories":["./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1920],"./core/Tooltip/__storybook__/index.stories.tsx":["./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1920],"./core/TooltipCondensed/__storybook__/index.stories":["./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1903],"./core/TooltipCondensed/__storybook__/index.stories.tsx":["./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1903],"./core/TooltipTable/__storybook__/index.stories":["./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx",1834,6051,4084],"./core/TooltipTable/__storybook__/index.stories.tsx":["./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx",1834,6051,4084]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/components/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/HeatmapChart/__storybook__/index.stories":["./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,7572,2022,9753,3262,4420,6153,1443,5423,876,6051,4969,8286,8149,243,2794,7763,3675,8842,5411,8837,4276,1146,1331,5243],"./core/HeatmapChart/__storybook__/index.stories.tsx":["./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,7572,2022,9753,3262,4420,6153,1443,5423,876,6051,4969,8286,8149,243,2794,7763,3675,8842,5411,8837,4276,1146,1331,5243]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"storybook/internal/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"storybook/internal/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"storybook/internal/preview-errors":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__},"storybook/internal/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"storybook/internal/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[484],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]);
-//# sourceMappingURL=main.477ecdd7.iframe.bundle.js.map
\ No newline at end of file
diff --git a/main.54999c5d.iframe.bundle.js b/main.54999c5d.iframe.bundle.js
new file mode 100644
index 000000000..6b389dd9c
--- /dev/null
+++ b/main.54999c5d.iframe.bundle.js
@@ -0,0 +1,10 @@
+(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[8792],{"./node_modules/@storybook/instrumenter/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/instrumenter/dist sync recursive",module.exports=webpackEmptyContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("storybook/internal/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("storybook/internal/channels");const importers=[async path=>{if(!/^\.[\\/](?:packages\/components\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(26);return __webpack_require__("./packages/components/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:packages\/data-viz\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(24);return __webpack_require__("./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb((async function importFn(path){for(let i=0;i<importers.length;i++){const moduleExports=await(x=()=>importers[i](path),x());if(moduleExports)return moduleExports}var x}),(()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/@storybook/addon-links/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/viewport/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/preview.js"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview.mjs"),__webpack_require__("./node_modules/@storybook/react/dist/entry-preview-docs.mjs"),__webpack_require__("./node_modules/storybook-addon-pseudo-states/preview.js"),__webpack_require__("./.storybook/preview.js")])));window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel},"./node_modules/@storybook/test/dist sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="./node_modules/@storybook/test/dist sync recursive",module.exports=webpackEmptyContext},"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{decorators:()=>decorators,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_mui_material_CssBaseline__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/CssBaseline/CssBaseline.js"),_packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/styles/index.ts"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/styles/ThemeProvider.js"),_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/common/storybook/storybookBadges.ts");const decorators=[(Story,context)=>{const{theme:storybookTheme}=context.globals;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_mui_material_styles__WEBPACK_IMPORTED_MODULE_3__.A,{theme:(0,_packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_1__.Sx)(storybookTheme),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_mui_material_CssBaseline__WEBPACK_IMPORTED_MODULE_4__.Ay,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Story,{})]})}],__WEBPACK_DEFAULT_EXPORT__={globalTypes:{pseudo:{},theme:{description:"Global theme for components",defaultValue:"light",toolbar:{title:"Theme",dynamicTitle:!0,items:[{value:"light",icon:"sun",title:"Light"},{value:"dark",icon:"moon",title:"Dark"}]}}},parameters:{backgrounds:{disable:!0},badgesConfig:{[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.BETA]:{styles:{backgroundColor:"#F4F0F9",borderColor:"#7A41CE",borderRadius:2,color:"#703CBE"},title:"Beta"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.DEPRECATED]:{styles:{backgroundColor:"#FEF2F2",borderColor:"#DC132C",borderRadius:2,color:"#C61128"},title:"Deprecated"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.NEEDS_REVISION]:{styles:{backgroundColor:"#F8F8F8",borderColor:"#999999",borderRadius:2,color:"#767676"},title:"Needs Revision"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.STABLE]:{styles:{backgroundColor:"#ECF5F0",borderColor:"#3CB371",borderRadius:2,color:"#349A61"},title:"Stable"},[_packages_components_src_common_storybook_storybookBadges__WEBPACK_IMPORTED_MODULE_2__.y.WIP]:{styles:{backgroundColor:"#FCF6EC",borderColor:"#F5A623",borderRadius:2,color:"#D8921F"},title:"Work in progress"}},options:{storySort:{method:"alphabetical",order:["Bases","Components","Data Viz","Deprecated"]}}},tags:["!autodocs"]}},"./packages/components/src/common/storybook/storybookBadges.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{y:()=>BADGE});var _geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@geometricpanda/storybook-addon-badges/dist/index.mjs");const BADGE={BETA:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.BETA,DEPRECATED:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.DEPRECATED,NEEDS_REVISION:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.NEEDS_REVISION,STABLE:_geometricpanda_storybook_addon_badges__WEBPACK_IMPORTED_MODULE_0__.yq.STABLE,WIP:"wip"}},"./packages/components/src/core/styles/common/SDSAppTheme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Pg:()=>SDSChooseTheme});const fontFamily='"Inter", sans-serif';const sharedAppTheme={corners:{l:20,m:4,none:0,s:2},fontWeights:{bold:700,light:300,medium:800,regular:400,semibold:600},iconSizes:{input:{height:16,width:16},l:{height:24,width:24},s:{height:16,width:16},xl:{height:32,width:32},xs:{height:12,width:12}},shadows:{l:"0 2px 12px 0 rgba(0,0,0, 0.3)",m:"0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15)",none:"none",s:"0 2px 4px 0 rgba(0,0,0, 0.25)"},spacing:{default:12,l:16,m:12,s:8,xl:24,xs:6,xxl:40,xxs:4,xxxs:2},typography:{fontFamily:{body:fontFamily,caps:fontFamily,code:'"IBM Plex Mono", monospace',header:fontFamily,tabular:fontFamily},narrowStyles:{body:{regular:{button:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:16,fontWeight:400,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},m:{fontSize:14,fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},s:{fontSize:14,fontWeight:400,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:400,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:12,fontWeight:400,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"}},semibold:{button:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},m:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"}}},caps:{semibold:{xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.5px",lineHeight:"18px",textTransform:"uppercase"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.5px",lineHeight:"16px",textTransform:"uppercase"},xxxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.5px",lineHeight:"16px",textTransform:"uppercase"}}},code:{regular:{s:{fontSize:14,fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}},header:{semibold:{l:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"22px",textTransform:"none"},m:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xl:{fontSize:18,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"18px",textTransform:"none"},xxl:{fontSize:22,fontWeight:600,letterSpacing:"0px",lineHeight:"30px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"}}},tabular:{regular:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}}},wideStyles:{body:{regular:{button:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:18,fontWeight:400,letterSpacing:"0px",lineHeight:"28px",textTransform:"none"},m:{fontSize:16,fontWeight:400,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},s:{fontSize:14,fontWeight:400,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:400,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:11,fontWeight:400,letterSpacing:"0.1px",lineHeight:"16px",textTransform:"none"}},semibold:{button:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},l:{fontSize:18,fontWeight:600,letterSpacing:"0px",lineHeight:"28px",textTransform:"none"},m:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"26px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.1px",lineHeight:"16px",textTransform:"none"}}},caps:{semibold:{xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.5px",lineHeight:"18px",textTransform:"uppercase"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.5px",lineHeight:"16px",textTransform:"uppercase"},xxxxs:{fontSize:10,fontWeight:600,letterSpacing:"0.5px",lineHeight:"14px",textTransform:"uppercase"}}},code:{regular:{s:{fontSize:14,fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}},header:{semibold:{l:{fontSize:18,fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},m:{fontSize:16,fontWeight:600,letterSpacing:"0px",lineHeight:"22px",textTransform:"none"},s:{fontSize:14,fontWeight:600,letterSpacing:"0.08px",lineHeight:"20px",textTransform:"none"},xl:{fontSize:22,fontWeight:600,letterSpacing:"0px",lineHeight:"30px",textTransform:"none"},xs:{fontSize:13,fontWeight:600,letterSpacing:"0.08px",lineHeight:"18px",textTransform:"none"},xxl:{fontSize:26,fontWeight:600,letterSpacing:"0px",lineHeight:"34px",textTransform:"none"},xxs:{fontSize:12,fontWeight:600,letterSpacing:"0.1px",lineHeight:"18px",textTransform:"none"},xxxs:{fontSize:11,fontWeight:600,letterSpacing:"0.1px",lineHeight:"16px",textTransform:"none"}}},tabular:{regular:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:400,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}},semibold:{s:{fontSize:14,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"24px",textTransform:"none"},xs:{fontSize:13,fontVariantNumeric:"tabular-nums",fontWeight:600,letterSpacing:"0px",lineHeight:"20px",textTransform:"none"}}}}}},makeSdsSemanticAppTheme=colors=>({...sharedAppTheme,borders:{accent:{default:`1px solid ${colors.blue[500]}`,focused:`1px solid ${colors.blue[500]}`,hover:`1px solid ${colors.blue[600]}`,open:`1px solid ${colors.blue[500]}`,pressed:`1px solid ${colors.blue[700]}`,selected:`1px solid ${colors.blue[500]}`},base:{default:`1px solid ${colors.gray[500]}`,disabled:`1px solid ${colors.gray[300]}`,divider:`1px solid ${colors.gray[200]}`,hover:`1px solid ${colors.gray[900]}`,pressed:`1px solid ${colors.gray[900]}`,table:`1px solid ${colors.gray[300]}`},beta:{default:`1px solid ${colors.purple[600]}`,extraThick:`4px solid ${colors.purple[600]}`,thick:`2px solid ${colors.purple[600]}`},info:{default:`1px solid ${colors.blue[600]}`,extraThick:`4px solid ${colors.blue[600]}`,thick:`2px solid ${colors.blue[600]}`},link:{dashed:"1px dashed",solid:"1px solid"},negative:{default:`1px solid ${colors.red[600]}`,extraThick:`4px solid ${colors.red[600]}`,thick:`2px solid ${colors.red[600]}`},neutral:{default:`1px solid ${colors.gray[500]}`,extraThick:`4px solid ${colors.gray[500]}`,thick:`2px solid ${colors.gray[500]}`},none:"none",notice:{default:`1px solid ${colors.yellow[600]}`,extraThick:`4px solid ${colors.yellow[600]}`,thick:`2px solid ${colors.yellow[600]}`},positive:{default:`1px solid ${colors.green[600]}`,extraThick:`4px solid ${colors.green[600]}`,thick:`2px solid ${colors.green[600]}`}},colors}),SDSLightAppTheme=makeSdsSemanticAppTheme({blue:{100:"#e2eeff",200:"#cce1ff",300:"#9dc6ff",400:"#6ca6ff",500:"#1a6cef",600:"#0041b9",700:"#002d90",800:"#00114a"},gray:{100:"#f3f3f3",200:"#dfdfdf",300:"#c3c3c3",400:"#a5a5a5",50:"#ffffff",500:"#969696",600:"#6c6c6c",700:"#3b3b3b",75:"#fafafa",800:"#1b1b1b",900:"#000000"},green:{100:"#daf4de",200:"#b9ecc3",300:"#7fd693",400:"#50b96d",500:"#238444",600:"#105b2b",700:"#07431d",800:"#001f00"},purple:{100:"#efeafe",200:"#e4dbfc",300:"#cbbaf8",400:"#b296f2",500:"#8b54e2",600:"#6526b5",700:"#490092",800:"#1a004c"},red:{100:"#ffe8e6",200:"#ffd6d2",300:"#ffafa8",400:"#ff7e78",500:"#db2131",600:"#980013",700:"#6f0008",800:"#340000"},yellow:{100:"#ffefcf",200:"#ffdb97",300:"#ffca5c",400:"#fab700",500:"#da9900",600:"#b77800",700:"#7c3e00",800:"#541700"}}),SDSDarkAppTheme=makeSdsSemanticAppTheme({blue:{100:"#002573",200:"#0048c5",300:"#2573f4",400:"#5b9aff",500:"#a2c9ff",600:"#cde3ff",700:"#e2eeff",800:"#f7faff"},gray:{100:"#333333",200:"#494949",300:"#696969",400:"#9b9b9b",50:"#000000",500:"#aaaaaa",600:"#cdcdcd",700:"#ededed",75:"#101010",800:"#fafafa",900:"#ffffff"},green:{100:"#053918",200:"#12612e",300:"#288b49",400:"#43ae63",500:"#85d898",600:"#bcecc5",700:"#daf4de",800:"#f7fbf6"},purple:{100:"#4b0190",200:"#6b2ebc",300:"#905de6",400:"#aa89ef",500:"#cebef8",600:"#e4dcfc",700:"#f0ebfe",800:"#fbf9ff"},red:{100:"#630008",200:"#A30000",300:"#E52722",400:"#FF695B",500:"#FF9385",600:"#FFBDB3",700:"#FFD8D1",800:"#FFF1EE"},yellow:{100:"#552300",200:"#834500",300:"#985a00",400:"#ac6c00",500:"#cf8e00",600:"#efad00",700:"#ffdc9a",800:"#fcf2e3"}}),SDSChooseTheme=theme=>"dark"===theme?SDSDarkAppTheme:SDSLightAppTheme},"./packages/components/src/core/styles/common/defaultTheme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>Theme,z:()=>defaultTheme});var createTheme=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js"),SDSAppTheme=__webpack_require__("./packages/components/src/core/styles/common/SDSAppTheme.ts");const SDSPaletteLight=appTheme=>({accent:{border:appTheme.colors.blue[500],borderFocus:appTheme.colors.blue[500],borderHover:appTheme.colors.blue[600],borderOpen:appTheme.colors.blue[500],borderPressed:appTheme.colors.blue[700],borderSelected:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],icon:appTheme.colors.blue[500],iconFocus:appTheme.colors.blue[500],iconHover:appTheme.colors.blue[600],iconOpen:appTheme.colors.blue[500],iconPressed:appTheme.colors.blue[700],iconSelected:appTheme.colors.blue[500],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],textAction:appTheme.colors.blue[500],textActionHover:appTheme.colors.blue[600],textActionPressed:appTheme.colors.blue[700]},base:{border:appTheme.colors.gray[500],borderDisabled:appTheme.colors.gray[300],borderHover:appTheme.colors.gray[900],borderPressed:appTheme.colors.gray[900],borderTable:appTheme.colors.gray[300],divider:appTheme.colors.gray[200],fillDisabled:appTheme.colors.gray[200],fillHover:appTheme.colors.gray[300]+"47",fillOpen:appTheme.colors.gray[300]+"47",fillPressed:appTheme.colors.gray[300]+"47",fillPrimary:appTheme.colors.gray[50],fillSelected:appTheme.colors.gray[900],iconDisabled:appTheme.colors.gray[300],iconPrimary:appTheme.colors.gray[500],iconPrimaryHover:appTheme.colors.gray[900],iconPrimaryInverse:appTheme.colors.gray[50],iconPrimaryInverseHover:appTheme.colors.gray[400],iconPrimaryInversePressed:appTheme.colors.gray[400],iconPrimaryPressed:appTheme.colors.gray[900],iconSecondary:appTheme.colors.gray[900],surfaceBackground:appTheme.colors.gray[50],surfacePrimary:appTheme.colors.gray[50],surfacePrimaryInverse:appTheme.colors.gray[900],surfaceSecondary:appTheme.colors.gray[100],surfaceTertiary:appTheme.colors.gray[200],textDisabled:appTheme.colors.gray[300],textPrimary:appTheme.colors.gray[900],textPrimaryInverse:appTheme.colors.gray[50],textSecondary:appTheme.colors.gray[600],textSecondaryInverse:appTheme.colors.gray[300]},beta:{border:appTheme.colors.purple[500],fillHover:appTheme.colors.purple[600],fillPressed:appTheme.colors.purple[700],fillPrimary:appTheme.colors.purple[500],fillSecondary:appTheme.colors.purple[100],ornament:appTheme.colors.purple[600],surfacePrimary:appTheme.colors.purple[100],surfaceSecondary:appTheme.colors.purple[500],text:appTheme.colors.purple[600]},info:{border:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],fillSecondary:appTheme.colors.blue[100],ornament:appTheme.colors.blue[600],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],text:appTheme.colors.blue[600]},negative:{border:appTheme.colors.red[500],fillHover:appTheme.colors.red[600],fillPressed:appTheme.colors.red[700],fillPrimary:appTheme.colors.red[500],fillSecondary:appTheme.colors.red[100],ornament:appTheme.colors.red[600],surfacePrimary:appTheme.colors.red[100],surfaceSecondary:appTheme.colors.red[500],text:appTheme.colors.red[600]},neutral:{border:appTheme.colors.gray[500],fillHover:appTheme.colors.gray[600],fillPressed:appTheme.colors.gray[700],fillPrimary:appTheme.colors.gray[500],fillSecondary:appTheme.colors.gray[100],ornament:appTheme.colors.gray[700],surfacePrimary:appTheme.colors.gray[200],surfaceSecondary:appTheme.colors.gray[500],text:appTheme.colors.gray[700]},notice:{border:appTheme.colors.yellow[500],fillHover:appTheme.colors.yellow[600],fillPressed:appTheme.colors.yellow[700],fillPrimary:appTheme.colors.yellow[500],fillSecondary:appTheme.colors.yellow[100],ornament:appTheme.colors.yellow[600],surfacePrimary:appTheme.colors.yellow[100],surfaceSecondary:appTheme.colors.yellow[500],text:appTheme.colors.yellow[600]},positive:{border:appTheme.colors.green[500],fillHover:appTheme.colors.green[600],fillPressed:appTheme.colors.green[700],fillPrimary:appTheme.colors.green[500],fillSecondary:appTheme.colors.green[100],ornament:appTheme.colors.green[600],surfacePrimary:appTheme.colors.green[100],surfaceSecondary:appTheme.colors.green[500],text:appTheme.colors.green[600]}}),SDSPaletteDark=appTheme=>({accent:{border:appTheme.colors.blue[500],borderFocus:appTheme.colors.blue[500],borderHover:appTheme.colors.blue[600],borderOpen:appTheme.colors.blue[500],borderPressed:appTheme.colors.blue[700],borderSelected:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],icon:appTheme.colors.blue[500],iconFocus:appTheme.colors.blue[500],iconHover:appTheme.colors.blue[600],iconOpen:appTheme.colors.blue[500],iconPressed:appTheme.colors.blue[700],iconSelected:appTheme.colors.blue[500],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],textAction:appTheme.colors.blue[500],textActionHover:appTheme.colors.blue[600],textActionPressed:appTheme.colors.blue[700]},base:{border:appTheme.colors.gray[500],borderDisabled:appTheme.colors.gray[300],borderHover:appTheme.colors.gray[900],borderPressed:appTheme.colors.gray[900],borderTable:appTheme.colors.gray[300],divider:appTheme.colors.gray[200],fillDisabled:appTheme.colors.gray[200],fillHover:appTheme.colors.gray[300]+"47",fillOpen:appTheme.colors.gray[300]+"47",fillPressed:appTheme.colors.gray[300]+"47",fillPrimary:appTheme.colors.gray[100],fillSelected:appTheme.colors.gray[900],iconDisabled:appTheme.colors.gray[300],iconPrimary:appTheme.colors.gray[500],iconPrimaryHover:appTheme.colors.gray[900],iconPrimaryInverse:appTheme.colors.gray[50],iconPrimaryInverseHover:appTheme.colors.gray[400],iconPrimaryInversePressed:appTheme.colors.gray[400],iconPrimaryPressed:appTheme.colors.gray[900],iconSecondary:appTheme.colors.gray[900],surfaceBackground:appTheme.colors.gray[75],surfacePrimary:appTheme.colors.gray[100],surfacePrimaryInverse:appTheme.colors.gray[900],surfaceSecondary:appTheme.colors.gray[200],surfaceTertiary:appTheme.colors.gray[300],textDisabled:appTheme.colors.gray[300],textPrimary:appTheme.colors.gray[900],textPrimaryInverse:appTheme.colors.gray[50],textSecondary:appTheme.colors.gray[600],textSecondaryInverse:appTheme.colors.gray[300]},beta:{border:appTheme.colors.purple[500],fillHover:appTheme.colors.purple[600],fillPressed:appTheme.colors.purple[700],fillPrimary:appTheme.colors.purple[500],fillSecondary:appTheme.colors.purple[100],ornament:appTheme.colors.purple[600],surfacePrimary:appTheme.colors.purple[100],surfaceSecondary:appTheme.colors.purple[500],text:appTheme.colors.purple[600]},info:{border:appTheme.colors.blue[500],fillHover:appTheme.colors.blue[600],fillPressed:appTheme.colors.blue[700],fillPrimary:appTheme.colors.blue[500],fillSecondary:appTheme.colors.blue[100],ornament:appTheme.colors.blue[600],surfacePrimary:appTheme.colors.blue[100],surfaceSecondary:appTheme.colors.blue[500],text:appTheme.colors.blue[600]},negative:{border:appTheme.colors.red[500],fillHover:appTheme.colors.red[600],fillPressed:appTheme.colors.red[700],fillPrimary:appTheme.colors.red[500],fillSecondary:appTheme.colors.red[100],ornament:appTheme.colors.red[600],surfacePrimary:appTheme.colors.red[100],surfaceSecondary:appTheme.colors.red[500],text:appTheme.colors.red[600]},neutral:{border:appTheme.colors.gray[500],fillHover:appTheme.colors.gray[600],fillPressed:appTheme.colors.gray[700],fillPrimary:appTheme.colors.gray[500],fillSecondary:appTheme.colors.gray[100],ornament:appTheme.colors.gray[700],surfacePrimary:appTheme.colors.gray[200],surfaceSecondary:appTheme.colors.gray[500],text:appTheme.colors.gray[700]},notice:{border:appTheme.colors.yellow[500],fillHover:appTheme.colors.yellow[600],fillPressed:appTheme.colors.yellow[700],fillPrimary:appTheme.colors.yellow[500],fillSecondary:appTheme.colors.yellow[100],ornament:appTheme.colors.yellow[600],surfacePrimary:appTheme.colors.yellow[100],surfaceSecondary:appTheme.colors.yellow[500],text:appTheme.colors.yellow[700]},positive:{border:appTheme.colors.green[500],fillHover:appTheme.colors.green[600],fillPressed:appTheme.colors.green[700],fillPrimary:appTheme.colors.green[500],fillSecondary:appTheme.colors.green[100],ornament:appTheme.colors.green[600],surfacePrimary:appTheme.colors.green[100],surfaceSecondary:appTheme.colors.green[500],text:appTheme.colors.green[600]}});const Theme=t=>(0,createTheme.A)(function makeThemeOptions(appTheme,mode){return{app:appTheme,breakpoints:{values:{lg:1024,md:512,sm:0}},components:{MuiButtonBase:{defaultProps:{disableRipple:!0}},MuiDrawer:{defaultProps:{hideBackdrop:!0}},MuiLink:{defaultProps:{underline:"hover"}},MuiTab:{defaultProps:{disableRipple:!0}}},palette:{action:{disabled:appTheme.colors.gray[400],disabledBackground:appTheme.colors.gray[300]},background:{default:"dark"===mode?appTheme.colors.gray[75]:appTheme.colors.gray[50]},divider:appTheme.colors.gray[200],error:{100:appTheme.colors.red[100],200:appTheme.colors.red[200],300:appTheme.colors.red[300],400:appTheme.colors.red[400],500:appTheme.colors.red[500],600:appTheme.colors.red[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.red[600],light:appTheme.colors.red[200],main:appTheme.colors.red[400]},grey:{100:appTheme.colors.gray[100],200:appTheme.colors.gray[200],300:appTheme.colors.gray[300],400:appTheme.colors.gray[400],500:appTheme.colors.gray[500],600:appTheme.colors.gray[600]},info:{100:appTheme.colors.blue[100],200:appTheme.colors.blue[200],300:appTheme.colors.blue[300],400:appTheme.colors.blue[400],500:appTheme.colors.blue[500],600:appTheme.colors.blue[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.blue[600],light:appTheme.colors.blue[200],main:appTheme.colors.blue[400]},mode,primary:{100:appTheme.colors.blue[100],200:appTheme.colors.blue[200],300:appTheme.colors.blue[300],400:appTheme.colors.blue[400],500:appTheme.colors.blue[500],600:appTheme.colors.blue[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.blue[600],light:appTheme.colors.blue[200],main:appTheme.colors.blue[400]},sds:"dark"===mode?SDSPaletteDark(appTheme):SDSPaletteLight(appTheme),secondary:{100:appTheme.colors.green[100],200:appTheme.colors.green[200],300:appTheme.colors.green[300],400:appTheme.colors.green[400],500:appTheme.colors.green[500],600:appTheme.colors.green[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.green[600],light:appTheme.colors.green[200],main:appTheme.colors.green[400]},success:{100:appTheme.colors.green[100],200:appTheme.colors.green[200],300:appTheme.colors.green[300],400:appTheme.colors.green[400],500:appTheme.colors.green[500],600:appTheme.colors.green[600],contrastText:appTheme.colors.gray[50],dark:appTheme.colors.green[600],light:appTheme.colors.green[200],main:appTheme.colors.green[400]},text:{disabled:appTheme.colors.gray[300],primary:appTheme.colors.gray[900],secondary:appTheme.colors.gray[600]},warning:{100:appTheme.colors.yellow[100],200:appTheme.colors.yellow[200],300:appTheme.colors.yellow[300],400:appTheme.colors.yellow[400],500:appTheme.colors.yellow[500],600:appTheme.colors.yellow[600],contrastText:appTheme.colors.gray[900],dark:appTheme.colors.yellow[600],light:appTheme.colors.yellow[200],main:appTheme.colors.yellow[400]}},shadows:[appTheme.shadows.none,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l],shape:{borderRadius:appTheme.corners.m},spacing:[appTheme.spacing.default,appTheme.spacing.xxxs,appTheme.spacing.xxs,appTheme.spacing.xs,appTheme.spacing.s,appTheme.spacing.m,appTheme.spacing.l,appTheme.spacing.xl,appTheme.spacing.xxl],transitions:{duration:{complex:200,enteringScreen:20,leavingScreen:10,short:150,shorter:100,shortest:50,standard:200},easing:{easeIn:"cubic-bezier(0, 0, 0.2, 1)",easeInOut:"cubic-bezier(0, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",sharp:"cubic-bezier(0, 0.2, 0.6, 1)"}},typography:{body1:appTheme.typography.wideStyles.body.regular.xs,body2:appTheme.typography.wideStyles.body.regular.xxs,button:appTheme.typography.wideStyles.body.regular.button,caption:appTheme.typography.wideStyles.body.regular.xxxs,fontFamily:`${appTheme.typography.fontFamily.body}, sans-serif`,h1:appTheme.typography.wideStyles.header.semibold.xxl,h2:appTheme.typography.wideStyles.header.semibold.xl,h3:appTheme.typography.wideStyles.header.semibold.l,h4:appTheme.typography.wideStyles.header.semibold.m,h5:appTheme.typography.wideStyles.header.semibold.s,h6:appTheme.typography.wideStyles.header.semibold.xs,overline:appTheme.typography.wideStyles.caps.semibold.xxxs,subtitle1:appTheme.typography.wideStyles.body.regular.xs,subtitle2:appTheme.typography.wideStyles.header.semibold.xxs}}}((0,SDSAppTheme.Pg)(t),t)),defaultTheme=Theme("light")},"./packages/components/src/core/styles/common/mixins/a11y.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>focusVisibleA11yStyle});var _selectors_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function focusVisibleA11yStyle(props){const semanticColors=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Bd)(props);return`\n      &.Mui-focusVisible, &:focus-visible {\n        outline: 2px solid ${semanticColors?.base?.borderHover};\n        outline-offset: 1px;\n      }\n  `}},"./packages/components/src/core/styles/common/mixins/fonts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{CZ:()=>fontBodySemiboldXxs,HC:()=>fontBodyM,JU:()=>fontBodyS,K:()=>fontCodeXs,LV:()=>fontHeader,M9:()=>fontBody,Mn:()=>fontBodySemiboldXs,O0:()=>fontCapsXxxs,Pf:()=>fontBodyXxs,Se:()=>fontHeaderXs,To:()=>fontHeaderL,Uw:()=>fontCapsXxxxs,Zo:()=>fontBodyXs,Zq:()=>fontHeaderXl,_Z:()=>fontHeaderS,aU:()=>fontTabularXs,jT:()=>fontBodyXxxs,qz:()=>fontBodySemiboldS,s8:()=>fontCapsXxs});var _emotion_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),_selectors_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");const fontBody=(fontSize,fontWeight="regular",isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{body},narrowStyles:{body:narrowBody},fontFamily:{body:bodyFontFamily}}=typography;return isNarrow?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)(props.theme?.breakpoints.down("md"),"{",themeToCss(narrowBody[fontWeight][fontSize],bodyFontFamily),"}"):themeToCss(body[fontWeight][fontSize],bodyFontFamily)},fontBodyM=(fontBody("l","regular"),fontBody("m","regular")),fontBodyS=fontBody("s","regular"),fontBodyXs=fontBody("xs","regular"),fontBodyXxs=fontBody("xxs","regular"),fontBodyXxxs=fontBody("xxxs","regular"),fontBodySemiboldS=(fontBody("l","semibold"),fontBody("m","semibold"),fontBody("s","semibold")),fontBodySemiboldXs=fontBody("xs","semibold"),fontBodySemiboldXxs=fontBody("xxs","semibold"),fontCaps=(fontBody("xxxs","semibold"),(fontSize,isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{caps},narrowStyles:{caps:narrowCaps},fontFamily:{caps:capsFontFamily}}=typography;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)("text-transform:uppercase;",isNarrow?_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH`
+            ${props.theme?.breakpoints.down("md")} {
+              ${themeToCss(narrowCaps.semibold[fontSize],capsFontFamily)}
+            }
+          `:themeToCss(caps.semibold[fontSize],capsFontFamily))}),fontCapsXxs=fontCaps("xxs"),fontCapsXxxs=fontCaps("xxxs"),fontCapsXxxxs=fontCaps("xxxxs"),fontHeader=(fontSize,isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{header},narrowStyles:{header:narrowHeader},fontFamily:{header:headerFontFamily}}=typography;return isNarrow?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)(props.theme?.breakpoints.down("md"),"{",themeToCss(narrowHeader.semibold[fontSize],headerFontFamily),"}"):themeToCss(header.semibold[fontSize],headerFontFamily)},fontHeaderXl=(fontHeader("xxl"),fontHeader("xl")),fontHeaderL=fontHeader("l"),fontHeaderS=(fontHeader("m"),fontHeader("s")),fontHeaderXs=fontHeader("xs"),fontCode=(fontHeader("xxs"),fontHeader("xxxs"),(fontSize,fontWeight="regular",isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{code},narrowStyles:{code:narrowCode},fontFamily:{code:codeFontFamily}}=typography;return isNarrow?(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)(props.theme?.breakpoints.down("md"),"{",themeToCss(narrowCode[fontWeight][fontSize],codeFontFamily),"}"):themeToCss(code[fontWeight][fontSize],codeFontFamily)}),fontCodeXs=fontCode("xs","regular"),fontTabular=(fontCode("s","regular"),fontCode("xs","semibold"),fontCode("s","semibold"),(fontSize,fontWeight="regular",isNarrow=!1)=>props=>{const typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.Of)(props);if(!typography)return null;const{wideStyles:{tabular},narrowStyles:{tabular:narrowTabular},fontFamily:{tabular:tabularFontFamily}}=typography;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)("font-variant-numeric:tabular-nums;",isNarrow?_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH`
+            ${props.theme?.breakpoints.down("md")} {
+              ${themeToCss(narrowTabular[fontWeight][fontSize],tabularFontFamily)}
+            }
+          `:themeToCss(tabular[fontWeight][fontSize],tabularFontFamily))}),fontTabularXs=fontTabular("xs","regular");fontTabular("s","regular"),fontTabular("xs","semibold"),fontTabular("s","semibold");function themeToCss(fontTheme,fontFamily="inherit"){return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.AH)("font-family:",fontFamily,";font-size:",fontTheme.fontSize,"px;line-height:",fontTheme.lineHeight,";letter-spacing:",fontTheme.letterSpacing,";font-weight:",fontTheme.fontWeight,";text-transform:",fontTheme.textTransform,";")}},"./packages/components/src/core/styles/common/selectors/theme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{BQ:()=>getBreakpoints,Bd:()=>getSemanticColors,CG:()=>getShadows,I7:()=>getIconSizes,Of:()=>getTypography,Sf:()=>getPalette,VP:()=>getCorners,Wi:()=>getMode,bI:()=>getFontWeights,jM:()=>getColors,oZ:()=>getSpaces,ow:()=>getBorders});const getSpaces=({theme})=>theme?.app?.spacing||null,getTypography=({theme})=>theme?.app?.typography||null,getMode=({theme})=>theme?.palette?.mode||"light",getPalette=({theme})=>theme?.palette,getColors=({theme})=>theme?.app?.colors||null,getSemanticColors=({theme})=>theme?.palette?.sds||null,getShadows=({theme})=>theme?.app?.shadows||null,getCorners=({theme})=>theme?.app?.corners||null,getFontWeights=({theme})=>theme?.app?.fontWeights||null,getIconSizes=({theme})=>theme?.app?.iconSizes||null,getBorders=({theme})=>theme?.app?.borders||null,getBreakpoints=({theme})=>theme?.breakpoints||null},"./packages/components/src/core/styles/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{BQ:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.BQ,Bd:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Bd,CG:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.CG,CZ:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.CZ,HC:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.HC,I7:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.I7,JU:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.JU,K:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.K,LV:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.LV,M9:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.M9,Mn:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Mn,O0:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.O0,Of:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Of,Pf:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Pf,Se:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Se,Sf:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Sf,Sx:()=>_common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__.S,To:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.To,UT:()=>_common_mixins_a11y__WEBPACK_IMPORTED_MODULE_2__.U,Uw:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Uw,VP:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.VP,Wi:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.Wi,Zo:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Zo,Zq:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.Zq,_Z:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__._Z,aU:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.aU,bI:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.bI,jM:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.jM,jT:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.jT,oZ:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.oZ,ow:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__.ow,qz:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.qz,s8:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__.s8});var _common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/defaultTheme.ts"),_common_mixins_a11y__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./packages/components/src/core/styles/common/SDSAppTheme.ts"),__webpack_require__("./packages/components/src/core/styles/common/mixins/a11y.ts")),_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_common_selectors_theme__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts")},"./packages/components/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/Accordion/__storybook__/index.stories":["./packages/components/src/core/Accordion/__storybook__/index.stories.tsx",1834,8295,3872,4969,722,3675,431],"./core/Accordion/__storybook__/index.stories.tsx":["./packages/components/src/core/Accordion/__storybook__/index.stories.tsx",1834,8295,3872,4969,722,3675,431],"./core/Alert/__storybook__/index.stories":["./packages/components/src/core/Alert/__storybook__/index.stories.tsx",1834,8295,3872,4874,4377,3675,8842,7431],"./core/Alert/__storybook__/index.stories.tsx":["./packages/components/src/core/Alert/__storybook__/index.stories.tsx",1834,8295,3872,4874,4377,3675,8842,7431],"./core/Autocomplete/__storybook__/index.stories":["./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,1011],"./core/Autocomplete/__storybook__/index.stories.tsx":["./packages/components/src/core/Autocomplete/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,1011],"./core/Banner/__storybook__/index.stories":["./packages/components/src/core/Banner/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,5761],"./core/Banner/__storybook__/index.stories.tsx":["./packages/components/src/core/Banner/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,5761],"./core/Bases/Borders/__storybook__/index.stories":["./packages/components/src/core/Bases/Borders/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7925],"./core/Bases/Borders/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Borders/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7925],"./core/Bases/Breakpoints/__storybook__/index.stories":["./packages/components/src/core/Bases/Breakpoints/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7344],"./core/Bases/Breakpoints/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Breakpoints/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7344],"./core/Bases/Colors/__storybook__/index.stories":["./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx",3568],"./core/Bases/Colors/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Colors/__storybook__/index.stories.tsx",3568],"./core/Bases/Corners/__storybook__/index.stories":["./packages/components/src/core/Bases/Corners/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,3394],"./core/Bases/Corners/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Corners/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,3394],"./core/Bases/DropShadows/__storybook__/index.stories":["./packages/components/src/core/Bases/DropShadows/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,4422],"./core/Bases/DropShadows/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/DropShadows/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,4422],"./core/Bases/Spaces/__storybook__/index.stories":["./packages/components/src/core/Bases/Spaces/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7261],"./core/Bases/Spaces/__storybook__/index.stories.tsx":["./packages/components/src/core/Bases/Spaces/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,4848,7261],"./core/Button/__storybook__/index.stories":["./packages/components/src/core/Button/__storybook__/index.stories.tsx",1834,8295,3872,4874,1443,6254,3675,8842,1447],"./core/Button/__storybook__/index.stories.tsx":["./packages/components/src/core/Button/__storybook__/index.stories.tsx",1834,8295,3872,4874,1443,6254,3675,8842,1447],"./core/ButtonDropdown/__storybook__/index.stories":["./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,300],"./core/ButtonDropdown/__storybook__/index.stories.tsx":["./packages/components/src/core/ButtonDropdown/__storybook__/index.stories.tsx",1834,8295,4874,3675,8842,300],"./core/ButtonIcon/__storybook__/index.stories":["./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx",1834,8295,3675,6756],"./core/ButtonIcon/__storybook__/index.stories.tsx":["./packages/components/src/core/ButtonIcon/__storybook__/index.stories.tsx",1834,8295,3675,6756],"./core/ButtonToggle/__storybook__/index.stories":["./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx",1834,8295,3675,4423],"./core/ButtonToggle/__storybook__/index.stories.tsx":["./packages/components/src/core/ButtonToggle/__storybook__/index.stories.tsx",1834,8295,3675,4423],"./core/Callout/__storybook__/index.stories":["./packages/components/src/core/Callout/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,1443,3498,3675,8842,2829],"./core/Callout/__storybook__/index.stories.tsx":["./packages/components/src/core/Callout/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,1443,3498,3675,8842,2829],"./core/CellBasic/__storybook__/index.stories":["./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,2022,3675,8842,6763],"./core/CellBasic/__storybook__/index.stories.tsx":["./packages/components/src/core/CellBasic/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,2022,3675,8842,6763],"./core/CellComponent/__storybook__/index.stories":["./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3699,2088],"./core/CellComponent/__storybook__/index.stories.tsx":["./packages/components/src/core/CellComponent/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3699,2088],"./core/CellHeader/__storybook__/index.stories":["./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,4144],"./core/CellHeader/__storybook__/index.stories.tsx":["./packages/components/src/core/CellHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,4144],"./core/Chip/__storybook__/index.stories":["./packages/components/src/core/Chip/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,9417],"./core/Chip/__storybook__/index.stories.tsx":["./packages/components/src/core/Chip/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,9417],"./core/ComplexFilter/__storybook__/index.stories":["./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,6007],"./core/ComplexFilter/__storybook__/index.stories.tsx":["./packages/components/src/core/ComplexFilter/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,6007],"./core/Dialog/__storybook__/index.stories":["./packages/components/src/core/Dialog/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,243,3675,8842,439],"./core/Dialog/__storybook__/index.stories.tsx":["./packages/components/src/core/Dialog/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,243,3675,8842,439],"./core/Dropdown/__storybook__/index.stories":["./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,4986,3976],"./core/Dropdown/__storybook__/index.stories.tsx":["./packages/components/src/core/Dropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,1146,4986,3976],"./core/DropdownMenu/__storybook__/index.stories":["./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,5529],"./core/DropdownMenu/__storybook__/index.stories.tsx":["./packages/components/src/core/DropdownMenu/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,4813,3675,8842,5411,4276,4986,5529],"./core/Icon/__storybook__/index.stories":["./packages/components/src/core/Icon/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,8271,3675,8842,9824],"./core/Icon/__storybook__/index.stories.tsx":["./packages/components/src/core/Icon/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,8271,3675,8842,9824],"./core/InputCheckbox/__storybook__/index.stories":["./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx",1834,8295,4420,264,7774],"./core/InputCheckbox/__storybook__/index.stories.tsx":["./packages/components/src/core/InputCheckbox/__storybook__/index.stories.tsx",1834,8295,4420,264,7774],"./core/InputDropdown/__storybook__/index.stories":["./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,1443,3675,8842,5411,4276,1146,6398],"./core/InputDropdown/__storybook__/index.stories.tsx":["./packages/components/src/core/InputDropdown/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,1443,3675,8842,5411,4276,1146,6398],"./core/InputRadio/__storybook__/index.stories":["./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx",1834,8295,4420,7980,7118,1818],"./core/InputRadio/__storybook__/index.stories.tsx":["./packages/components/src/core/InputRadio/__storybook__/index.stories.tsx",1834,8295,4420,7980,7118,1818],"./core/InputSearch/__storybook__/index.stories":["./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,5832,3675,8842,6037],"./core/InputSearch/__storybook__/index.stories.tsx":["./packages/components/src/core/InputSearch/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3262,5832,3675,8842,6037],"./core/InputSlider/__storybook__/index.stories":["./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx",1834,5423,4646],"./core/InputSlider/__storybook__/index.stories.tsx":["./packages/components/src/core/InputSlider/__storybook__/index.stories.tsx",1834,5423,4646],"./core/InputText/__storybook__/index.stories":["./packages/components/src/core/InputText/__storybook__/index.stories.tsx",1834,3872,1428,9753,3262,896,1060],"./core/InputText/__storybook__/index.stories.tsx":["./packages/components/src/core/InputText/__storybook__/index.stories.tsx",1834,3872,1428,9753,3262,896,1060],"./core/InputToggle/__storybook__/index.stories":["./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx",1834,8295,2205,3705],"./core/InputToggle/__storybook__/index.stories.tsx":["./packages/components/src/core/InputToggle/__storybook__/index.stories.tsx",1834,8295,2205,3705],"./core/Link/__storybook__/index.stories":["./packages/components/src/core/Link/__storybook__/index.stories.tsx",1834,5001,7255],"./core/Link/__storybook__/index.stories.tsx":["./packages/components/src/core/Link/__storybook__/index.stories.tsx",1834,5001,7255],"./core/List/__storybook__/index.stories":["./packages/components/src/core/List/__storybook__/index.stories.tsx",1834,8295,2794,79],"./core/List/__storybook__/index.stories.tsx":["./packages/components/src/core/List/__storybook__/index.stories.tsx",1834,8295,2794,79],"./core/LoadingIndicator/__storybook__/index.stories":["./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx",1834,8295,4420,6425,3675,28],"./core/LoadingIndicator/__storybook__/index.stories.tsx":["./packages/components/src/core/LoadingIndicator/__storybook__/index.stories.tsx",1834,8295,4420,6425,3675,28],"./core/Menu/__storybook__/index.stories":["./packages/components/src/core/Menu/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,62],"./core/Menu/__storybook__/index.stories.tsx":["./packages/components/src/core/Menu/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,62],"./core/MenuItem/__storybook__/index.stories":["./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx",1834,8295,9586,3675,8663],"./core/MenuItem/__storybook__/index.stories.tsx":["./packages/components/src/core/MenuItem/__storybook__/index.stories.tsx",1834,8295,9586,3675,8663],"./core/MenuSelect/__storybook__/index.stories":["./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,6226,3675,8842,5411,8246],"./core/MenuSelect/__storybook__/index.stories.tsx":["./packages/components/src/core/MenuSelect/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,1428,2022,9753,3262,6153,6226,3675,8842,5411,8246],"./core/NavigationJumpTo/__storybook__/index.stories":["./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx",1834,8295,5423,876,7937,9982],"./core/NavigationJumpTo/__storybook__/index.stories.tsx":["./packages/components/src/core/NavigationJumpTo/__storybook__/index.stories.tsx",1834,8295,5423,876,7937,9982],"./core/Notification/__storybook__/index.stories":["./packages/components/src/core/Notification/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,6051,8149,3046,3675,8842,1331,4530],"./core/Notification/__storybook__/index.stories.tsx":["./packages/components/src/core/Notification/__storybook__/index.stories.tsx",1834,8295,3872,4874,4420,6051,8149,3046,3675,8842,1331,4530],"./core/Pagination/__storybook__/index.stories":["./packages/components/src/core/Pagination/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,3311],"./core/Pagination/__storybook__/index.stories.tsx":["./packages/components/src/core/Pagination/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,9753,3460,3675,8842,3311],"./core/Panel/__storybook__/index.stories":["./packages/components/src/core/Panel/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,1443,7952,3675,8842,9683],"./core/Panel/__storybook__/index.stories.tsx":["./packages/components/src/core/Panel/__storybook__/index.stories.tsx",1834,8295,3872,4874,1428,1443,7952,3675,8842,9683],"./core/SegmentedControl/__storybook__/index.stories":["./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,8286,3675,3328],"./core/SegmentedControl/__storybook__/index.stories.tsx":["./packages/components/src/core/SegmentedControl/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,8286,3675,3328],"./core/Table/__storybook__/index.stories":["./packages/components/src/core/Table/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3675,8837,7529],"./core/Table/__storybook__/index.stories.tsx":["./packages/components/src/core/Table/__storybook__/index.stories.tsx",1834,8295,3872,5104,7572,2022,4420,7980,3675,8837,7529],"./core/TableHeader/__storybook__/index.stories":["./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,7826],"./core/TableHeader/__storybook__/index.stories.tsx":["./packages/components/src/core/TableHeader/__storybook__/index.stories.tsx",1834,3872,5104,7572,3675,8837,7826],"./core/TableRow/__storybook__/index.stories":["./packages/components/src/core/TableRow/__storybook__/index.stories.tsx",1834,3872,5104,7572,2051],"./core/TableRow/__storybook__/index.stories.tsx":["./packages/components/src/core/TableRow/__storybook__/index.stories.tsx",1834,3872,5104,7572,2051],"./core/Tabs/__storybook__/index.stories":["./packages/components/src/core/Tabs/__storybook__/index.stories.tsx",1834,8295,2022,876,9912,691],"./core/Tabs/__storybook__/index.stories.tsx":["./packages/components/src/core/Tabs/__storybook__/index.stories.tsx",1834,8295,2022,876,9912,691],"./core/Tag/__storybook__/index.stories":["./packages/components/src/core/Tag/__storybook__/index.stories.tsx",1834,8295,3872,4874,2022,1443,6892,3675,8842,6629],"./core/Tag/__storybook__/index.stories.tsx":["./packages/components/src/core/Tag/__storybook__/index.stories.tsx",1834,8295,3872,4874,2022,1443,6892,3675,8842,6629],"./core/TagFilter/__storybook__/index.stories":["./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,8467],"./core/TagFilter/__storybook__/index.stories.tsx":["./packages/components/src/core/TagFilter/__storybook__/index.stories.tsx",1834,8295,4874,2022,3675,8842,8467],"./core/Tooltip/__storybook__/index.stories":["./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1920],"./core/Tooltip/__storybook__/index.stories.tsx":["./packages/components/src/core/Tooltip/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1920],"./core/TooltipCondensed/__storybook__/index.stories":["./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1903],"./core/TooltipCondensed/__storybook__/index.stories.tsx":["./packages/components/src/core/TooltipCondensed/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,3675,8842,1903],"./core/TooltipTable/__storybook__/index.stories":["./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx",1834,6051,4084],"./core/TooltipTable/__storybook__/index.stories.tsx":["./packages/components/src/core/TooltipTable/__storybook__/index.stories.tsx",1834,6051,4084]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/components/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/HeatmapChart/__storybook__/index.stories":["./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,1428,2022,9753,3262,4420,6153,1443,5423,876,6051,4969,8286,8149,243,2794,7763,3675,8842,8837,5411,4276,1146,1331,5243],"./core/HeatmapChart/__storybook__/index.stories.tsx":["./packages/data-viz/src/core/HeatmapChart/__storybook__/index.stories.tsx",1834,8295,3872,4874,5104,7572,1428,2022,9753,3262,4420,6153,1443,5423,876,6051,4969,8286,8149,243,2794,7763,3675,8842,8837,5411,4276,1146,1331,5243]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?%21.*node_modules)(?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"storybook/internal/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"storybook/internal/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"storybook/internal/preview-errors":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__},"storybook/internal/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"storybook/internal/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[484],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]);
+//# sourceMappingURL=main.54999c5d.iframe.bundle.js.map
\ No newline at end of file
diff --git a/main.477ecdd7.iframe.bundle.js.map b/main.54999c5d.iframe.bundle.js.map
similarity index 99%
rename from main.477ecdd7.iframe.bundle.js.map
rename to main.54999c5d.iframe.bundle.js.map
index 1aa61a47e..9b8e8b5d8 100644
--- a/main.477ecdd7.iframe.bundle.js.map
+++ b/main.54999c5d.iframe.bundle.js.map
@@ -1 +1 @@
-{"version":3,"file":"main.477ecdd7.iframe.bundle.js","mappings":";AAuEA;AACA;;AAEA;AAoHA;AACA;;AAKA","sources":["webpack://@czi-sds/monorepo/./packages/components/src/core/styles/common/mixins/fonts.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\nimport { TypographyStyle } from \"@mui/material\";\nimport { Typography } from \"../types\";\nimport { CommonThemeProps, getTypography } from \"../selectors/theme\";\n\ntype FontBodyWeight = keyof Typography[\"wideStyles\"][\"body\"];\ntype FontBodySize<T extends FontBodyWeight> =\n  keyof Typography[\"wideStyles\"][\"body\"][T];\n\nexport const fontBody = (\n  fontSize: FontBodySize<FontBodyWeight>,\n  fontWeight: FontBodyWeight = \"regular\",\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { body },\n      narrowStyles: { body: narrowBody },\n      fontFamily: { body: bodyFontFamily },\n    } = typography;\n\n    if (isNarrow) {\n      return css`\n        ${props.theme?.breakpoints.down(\"md\")} {\n          ${themeToCss(narrowBody[fontWeight][fontSize], bodyFontFamily)}\n        }\n      `;\n    }\n\n    return themeToCss(body[fontWeight][fontSize], bodyFontFamily);\n  };\n};\n\nexport const fontBodyL = fontBody(\"l\", \"regular\");\nexport const fontBodyM = fontBody(\"m\", \"regular\");\nexport const fontBodyS = fontBody(\"s\", \"regular\");\nexport const fontBodyXs = fontBody(\"xs\", \"regular\");\nexport const fontBodyXxs = fontBody(\"xxs\", \"regular\");\nexport const fontBodyXxxs = fontBody(\"xxxs\", \"regular\");\nexport const fontBodySemiboldL = fontBody(\"l\", \"semibold\");\nexport const fontBodySemiboldM = fontBody(\"m\", \"semibold\");\nexport const fontBodySemiboldS = fontBody(\"s\", \"semibold\");\nexport const fontBodySemiboldXs = fontBody(\"xs\", \"semibold\");\nexport const fontBodySemiboldXxs = fontBody(\"xxs\", \"semibold\");\nexport const fontBodySemiboldXxxs = fontBody(\"xxxs\", \"semibold\");\n\n// Font Caps\n\ntype FontCapsSize = keyof Typography[\"wideStyles\"][\"caps\"][\"semibold\"];\n\nexport const fontCaps = (fontSize: FontCapsSize, isNarrow: boolean = false) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { caps },\n      narrowStyles: { caps: narrowCaps },\n      fontFamily: { caps: capsFontFamily },\n    } = typography;\n\n    return css`\n      text-transform: uppercase;\n\n      ${isNarrow\n        ? css`\n            ${props.theme?.breakpoints.down(\"md\")} {\n              ${themeToCss(narrowCaps.semibold[fontSize], capsFontFamily)}\n            }\n          `\n        : themeToCss(caps.semibold[fontSize], capsFontFamily)}\n    `;\n  };\n};\n\nexport const fontCapsXxs = fontCaps(\"xxs\");\nexport const fontCapsXxxs = fontCaps(\"xxxs\");\nexport const fontCapsXxxxs = fontCaps(\"xxxxs\");\n\n// Font Header\n\ntype FontHeaderSize = keyof Typography[\"wideStyles\"][\"header\"][\"semibold\"];\n\nexport const fontHeader = (\n  fontSize: FontHeaderSize,\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { header },\n      narrowStyles: { header: narrowHeader },\n      fontFamily: { header: headerFontFamily },\n    } = typography;\n\n    if (isNarrow) {\n      return css`\n        ${props.theme?.breakpoints.down(\"md\")} {\n          ${themeToCss(narrowHeader.semibold[fontSize], headerFontFamily)}\n        }\n      `;\n    }\n\n    return themeToCss(header.semibold[fontSize], headerFontFamily);\n  };\n};\n\nexport const fontHeaderXxl = fontHeader(\"xxl\");\nexport const fontHeaderXl = fontHeader(\"xl\");\nexport const fontHeaderL = fontHeader(\"l\");\nexport const fontHeaderM = fontHeader(\"m\");\nexport const fontHeaderS = fontHeader(\"s\");\nexport const fontHeaderXs = fontHeader(\"xs\");\nexport const fontHeaderXxs = fontHeader(\"xxs\");\nexport const fontHeaderXxxs = fontHeader(\"xxxs\");\n\n// Font Code\n\ntype FontCodeWeight = keyof Typography[\"wideStyles\"][\"code\"];\ntype FontCodeSize<T extends FontCodeWeight> =\n  keyof Typography[\"wideStyles\"][\"code\"][T];\n\nexport const fontCode = (\n  fontSize: FontCodeSize<FontCodeWeight>,\n  fontWeight: FontCodeWeight = \"regular\",\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { code },\n      narrowStyles: { code: narrowCode },\n      fontFamily: { code: codeFontFamily },\n    } = typography;\n\n    if (isNarrow) {\n      return css`\n        ${props.theme?.breakpoints.down(\"md\")} {\n          ${themeToCss(narrowCode[fontWeight][fontSize], codeFontFamily)}\n        }\n      `;\n    }\n\n    return themeToCss(code[fontWeight][fontSize], codeFontFamily);\n  };\n};\n\nexport const fontCodeXs = fontCode(\"xs\", \"regular\");\nexport const fontCodeS = fontCode(\"s\", \"regular\");\nexport const fontCodeSemiboldXs = fontCode(\"xs\", \"semibold\");\nexport const fontCodeSemiboldS = fontCode(\"s\", \"semibold\");\n\n// Font Tabular\n\ntype FontTabularWeight = keyof Typography[\"wideStyles\"][\"tabular\"];\ntype FontTabularSize<T extends FontTabularWeight> =\n  keyof Typography[\"wideStyles\"][\"tabular\"][T];\n\nexport const fontTabular = (\n  fontSize: FontTabularSize<FontTabularWeight>,\n  fontWeight: FontTabularWeight = \"regular\",\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { tabular },\n      narrowStyles: { tabular: narrowTabular },\n      fontFamily: { tabular: tabularFontFamily },\n    } = typography;\n\n    return css`\n      font-variant-numeric: tabular-nums;\n\n      ${isNarrow\n        ? css`\n            ${props.theme?.breakpoints.down(\"md\")} {\n              ${themeToCss(\n                narrowTabular[fontWeight][fontSize],\n                tabularFontFamily\n              )}\n            }\n          `\n        : themeToCss(tabular[fontWeight][fontSize], tabularFontFamily)}\n    `;\n  };\n};\n\nexport const fontTabularXs = fontTabular(\"xs\", \"regular\");\nexport const fontTabularS = fontTabular(\"s\", \"regular\");\nexport const fontTabularSemiboldXs = fontTabular(\"xs\", \"semibold\");\nexport const fontTabularSemiboldS = fontTabular(\"s\", \"semibold\");\n\nfunction themeToCss(\n  fontTheme: TypographyStyle,\n  fontFamily: React.CSSProperties[\"fontFamily\"] = \"inherit\"\n) {\n  return css`\n    font-family: ${fontFamily};\n    font-size: ${fontTheme.fontSize}px;\n    line-height: ${fontTheme.lineHeight};\n    letter-spacing: ${fontTheme.letterSpacing};\n    font-weight: ${fontTheme.fontWeight};\n    text-transform: ${fontTheme.textTransform};\n  `;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"main.54999c5d.iframe.bundle.js","mappings":";AAuEA;AACA;;AAEA;AAoHA;AACA;;AAKA","sources":["webpack://@czi-sds/monorepo/./packages/components/src/core/styles/common/mixins/fonts.ts"],"sourcesContent":["import { css, SerializedStyles } from \"@emotion/react\";\nimport { TypographyStyle } from \"@mui/material\";\nimport { Typography } from \"../types\";\nimport { CommonThemeProps, getTypography } from \"../selectors/theme\";\n\ntype FontBodyWeight = keyof Typography[\"wideStyles\"][\"body\"];\ntype FontBodySize<T extends FontBodyWeight> =\n  keyof Typography[\"wideStyles\"][\"body\"][T];\n\nexport const fontBody = (\n  fontSize: FontBodySize<FontBodyWeight>,\n  fontWeight: FontBodyWeight = \"regular\",\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { body },\n      narrowStyles: { body: narrowBody },\n      fontFamily: { body: bodyFontFamily },\n    } = typography;\n\n    if (isNarrow) {\n      return css`\n        ${props.theme?.breakpoints.down(\"md\")} {\n          ${themeToCss(narrowBody[fontWeight][fontSize], bodyFontFamily)}\n        }\n      `;\n    }\n\n    return themeToCss(body[fontWeight][fontSize], bodyFontFamily);\n  };\n};\n\nexport const fontBodyL = fontBody(\"l\", \"regular\");\nexport const fontBodyM = fontBody(\"m\", \"regular\");\nexport const fontBodyS = fontBody(\"s\", \"regular\");\nexport const fontBodyXs = fontBody(\"xs\", \"regular\");\nexport const fontBodyXxs = fontBody(\"xxs\", \"regular\");\nexport const fontBodyXxxs = fontBody(\"xxxs\", \"regular\");\nexport const fontBodySemiboldL = fontBody(\"l\", \"semibold\");\nexport const fontBodySemiboldM = fontBody(\"m\", \"semibold\");\nexport const fontBodySemiboldS = fontBody(\"s\", \"semibold\");\nexport const fontBodySemiboldXs = fontBody(\"xs\", \"semibold\");\nexport const fontBodySemiboldXxs = fontBody(\"xxs\", \"semibold\");\nexport const fontBodySemiboldXxxs = fontBody(\"xxxs\", \"semibold\");\n\n// Font Caps\n\ntype FontCapsSize = keyof Typography[\"wideStyles\"][\"caps\"][\"semibold\"];\n\nexport const fontCaps = (fontSize: FontCapsSize, isNarrow: boolean = false) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { caps },\n      narrowStyles: { caps: narrowCaps },\n      fontFamily: { caps: capsFontFamily },\n    } = typography;\n\n    return css`\n      text-transform: uppercase;\n\n      ${isNarrow\n        ? css`\n            ${props.theme?.breakpoints.down(\"md\")} {\n              ${themeToCss(narrowCaps.semibold[fontSize], capsFontFamily)}\n            }\n          `\n        : themeToCss(caps.semibold[fontSize], capsFontFamily)}\n    `;\n  };\n};\n\nexport const fontCapsXxs = fontCaps(\"xxs\");\nexport const fontCapsXxxs = fontCaps(\"xxxs\");\nexport const fontCapsXxxxs = fontCaps(\"xxxxs\");\n\n// Font Header\n\ntype FontHeaderSize = keyof Typography[\"wideStyles\"][\"header\"][\"semibold\"];\n\nexport const fontHeader = (\n  fontSize: FontHeaderSize,\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { header },\n      narrowStyles: { header: narrowHeader },\n      fontFamily: { header: headerFontFamily },\n    } = typography;\n\n    if (isNarrow) {\n      return css`\n        ${props.theme?.breakpoints.down(\"md\")} {\n          ${themeToCss(narrowHeader.semibold[fontSize], headerFontFamily)}\n        }\n      `;\n    }\n\n    return themeToCss(header.semibold[fontSize], headerFontFamily);\n  };\n};\n\nexport const fontHeaderXxl = fontHeader(\"xxl\");\nexport const fontHeaderXl = fontHeader(\"xl\");\nexport const fontHeaderL = fontHeader(\"l\");\nexport const fontHeaderM = fontHeader(\"m\");\nexport const fontHeaderS = fontHeader(\"s\");\nexport const fontHeaderXs = fontHeader(\"xs\");\nexport const fontHeaderXxs = fontHeader(\"xxs\");\nexport const fontHeaderXxxs = fontHeader(\"xxxs\");\n\n// Font Code\n\ntype FontCodeWeight = keyof Typography[\"wideStyles\"][\"code\"];\ntype FontCodeSize<T extends FontCodeWeight> =\n  keyof Typography[\"wideStyles\"][\"code\"][T];\n\nexport const fontCode = (\n  fontSize: FontCodeSize<FontCodeWeight>,\n  fontWeight: FontCodeWeight = \"regular\",\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { code },\n      narrowStyles: { code: narrowCode },\n      fontFamily: { code: codeFontFamily },\n    } = typography;\n\n    if (isNarrow) {\n      return css`\n        ${props.theme?.breakpoints.down(\"md\")} {\n          ${themeToCss(narrowCode[fontWeight][fontSize], codeFontFamily)}\n        }\n      `;\n    }\n\n    return themeToCss(code[fontWeight][fontSize], codeFontFamily);\n  };\n};\n\nexport const fontCodeXs = fontCode(\"xs\", \"regular\");\nexport const fontCodeS = fontCode(\"s\", \"regular\");\nexport const fontCodeSemiboldXs = fontCode(\"xs\", \"semibold\");\nexport const fontCodeSemiboldS = fontCode(\"s\", \"semibold\");\n\n// Font Tabular\n\ntype FontTabularWeight = keyof Typography[\"wideStyles\"][\"tabular\"];\ntype FontTabularSize<T extends FontTabularWeight> =\n  keyof Typography[\"wideStyles\"][\"tabular\"][T];\n\nexport const fontTabular = (\n  fontSize: FontTabularSize<FontTabularWeight>,\n  fontWeight: FontTabularWeight = \"regular\",\n  isNarrow: boolean = false\n) => {\n  return (props: CommonThemeProps): SerializedStyles | null => {\n    const typography = getTypography(props);\n\n    if (!typography) return null;\n\n    const {\n      wideStyles: { tabular },\n      narrowStyles: { tabular: narrowTabular },\n      fontFamily: { tabular: tabularFontFamily },\n    } = typography;\n\n    return css`\n      font-variant-numeric: tabular-nums;\n\n      ${isNarrow\n        ? css`\n            ${props.theme?.breakpoints.down(\"md\")} {\n              ${themeToCss(\n                narrowTabular[fontWeight][fontSize],\n                tabularFontFamily\n              )}\n            }\n          `\n        : themeToCss(tabular[fontWeight][fontSize], tabularFontFamily)}\n    `;\n  };\n};\n\nexport const fontTabularXs = fontTabular(\"xs\", \"regular\");\nexport const fontTabularS = fontTabular(\"s\", \"regular\");\nexport const fontTabularSemiboldXs = fontTabular(\"xs\", \"semibold\");\nexport const fontTabularSemiboldS = fontTabular(\"s\", \"semibold\");\n\nfunction themeToCss(\n  fontTheme: TypographyStyle,\n  fontFamily: React.CSSProperties[\"fontFamily\"] = \"inherit\"\n) {\n  return css`\n    font-family: ${fontFamily};\n    font-size: ${fontTheme.fontSize}px;\n    line-height: ${fontTheme.lineHeight};\n    letter-spacing: ${fontTheme.letterSpacing};\n    font-weight: ${fontTheme.fontWeight};\n    text-transform: ${fontTheme.textTransform};\n  `;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/project.json b/project.json
index 1f8c6c26b..376afe407 100644
--- a/project.json
+++ b/project.json
@@ -1 +1 @@
-{"generatedAt":1731110641216,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/dom":"9.3.4","@testing-library/jest-dom":"6.6.2","@testing-library/react":"14.3.1","@testing-library/user-event":null,"@types/jest":"29.5.13","eslint-plugin-jest":"27.9.0","jest":"29.7.0","ts-jest":"29.2.5"},"monorepo":"Lerna","packageManager":{"type":"yarn","version":"4.1.0"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-webpack5","options":{"builder":{"useSWC":true}}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":37,"storybookVersion":"8.3.5","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@chanzuckerberg/axe-storybook-testing":{"version":"8.2.0"},"@chromatic-com/storybook":{"version":"2.0.2"},"@geometricpanda/storybook-addon-badges":{"version":"2.0.5"},"@storybook/addon-a11y":{"version":"8.3.5"},"@storybook/addon-actions":{"version":"8.3.5"},"@storybook/addon-essentials":{"version":"8.3.5"},"@storybook/addon-interactions":{"version":"8.3.5"},"@storybook/addon-links":{"version":"8.3.5"},"@storybook/addon-webpack5-compiler-swc":{"version":"1.0.5"},"@storybook/blocks":{"version":"8.3.5"},"@storybook/components":{"version":"8.3.5"},"@storybook/core-events":{"version":"8.3.5"},"@storybook/manager-api":{"version":"8.3.5"},"@storybook/preview-api":{"version":"8.3.5"},"@storybook/react":{"version":"8.3.5"},"@storybook/react-webpack5":{"version":"8.3.5"},"@storybook/test":{"version":"8.3.5"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/theming":{"version":"8.3.5"},"@storybook/types":{"version":"8.3.5"},"eslint-plugin-storybook":{"version":"0.9.0"},"storybook":{"version":"8.3.5"},"storybook-addon-pseudo-states":{"version":"4.0.2"}},"addons":{"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/react":{"version":null},"$SNIP/node_modules/storybook-addon-pseudo-states":{"version":null},"$SNIP/node_modules/@geometricpanda/storybook-addon-badges":{"version":null},"$SNIP/node_modules/@storybook/addon-webpack5-compiler-swc":{"version":null},"$SNIP/node_modules/@chromatic-com/storybook":{"version":null},"chromatic":{"version":"10.9.6","versionSpecifier":"^10.1.0"}}}
+{"generatedAt":1731570278778,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@testing-library/dom":"9.3.4","@testing-library/jest-dom":"6.6.2","@testing-library/react":"14.3.1","@testing-library/user-event":null,"@types/jest":"29.5.13","eslint-plugin-jest":"27.9.0","jest":"29.7.0","ts-jest":"29.2.5"},"monorepo":"Lerna","packageManager":{"type":"yarn","version":"4.1.0"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-webpack5","options":{"builder":{"useSWC":true}}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":37,"storybookVersion":"8.3.5","storybookVersionSpecifier":"^8.3.4","language":"typescript","storybookPackages":{"@chanzuckerberg/axe-storybook-testing":{"version":"8.2.0"},"@chromatic-com/storybook":{"version":"2.0.2"},"@geometricpanda/storybook-addon-badges":{"version":"2.0.5"},"@storybook/addon-a11y":{"version":"8.3.5"},"@storybook/addon-actions":{"version":"8.3.5"},"@storybook/addon-essentials":{"version":"8.3.5"},"@storybook/addon-interactions":{"version":"8.3.5"},"@storybook/addon-links":{"version":"8.3.5"},"@storybook/addon-webpack5-compiler-swc":{"version":"1.0.5"},"@storybook/blocks":{"version":"8.3.5"},"@storybook/components":{"version":"8.3.5"},"@storybook/core-events":{"version":"8.3.5"},"@storybook/manager-api":{"version":"8.3.5"},"@storybook/preview-api":{"version":"8.3.5"},"@storybook/react":{"version":"8.3.5"},"@storybook/react-webpack5":{"version":"8.3.5"},"@storybook/test":{"version":"8.3.5"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/theming":{"version":"8.3.5"},"@storybook/types":{"version":"8.3.5"},"eslint-plugin-storybook":{"version":"0.9.0"},"storybook":{"version":"8.3.5"},"storybook-addon-pseudo-states":{"version":"4.0.2"}},"addons":{"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/react":{"version":null},"$SNIP/node_modules/storybook-addon-pseudo-states":{"version":null},"$SNIP/node_modules/@geometricpanda/storybook-addon-badges":{"version":null},"$SNIP/node_modules/@storybook/addon-webpack5-compiler-swc":{"version":null},"$SNIP/node_modules/@chromatic-com/storybook":{"version":null},"chromatic":{"version":"10.9.6","versionSpecifier":"^10.1.0"}}}
diff --git a/runtime~main.379833b4.iframe.bundle.js b/runtime~main.379833b4.iframe.bundle.js
deleted file mode 100644
index 198703f9e..000000000
--- a/runtime~main.379833b4.iframe.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({28:"core-LoadingIndicator-__storybook__-index-stories",62:"core-Menu-__storybook__-index-stories",79:"core-List-__storybook__-index-stories",300:"core-ButtonDropdown-__storybook__-index-stories",431:"core-Accordion-__storybook__-index-stories",439:"core-Dialog-__storybook__-index-stories",691:"core-Tabs-__storybook__-index-stories",1011:"core-Autocomplete-__storybook__-index-stories",1060:"core-InputText-__storybook__-index-stories",1447:"core-Button-__storybook__-index-stories",1818:"core-InputRadio-__storybook__-index-stories",1903:"core-TooltipCondensed-__storybook__-index-stories",1920:"core-Tooltip-__storybook__-index-stories",2051:"core-TableRow-__storybook__-index-stories",2088:"core-CellComponent-__storybook__-index-stories",2829:"core-Callout-__storybook__-index-stories",3311:"core-Pagination-__storybook__-index-stories",3328:"core-SegmentedControl-__storybook__-index-stories",3394:"core-Bases-Corners-__storybook__-index-stories",3568:"core-Bases-Colors-__storybook__-index-stories",3705:"core-InputToggle-__storybook__-index-stories",3976:"core-Dropdown-__storybook__-index-stories",4084:"core-TooltipTable-__storybook__-index-stories",4144:"core-CellHeader-__storybook__-index-stories",4422:"core-Bases-DropShadows-__storybook__-index-stories",4423:"core-ButtonToggle-__storybook__-index-stories",4530:"core-Notification-__storybook__-index-stories",4646:"core-InputSlider-__storybook__-index-stories",5243:"core-HeatmapChart-__storybook__-index-stories",5529:"core-DropdownMenu-__storybook__-index-stories",5761:"core-Banner-__storybook__-index-stories",6007:"core-ComplexFilter-__storybook__-index-stories",6037:"core-InputSearch-__storybook__-index-stories",6398:"core-InputDropdown-__storybook__-index-stories",6629:"core-Tag-__storybook__-index-stories",6756:"core-ButtonIcon-__storybook__-index-stories",6763:"core-CellBasic-__storybook__-index-stories",7255:"core-Link-__storybook__-index-stories",7261:"core-Bases-Spaces-__storybook__-index-stories",7431:"core-Alert-__storybook__-index-stories",7529:"core-Table-__storybook__-index-stories",7774:"core-InputCheckbox-__storybook__-index-stories",7826:"core-TableHeader-__storybook__-index-stories",7925:"core-Bases-Borders-__storybook__-index-stories",8246:"core-MenuSelect-__storybook__-index-stories",8467:"core-TagFilter-__storybook__-index-stories",8663:"core-MenuItem-__storybook__-index-stories",9417:"core-Chip-__storybook__-index-stories",9683:"core-Panel-__storybook__-index-stories",9824:"core-Icon-__storybook__-index-stories",9982:"core-NavigationJumpTo-__storybook__-index-stories"}[chunkId]||chunkId)+"."+{28:"eff7d7fa",62:"c2dd2656",79:"e44114bd",243:"5b0040a1",264:"5f811549",300:"4a704d16",431:"b5de3ede",439:"bcb4589e",691:"2b38b628",722:"709250b6",876:"79165402",896:"41af561a",1011:"70d10b95",1060:"ba18c80c",1146:"9ed9fbe4",1212:"d1a62565",1331:"f464d052",1428:"91abb797",1443:"f0146d7d",1447:"0eca6891",1818:"bc7085d0",1834:"6f08a758",1903:"9e3866d7",1920:"a6ff61ed",2022:"0df9b8e6",2051:"15109555",2088:"6dc21c5e",2205:"7491d397",2794:"6699c91c",2829:"c6d696d2",3046:"029695c1",3262:"bd55af9c",3311:"07fb7561",3328:"c3dd66dc",3394:"22af812e",3460:"9710a224",3498:"6bccfb1e",3568:"7cdcc62a",3675:"c5d16307",3699:"6be124dd",3705:"8deef7a1",3872:"0d2c8e2a",3976:"39c043d7",4084:"db0a28a7",4144:"2fce03b0",4276:"8aa71fd7",4377:"79c324d4",4420:"7e82d7ef",4422:"f4325d7f",4423:"59a34195",4530:"b4b9bb3a",4646:"3bb953d6",4813:"53ffd76c",4848:"f9346225",4874:"40630bd9",4969:"3972e22a",4986:"56860c5e",5001:"05739ab7",5104:"10f6f708",5243:"914fba5b",5411:"834cb15e",5423:"b1f95005",5529:"44469ad3",5761:"84d4ef11",5832:"17e6dee5",6007:"e1b85650",6037:"4dc20955",6051:"0af3e45e",6153:"ea341474",6226:"4c9027de",6254:"e8a481bd",6398:"dd8a063f",6425:"0a5581ce",6629:"dd3c7f1a",6756:"dcffb9aa",6763:"0985ae49",6892:"1d158cb2",7118:"94be4066",7122:"323b2754",7227:"575b1cbc",7255:"e807d7df",7261:"a4521bbd",7364:"ac2a418c",7431:"4c5c8435",7529:"7d73dbc2",7572:"4a76cf58",7648:"f22e97d4",7763:"ee437dd2",7774:"6ba59491",7826:"3342d44d",7925:"a1b59306",7937:"1ec9da1c",7952:"e3ba4835",7980:"9317b29f",8149:"3876708b",8246:"cc0c0dee",8271:"cea86b9f",8286:"3267a976",8295:"8a2f5632",8467:"44a14be5",8609:"e38de521",8663:"f25ae089",8735:"f39e422e",8837:"829fc629",8842:"8648ae4e",9417:"12bd95af",9586:"0b676d01",9683:"38abdb54",9753:"21d72120",9824:"e75d21ab",9912:"2f8939c2",9982:"623d0d27"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@czi-sds/monorepo:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@czi-sds/monorepo:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file
diff --git a/runtime~main.3fd90324.iframe.bundle.js b/runtime~main.3fd90324.iframe.bundle.js
new file mode 100644
index 000000000..3fd97d450
--- /dev/null
+++ b/runtime~main.3fd90324.iframe.bundle.js
@@ -0,0 +1 @@
+(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({28:"core-LoadingIndicator-__storybook__-index-stories",62:"core-Menu-__storybook__-index-stories",79:"core-List-__storybook__-index-stories",300:"core-ButtonDropdown-__storybook__-index-stories",431:"core-Accordion-__storybook__-index-stories",439:"core-Dialog-__storybook__-index-stories",691:"core-Tabs-__storybook__-index-stories",1011:"core-Autocomplete-__storybook__-index-stories",1060:"core-InputText-__storybook__-index-stories",1447:"core-Button-__storybook__-index-stories",1818:"core-InputRadio-__storybook__-index-stories",1903:"core-TooltipCondensed-__storybook__-index-stories",1920:"core-Tooltip-__storybook__-index-stories",2051:"core-TableRow-__storybook__-index-stories",2088:"core-CellComponent-__storybook__-index-stories",2829:"core-Callout-__storybook__-index-stories",3311:"core-Pagination-__storybook__-index-stories",3328:"core-SegmentedControl-__storybook__-index-stories",3394:"core-Bases-Corners-__storybook__-index-stories",3568:"core-Bases-Colors-__storybook__-index-stories",3705:"core-InputToggle-__storybook__-index-stories",3976:"core-Dropdown-__storybook__-index-stories",4084:"core-TooltipTable-__storybook__-index-stories",4144:"core-CellHeader-__storybook__-index-stories",4422:"core-Bases-DropShadows-__storybook__-index-stories",4423:"core-ButtonToggle-__storybook__-index-stories",4530:"core-Notification-__storybook__-index-stories",4646:"core-InputSlider-__storybook__-index-stories",5243:"core-HeatmapChart-__storybook__-index-stories",5529:"core-DropdownMenu-__storybook__-index-stories",5761:"core-Banner-__storybook__-index-stories",6007:"core-ComplexFilter-__storybook__-index-stories",6037:"core-InputSearch-__storybook__-index-stories",6398:"core-InputDropdown-__storybook__-index-stories",6629:"core-Tag-__storybook__-index-stories",6756:"core-ButtonIcon-__storybook__-index-stories",6763:"core-CellBasic-__storybook__-index-stories",7255:"core-Link-__storybook__-index-stories",7261:"core-Bases-Spaces-__storybook__-index-stories",7344:"core-Bases-Breakpoints-__storybook__-index-stories",7431:"core-Alert-__storybook__-index-stories",7529:"core-Table-__storybook__-index-stories",7774:"core-InputCheckbox-__storybook__-index-stories",7826:"core-TableHeader-__storybook__-index-stories",7925:"core-Bases-Borders-__storybook__-index-stories",8246:"core-MenuSelect-__storybook__-index-stories",8467:"core-TagFilter-__storybook__-index-stories",8663:"core-MenuItem-__storybook__-index-stories",9417:"core-Chip-__storybook__-index-stories",9683:"core-Panel-__storybook__-index-stories",9824:"core-Icon-__storybook__-index-stories",9982:"core-NavigationJumpTo-__storybook__-index-stories"}[chunkId]||chunkId)+"."+{28:"eff7d7fa",62:"c2dd2656",79:"e44114bd",243:"5b0040a1",264:"5f811549",300:"4a704d16",431:"b5de3ede",439:"bcb4589e",691:"2b38b628",722:"709250b6",876:"79165402",896:"41af561a",1011:"70d10b95",1060:"ba18c80c",1146:"9ed9fbe4",1212:"d1a62565",1331:"f464d052",1428:"91abb797",1443:"f0146d7d",1447:"0eca6891",1818:"bc7085d0",1834:"6f08a758",1903:"9e3866d7",1920:"a6ff61ed",2022:"0df9b8e6",2051:"15109555",2088:"6dc21c5e",2205:"7491d397",2794:"6699c91c",2829:"c6d696d2",3046:"029695c1",3262:"bd55af9c",3311:"07fb7561",3328:"c3dd66dc",3394:"22af812e",3460:"9710a224",3498:"6bccfb1e",3568:"7cdcc62a",3675:"c5d16307",3699:"6be124dd",3705:"8deef7a1",3872:"0d2c8e2a",3976:"5702b90e",4084:"db0a28a7",4144:"2fce03b0",4276:"8aa71fd7",4377:"79c324d4",4420:"7e82d7ef",4422:"f4325d7f",4423:"59a34195",4530:"b4b9bb3a",4646:"3bb953d6",4813:"53ffd76c",4848:"f9346225",4874:"40630bd9",4969:"3972e22a",4986:"56860c5e",5001:"05739ab7",5104:"10f6f708",5243:"8cccb62d",5411:"834cb15e",5423:"b1f95005",5529:"44469ad3",5761:"84d4ef11",5832:"17e6dee5",6007:"e1b85650",6037:"4dc20955",6051:"0af3e45e",6153:"ea341474",6226:"4c9027de",6254:"e8a481bd",6398:"dd8a063f",6425:"0a5581ce",6629:"dd3c7f1a",6756:"dcffb9aa",6763:"0985ae49",6892:"1d158cb2",7118:"94be4066",7122:"323b2754",7227:"575b1cbc",7255:"e807d7df",7261:"a4521bbd",7344:"6a74cf03",7364:"ac2a418c",7431:"4c5c8435",7529:"7d73dbc2",7572:"4a76cf58",7648:"f22e97d4",7763:"ee437dd2",7774:"6ba59491",7826:"3342d44d",7925:"a1b59306",7937:"1ec9da1c",7952:"e3ba4835",7980:"9317b29f",8149:"3876708b",8246:"cc0c0dee",8271:"cea86b9f",8286:"3267a976",8295:"8a2f5632",8467:"44a14be5",8609:"e38de521",8663:"f25ae089",8735:"f39e422e",8837:"829fc629",8842:"8648ae4e",9417:"12bd95af",9586:"0b676d01",9683:"38abdb54",9753:"21d72120",9824:"e75d21ab",9912:"2f8939c2",9982:"623d0d27"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@czi-sds/monorepo:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@czi-sds/monorepo:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={5354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(5354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
\ No newline at end of file