@heliux-org/design-system-core 0.0.358 → 0.0.359

package/dist/esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.module.scss.js

@@ -1,2 +1,2 @@
-var n={segmentControlList:"segmentControlList_3e454638d5",stretched:"stretched_25598300aa",segmentControlUl:"segmentControlUl_68bb3ae87f",small:"small_40733be6ac",medium:"medium_e22fb104c2",large:"large_7a074ca3a9",animatedBackground:"animatedBackground_41889e912a",initialMount:"initialMount_80abb9bc11"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-5840d7ff203d_0_0_356";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".segmentControlList_3e454638d5 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-300);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n  height: var(--segment-height);\n}\n\n.stretched_25598300aa {\n  width: 100%;\n}\n\n.segmentControlUl_68bb3ae87f {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small_40733be6ac {\n  --segment-height: 24px;\n}\n\n.medium_e22fb104c2 {\n  --segment-height: 32px;\n}\n\n.large_7a074ca3a9 {\n  --segment-height: 40px;\n}\n\n.segmentControlList_3e454638d5 {\n  height: var(--segment-height);\n}\n\n.animatedBackground_41889e912a {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 2px 0px color-mix(in srgb, var(--shadow-color) 50%, transparent);\n  z-index: 0;\n  will-change: transform, width;\n}\n\n.animatedBackground_41889e912a:not(.initialMount_80abb9bc11) {\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.initialMount_80abb9bc11 {\n  transition: none;\n}");export{n as default};
+var n={segmentControlList:"segmentControlList_3a5dc2acf2",stretched:"stretched_81f072c375",segmentControlUl:"segmentControlUl_7515531685",small:"small_ea27f9e1f5",medium:"medium_02c388230a",large:"large_40754235fa",animatedBackground:"animatedBackground_c5723dbf57",initialMount:"initialMount_3216848c6b"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-5840d7ff203d_0_0_359";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".segmentControlList_3a5dc2acf2 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-300);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n  height: var(--segment-height);\n}\n\n.stretched_81f072c375 {\n  width: 100%;\n}\n\n.segmentControlUl_7515531685 {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small_ea27f9e1f5 {\n  --segment-height: 24px;\n}\n\n.medium_02c388230a {\n  --segment-height: 32px;\n}\n\n.large_40754235fa {\n  --segment-height: 40px;\n}\n\n.segmentControlList_3a5dc2acf2 {\n  height: var(--segment-height);\n}\n\n.animatedBackground_c5723dbf57 {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 2px 0px color-mix(in srgb, var(--shadow-color) 50%, transparent);\n  z-index: 0;\n  will-change: transform, width;\n}\n\n.animatedBackground_c5723dbf57:not(.initialMount_3216848c6b) {\n  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), width 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.initialMount_3216848c6b {\n  transition: none;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlList.module.scss.js.map

package/dist/esm/src/components/Sidebar/Sidebar.js

@@ -1,2 +1,2 @@
-import{defineProperty as e,slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as t,jsx as s}from"@emotion/react/jsx-runtime";import*as r from"react";import{useState as c}from"react";import a from"./Sidebar.module.scss.js";import l from"classnames";import d from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import{IconType as p}from"../Icon/IconConstants.js";import{Logo as u}from"../Logo/Logo.js";import h from"../Counter/Counter.js";import g from"../Dialog/Dialog.js";import v from"../DialogContentContainer/DialogContentContainer.js";import f from"../Icon/Icons/components/Close.js";var C=function(e){var n=e.logo,i=e.showCloseButton,t=e.isCollapsed,r=void 0!==t&&t;return o("div",Object.assign({className:a.headerStyled},{children:[(void 0===i||i)&&s("div",Object.assign({className:a.closeIcon},{children:s(m,{onClick:e.closeSidebar,ariaLabel:"Close",icon:f,size:"xs"})})),n||s(u,{type:"dark",logoType:r?"mark":"word",width:r?"24":"80",height:r?"24":"34"})]}))},y=function(e){var n=e.iconPath,i=e.text;return o("div",Object.assign({className:a.sectionLabelStyled,style:{marginLeft:n?"8px":"24px"}},{children:[n&&s(d,{iconType:p.PATH,icon:"",iconPath:n,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}}),s("span",{children:i})]}))},b=function(n){var i=n.text,r=n.link,c=n.active,m=void 0!==c&&c,u=n.onClick,f=n.iconPath,C=n.showCounter,y=void 0!==C&&C,b=n.count,j=void 0===b?0:b,O=n.rightIcon,I=n.indentLevel,N=n.isCollapsed,T=void 0!==N&&N,E={paddingLeft:"".concat(0+16*(void 0===I?0:I),"px")},k=function(){return o(t,{children:[f&&s(d,{iconType:p.PATH,icon:"",iconPath:f,iconSize:"16px",className:a.menuIcon,useCurrentColor:!0,style:{display:"block",marginRight:T?"0":"8px",marginTop:"0px"}}),!T&&o(t,{children:[i,y&&s(h,{count:j,color:h.colors.WARNING,className:a.menuItemCounter}),O&&s("span",Object.assign({className:a.menuItemRightIcon},{children:O}))]})]})};return s("div",Object.assign({className:a.menuItemStyled,onClick:function(e){r||e.preventDefault(),null==u||u(e)}},{children:T?s(g,Object.assign({position:g.positions.RIGHT,content:s(v,{children:s("div",Object.assign({className:a.tooltipContent},{children:i}))}),showTrigger:[g.hideShowTriggers.MOUSE_ENTER],hideTrigger:[g.hideShowTriggers.MOUSE_LEAVE]},{children:s("a",Object.assign({className:l(a.menuItemLink,a.collapsedMenuItem,e({},a.active,m),e({},a.withIcon,f)),href:r||"",style:E},{children:k()}))})):s("a",Object.assign({className:l(a.menuItemLink,e({},a.active,m),e({},a.withIcon,f)),href:r||"",style:E},{children:k()}))}))},j=function(i){var m=i.text,u=i.link,h=i.children,f=i.defaultExpanded,C=i.indentLevel,y=void 0===C?0:C,b=i.active,j=void 0!==b&&b,O=i.onClick,I=i.iconPath,N=i.isCollapsed,T=void 0!==N&&N,E=c(void 0!==f&&f),k=n(E,2),x=k[0],w=k[1],S=function(e){e.preventDefault(),e.stopPropagation(),T||w(!x)},L=function(e){u||e.preventDefault(),null==O||O(e)},P=function(){return o("div",Object.assign({className:l(a.menuItemLink,e(e({},a.active,j),a.collapsedMenuItem,T)),style:{paddingLeft:T?"8px":"".concat(16*y,"px")},onClick:L},{children:[I&&s(d,{iconType:p.PATH,icon:"",iconPath:I,iconSize:16,useCurrentColor:!0,className:a.menuIcon,style:{display:"block",marginRight:T?"0":"8px",marginTop:"0px"}}),!T&&o(t,{children:[m,s(d,{iconType:p.PATH,icon:"",iconPath:"ic_arrow_chevron_down_16",useCurrentColor:!0,iconSize:16,className:l(a.chevronIcon,e({},a.chevronIconExpanded,x)),onClick:S,style:{marginLeft:"auto",cursor:"pointer"}})]})]}))};return T?s("div",Object.assign({className:a.menuGroupStyled},{children:s(g,Object.assign({position:g.positions.RIGHT,content:s(v,{children:o("div",Object.assign({className:a.tooltipContent},{children:[s("div",Object.assign({className:a.tooltipHeader},{children:m})),s("div",Object.assign({className:a.tooltipChildren},{children:r.Children.map(h,(function(e){return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:0,isCollapsed:!1})):e}))}))]}))}),showTrigger:[g.hideShowTriggers.MOUSE_ENTER],hideTrigger:[g.hideShowTriggers.MOUSE_LEAVE]},{children:P()}))})):o("div",Object.assign({className:a.menuGroupStyled},{children:[P(),x&&s("div",Object.assign({className:a.menuItemChildren},{children:r.Children.map(h,(function(e){var n;return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:(null!==(n=e.props.indentLevel)&&void 0!==n?n:y)+1,isCollapsed:T})):e}))}))]}))};function O(e){var n=e.children,c=e.isOpen,l=e.onClick,d=void 0===l?function(){}:l,m=i(e,["children","isOpen","onClick"]);r.useEffect((function(){if(c){var e=function(e){"Escape"===e.key&&d()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}}),[c,d]);return o(t,{children:[s("div",{className:a.overlay,style:{pointerEvents:c?"auto":"none",opacity:c?.7:0}}),o("div",Object.assign({className:c?a.sidebarMenuStyled:"",style:c?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[s("div",Object.assign({className:a.innerStyled,style:{borderRight:c&&"1px slid #C8C8C8"}},{children:c&&s(t,{children:n})})),c&&s("div",Object.assign({className:a.CloseLayerStyled,onClick:d,onKeyDown:function(e){"Enter"===e.key&&d()}},m))]}))]})}export{y as SectionLabel,C as SidebarHeader,j as SidebarMenuGroup,b as SidebarMenuItem,O as default};
+import{defineProperty as e,slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsxs as o,Fragment as t,jsx as s}from"@emotion/react/jsx-runtime";import*as r from"react";import{useState as c}from"react";import a from"./Sidebar.module.scss.js";import l from"classnames";import d from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import{IconType as p}from"../Icon/IconConstants.js";import{Logo as h}from"../Logo/Logo.js";import u from"../Counter/Counter.js";import g from"../Dialog/Dialog.js";import v from"../DialogContentContainer/DialogContentContainer.js";import f from"../Icon/Icons/components/Close.js";var C=function(e){var n=e.logo,i=e.showCloseButton,t=e.isCollapsed,r=void 0!==t&&t;return o("div",Object.assign({className:a.headerStyled},{children:[(void 0===i||i)&&s("div",Object.assign({className:a.closeIcon},{children:s(m,{onClick:e.closeSidebar,ariaLabel:"Close",icon:f,size:"xs"})})),n||s(h,{type:"dark",logoType:r?"mark":"word",width:r?"24":"80",height:r?"24":"34"})]}))},y=function(e){var n=e.iconPath,i=e.text;return s("div",Object.assign({className:a.sectionLabelStyled,style:{marginLeft:"8px"}},{children:n?o(t,{children:[s(d,{iconType:p.PATH,icon:"",iconPath:n,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}}),s("span",{children:i})]}):s("span",Object.assign({style:{marginLeft:"0px"}},{children:i}))}))},b=function(n){var i=n.text,r=n.link,c=n.active,m=void 0!==c&&c,h=n.onClick,f=n.iconPath,C=n.showCounter,y=void 0!==C&&C,b=n.count,j=void 0===b?0:b,O=n.rightIcon,I=n.indentLevel,N=n.isCollapsed,T=void 0!==N&&N,E={paddingLeft:"".concat(0+16*(void 0===I?0:I),"px")},k=function(){return o(t,{children:[f&&s(d,{iconType:p.PATH,icon:"",iconPath:f,iconSize:"14px",className:a.menuIcon,useCurrentColor:!0,style:{display:"block",marginRight:T?"0":"8px",marginTop:"0px"}}),!T&&o(t,{children:[i,y&&s(u,{count:j,color:u.colors.WARNING,className:a.menuItemCounter}),O&&s("span",Object.assign({className:a.menuItemRightIcon},{children:O}))]})]})};return s("div",Object.assign({className:a.menuItemStyled,onClick:function(e){r||e.preventDefault(),null==h||h(e)}},{children:T?s(g,Object.assign({position:g.positions.RIGHT,content:s(v,{children:s("div",Object.assign({className:a.tooltipContent},{children:i}))}),showTrigger:[g.hideShowTriggers.MOUSE_ENTER],hideTrigger:[g.hideShowTriggers.MOUSE_LEAVE]},{children:s("a",Object.assign({className:l(a.menuItemLink,a.collapsedMenuItem,e({},a.active,m),e({},a.withIcon,f)),href:r||"",style:E},{children:k()}))})):s("a",Object.assign({className:l(a.menuItemLink,e({},a.active,m),e({},a.withIcon,f)),href:r||"",style:E},{children:k()}))}))},j=function(i){var m=i.text,h=i.link,u=i.children,f=i.defaultExpanded,C=i.indentLevel,y=void 0===C?0:C,b=i.active,j=void 0!==b&&b,O=i.onClick,I=i.iconPath,N=i.isCollapsed,T=void 0!==N&&N,E=c(void 0!==f&&f),k=n(E,2),x=k[0],w=k[1],L=function(e){e.preventDefault(),e.stopPropagation(),T||w(!x)},S=function(e){h||e.preventDefault(),null==O||O(e)},P=function(){return o("div",Object.assign({className:l(a.menuItemLink,e(e({},a.active,j),a.collapsedMenuItem,T)),style:{paddingLeft:T?"8px":"".concat(16*y,"px")},onClick:S},{children:[I&&s(d,{iconType:p.PATH,icon:"",iconPath:I,iconSize:16,useCurrentColor:!0,className:a.menuIcon,style:{display:"block",marginRight:T?"0":"8px",marginTop:"0px"}}),!T&&o(t,{children:[m,s(d,{iconType:p.PATH,icon:"",iconPath:"ic_arrow_chevron_down_16",useCurrentColor:!0,iconSize:16,className:l(a.chevronIcon,e({},a.chevronIconExpanded,x)),onClick:L,style:{marginLeft:"auto",cursor:"pointer"}})]})]}))};return T?s("div",Object.assign({className:a.menuGroupStyled},{children:s(g,Object.assign({position:g.positions.RIGHT,content:s(v,{children:o("div",Object.assign({className:a.tooltipContent},{children:[s("div",Object.assign({className:a.tooltipHeader},{children:m})),s("div",Object.assign({className:a.tooltipChildren},{children:r.Children.map(u,(function(e){return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:0,isCollapsed:!1})):e}))}))]}))}),showTrigger:[g.hideShowTriggers.MOUSE_ENTER],hideTrigger:[g.hideShowTriggers.MOUSE_LEAVE]},{children:P()}))})):o("div",Object.assign({className:a.menuGroupStyled},{children:[P(),x&&s("div",Object.assign({className:a.menuItemChildren},{children:r.Children.map(u,(function(e){var n;return r.isValidElement(e)?r.cloneElement(e,Object.assign(Object.assign({},e.props),{indentLevel:(null!==(n=e.props.indentLevel)&&void 0!==n?n:y)+1,isCollapsed:T})):e}))}))]}))};function O(e){var n=e.children,c=e.isOpen,l=e.onClick,d=void 0===l?function(){}:l,m=i(e,["children","isOpen","onClick"]);r.useEffect((function(){if(c){var e=function(e){"Escape"===e.key&&d()};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}}),[c,d]);return o(t,{children:[s("div",{className:a.overlay,style:{pointerEvents:c?"auto":"none",opacity:c?.7:0}}),o("div",Object.assign({className:c?a.sidebarMenuStyled:"",style:c?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[s("div",Object.assign({className:a.innerStyled,style:{borderRight:c&&"1px slid #C8C8C8"}},{children:c&&s(t,{children:n})})),c&&s("div",Object.assign({className:a.CloseLayerStyled,onClick:d,onKeyDown:function(e){"Enter"===e.key&&d()}},m))]}))]})}export{y as SectionLabel,C as SidebarHeader,j as SidebarMenuGroup,b as SidebarMenuItem,O as default};
 //# sourceMappingURL=Sidebar.js.map

package/dist/esm/src/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport cx from \"classnames\";\n\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport { getPath, PathName } from \"../Icon/SvgIcon/paths\";\nimport Counter from \"../Counter/Counter\";\nimport { useState } from \"react\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\n\nexport interface PanelProps extends VibeComponentProps {\n  children?: React.ReactNode;\n  caption?: string;\n  isOpen?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n  closeSidebar?: () => void;\n  logo?: React.ReactNode;\n  showCloseButton?: boolean;\n  isCollapsed?: boolean;\n}\n\nexport interface SectionLabelProps {\n  iconPath?: PathName;\n  text: string;\n}\n\nexport interface SidebarMenuItemProps {\n  text: string;\n  link?: string;\n  active?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  iconPath?: PathName;\n  showCounter?: boolean;\n  count?: number;\n  rightIcon?: React.ReactNode;\n  indentLevel?: number;\n  isCollapsed?: boolean;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n  closeSidebar,\n  logo,\n  showCloseButton = true,\n  isCollapsed = false,\n}) => {\n  return (\n    <div className={styles.headerStyled}>\n      {showCloseButton && (\n        <div className={styles.closeIcon}>\n          <IconButton\n            onClick={closeSidebar}\n            ariaLabel=\"Close\"\n            icon={Close}\n            size=\"xs\"\n          />\n        </div>\n      )}\n      {logo || (\n        <Logo \n          type=\"dark\"\n          logoType={isCollapsed ? \"mark\" : \"word\"}\n          width={isCollapsed ? \"24\" : \"80\"}\n          height={isCollapsed ? \"24\" : \"34\"}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ iconPath, text }) => {\n  return (\n    <div \n      className={styles.sectionLabelStyled}\n      style={{\n        marginLeft: iconPath ? \"8px\" : \"24px\",\n      }}\n    >\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={16}\n          useCurrentColor\n          style={{\n            display: \"block\",\n            marginRight: \"8px\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      <span>{text}</span>\n    </div>\n  );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n  text,\n  link,\n  active = false,\n  onClick,\n  iconPath,\n  showCounter = false,\n  count = 0,\n  rightIcon,\n  indentLevel = 0,\n  isCollapsed = false,\n}) => {\n  const indentStyle: React.CSSProperties = {\n    paddingLeft: `${0 + indentLevel * 16}px`,\n  };\n\n  const renderContent = () => (\n    <>\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={\"16px\"}\n          className={styles.menuIcon}\n          useCurrentColor\n          style={{\n            display: \"block\",\n            marginRight: isCollapsed ? \"0\" : \"8px\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      {!isCollapsed && (\n        <>\n          {text}\n          {showCounter && (\n            <Counter\n              count={count}\n              color={Counter.colors.WARNING}\n              className={styles.menuItemCounter}\n            />\n          )}\n          {rightIcon && (\n            <span className={styles.menuItemRightIcon}>{rightIcon}</span>\n          )}\n        </>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={styles.menuItemStyled}\n      onClick={(event) => {\n        if (!link) {\n          event.preventDefault();\n        }\n        onClick?.(event);\n      }}\n    >\n      {isCollapsed ? (\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <div className={styles.tooltipContent}>{text}</div>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n        >\n          <a\n            className={cx(\n              styles.menuItemLink,\n              styles.collapsedMenuItem,\n              { [styles.active]: active },\n              { [styles.withIcon]: iconPath }\n            )}\n            href={link || \"\"}\n            style={indentStyle}\n          >\n            {renderContent()}\n          </a>\n        </Dialog>\n      ) : (\n        <a\n          className={cx(\n            styles.menuItemLink,\n            { [styles.active]: active },\n            { [styles.withIcon]: iconPath }\n          )}\n          href={link || \"\"}\n          style={indentStyle}\n        >\n          {renderContent()}\n        </a>\n      )}\n    </div>\n  );\n};\n\nexport interface SidebarMenuGroupProps extends Omit<SidebarMenuItemProps, 'rightIcon'> {\n  children: React.ReactNode;\n  defaultExpanded?: boolean;\n  indentLevel?: number;\n}\n\nexport const SidebarMenuGroup: React.FC<SidebarMenuGroupProps> = ({\n  text,\n  link,\n  children,\n  defaultExpanded = false,\n  indentLevel = 0,\n  active = false,\n  onClick,\n  iconPath,\n  isCollapsed = false,\n}) => {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n  const toggleExpand = (event: React.MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isCollapsed) {\n      setIsExpanded(!isExpanded);\n    }\n  };\n\n  const handleClick = (event: React.MouseEvent) => {\n    if (!link) {\n      event.preventDefault();\n    }\n    onClick?.(event);\n  };\n\n  const renderGroupHeader = () => (\n    <div \n      className={cx(styles.menuItemLink, { \n        [styles.active]: active,\n        [styles.collapsedMenuItem]: isCollapsed \n      })}\n      style={{ paddingLeft: isCollapsed ? '8px' : `${indentLevel * 16}px` }}\n      onClick={handleClick}\n    >\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={16}\n          useCurrentColor\n          className={styles.menuIcon}\n          style={{\n            display: \"block\",\n            marginRight: isCollapsed ? \"0\" : \"8px\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      {!isCollapsed && (\n        <>\n          {text}\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath=\"ic_arrow_chevron_down_16\"\n            useCurrentColor\n            iconSize={16}\n            className={cx(styles.chevronIcon, {\n              [styles.chevronIconExpanded]: isExpanded\n            })}\n            onClick={toggleExpand}\n            style={{\n              marginLeft: 'auto',\n              cursor: 'pointer',\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n\n  if (isCollapsed) {\n    return (\n      <div className={styles.menuGroupStyled}>\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <div className={styles.tooltipContent}>\n                <div className={styles.tooltipHeader}>{text}</div>\n                <div className={styles.tooltipChildren}>\n                  {React.Children.map(children, child =>\n                    React.isValidElement(child)\n                      ? React.cloneElement(child, {\n                          ...child.props,\n                          indentLevel: 0,\n                          isCollapsed: false\n                        })\n                      : child\n                  )}\n                </div>\n              </div>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n        >\n          {renderGroupHeader()}\n        </Dialog>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.menuGroupStyled}>\n      {renderGroupHeader()}\n      {isExpanded && (\n        <div className={styles.menuItemChildren}>\n          {React.Children.map(children, child =>\n            React.isValidElement(child)\n              ? React.cloneElement(child, {\n                  ...child.props,\n                  indentLevel: (child.props.indentLevel ?? indentLevel) + 1,\n                  isCollapsed\n                })\n              : child\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default function Sidebar({\n  children,\n  isOpen,\n  onClick = () => undefined,\n  ...props\n}: PanelProps) {\n  React.useEffect(() => {\n    if (isOpen) {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClick();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }\n  }, [isOpen, onClick]);\n\n  const stateStyles = (): React.CSSProperties => {\n    if (isOpen) {\n      return {\n        transform: \"translate3d(0,0,0)\",\n      };\n    } else {\n      return {\n        transform: \"translate3d(-50%,0,0)\",\n        width: \"0px\",\n        height: \"0px\",\n        visibility: \"hidden\",\n      };\n    }\n  };\n\n  return (\n    <>\n      <div\n        className={styles.overlay}\n        style={{ pointerEvents: isOpen ? \"auto\" : \"none\", opacity: isOpen ? 0.7 : 0 }}\n      />\n      <div\n        className={isOpen ? styles.sidebarMenuStyled : \"\"}\n        style={stateStyles()}\n      >\n        <div\n          className={styles.innerStyled}\n          style={{\n            borderRight: isOpen && \"1px slid #C8C8C8\",\n          }}\n        >\n          {isOpen && <>{children}</>}\n        </div>\n        {isOpen && (\n          <div\n            className={styles.CloseLayerStyled}\n            onClick={onClick}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                onClick();\n              }\n            }}\n            {...props}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"names":["SidebarHeader","_ref","logo","_ref$showCloseButton","showCloseButton","_ref$isCollapsed","isCollapsed","_jsxs","Object","assign","className","styles","headerStyled","children","_jsx","closeIcon","IconButton","onClick","closeSidebar","ariaLabel","icon","Close","size","Logo","type","logoType","width","height","SectionLabel","_ref2","iconPath","text","sectionLabelStyled","style","marginLeft","Icon","iconType","IconType","PATH","iconSize","useCurrentColor","display","marginRight","marginTop","SidebarMenuItem","_ref3","link","_ref3$active","active","_ref3$showCounter","showCounter","_ref3$count","count","rightIcon","_ref3$indentLevel","indentLevel","_ref3$isCollapsed","indentStyle","paddingLeft","concat","renderContent","menuIcon","_Fragment","Counter","color","colors","WARNING","menuItemCounter","menuItemRightIcon","menuItemStyled","event","preventDefault","Dialog","position","positions","RIGHT","content","DialogContentContainer","tooltipContent","showTrigger","hideShowTriggers","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","cx","menuItemLink","collapsedMenuItem","_defineProperty","withIcon","href","SidebarMenuGroup","_ref4","_ref4$defaultExpanded","defaultExpanded","_ref4$indentLevel","_ref4$active","_ref4$isCollapsed","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","toggleExpand","stopPropagation","handleClick","renderGroupHeader","chevronIcon","chevronIconExpanded","cursor","menuGroupStyled","tooltipHeader","tooltipChildren","React","Children","map","child","isValidElement","cloneElement","props","menuItemChildren","_a","Sidebar","isOpen","_a$onClick","__rest","useEffect","handleKeyDown","key","window","addEventListener","removeEventListener","overlay","pointerEvents","opacity","sidebarMenuStyled","transform","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport cx from \"classnames\";\n\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport { getPath, PathName } from \"../Icon/SvgIcon/paths\";\nimport Counter from \"../Counter/Counter\";\nimport { useState } from \"react\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\n\nexport interface PanelProps extends VibeComponentProps {\n  children?: React.ReactNode;\n  caption?: string;\n  isOpen?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n  closeSidebar?: () => void;\n  logo?: React.ReactNode;\n  showCloseButton?: boolean;\n  isCollapsed?: boolean;\n}\n\nexport interface SectionLabelProps {\n  iconPath?: PathName;\n  text: string;\n}\n\nexport interface SidebarMenuItemProps {\n  text: string;\n  link?: string;\n  active?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  iconPath?: PathName;\n  showCounter?: boolean;\n  count?: number;\n  rightIcon?: React.ReactNode;\n  indentLevel?: number;\n  isCollapsed?: boolean;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n  closeSidebar,\n  logo,\n  showCloseButton = true,\n  isCollapsed = false,\n}) => {\n  return (\n    <div className={styles.headerStyled}>\n      {showCloseButton && (\n        <div className={styles.closeIcon}>\n          <IconButton\n            onClick={closeSidebar}\n            ariaLabel=\"Close\"\n            icon={Close}\n            size=\"xs\"\n          />\n        </div>\n      )}\n      {logo || (\n        <Logo \n          type=\"dark\"\n          logoType={isCollapsed ? \"mark\" : \"word\"}\n          width={isCollapsed ? \"24\" : \"80\"}\n          height={isCollapsed ? \"24\" : \"34\"}\n        />\n      )}\n    </div>\n  );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ iconPath, text }) => {\n  return (\n    <div \n      className={styles.sectionLabelStyled}\n      style={{\n        marginLeft: \"8px\",\n      }}\n    >\n      {iconPath ? (\n        <>\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath={iconPath}\n            iconSize={16}\n            useCurrentColor\n            style={{\n              display: \"block\",\n              marginRight: \"8px\",\n              marginTop: \"0px\",\n            }}\n          />\n          <span>{text}</span>\n        </>\n      ) : (\n        <span style={{ marginLeft: \"0px\" }}>{text}</span>\n      )}\n    </div>\n  );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n  text,\n  link,\n  active = false,\n  onClick,\n  iconPath,\n  showCounter = false,\n  count = 0,\n  rightIcon,\n  indentLevel = 0,\n  isCollapsed = false,\n}) => {\n  const indentStyle: React.CSSProperties = {\n    paddingLeft: `${0 + indentLevel * 16}px`,\n  };\n\n  const renderContent = () => (\n    <>\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={\"14px\"}\n          className={styles.menuIcon}\n          useCurrentColor\n          style={{\n            display: \"block\",\n            marginRight: isCollapsed ? \"0\" : \"8px\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      {!isCollapsed && (\n        <>\n          {text}\n          {showCounter && (\n            <Counter\n              count={count}\n              color={Counter.colors.WARNING}\n              className={styles.menuItemCounter}\n            />\n          )}\n          {rightIcon && (\n            <span className={styles.menuItemRightIcon}>{rightIcon}</span>\n          )}\n        </>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      className={styles.menuItemStyled}\n      onClick={(event) => {\n        if (!link) {\n          event.preventDefault();\n        }\n        onClick?.(event);\n      }}\n    >\n      {isCollapsed ? (\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <div className={styles.tooltipContent}>{text}</div>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n        >\n          <a\n            className={cx(\n              styles.menuItemLink,\n              styles.collapsedMenuItem,\n              { [styles.active]: active },\n              { [styles.withIcon]: iconPath }\n            )}\n            href={link || \"\"}\n            style={indentStyle}\n          >\n            {renderContent()}\n          </a>\n        </Dialog>\n      ) : (\n        <a\n          className={cx(\n            styles.menuItemLink,\n            { [styles.active]: active },\n            { [styles.withIcon]: iconPath }\n          )}\n          href={link || \"\"}\n          style={indentStyle}\n        >\n          {renderContent()}\n        </a>\n      )}\n    </div>\n  );\n};\n\nexport interface SidebarMenuGroupProps extends Omit<SidebarMenuItemProps, 'rightIcon'> {\n  children: React.ReactNode;\n  defaultExpanded?: boolean;\n  indentLevel?: number;\n}\n\nexport const SidebarMenuGroup: React.FC<SidebarMenuGroupProps> = ({\n  text,\n  link,\n  children,\n  defaultExpanded = false,\n  indentLevel = 0,\n  active = false,\n  onClick,\n  iconPath,\n  isCollapsed = false,\n}) => {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n  const toggleExpand = (event: React.MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isCollapsed) {\n      setIsExpanded(!isExpanded);\n    }\n  };\n\n  const handleClick = (event: React.MouseEvent) => {\n    if (!link) {\n      event.preventDefault();\n    }\n    onClick?.(event);\n  };\n\n  const renderGroupHeader = () => (\n    <div \n      className={cx(styles.menuItemLink, { \n        [styles.active]: active,\n        [styles.collapsedMenuItem]: isCollapsed \n      })}\n      style={{ paddingLeft: isCollapsed ? '8px' : `${indentLevel * 16}px` }}\n      onClick={handleClick}\n    >\n      {iconPath && (\n        <Icon\n          iconType={IconType.PATH}\n          icon=\"\"\n          iconPath={iconPath}\n          iconSize={16}\n          useCurrentColor\n          className={styles.menuIcon}\n          style={{\n            display: \"block\",\n            marginRight: isCollapsed ? \"0\" : \"8px\",\n            marginTop: \"0px\",\n          }}\n        />\n      )}\n      {!isCollapsed && (\n        <>\n          {text}\n          <Icon\n            iconType={IconType.PATH}\n            icon=\"\"\n            iconPath=\"ic_arrow_chevron_down_16\"\n            useCurrentColor\n            iconSize={16}\n            className={cx(styles.chevronIcon, {\n              [styles.chevronIconExpanded]: isExpanded\n            })}\n            onClick={toggleExpand}\n            style={{\n              marginLeft: 'auto',\n              cursor: 'pointer',\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n\n  if (isCollapsed) {\n    return (\n      <div className={styles.menuGroupStyled}>\n        <Dialog\n          position={Dialog.positions.RIGHT}\n          content={\n            <DialogContentContainer>\n              <div className={styles.tooltipContent}>\n                <div className={styles.tooltipHeader}>{text}</div>\n                <div className={styles.tooltipChildren}>\n                  {React.Children.map(children, child =>\n                    React.isValidElement(child)\n                      ? React.cloneElement(child, {\n                          ...child.props,\n                          indentLevel: 0,\n                          isCollapsed: false\n                        })\n                      : child\n                  )}\n                </div>\n              </div>\n            </DialogContentContainer>\n          }\n          showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n          hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n        >\n          {renderGroupHeader()}\n        </Dialog>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.menuGroupStyled}>\n      {renderGroupHeader()}\n      {isExpanded && (\n        <div className={styles.menuItemChildren}>\n          {React.Children.map(children, child =>\n            React.isValidElement(child)\n              ? React.cloneElement(child, {\n                  ...child.props,\n                  indentLevel: (child.props.indentLevel ?? indentLevel) + 1,\n                  isCollapsed\n                })\n              : child\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default function Sidebar({\n  children,\n  isOpen,\n  onClick = () => undefined,\n  ...props\n}: PanelProps) {\n  React.useEffect(() => {\n    if (isOpen) {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          onClick();\n        }\n      };\n\n      window.addEventListener(\"keydown\", handleKeyDown);\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }\n  }, [isOpen, onClick]);\n\n  const stateStyles = (): React.CSSProperties => {\n    if (isOpen) {\n      return {\n        transform: \"translate3d(0,0,0)\",\n      };\n    } else {\n      return {\n        transform: \"translate3d(-50%,0,0)\",\n        width: \"0px\",\n        height: \"0px\",\n        visibility: \"hidden\",\n      };\n    }\n  };\n\n  return (\n    <>\n      <div\n        className={styles.overlay}\n        style={{ pointerEvents: isOpen ? \"auto\" : \"none\", opacity: isOpen ? 0.7 : 0 }}\n      />\n      <div\n        className={isOpen ? styles.sidebarMenuStyled : \"\"}\n        style={stateStyles()}\n      >\n        <div\n          className={styles.innerStyled}\n          style={{\n            borderRight: isOpen && \"1px slid #C8C8C8\",\n          }}\n        >\n          {isOpen && <>{children}</>}\n        </div>\n        {isOpen && (\n          <div\n            className={styles.CloseLayerStyled}\n            onClick={onClick}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") {\n                onClick();\n              }\n            }}\n            {...props}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"names":["SidebarHeader","_ref","logo","_ref$showCloseButton","showCloseButton","_ref$isCollapsed","isCollapsed","_jsxs","Object","assign","className","styles","headerStyled","children","_jsx","closeIcon","IconButton","onClick","closeSidebar","ariaLabel","icon","Close","size","Logo","type","logoType","width","height","SectionLabel","_ref2","iconPath","text","sectionLabelStyled","style","marginLeft","_Fragment","Icon","iconType","IconType","PATH","iconSize","useCurrentColor","display","marginRight","marginTop","SidebarMenuItem","_ref3","link","_ref3$active","active","_ref3$showCounter","showCounter","_ref3$count","count","rightIcon","_ref3$indentLevel","indentLevel","_ref3$isCollapsed","indentStyle","paddingLeft","concat","renderContent","menuIcon","Counter","color","colors","WARNING","menuItemCounter","menuItemRightIcon","menuItemStyled","event","preventDefault","Dialog","position","positions","RIGHT","content","DialogContentContainer","tooltipContent","showTrigger","hideShowTriggers","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","cx","menuItemLink","collapsedMenuItem","_defineProperty","withIcon","href","SidebarMenuGroup","_ref4","_ref4$defaultExpanded","defaultExpanded","_ref4$indentLevel","_ref4$active","_ref4$isCollapsed","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","toggleExpand","stopPropagation","handleClick","renderGroupHeader","chevronIcon","chevronIconExpanded","cursor","menuGroupStyled","tooltipHeader","tooltipChildren","React","Children","map","child","isValidElement","cloneElement","props","menuItemChildren","_a","Sidebar","isOpen","_a$onClick","__rest","useEffect","handleKeyDown","key","window","addEventListener","removeEventListener","overlay","pointerEvents","opacity","sidebarMenuStyled","transform","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"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"}

package/dist/esm/src/components/Sidebar/Sidebar.module.scss.js

@@ -1,2 +1,2 @@
-var n={sidebarMenuStyled:"sidebarMenuStyled_df496a6263",innerStyled:"innerStyled_83c9c021ea",headerStyled:"headerStyled_70995945c9",closeIcon:"closeIcon_6f479c0d60",containerStyled:"containerStyled_63abd255ac",overlay:"overlay_b24b315729","overlay-fade-in":"overlay-fade-in_fce6060d2c",CloseLayerStyled:"CloseLayerStyled_f97289d09d",menuBase:"menuBase_a663fc3494",menuItemLink:"menuItemLink_754a07d9c0",menuItemStyled:"menuItemStyled_6956b24d5a",sectionLabelStyled:"sectionLabelStyled_827d1d5c7d",withIcon:"withIcon_d1f276408d",menuIcon:"menuIcon_cf15822575",collapsedMenuItem:"collapsedMenuItem_79de04a09b",menuItemCounter:"menuItemCounter_5a19792694",active:"active_b7cfad686d",chevronIcon:"chevronIcon_f8c2f28967",chevronIconExpanded:"chevronIconExpanded_137bce416a",tooltipContent:"tooltipContent_ced1e763c2"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4ac8835652bf_0_0_356";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sidebarMenuStyled_df496a6263 {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n}\n\n.innerStyled_83c9c021ea {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n}\n\n@media (min-width: 576px) {\n  .innerStyled_83c9c021ea {\n    width: 50vw;\n  }\n}\n\n@media (min-width: 768px) {\n  .innerStyled_83c9c021ea {\n    width: 25vw;\n  }\n}\n\n@media (min-width: 992px) {\n  .innerStyled_83c9c021ea {\n    width: 20vw;\n  }\n}\n\n@media (min-width: 1200px) {\n  .innerStyled_83c9c021ea {\n    width: 15rem;\n  }\n}\n\n.headerStyled_70995945c9 {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n\n.headerStyled_70995945c9 img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n\n.closeIcon_6f479c0d60 {\n  padding-right: 5px;\n  margin-left: 0;\n}\n\n.containerStyled_63abd255ac {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.overlay_b24b315729 {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in_fce6060d2c 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.CloseLayerStyled_f97289d09d {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n}\n\n.menuBase_a663fc3494, .menuItemLink_754a07d9c0, .menuItemStyled_6956b24d5a, .sectionLabelStyled_827d1d5c7d {\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\n.sectionLabelStyled_827d1d5c7d {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 28px 4px 8px 4px;\n  line-height: 22px;\n  gap: 8px;\n}\n\n.menuItemStyled_6956b24d5a {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n\n.menuItemLink_754a07d9c0 {\n  text-decoration: none;\n  font-weight: 400;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: 8px;\n}\n\n.menuItemLink_754a07d9c0:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n\n.menuItemLink_754a07d9c0.withIcon_d1f276408d {\n  padding-left: 4px;\n}\n\n.menuItemLink_754a07d9c0 .menuIcon_cf15822575 {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n}\n\n.menuItemLink_754a07d9c0.collapsedMenuItem_79de04a09b {\n  width: 40px;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.menuItemCounter_5a19792694 {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n\n.active_b7cfad686d {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n\n.active_b7cfad686d:hover {\n  background: var(--surface-level-300);\n}\n\n.chevronIcon_f8c2f28967 {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n  margin: 8px 4px;\n}\n\n.chevronIcon_f8c2f28967.chevronIconExpanded_137bce416a {\n  transform: rotate(180deg);\n}\n\n.collapsedMenuItem_79de04a09b {\n  width: 40px;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.tooltipContent_ced1e763c2 {\n  padding: 8px 12px;\n  white-space: nowrap;\n}");export{n as default};
+var n={sidebarMenuStyled:"sidebarMenuStyled_26d120ab42",innerStyled:"innerStyled_898d6f3fe0",headerStyled:"headerStyled_3cf96319bc",closeIcon:"closeIcon_d3f99ea2e7",containerStyled:"containerStyled_758f220f3e",overlay:"overlay_4ef8ca069b","overlay-fade-in":"overlay-fade-in_a04276ccfe",CloseLayerStyled:"CloseLayerStyled_f728224769",menuBase:"menuBase_c863560992",menuItemLink:"menuItemLink_0dc6636236",menuItemStyled:"menuItemStyled_c3dbcfde27",sectionLabelStyled:"sectionLabelStyled_e50480c6a8",withIcon:"withIcon_249b801e5b",menuIcon:"menuIcon_920d77e091",collapsedMenuItem:"collapsedMenuItem_9fd7afdf7f",menuItemCounter:"menuItemCounter_590f305e11",active:"active_fb9e66abc9",chevronIcon:"chevronIcon_828f60197d",chevronIconExpanded:"chevronIconExpanded_280d8a9d52",tooltipContent:"tooltipContent_fa8aa4ae4d"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-d3c9b6299552_0_0_359";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sidebarMenuStyled_26d120ab42 {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  display: flex;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n}\n\n.innerStyled_898d6f3fe0 {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n}\n\n@media (min-width: 576px) {\n  .innerStyled_898d6f3fe0 {\n    width: 50vw;\n  }\n}\n\n@media (min-width: 768px) {\n  .innerStyled_898d6f3fe0 {\n    width: 25vw;\n  }\n}\n\n@media (min-width: 992px) {\n  .innerStyled_898d6f3fe0 {\n    width: 20vw;\n  }\n}\n\n@media (min-width: 1200px) {\n  .innerStyled_898d6f3fe0 {\n    width: 15rem;\n  }\n}\n\n.headerStyled_3cf96319bc {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n\n.headerStyled_3cf96319bc img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n\n.closeIcon_d3f99ea2e7 {\n  padding-right: 5px;\n  margin-left: 0;\n}\n\n.containerStyled_758f220f3e {\n  padding: 0 1rem;\n  flex: 1;\n}\n\n.overlay_4ef8ca069b {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in_a04276ccfe 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.CloseLayerStyled_f728224769 {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n}\n\n.menuBase_c863560992, .menuItemLink_0dc6636236, .menuItemStyled_c3dbcfde27, .sectionLabelStyled_e50480c6a8 {\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\n.sectionLabelStyled_e50480c6a8 {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 32px 4px 2px 4px;\n  line-height: 22px;\n  text-transform: uppercase;\n  font-size: 12px;\n  gap: 8px;\n}\n\n.menuItemStyled_c3dbcfde27 {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n\n.menuItemLink_0dc6636236 {\n  text-decoration: none;\n  font-weight: 400;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: 8px;\n}\n\n.menuItemLink_0dc6636236:hover {\n  cursor: pointer;\n  background: var(--surface-level-400);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n\n.menuItemLink_0dc6636236.withIcon_249b801e5b {\n  padding-left: 4px;\n}\n\n.menuItemLink_0dc6636236 .menuIcon_920d77e091 {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 8px;\n}\n\n.menuItemLink_0dc6636236.collapsedMenuItem_9fd7afdf7f {\n  width: 40px;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.menuItemCounter_590f305e11 {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n\n.active_fb9e66abc9 {\n  background: var(--surface-level-400);\n  color: var(--text-primary);\n}\n\n.active_fb9e66abc9:hover {\n  background: var(--surface-level-300);\n}\n\n.chevronIcon_828f60197d {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n  margin: 2px 4px;\n}\n\n.chevronIcon_828f60197d.chevronIconExpanded_280d8a9d52 {\n  transform: rotate(180deg);\n}\n\n.collapsedMenuItem_9fd7afdf7f {\n  width: 40px;\n  padding: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.tooltipContent_fa8aa4ae4d {\n  padding: 8px 12px;\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=Sidebar.module.scss.js.map

package/dist/esm/src/components/Skeleton/Skeleton.module.scss.js

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_65e5f1c9db",rectangle:"rectangle_b1cfba4729",shine:"shine_26160a1a91",circle:"circle_9dd27e58c4",text:"text_72862cdb79",textH1:"textH1_f4c83a7938",textH2:"textH2_fd47942fe7",textH3:"textH3_fd47942fe7",textH4:"textH4_46d0d3c987",textH5:"textH5_9de2771adf",textH6:"textH6_6d6b485484",textSmall:"textSmall_fddcf66382",textCustom:"textCustom_6d6b485484",fullWidth:"fullWidth_25598300aa"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2345d9ff68bb_0_0_356";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".skeleton_65e5f1c9db {\n  display: flex;\n}\n\n.rectangle_b1cfba4729 {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_26160a1a91;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_26160a1a91 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_9dd27e58c4 {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_26160a1a91;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_26160a1a91 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_72862cdb79 {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_26160a1a91;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_26160a1a91 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_f4c83a7938 {\n  height: 32px;\n}\n\n.textH2_fd47942fe7 {\n  height: 24px;\n}\n\n.textH3_fd47942fe7 {\n  height: 24px;\n}\n\n.textH4_46d0d3c987 {\n  height: 21px;\n}\n\n.textH5_9de2771adf {\n  height: 16px;\n}\n\n.textH6_6d6b485484 {\n  height: 12px;\n}\n\n.textSmall_fddcf66382,\n.textCustom_6d6b485484 {\n  height: 12px;\n}\n\n.fullWidth_25598300aa {\n  width: 100%;\n}\n\n.skeleton_65e5f1c9db:not(.fullWidth_25598300aa) .text_72862cdb79 {\n  width: 162px;\n}\n\n.skeleton_65e5f1c9db:not(.fullWidth_25598300aa) .circle_9dd27e58c4 {\n  width: 40px;\n}\n\n.skeleton_65e5f1c9db:not(.fullWidth_25598300aa) .rectangle_b1cfba4729 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_e1695641bf",rectangle:"rectangle_0c689f61e9",shine:"shine_8d6b2daa75",circle:"circle_3286c121df",text:"text_511eeeb361",textH1:"textH1_40e0be1754",textH2:"textH2_1e8e57b236",textH3:"textH3_1e8e57b236",textH4:"textH4_c842bccbac",textH5:"textH5_0704a339de",textH6:"textH6_97d94ef1cd",textSmall:"textSmall_908941a04f",textCustom:"textCustom_97d94ef1cd",fullWidth:"fullWidth_81f072c375"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-2345d9ff68bb_0_0_359";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton_e1695641bf {\n  display: flex;\n}\n\n.rectangle_0c689f61e9 {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_8d6b2daa75;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8d6b2daa75 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_3286c121df {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_8d6b2daa75;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8d6b2daa75 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_511eeeb361 {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_8d6b2daa75;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_8d6b2daa75 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_40e0be1754 {\n  height: 32px;\n}\n\n.textH2_1e8e57b236 {\n  height: 24px;\n}\n\n.textH3_1e8e57b236 {\n  height: 24px;\n}\n\n.textH4_c842bccbac {\n  height: 21px;\n}\n\n.textH5_0704a339de {\n  height: 16px;\n}\n\n.textH6_97d94ef1cd {\n  height: 12px;\n}\n\n.textSmall_908941a04f,\n.textCustom_97d94ef1cd {\n  height: 12px;\n}\n\n.fullWidth_81f072c375 {\n  width: 100%;\n}\n\n.skeleton_e1695641bf:not(.fullWidth_81f072c375) .text_511eeeb361 {\n  width: 162px;\n}\n\n.skeleton_e1695641bf:not(.fullWidth_81f072c375) .circle_3286c121df {\n  width: 40px;\n}\n\n.skeleton_e1695641bf:not(.fullWidth_81f072c375) .rectangle_0c689f61e9 {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/esm/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_cae494396b"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_356";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator_cae494396b.selectionIndicator_cae494396b.selectionIndicator_cae494396b {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_8d63a06bc7"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_359";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator_8d63a06bc7.selectionIndicator_8d63a06bc7.selectionIndicator_8d63a06bc7 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/esm/src/components/Slider/Slider.module.scss.js

@@ -1,2 +1,2 @@
-var e={slider:"slider_9a04262aa9",valueShown:"valueShown_8e9203a814"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_356";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".slider_9a04262aa9 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_8e9203a814 {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider_89be88d8b4",valueShown:"valueShown_a668f5f009"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_359";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".slider_89be88d8b4 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_a668f5f009 {\n  margin-top: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/esm/src/components/Slider/SliderBase/SliderBase.module.scss.js

@@ -1,2 +1,2 @@
-var e={base:"base_f30899374f",disabled:"disabled_2d038fd486",small:"small_6473a5869f",medium:"medium_0af5de5c74",large:"large_0af5de5c74"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0abb9e445f96_0_0_356";if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".base_f30899374f {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_2d038fd486 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_2d038fd486 * {\n  pointer-events: none;\n}\n\n.small_6473a5869f {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_0af5de5c74 {\n  padding: 0 12px;\n}\n\n.large_0af5de5c74 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_7a564b4b3e",disabled:"disabled_12abf1cb66",small:"small_31b3bcb3c6",medium:"medium_f521656ca4",large:"large_f521656ca4"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_359";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".base_7a564b4b3e {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_12abf1cb66 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_12abf1cb66 * {\n  pointer-events: none;\n}\n\n.small_31b3bcb3c6 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_f521656ca4 {\n  padding: 0 12px;\n}\n\n.large_f521656ca4 {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_abbaf84fa9",positive:"positive_322b4c8450",negative:"negative_8a2a9a7d48"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-bb386829c5aa_0_0_356";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".filledTrack_abbaf84fa9 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_322b4c8450 {\n  background-color: var(--positive-color);\n}\n\n.negative_8a2a9a7d48 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_84e761d7a7",positive:"positive_25c83bcdce",negative:"negative_36e7f318c6"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_359";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".filledTrack_84e761d7a7 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_25c83bcdce {\n  background-color: var(--positive-color);\n}\n\n.negative_36e7f318c6 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/esm/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +1,2 @@
-var e={rail:"rail_4f11fe1bae",small:"small_80a5025f51",medium:"medium_9cbb2a7652",large:"large_ffab0e3558"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-c66a4285003d_0_0_356";if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".rail_4f11fe1bae {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_80a5025f51 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_9cbb2a7652 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_ffab0e3558 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_8231503cdb",small:"small_af5e5bf92f",medium:"medium_d0e62a6c51",large:"large_4a5debeabf"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-c66a4285003d_0_0_359";if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".rail_8231503cdb {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_af5e5bf92f {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_d0e62a6c51 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_4a5debeabf {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -1,2 +1,2 @@
-var n={thumb:"thumb_61d58fde15",dragging:"dragging_6db84aff12",focused:"focused_353aaed0d7",notDisabledThumb:"notDisabledThumb_de71ffa225","focus-visible":"focus-visible_3ea04ede6f",positive:"positive_a31645517c",negative:"negative_c904a7c238",small:"small_dd01257100",medium:"medium_be277c8dd7",large:"large_be277c8dd7",label:"label_5c5653706a"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-25c9c209cbd2_0_0_356";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb_61d58fde15 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_6db84aff12 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_353aaed0d7 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_de71ffa225:focus-visible, .notDisabledThumb_de71ffa225.focus-visible_3ea04ede6f {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_de71ffa225:focus:not(.focus-visible_3ea04ede6f) {\n  outline: none;\n}\n\n.notDisabledThumb_de71ffa225:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_a31645517c {\n  border-color: var(--positive-color);\n}\n\n.positive_a31645517c.notDisabledThumb_de71ffa225:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_c904a7c238 {\n  border-color: var(--negative-color);\n}\n\n.negative_c904a7c238.notDisabledThumb_de71ffa225:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_dd01257100 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_be277c8dd7 {\n  height: 24px;\n  width: 24px;\n}\n\n.large_be277c8dd7 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_5c5653706a {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
+var n={thumb:"thumb_c3b9608713",dragging:"dragging_eb27b227c6",focused:"focused_2bb5dfe520",notDisabledThumb:"notDisabledThumb_136a17b619","focus-visible":"focus-visible_c27d617090",positive:"positive_b4bff7aa72",negative:"negative_ce6fd57542",small:"small_e92a1a4882",medium:"medium_b3057d1a95",large:"large_b3057d1a95",label:"label_7b4073e029"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_359";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb_c3b9608713 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_eb27b227c6 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_2bb5dfe520 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_136a17b619:focus-visible, .notDisabledThumb_136a17b619.focus-visible_c27d617090 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_136a17b619:focus:not(.focus-visible_c27d617090) {\n  outline: none;\n}\n\n.notDisabledThumb_136a17b619:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_b4bff7aa72 {\n  border-color: var(--positive-color);\n}\n\n.positive_b4bff7aa72.notDisabledThumb_136a17b619:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_ce6fd57542 {\n  border-color: var(--negative-color);\n}\n\n.negative_ce6fd57542.notDisabledThumb_136a17b619:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_e92a1a4882 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_b3057d1a95 {\n  height: 24px;\n  width: 24px;\n}\n\n.large_b3057d1a95 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_7b4073e029 {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={track:"track_627458dd91",positive:"positive_6562c29ea3",negative:"negative_2e2be34623"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_356";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track_627458dd91 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_6562c29ea3 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_2e2be34623 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_ae44e309ac",positive:"positive_1ce40045fb",negative:"negative_c55b2309b2"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_359";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track_ae44e309ac {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_1ce40045fb {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_c55b2309b2 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/esm/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +1,2 @@
-var e={infix:"infix_f6aa6b7378",txt:"txt_518cc695a0",prefix:"prefix_c62957fd60",postfix:"postfix_9a658c27fc"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_356";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".infix_f6aa6b7378 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_518cc695a0 {\n  white-space: nowrap;\n}\n\n.prefix_c62957fd60 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_9a658c27fc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_6c7f86c241",txt:"txt_4f3f2d85cd",prefix:"prefix_68e2a25fa2",postfix:"postfix_643dbd9062"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_359";if(n.querySelector("#"+t))return;const f=document.createElement("style");f.id=t,n.firstChild?n.insertBefore(f,n.firstChild):n.appendChild(f),f.appendChild(document.createTextNode(e))}(".infix_6c7f86c241 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_4f3f2d85cd {\n  white-space: nowrap;\n}\n\n.prefix_68e2a25fa2 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_643dbd9062 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/esm/src/components/SplitButton/SplitButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={button:"button_b3ef9e4d57",mainButton:"mainButton_7f9a0ba32f",secondaryButton:"secondaryButton_c8a75f3b9e",secondaryButtonWrapper:"secondaryButtonWrapper_a3f2595b4c",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_eeb2af8950",active:"active_4b7efe5c68",disabled:"disabled_3530155cde",kindTertiary:"kindTertiary_cf5e28f614",colorPrimary:"colorPrimary_cf5e28f614",mainActive:"mainActive_49db26b1c2",splitContentOpen:"splitContentOpen_8bcefe3854",hovered:"hovered_0e0a803742",colorBrand:"colorBrand_49db26b1c2",colorPositive:"colorPositive_1b341c702e",colorNegative:"colorNegative_1b341c702e",kindPrimary:"kindPrimary_b13500b8d2",colorOnPrimaryColor:"colorOnPrimaryColor_6f0ed4d10c",kindSecondary:"kindSecondary_1b341c702e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-8e6cd5ac8255_0_0_356";if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".button_b3ef9e4d57 {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button_b3ef9e4d57 .mainButton_7f9a0ba32f {\n  margin-right: 0;\n}\n\n.button_b3ef9e4d57 .secondaryButton_c8a75f3b9e {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_a3f2595b4c .secondaryButtonIconWrapper_eeb2af8950 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_4b7efe5c68 {\n  transform: scale(0.95);\n}\n\n.disabled_3530155cde {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_cf5e28f614.colorPrimary_cf5e28f614.mainActive_49db26b1c2 .mainButton_7f9a0ba32f {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary_cf5e28f614.colorPrimary_cf5e28f614.mainActive_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary_cf5e28f614.colorPrimary_cf5e28f614.mainActive_49db26b1c2.splitContentOpen_8bcefe3854.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorPrimary_cf5e28f614.mainActive_49db26b1c2.splitContentOpen_8bcefe3854.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e:hover,\n.kindTertiary_cf5e28f614.colorPrimary_cf5e28f614.mainActive_49db26b1c2.hovered_0e0a803742.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorPrimary_cf5e28f614.mainActive_49db26b1c2.hovered_0e0a803742.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_cf5e28f614.colorBrand_49db26b1c2.mainActive_49db26b1c2 .mainButton_7f9a0ba32f {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_cf5e28f614.colorBrand_49db26b1c2.mainActive_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_cf5e28f614.colorBrand_49db26b1c2.mainActive_49db26b1c2.splitContentOpen_8bcefe3854.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorBrand_49db26b1c2.mainActive_49db26b1c2.splitContentOpen_8bcefe3854.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e:hover,\n.kindTertiary_cf5e28f614.colorBrand_49db26b1c2.mainActive_49db26b1c2.hovered_0e0a803742.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorBrand_49db26b1c2.mainActive_49db26b1c2.hovered_0e0a803742.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_cf5e28f614.colorPositive_1b341c702e.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorPositive_1b341c702e:hover .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorPositive_1b341c702e:focus .secondaryButton_c8a75f3b9e {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_cf5e28f614.colorPositive_1b341c702e.splitContentOpen_8bcefe3854 .mainButton_7f9a0ba32f,\n.kindTertiary_cf5e28f614.colorPositive_1b341c702e:hover .mainButton_7f9a0ba32f,\n.kindTertiary_cf5e28f614.colorPositive_1b341c702e:focus .mainButton_7f9a0ba32f {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_cf5e28f614.colorNegative_1b341c702e.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorNegative_1b341c702e:hover .secondaryButton_c8a75f3b9e,\n.kindTertiary_cf5e28f614.colorNegative_1b341c702e:focus .secondaryButton_c8a75f3b9e {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_cf5e28f614.colorNegative_1b341c702e.splitContentOpen_8bcefe3854 .mainButton_7f9a0ba32f,\n.kindTertiary_cf5e28f614.colorNegative_1b341c702e:hover .mainButton_7f9a0ba32f,\n.kindTertiary_cf5e28f614.colorNegative_1b341c702e:focus .mainButton_7f9a0ba32f {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_cf5e28f614 .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_b13500b8d2.disabled_3530155cde .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorPrimary_cf5e28f614.mainActive_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorPrimary_cf5e28f614 .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorBrand_49db26b1c2.mainActive_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorBrand_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorPositive_1b341c702e .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorNegative_1b341c702e .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_b13500b8d2:not(.disabled_3530155cde).colorOnPrimaryColor_6f0ed4d10c .secondaryButton_c8a75f3b9e {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_1b341c702e .mainButton_7f9a0ba32f {\n  border-right: none;\n}\n\n.kindSecondary_1b341c702e.colorPrimary_cf5e28f614.mainActive_49db26b1c2 .mainButton_7f9a0ba32f {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary_1b341c702e.colorPrimary_cf5e28f614.mainActive_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_1b341c702e.colorPrimary_cf5e28f614.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindSecondary_1b341c702e.colorPrimary_cf5e28f614.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary_1b341c702e.colorBrand_49db26b1c2.mainActive_49db26b1c2 .mainButton_7f9a0ba32f {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_1b341c702e.colorBrand_49db26b1c2.mainActive_49db26b1c2 .secondaryButton_c8a75f3b9e {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_1b341c702e.colorBrand_49db26b1c2.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e,\n.kindSecondary_1b341c702e.colorBrand_49db26b1c2.splitContentOpen_8bcefe3854 .secondaryButton_c8a75f3b9e:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{e as default};
+var n={button:"button_878c012153",mainButton:"mainButton_ea34d5ad89",secondaryButton:"secondaryButton_86c0053083",secondaryButtonWrapper:"secondaryButtonWrapper_110222f71b",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_b0c9e2f522",active:"active_3400bcac8f",disabled:"disabled_fdbf341468",kindTertiary:"kindTertiary_71e08a75ba",colorPrimary:"colorPrimary_71e08a75ba",mainActive:"mainActive_5ab87f047a",splitContentOpen:"splitContentOpen_3a7cf3ff8c",hovered:"hovered_e6960e9ea6",colorBrand:"colorBrand_5ab87f047a",colorPositive:"colorPositive_e50eb03814",colorNegative:"colorNegative_e50eb03814",kindPrimary:"kindPrimary_52ba134ac7",colorOnPrimaryColor:"colorOnPrimaryColor_1aa8570260",kindSecondary:"kindSecondary_e50eb03814"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-8e6cd5ac8255_0_0_359";if(a.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}(".button_878c012153 {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button_878c012153 .mainButton_ea34d5ad89 {\n  margin-right: 0;\n}\n\n.button_878c012153 .secondaryButton_86c0053083 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_110222f71b .secondaryButtonIconWrapper_b0c9e2f522 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_3400bcac8f {\n  transform: scale(0.95);\n}\n\n.disabled_fdbf341468 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_71e08a75ba.colorPrimary_71e08a75ba.mainActive_5ab87f047a .mainButton_ea34d5ad89 {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary_71e08a75ba.colorPrimary_71e08a75ba.mainActive_5ab87f047a .secondaryButton_86c0053083 {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary_71e08a75ba.colorPrimary_71e08a75ba.mainActive_5ab87f047a.splitContentOpen_3a7cf3ff8c.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorPrimary_71e08a75ba.mainActive_5ab87f047a.splitContentOpen_3a7cf3ff8c.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083:hover,\n.kindTertiary_71e08a75ba.colorPrimary_71e08a75ba.mainActive_5ab87f047a.hovered_e6960e9ea6.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorPrimary_71e08a75ba.mainActive_5ab87f047a.hovered_e6960e9ea6.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_71e08a75ba.colorBrand_5ab87f047a.mainActive_5ab87f047a .mainButton_ea34d5ad89 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_71e08a75ba.colorBrand_5ab87f047a.mainActive_5ab87f047a .secondaryButton_86c0053083 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_71e08a75ba.colorBrand_5ab87f047a.mainActive_5ab87f047a.splitContentOpen_3a7cf3ff8c.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorBrand_5ab87f047a.mainActive_5ab87f047a.splitContentOpen_3a7cf3ff8c.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083:hover,\n.kindTertiary_71e08a75ba.colorBrand_5ab87f047a.mainActive_5ab87f047a.hovered_e6960e9ea6.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorBrand_5ab87f047a.mainActive_5ab87f047a.hovered_e6960e9ea6.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_71e08a75ba.colorPositive_e50eb03814.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorPositive_e50eb03814:hover .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorPositive_e50eb03814:focus .secondaryButton_86c0053083 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_71e08a75ba.colorPositive_e50eb03814.splitContentOpen_3a7cf3ff8c .mainButton_ea34d5ad89,\n.kindTertiary_71e08a75ba.colorPositive_e50eb03814:hover .mainButton_ea34d5ad89,\n.kindTertiary_71e08a75ba.colorPositive_e50eb03814:focus .mainButton_ea34d5ad89 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_71e08a75ba.colorNegative_e50eb03814.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorNegative_e50eb03814:hover .secondaryButton_86c0053083,\n.kindTertiary_71e08a75ba.colorNegative_e50eb03814:focus .secondaryButton_86c0053083 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_71e08a75ba.colorNegative_e50eb03814.splitContentOpen_3a7cf3ff8c .mainButton_ea34d5ad89,\n.kindTertiary_71e08a75ba.colorNegative_e50eb03814:hover .mainButton_ea34d5ad89,\n.kindTertiary_71e08a75ba.colorNegative_e50eb03814:focus .mainButton_ea34d5ad89 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_71e08a75ba .secondaryButton_86c0053083 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_52ba134ac7.disabled_fdbf341468 .secondaryButton_86c0053083 {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorPrimary_71e08a75ba.mainActive_5ab87f047a .secondaryButton_86c0053083 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorPrimary_71e08a75ba .secondaryButton_86c0053083 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorBrand_5ab87f047a.mainActive_5ab87f047a .secondaryButton_86c0053083 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorBrand_5ab87f047a .secondaryButton_86c0053083 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorPositive_e50eb03814 .secondaryButton_86c0053083 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorNegative_e50eb03814 .secondaryButton_86c0053083 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_52ba134ac7:not(.disabled_fdbf341468).colorOnPrimaryColor_1aa8570260 .secondaryButton_86c0053083 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_e50eb03814 .mainButton_ea34d5ad89 {\n  border-right: none;\n}\n\n.kindSecondary_e50eb03814.colorPrimary_71e08a75ba.mainActive_5ab87f047a .mainButton_ea34d5ad89 {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary_e50eb03814.colorPrimary_71e08a75ba.mainActive_5ab87f047a .secondaryButton_86c0053083 {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_e50eb03814.colorPrimary_71e08a75ba.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindSecondary_e50eb03814.colorPrimary_71e08a75ba.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary_e50eb03814.colorBrand_5ab87f047a.mainActive_5ab87f047a .mainButton_ea34d5ad89 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_e50eb03814.colorBrand_5ab87f047a.mainActive_5ab87f047a .secondaryButton_86c0053083 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_e50eb03814.colorBrand_5ab87f047a.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083,\n.kindSecondary_e50eb03814.colorBrand_5ab87f047a.splitContentOpen_3a7cf3ff8c .secondaryButton_86c0053083:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/esm/src/components/Steps/Steps.module.scss.js

@@ -1,2 +1,2 @@
-var e={steps:"steps_8280ecfd21",contentOnTop:"contentOnTop_f3dce4c87c",contentOnBottom:"contentOnBottom_24f157b3e9"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_356";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".steps_8280ecfd21 .contentOnTop_f3dce4c87c {\n  margin-top: var(--spacing-medium);\n}\n.steps_8280ecfd21 .contentOnBottom_24f157b3e9 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var t={steps:"steps_a788529034",contentOnTop:"contentOnTop_71d07c9fcb",contentOnBottom:"contentOnBottom_9ffa35a988"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_359";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".steps_a788529034 .contentOnTop_71d07c9fcb {\n  margin-top: var(--spacing-medium);\n}\n.steps_a788529034 .contentOnBottom_9ffa35a988 {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/esm/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var n={command:"command_971ac258ac",backward:"backward_316b8081b9",icon:"icon_bd1fdb20cd",disabled:"disabled_4e2b8bef15",colorOnPrimaryColor:"colorOnPrimaryColor_b8d88421e6",colorOnInvertedBackground:"colorOnInvertedBackground_97631545b7"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-bbdf617a3c1e_0_0_356";if(e.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".command_971ac258ac {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_971ac258ac.backward_316b8081b9 {\n  flex-direction: row-reverse;\n}\n.icon_bd1fdb20cd {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_bd1fdb20cd.disabled_4e2b8bef15 {\n  color: var(--disabled-text-color);\n}\n.icon_bd1fdb20cd.colorOnPrimaryColor_b8d88421e6 {\n  color: var(--text-color-on-primary);\n}\n.icon_bd1fdb20cd.colorOnInvertedBackground_97631545b7 {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command_381c5638c7",backward:"backward_411d908007",icon:"icon_53a99adac4",disabled:"disabled_a4c0a48825",colorOnPrimaryColor:"colorOnPrimaryColor_a307550202",colorOnInvertedBackground:"colorOnInvertedBackground_da5954d2bb"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],a="s_id-bbdf617a3c1e_0_0_359";if(o.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}(".command_381c5638c7 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_381c5638c7.backward_411d908007 {\n  flex-direction: row-reverse;\n}\n.icon_53a99adac4 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_53a99adac4.disabled_a4c0a48825 {\n  color: var(--disabled-text-color);\n}\n.icon_53a99adac4.colorOnPrimaryColor_a307550202 {\n  color: var(--text-color-on-primary);\n}\n.icon_53a99adac4.colorOnInvertedBackground_da5954d2bb {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

package/dist/esm/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot_2b9e0effbb","focus-visible":"focus-visible_8ef084a231",isActive:"isActive_07e6760f25",colorOnPrimaryColor:"colorOnPrimaryColor_8183829902",colorOnInvertedBackground:"colorOnInvertedBackground_c6e1bf6daa"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-fa7ef6a46b42_0_0_356";if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}(".dot_2b9e0effbb {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_2b9e0effbb:focus-visible, .dot_2b9e0effbb.focus-visible_8ef084a231 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_2b9e0effbb:focus:not(.focus-visible_8ef084a231) {\n  outline: none;\n}\n.dot_2b9e0effbb:focus-visible, .dot_2b9e0effbb.focus-visible_8ef084a231 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_2b9e0effbb:focus:not(.focus-visible_8ef084a231) {\n  outline: none;\n}\n.dot_2b9e0effbb:hover {\n  transform: scale(1.3);\n}\n.isActive_07e6760f25 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_8183829902.dot_2b9e0effbb {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_8183829902.dot_2b9e0effbb:focus-visible, .colorOnPrimaryColor_8183829902.dot_2b9e0effbb.focus-visible_8ef084a231 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_8183829902.dot_2b9e0effbb:focus:not(.focus-visible_8ef084a231) {\n  outline: none;\n}\n.colorOnPrimaryColor_8183829902.dot_2b9e0effbb.isActive_07e6760f25 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_c6e1bf6daa.dot_2b9e0effbb {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_c6e1bf6daa.dot_2b9e0effbb.isActive_07e6760f25 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_f720f23d52","focus-visible":"focus-visible_e1f916c2d0",isActive:"isActive_a2a47c5abd",colorOnPrimaryColor:"colorOnPrimaryColor_dedc9ef227",colorOnInvertedBackground:"colorOnInvertedBackground_3c664d0156"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_359";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dot_f720f23d52 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_f720f23d52:focus-visible, .dot_f720f23d52.focus-visible_e1f916c2d0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_f720f23d52:focus:not(.focus-visible_e1f916c2d0) {\n  outline: none;\n}\n.dot_f720f23d52:focus-visible, .dot_f720f23d52.focus-visible_e1f916c2d0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_f720f23d52:focus:not(.focus-visible_e1f916c2d0) {\n  outline: none;\n}\n.dot_f720f23d52:hover {\n  transform: scale(1.3);\n}\n.isActive_a2a47c5abd {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_dedc9ef227.dot_f720f23d52 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_dedc9ef227.dot_f720f23d52:focus-visible, .colorOnPrimaryColor_dedc9ef227.dot_f720f23d52.focus-visible_e1f916c2d0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_dedc9ef227.dot_f720f23d52:focus:not(.focus-visible_e1f916c2d0) {\n  outline: none;\n}\n.colorOnPrimaryColor_dedc9ef227.dot_f720f23d52.isActive_a2a47c5abd {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_3c664d0156.dot_f720f23d52 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_3c664d0156.dot_f720f23d52.isActive_a2a47c5abd {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/esm/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_79b69b3d0c",galleryHeaderDot:"galleryHeaderDot_c62957fd60"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_356";if(a.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".galleryHeader_79b69b3d0c {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_79b69b3d0c .galleryHeaderDot_c62957fd60 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_79b69b3d0c .galleryHeaderDot_c62957fd60:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_04215fb7a2",galleryHeaderDot:"galleryHeaderDot_68e2a25fa2"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_359";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader_04215fb7a2 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_04215fb7a2 .galleryHeaderDot_68e2a25fa2 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_04215fb7a2 .galleryHeaderDot_68e2a25fa2:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/esm/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header_dc017b5c3c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_356";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".header_dc017b5c3c {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_87f40cb966"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_359";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".header_87f40cb966 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/esm/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_63ba93971b"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_356";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers_63ba93971b {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_b3a910b947"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_359";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers_b3a910b947 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/esm/src/components/Switch/Switch.module.scss.js

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_9c73588754"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_356";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch_9c73588754 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_9ccca2574d"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-aa3ebc66fa48_0_0_359";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".hidden-switch_9ccca2574d {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

package/dist/esm/src/components/Table/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyHeader:"stickyHeader_12903a0e8e",filterButtonContainer:"filterButtonContainer_b37dc1c7fb",filterBox:"filterBox_311b41a664"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a8ffc4edd72d_0_0_356";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".stickyHeader_12903a0e8e {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.filterButtonContainer_b37dc1c7fb {\n  position: relative;\n}\n\n.filterBox_311b41a664 {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={stickyHeader:"stickyHeader_c60e406a30",filterButtonContainer:"filterButtonContainer_665197c46d",filterBox:"filterBox_f6880150b3"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a8ffc4edd72d_0_0_359";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".stickyHeader_c60e406a30 {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.filterButtonContainer_665197c46d {\n  position: relative;\n}\n\n.filterBox_f6880150b3 {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/esm/src/components/Table/styling/column-filter.scss.js

@@ -1,2 +1,2 @@
-var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_356";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}("");export{e as default};
+var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_359";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}("");export{e as default};
 //# sourceMappingURL=column-filter.scss.js.map

package/dist/esm/src/components/Table/styling/paginator.scss.js

@@ -1,2 +1,2 @@
-var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_356";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_359";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=paginator.scss.js.map

package/dist/esm/src/components/Table/styling/table_base.scss.js

@@ -1,2 +1,2 @@
-var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-c9aa0678e25f_0_0_356";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
+var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-c9aa0678e25f_0_0_359";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
 //# sourceMappingURL=table_base.scss.js.map

package/dist/esm/src/components/Table/table.scss.js

@@ -1,2 +1,2 @@
-var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-level-100);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-empty-header {\n  background-color: var(--surface-level-100) !important;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-level-100-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-level-100);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row .table-loader-cell {\n  display: flex;\n  justify-content: center;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-level-100);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-level-100);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-level-100);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_356";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(i))}(i);export{i as default};
+var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-level-100);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-empty-header {\n  background-color: var(--surface-level-100) !important;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-level-100-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-level-100);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row .table-loader-cell {\n  display: flex;\n  justify-content: center;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-level-100);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-level-100);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-level-100);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_359";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(i))}(i);export{i as default};
 //# sourceMappingURL=table.scss.js.map

package/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_14c6330405",divider:"divider_0df8d1bf7b",tabInner:"tabInner_77243d60d1",tabIcon:"tabIcon_3c55f5a42f",right:"right_2539adb2bd",tabCounter:"tabCounter_c62957fd60",tabFocusVisibleInset:"tabFocusVisibleInset_10f05b81c1",active:"active_5ead8914a6",filled:"filled_5ead8914a6",underlined:"underlined_64a2ce7d64",disabled:"disabled_0f1f3b2845"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-8d2fdb80601b_0_0_356";if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}('.tabWrapper_14c6330405 {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider_0df8d1bf7b {\n  margin: 0;\n}\n\n.tabWrapper_14c6330405:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_14c6330405 .tabInner_77243d60d1 {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper_14c6330405 .tabInner_77243d60d1:focus {\n  outline: none;\n}\n\n.tabWrapper_14c6330405 .tabInner_77243d60d1 .tabIcon_3c55f5a42f {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_14c6330405 .tabInner_77243d60d1 .tabIcon_3c55f5a42f.right_2539adb2bd {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_14c6330405 .tabInner_77243d60d1 .tabCounter_c62957fd60 {\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_14c6330405 .tabInner_77243d60d1 .tabCounter_c62957fd60.right_2539adb2bd {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_14c6330405.tabFocusVisibleInset_10f05b81c1 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_14c6330405.active_5ead8914a6 .tabInner_77243d60d1 {\n  color: var(--text-primary);\n}\n\n.tabWrapper_14c6330405.active_5ead8914a6.filled_5ead8914a6 .tabInner_77243d60d1 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n\n.tabWrapper_14c6330405.active_5ead8914a6.underlined_64a2ce7d64:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper_14c6330405.disabled_0f1f3b2845 .tabInner_77243d60d1 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_14c6330405:not(.disabled_0f1f3b2845) .tabInner_77243d60d1:hover {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_247db445b5",divider:"divider_6f543c826d",tabInner:"tabInner_22dc762e0d",tabIcon:"tabIcon_27dd7cf7bb",right:"right_077c599398",tabCounter:"tabCounter_68e2a25fa2",tabFocusVisibleInset:"tabFocusVisibleInset_44f35d18af",active:"active_c55b034cf7",filled:"filled_c55b034cf7",underlined:"underlined_39d40de437",disabled:"disabled_f6badc5029"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-8d2fdb80601b_0_0_359";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}('.tabWrapper_247db445b5 {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider_6f543c826d {\n  margin: 0;\n}\n\n.tabWrapper_247db445b5:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_247db445b5 .tabInner_22dc762e0d {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper_247db445b5 .tabInner_22dc762e0d:focus {\n  outline: none;\n}\n\n.tabWrapper_247db445b5 .tabInner_22dc762e0d .tabIcon_27dd7cf7bb {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_247db445b5 .tabInner_22dc762e0d .tabIcon_27dd7cf7bb.right_077c599398 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_247db445b5 .tabInner_22dc762e0d .tabCounter_68e2a25fa2 {\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_247db445b5 .tabInner_22dc762e0d .tabCounter_68e2a25fa2.right_077c599398 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_247db445b5.tabFocusVisibleInset_44f35d18af {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_247db445b5.active_c55b034cf7 .tabInner_22dc762e0d {\n  color: var(--text-primary);\n}\n\n.tabWrapper_247db445b5.active_c55b034cf7.filled_c55b034cf7 .tabInner_22dc762e0d {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n\n.tabWrapper_247db445b5.active_c55b034cf7.underlined_39d40de437:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper_247db445b5.disabled_f6badc5029 .tabInner_22dc762e0d {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_247db445b5:not(.disabled_f6badc5029) .tabInner_22dc762e0d:hover {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map