@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0

package/dist/esm/components/BaseSwitch/BaseSwitch.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.styles.js","sources":["../../../../src/components/BaseSwitch/BaseSwitch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  Switch as MuiSwitch,\n  switchClasses as MuiSwitchClasses,\n} from \"@mui/material\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSwitch = styled(\n  MuiSwitch,\n  transientOptions\n)(\n  ({\n    $focusVisible,\n    $readOnly,\n    $disabled,\n  }: {\n    $focusVisible: boolean;\n    $readOnly: boolean;\n    $disabled: boolean;\n  }) => ({\n    padding: theme.baseSwitch.padding,\n    cursor: \"pointer\",\n    width: theme.baseSwitch.width,\n    height: theme.baseSwitch.height,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"&:hover\": {\n      backgroundColor: theme.baseSwitch.hoverBackgroundColor,\n    },\n    borderRadius: theme.baseSwitch.borderRadius,\n\n    [`&.${MuiSwitchClasses.root}`]: {\n      width: theme.baseSwitch.width,\n      height: theme.baseSwitch.height,\n      padding: theme.baseSwitch.padding,\n    },\n\n    [`& .${MuiSwitchClasses.switchBase}`]: {\n      width: theme.baseSwitch.width,\n      height: theme.baseSwitch.height,\n      padding: theme.baseSwitch.padding,\n      \"&:hover\": {\n        backgroundColor: theme.baseSwitch.hoverBaseBackgroundColor,\n      },\n      [`&.${MuiSwitchClasses.checked}`]: {\n        transform: \"translateX(16px)\",\n        [`& + .${MuiSwitchClasses.track}`]: {\n          opacity: theme.baseSwitch.checkedOpacity,\n          backgroundColor: theme.baseSwitch.checkedTrackBackgroundColor,\n        },\n        \"&:hover\": {\n          backgroundColor: theme.baseSwitch.hoverBaseBackgroundColor,\n        },\n      },\n    },\n\n    [`.${MuiSwitchClasses.track}`]: {\n      opacity: theme.baseSwitch.track.opacity,\n      borderRadius: theme.baseSwitch.track.borderRadius,\n      height: theme.baseSwitch.track.height,\n      width: theme.baseSwitch.track.width,\n      border: theme.baseSwitch.track.border,\n      backgroundColor: theme.baseSwitch.track.backgroundColor,\n    },\n\n    [`.${MuiSwitchClasses.thumb}`]: {\n      position: \"relative\",\n      left: theme.baseSwitch.thumb.left,\n      width: theme.baseSwitch.thumb.width,\n      height: theme.baseSwitch.thumb.height,\n      border: theme.baseSwitch.thumb.border,\n      backgroundColor: theme.baseSwitch.thumb.backgroundColor,\n      marginLeft: theme.baseSwitch.thumb.marginLeft,\n      marginTop: theme.baseSwitch.thumb.marginTop,\n      boxShadow: theme.baseSwitch.thumb.boxShadow,\n    },\n\n    [`.${MuiSwitchClasses.disabled}`]: {\n      [`& .${MuiSwitchClasses.thumb}`]: {\n        backgroundColor: theme.baseSwitch.disabled.thumbBackgroundColor,\n        border: theme.baseSwitch.disabled.thumbBorder,\n      },\n      [`&.${MuiSwitchClasses.switchBase} + .${MuiSwitchClasses.track}`]: {\n        opacity: theme.baseSwitch.disabled.trackOpacity,\n        backgroundColor: theme.baseSwitch.disabled.trackBackgroundColor,\n        border: theme.baseSwitch.disabled.trackBorder,\n      },\n    },\n\n    ...($readOnly && {\n      [`.${MuiSwitchClasses.switchBase}`]: {\n        cursor: \"default\",\n      },\n    }),\n\n    ...($focusVisible && {\n      borderRadius: theme.baseSwitch.focusBorderRadius,\n      ...outlineStyles,\n    }),\n\n    ...($disabled && {\n      [`&.${MuiSwitchClasses.root}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n  })\n);\n"],"names":["StyledSwitch","MuiSwitch","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","$readOnly","$disabled","padding","theme","baseSwitch","cursor","width","height","alignItems","justifyContent","backgroundColor","hoverBackgroundColor","borderRadius","MuiSwitchClasses","root","switchBase","hoverBaseBackgroundColor","checked","transform","track","opacity","checkedOpacity","checkedTrackBackgroundColor","border","thumb","position","left","marginLeft","marginTop","boxShadow","disabled","thumbBackgroundColor","thumbBorder","trackOpacity","trackBackgroundColor","trackBorder","focusBorderRadius","outlineStyles"],"mappings":"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"}
+{"version":3,"file":"BaseSwitch.styles.js","sources":["../../../../src/components/BaseSwitch/BaseSwitch.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  Switch as MuiSwitch,\n  switchClasses as MuiSwitchClasses,\n} from \"@mui/material\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledSwitch = styled(\n  MuiSwitch,\n  transientOptions\n)(\n  ({\n    $focusVisible,\n    $readOnly,\n    $disabled,\n  }: {\n    $focusVisible: boolean;\n    $readOnly: boolean;\n    $disabled: boolean;\n  }) => ({\n    padding: theme.baseSwitch.padding,\n    cursor: \"pointer\",\n    width: theme.baseSwitch.width,\n    height: theme.baseSwitch.height,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \"&:hover\": {\n      backgroundColor: theme.baseSwitch.hoverBackgroundColor,\n    },\n    borderRadius: theme.baseSwitch.borderRadius,\n\n    [`&.${MuiSwitchClasses.root}`]: {\n      width: theme.baseSwitch.width,\n      height: theme.baseSwitch.height,\n      padding: theme.baseSwitch.padding,\n    },\n\n    [`& .${MuiSwitchClasses.switchBase}`]: {\n      width: theme.baseSwitch.width,\n      height: theme.baseSwitch.height,\n      padding: theme.baseSwitch.padding,\n      \"&:hover\": {\n        backgroundColor: theme.baseSwitch.hoverBaseBackgroundColor,\n      },\n      [`&.${MuiSwitchClasses.checked}`]: {\n        transform: \"translateX(16px)\",\n        [`& + .${MuiSwitchClasses.track}`]: {\n          opacity: theme.baseSwitch.checkedOpacity,\n          backgroundColor: theme.baseSwitch.checkedTrackBackgroundColor,\n        },\n        \"&:hover\": {\n          backgroundColor: theme.baseSwitch.hoverBaseBackgroundColor,\n        },\n      },\n    },\n\n    [`.${MuiSwitchClasses.track}`]: {\n      opacity: theme.baseSwitch.track.opacity,\n      borderRadius: theme.baseSwitch.track.borderRadius,\n      height: theme.baseSwitch.track.height,\n      width: theme.baseSwitch.track.width,\n      border: theme.baseSwitch.track.border,\n      backgroundColor: theme.baseSwitch.track.backgroundColor,\n    },\n\n    [`.${MuiSwitchClasses.thumb}`]: {\n      position: \"relative\",\n      left: theme.baseSwitch.thumb.left,\n      width: theme.baseSwitch.thumb.width,\n      height: theme.baseSwitch.thumb.height,\n      border: theme.baseSwitch.thumb.border,\n      backgroundColor: theme.baseSwitch.thumb.backgroundColor,\n      marginLeft: theme.baseSwitch.thumb.marginLeft,\n      marginTop: theme.baseSwitch.thumb.marginTop,\n      boxShadow: theme.baseSwitch.thumb.boxShadow,\n    },\n\n    [`.${MuiSwitchClasses.disabled}`]: {\n      [`& .${MuiSwitchClasses.thumb}`]: {\n        backgroundColor: theme.baseSwitch.disabled.thumbBackgroundColor,\n        border: theme.baseSwitch.disabled.thumbBorder,\n      },\n      [`&.${MuiSwitchClasses.switchBase} + .${MuiSwitchClasses.track}`]: {\n        opacity: theme.baseSwitch.disabled.trackOpacity,\n        backgroundColor: theme.baseSwitch.disabled.trackBackgroundColor,\n        border: theme.baseSwitch.disabled.trackBorder,\n      },\n    },\n\n    ...($readOnly && {\n      [`.${MuiSwitchClasses.switchBase}`]: {\n        cursor: \"default\",\n      },\n    }),\n\n    ...($focusVisible && {\n      borderRadius: theme.baseSwitch.focusBorderRadius,\n      ...outlineStyles,\n    }),\n\n    ...($disabled && {\n      [`&.${MuiSwitchClasses.root}`]: {\n        cursor: \"not-allowed\",\n      },\n    }),\n  })\n);\n"],"names":["StyledSwitch","MuiSwitch","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","$readOnly","$disabled","padding","theme","baseSwitch","cursor","width","height","alignItems","justifyContent","backgroundColor","hoverBackgroundColor","borderRadius","MuiSwitchClasses","root","switchBase","hoverBaseBackgroundColor","checked","transform","track","opacity","checkedOpacity","checkedTrackBackgroundColor","border","thumb","position","left","marginLeft","marginTop","boxShadow","disabled","thumbBackgroundColor","thumbBorder","trackOpacity","trackBackgroundColor","trackBorder","focusBorderRadius","outlineStyles"],"mappings":"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"}

package/dist/esm/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"../../types\";\n\ntype SxProps = React.CSSProperties | ((theme) => React.CSSProperties);\n\ntype HvBaseProps<C extends React.ElementType> = PolymorphicComponentRef<\n  C,\n  { style?: React.CSSProperties; sx?: SxProps }\n>;\n\nexport type HvBoxProps = <C extends React.ElementType = \"div\">(\n  props: HvBaseProps<C>\n) => React.ReactElement | null;\n\nconst useSx = (sx: SxProps) => {\n  return typeof sx === \"function\" ? sx(theme) : sx;\n};\n\nexport const HvBox: HvBoxProps = forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { style, as, sx, children, ...restProps }: HvBaseProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n\n    return (\n      <Component style={sx ? useSx(sx) : style} ref={ref} {...restProps}>\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["useSx","sx","theme","HvBox","forwardRef","style","as","children","restProps","ref","Component"],"mappings":";;;AAgBA,MAAMA,QAAQA,CAACC,OAAgB;AAC7B,SAAO,OAAOA,OAAO,aAAaA,GAAGC,KAAK,IAAID;AAChD;AAEaE,MAAAA,QAAoBC,WAC/B,CACE;AAAA,EAAEC;AAAAA,EAAOC;AAAAA,EAAIL;AAAAA,EAAIM;AAAAA,KAAaC;AAA0B,GACxDC,QACG;AACH,QAAMC,YAAYJ,MAAM;AAExB,6BACGI,WAAS;AAAA,IAACL,OAAOJ,KAAKD,MAAMC,EAAE,IAAII;AAAAA,IAAOI;AAAAA,IAAS,GAAKD;AAAAA,IAASD;AAAAA,EAAAA,CAErD;AAEhB,CAAC;"}
+{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"../../types\";\n\ntype SxProps = React.CSSProperties | ((theme) => React.CSSProperties);\n\ntype HvBaseProps<C extends React.ElementType> = PolymorphicComponentRef<\n  C,\n  { style?: React.CSSProperties; sx?: SxProps }\n>;\n\nexport type HvBoxProps = <C extends React.ElementType = \"div\">(\n  props: HvBaseProps<C>\n) => React.ReactElement | null;\n\nconst useSx = (sx: SxProps) => {\n  return typeof sx === \"function\" ? sx(theme) : sx;\n};\n\nexport const HvBox: HvBoxProps = forwardRef(\n  <C extends React.ElementType = \"div\">(\n    { style, as, sx, children, ...restProps }: HvBaseProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as || \"div\";\n\n    return (\n      <Component style={sx ? useSx(sx) : style} ref={ref} {...restProps}>\n        {children}\n      </Component>\n    );\n  }\n);\n"],"names":["useSx","sx","theme","HvBox","forwardRef","style","as","children","restProps","ref","Component"],"mappings":";;;AAgBA,MAAMA,QAAQA,CAACC,OAAgB;AAC7B,SAAO,OAAOA,OAAO,aAAaA,GAAGC,KAAK,IAAID;AAChD;AAEaE,MAAAA,QAAoBC,WAC/B,CACE;AAAA,EAAEC;AAAAA,EAAOC;AAAAA,EAAIL;AAAAA,EAAIM;AAAAA,EAAU,GAAGC;AAA0B,GACxDC,QACG;AACH,QAAMC,YAAYJ,MAAM;AAExB,6BACGI,WAAS;AAAA,IAACL,OAAOJ,KAAKD,MAAMC,EAAE,IAAII;AAAAA,IAAOI;AAAAA,IAAS,GAAKD;AAAAA,IAASD;AAAAA,EAAAA,CAErD;AAEhB,CAAC;"}

package/dist/esm/components/BreadCrumb/BreadCrumb.js

@@ -2,10 +2,10 @@ import clsx from "clsx";
 import isNil from "lodash/isNil";
 import startCase from "lodash/startCase";
 import { isValidElement } from "react";
+import breadCrumbClasses from "./breadCrumbClasses.js";
 import { StyledRoot, StyledOrderedList, StyledTypography } from "./BreadCrumb.styles.js";
 import { pathWithSubMenu, removeExtension } from "./utils.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import breadCrumbClasses from "./breadCrumbClasses.js";
 import { HvPathElement } from "./PathElement/PathElement.js";
 import { HvPage } from "./Page/Page.js";
 const HvBreadCrumb = ({
@@ -32,7 +32,7 @@ const HvBreadCrumb = ({
       path: `${baseUrl}/${pathNames.slice(0, index + 1).join("/")}`
     }));
   }
-  const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
+  const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? pathWithSubMenu(id, onClick, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
   return /* @__PURE__ */ jsx(StyledRoot, {
     id,
     className: clsx(breadCrumbClasses.root, classes == null ? void 0 : classes.root, className),

package/dist/esm/components/BreadCrumb/BreadCrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.js","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBreadCrumbClasses,\n  breadCrumbClasses,\n  HvPathElement,\n  HvPage,\n} from \".\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\n\nexport type HvBreadCrumbPathElement = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          classes,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;AA4CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,KACGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,MAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,6BACGsB,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,KAAKC,kBAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,8BAETC,mBAAiB;AAAA,MAChBrC,WAAWiC,KAAKC,kBAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,qCACGW,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,KACfC,kBAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,KAClBC,kBAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,eAAevB,IAAI,KAAKA,QACvBkB,8BACEM,kBAAgB;AAAA,cACf9C,WAAWiC,KACTC,kBAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,UAAUC,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,oBAACC,QAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,KAAKC,kBAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,KAAKC,kBAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;"}
+{"version":3,"file":"BreadCrumb.js","sources":["../../../../src/components/BreadCrumb/BreadCrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport startCase from \"lodash/startCase\";\nimport { isValidElement, MouseEventHandler } from \"react\";\nimport { HvBaseProps } from \"../../types/generic\";\nimport breadCrumbClasses, { HvBreadCrumbClasses } from \"./breadCrumbClasses\";\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"../DropDownMenu\";\n\nexport type HvBreadCrumbPathElement = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          onClick,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;AAyCO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,MAAMR,GAAG,GAAG;AACfM,eAAW,CAAA;AAGLG,UAAAA,UAAUT,IAAIU,MAAM,cAAc;AAGxC,UAAMC,mBAAmBX,IAAIY,QAAQ,gBAAgB,EAAE;AAEvD,UAAMC,YAAYF,iBAAiBG,MAAM,GAAG,EAAEC,OAAQC,OAAMA,CAAC;AAE7DH,cAAUI,IAAI,CAACC,MAAMC,UACnBb,SAASc,KAAK;AAAA,MACZC,OAAOC,UAAUJ,IAAI;AAAA,MACrBK,MAAO,GAAEd,WAAWI,UAAUN,MAAM,GAAGY,QAAQ,CAAC,EAAEK,KAAK,GAAG;AAAA,IAC3D,CAAA,CAAC;AAAA,EAEN;AAEMC,QAAAA,iBACJpB,kBAAkBC,SAASoB,SAASrB,iBAChCsB,gBACE9B,IACAI,SACAK,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,6BACGsB,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,KAAKC,kBAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,8BAETC,mBAAiB;AAAA,MAChBrC,WAAWiC,KAAKC,kBAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,qCACGW,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,KACfC,kBAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,KAClBC,kBAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,eAAevB,IAAI,KAAKA,QACvBkB,8BACEM,kBAAgB;AAAA,cACf9C,WAAWiC,KACTC,kBAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,UAAUC,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,oBAACC,QAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,KAAKC,kBAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,KAAKC,kBAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;"}

package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js

@@ -16,7 +16,7 @@ const StyledRoot = /* @__PURE__ */ _styled("nav", process.env.NODE_ENV === "prod
 } : {
   name: "okudj8",
   styles: "display:flex;align-items:center;z-index:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJpbmRleFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwibmF2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHpJbmRleDogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3JkZXJlZExpc3QgPSBzdHlsZWQoXCJvbFwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwYWRkaW5nTGVmdDogMCxcbiAgbWFyZ2luTGVmdDogYC0ke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgcGFkZGluZzogYDhweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledOrderedList = /* @__PURE__ */ _styled("ol", process.env.NODE_ENV === "production" ? {
@@ -28,7 +28,7 @@ const StyledOrderedList = /* @__PURE__ */ _styled("ol", process.env.NODE_ENV ===
   display: "flex",
   paddingLeft: 0,
   marginLeft: `-${theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJpbmRleFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwibmF2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIHpJbmRleDogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3JkZXJlZExpc3QgPSBzdHlsZWQoXCJvbFwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBwYWRkaW5nTGVmdDogMCxcbiAgbWFyZ2luTGVmdDogYC0ke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgcGFkZGluZzogYDhweCAke3RoZW1lLnNwYWNlLnhzfWAsXG59KTtcbiJdfQ== */");
 const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
   ...props
 }), process.env.NODE_ENV === "production" ? {
@@ -38,7 +38,7 @@ const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(
   label: "StyledTypography"
 })({
   padding: `8px ${theme.space.xs}`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvQnJlYWRDcnVtYi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiaW5kZXhcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgekluZGV4OiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPcmRlcmVkTGlzdCA9IHN0eWxlZChcIm9sXCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBhZGRpbmdMZWZ0OiAwLFxuICBtYXJnaW5MZWZ0OiBgLSR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBwYWRkaW5nOiBgOHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvQnJlYWRDcnVtYi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
 export {
   StyledOrderedList,
   StyledRoot,

package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.styles.js","sources":["../../../../src/components/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"index\";\n\nexport const StyledRoot = styled(\"nav\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  zIndex: 0,\n});\n\nexport const StyledOrderedList = styled(\"ol\")({\n  display: \"flex\",\n  paddingLeft: 0,\n  marginLeft: `-${theme.space.xs}`,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","_styled","props","_jsx","HvTypography","padding"],"mappings":";;;;;;;AAIO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;AAEK,MAAMC,oBAA2B,wBAAA,MAAIV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CO,SAAS;AAAA,EACTC,aAAa;AAAA,EACbC,YAAa,IAAGC,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;AAEK,MAAMe,mBAAmBC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAInB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EkB,SAAU,OAAMR,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;"}
+{"version":3,"file":"BreadCrumb.styles.js","sources":["../../../../src/components/BreadCrumb/BreadCrumb.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"components\";\n\nexport const StyledRoot = styled(\"nav\")({\n  display: \"flex\",\n  alignItems: \"center\",\n  zIndex: 0,\n});\n\nexport const StyledOrderedList = styled(\"ol\")({\n  display: \"flex\",\n  paddingLeft: 0,\n  marginLeft: `-${theme.space.xs}`,\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","_styled","props","_jsx","HvTypography","padding"],"mappings":";;;;;;;AAIO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIrC;AAEK,MAAMC,oBAA2B,wBAAA,MAAIV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5CO,SAAS;AAAA,EACTC,aAAa;AAAA,EACbC,YAAa,IAAGC,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypCAAA;AAEK,MAAMe,mBAAmBC,wBAAQC,CAAUC,UAAAA,oBAACC,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAInB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EkB,SAAU,OAAMR,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypCAAA;"}

package/dist/esm/components/BreadCrumb/Page/Page.js

@@ -1,8 +1,8 @@
 import clsx from "clsx";
-import { startCase } from "lodash";
+import startCase from "lodash/startCase";
+import pageClasses from "./pageClasses.js";
 import { StyledLink, StyledTypography } from "./Page.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-import pageClasses from "./pageClasses.js";
 import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
 const HvPage = ({
   Component,

package/dist/esm/components/BreadCrumb/Page/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport { startCase } from \"lodash\";\nimport { MouseEventHandler } from \"react\";\nimport { HvPageClasses, pageClasses } from \".\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","StyledLink","route","path","component","data","a","clsx","pageClasses","children","StyledTypography","noWrap","variant","className","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAC5E,6BACGC,YAAU;AAAA,IACTC,OAAOH,KAAKI;AAAAA,IACZC,WAAWP;AAAAA,IACXC;AAAAA,IACAO,MAAMN;AAAAA,IACNC,SAAS;AAAA,MAAEM,GAAGC,KAAKC,YAAYF,GAAGN,mCAASM,CAAC;AAAA,IAAE;AAAA,IAAEG,8BAE/CC,kBAAgB;AAAA,MACfC,QAAM;AAAA,MACNP,WAAU;AAAA,MACVQ,SAAQ;AAAA,MACRC,WAAWN,KACTC,YAAYM,MACZd,mCAASc,MACTN,YAAYO,OACZf,mCAASe,KAAK;AAAA,MACdN,8BAEDO,mBAAiB;AAAA,QAACX,MAAMY,UAAUlB,KAAKgB,KAAK;AAAA,MAAA,CAAE;AAAA,IAAA,CAAG;AAAA,EAAA,CAEzC;AAEjB;"}
+{"version":3,"file":"Page.js","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport startCase from \"lodash/startCase\";\nimport { MouseEventHandler } from \"react\";\nimport pageClasses, { HvPageClasses } from \"./pageClasses\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","StyledLink","route","path","component","data","a","clsx","pageClasses","children","StyledTypography","noWrap","variant","className","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAC5E,6BACGC,YAAU;AAAA,IACTC,OAAOH,KAAKI;AAAAA,IACZC,WAAWP;AAAAA,IACXC;AAAAA,IACAO,MAAMN;AAAAA,IACNC,SAAS;AAAA,MAAEM,GAAGC,KAAKC,YAAYF,GAAGN,mCAASM,CAAC;AAAA,IAAE;AAAA,IAAEG,8BAE/CC,kBAAgB;AAAA,MACfC,QAAM;AAAA,MACNP,WAAU;AAAA,MACVQ,SAAQ;AAAA,MACRC,WAAWN,KACTC,YAAYM,MACZd,mCAASc,MACTN,YAAYO,OACZf,mCAASe,KAAK;AAAA,MACdN,8BAEDO,mBAAiB;AAAA,QAACX,MAAMY,UAAUlB,KAAKgB,KAAK;AAAA,MAAA,CAAE;AAAA,IAAA,CAAG;AAAA,EAAA,CAEzC;AAEjB;"}

package/dist/esm/components/BreadCrumb/Page/Page.styles.js

@@ -13,14 +13,14 @@ const StyledLink = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLink
 })({
   padding: `8px ${theme.space.xs}`,
   textDecoration: "none",
-  borderRadius: "2px",
+  borderRadius: theme.radii.base,
   "&:hover": {
     backgroundColor: theme.colors.atmo3
   },
   "&:focus": {
     backgroundColor: theme.colors.atmo3
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CcmVhZENydW1iL1BhZ2UvUGFnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpbmssIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGluayB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBtYXhXaWR0aDogXCIxNzBweFwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB0ZXh0VHJhbnNmb3JtOiBcImNhcGl0YWxpemVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CcmVhZENydW1iL1BhZ2UvUGFnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpbmssIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGluayB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBtYXhXaWR0aDogXCIxNzBweFwiLFxuICB0ZXh0VHJhbnNmb3JtOiBcImNhcGl0YWxpemVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG4iXX0= */");
 const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, {
   ...props
 }), process.env.NODE_ENV === "production" ? {
@@ -30,13 +30,12 @@ const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(
   label: "StyledTypography"
 })({
   maxWidth: "170px",
-  color: theme.colors.acce1,
   textTransform: "capitalize",
   "&:hover": {
     cursor: "pointer",
     backgroundColor: theme.colors.atmo3
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZMaW5rLCBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpbmsgey4uLnByb3BzfSAvPikoe1xuICBwYWRkaW5nOiBgOHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgbWF4V2lkdGg6IFwiMTcwcHhcIixcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgdGV4dFRyYW5zZm9ybTogXCJjYXBpdGFsaXplXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZMaW5rLCBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxpbmsgey4uLnByb3BzfSAvPikoe1xuICBwYWRkaW5nOiBgOHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG4gIFwiJjpmb2N1c1wiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZUeXBvZ3JhcGh5IHsuLi5wcm9wc30gLz4pKHtcbiAgbWF4V2lkdGg6IFwiMTcwcHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJjYXBpdGFsaXplXCIsXG4gIFwiJjpob3ZlclwiOiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuIl19 */");
 export {
   StyledLink,
   StyledTypography

package/dist/esm/components/BreadCrumb/Page/Page.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.styles.js","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvLink, HvTypography } from \"components\";\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n  textDecoration: \"none\",\n  borderRadius: \"2px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n  \"&:focus\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  maxWidth: \"170px\",\n  color: theme.colors.acce1,\n  textTransform: \"capitalize\",\n  \"&:hover\": {\n    cursor: \"pointer\",\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n"],"names":["StyledLink","_styled","props","_jsx","HvLink","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","backgroundColor","colors","atmo3","StyledTypography","HvTypography","maxWidth","color","acce1","textTransform","cursor"],"mappings":";;;;;AAIO,MAAMA,aAAaC,wBAAQC,CAAUC,UAAAA,oBAACC,QAAM;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEC,SAAU,OAAMC,MAAMC,MAAMC;AAAAA,EAC5BC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACd,WAAW;AAAA,IACTC,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACA,WAAW;AAAA,IACTF,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;AAEK,MAAMY,mBAAmBlB,wBAAQC,CAAUC,UAAAA,oBAACiB,cAAY;AAAA,EAAA,GAAKlB;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EY,UAAU;AAAA,EACVC,OAAOX,MAAMM,OAAOM;AAAAA,EACpBC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRT,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;"}
+{"version":3,"file":"Page.styles.js","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvLink, HvTypography } from \"components\";\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n  textDecoration: \"none\",\n  borderRadius: theme.radii.base,\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n  \"&:focus\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  maxWidth: \"170px\",\n  textTransform: \"capitalize\",\n  \"&:hover\": {\n    cursor: \"pointer\",\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n"],"names":["StyledLink","_styled","props","_jsx","HvLink","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","radii","base","backgroundColor","colors","atmo3","StyledTypography","HvTypography","maxWidth","textTransform","cursor"],"mappings":";;;;;AAIO,MAAMA,aAAaC,wBAAQC,CAAUC,UAAAA,oBAACC,QAAM;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEC,SAAU,OAAMC,MAAMC,MAAMC;AAAAA,EAC5BC,gBAAgB;AAAA,EAChBC,cAAcJ,MAAMK,MAAMC;AAAAA,EAC1B,WAAW;AAAA,IACTC,iBAAiBP,MAAMQ,OAAOC;AAAAA,EAChC;AAAA,EACA,WAAW;AAAA,IACTF,iBAAiBP,MAAMQ,OAAOC;AAAAA,EAChC;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;AAEK,MAAMc,mBAAmBpB,wBAAQC,CAAUC,UAAAA,oBAACmB,cAAY;AAAA,EAAA,GAAKpB;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7Ec,UAAU;AAAA,EACVC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRP,iBAAiBP,MAAMQ,OAAOC;AAAAA,EAChC;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q4CAAA;"}

package/dist/esm/components/BreadCrumb/PathElement/PathElement.js

@@ -1,8 +1,8 @@
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
 import clsx from "clsx";
 import { StyledLi } from "./PathElement.styles.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import pathElementClasses from "./pathElementClasses.js";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 const HvPathElement = ({
   classes,
   last = false,
@@ -12,7 +12,7 @@ const HvPathElement = ({
     className: clsx(pathElementClasses.centerContainer, classes == null ? void 0 : classes.centerContainer),
     children: [children, !last && /* @__PURE__ */ jsx(DropRightXS, {
       className: clsx(pathElementClasses.separatorContainer, classes == null ? void 0 : classes.separatorContainer),
-      color: "atmo5"
+      color: "secondary_60"
     })]
   });
 };

package/dist/esm/components/BreadCrumb/PathElement/PathElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PathElement.js","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { StyledLi } from \"./PathElement.styles\";\nimport { HvPathElementClasses, pathElementClasses } from \".\";\n\nexport type HvPathElementProps = {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n};\n\nexport const HvPathElement = ({\n  classes,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  return (\n    <StyledLi\n      className={clsx(\n        pathElementClasses.centerContainer,\n        classes?.centerContainer\n      )}\n    >\n      {children}\n      {!last && (\n        <DropRightXS\n          className={clsx(\n            pathElementClasses.separatorContainer,\n            classes?.separatorContainer\n          )}\n          color=\"atmo5\"\n        />\n      )}\n    </StyledLi>\n  );\n};\n"],"names":["HvPathElement","classes","last","children","StyledLi","className","clsx","pathElementClasses","centerContainer","DropRightXS","separatorContainer","color"],"mappings":";;;;;AAWO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACkB,MAAM;AACxB,8BACGC,UAAQ;AAAA,IACPC,WAAWC,KACTC,mBAAmBC,iBACnBP,mCAASO,eAAe;AAAA,IACxBL,UAAA,CAEDA,UACA,CAACD,4BACCO,aAAW;AAAA,MACVJ,WAAWC,KACTC,mBAAmBG,oBACnBT,mCAASS,kBAAkB;AAAA,MAE7BC,OAAM;AAAA,IAAA,CAET,CAAA;AAAA,EAAA,CACQ;AAEf;"}
+{"version":3,"file":"PathElement.js","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { StyledLi } from \"./PathElement.styles\";\nimport pathElementClasses, { HvPathElementClasses } from \"./pathElementClasses\";\n\nexport type HvPathElementProps = {\n  last?: boolean;\n  classes?: HvPathElementClasses;\n  children: React.ReactElement;\n};\n\nexport const HvPathElement = ({\n  classes,\n  last = false,\n  children,\n}: HvPathElementProps) => {\n  return (\n    <StyledLi\n      className={clsx(\n        pathElementClasses.centerContainer,\n        classes?.centerContainer\n      )}\n    >\n      {children}\n      {!last && (\n        <DropRightXS\n          className={clsx(\n            pathElementClasses.separatorContainer,\n            classes?.separatorContainer\n          )}\n          color=\"secondary_60\"\n        />\n      )}\n    </StyledLi>\n  );\n};\n"],"names":["HvPathElement","classes","last","children","StyledLi","className","clsx","pathElementClasses","centerContainer","DropRightXS","separatorContainer","color"],"mappings":";;;;;AAWO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACkB,MAAM;AACxB,8BACGC,UAAQ;AAAA,IACPC,WAAWC,KACTC,mBAAmBC,iBACnBP,mCAASO,eAAe;AAAA,IACxBL,UAAA,CAEDA,UACA,CAACD,4BACCO,aAAW;AAAA,MACVJ,WAAWC,KACTC,mBAAmBG,oBACnBT,mCAASS,kBAAkB;AAAA,MAE7BC,OAAM;AAAA,IAAA,CAET,CAAA;AAAA,EAAA,CACQ;AAEf;"}

package/dist/esm/components/BreadCrumb/utils.js

@@ -3,17 +3,22 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import HvDropDownMenu from "../DropDownMenu/DropDownMenu.js";
 import { setId } from "../../utils/setId.js";
 const removeExtension = (label) => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
-const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
+const pathWithSubMenu = (id, onClick, listRoute, maxVisible, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
+  const handleClick = (event, data) => {
+    event.preventDefault();
+    onClick == null ? void 0 : onClick(event, data);
+  };
   listRoute.splice(1, nbrElemToSubMenu, /* @__PURE__ */ jsx(HvDropDownMenu, {
     id: setId(id, "submenu"),
     icon: /* @__PURE__ */ jsx(MoreOptionsHorizontal, {
       iconSize: "S",
-      color: "acce1"
+      color: "secondary"
     }),
     dataList: subMenuList,
-    ...dropDownMenuProps
+    ...dropDownMenuProps,
+    onClick: onClick != null ? handleClick : void 0
   }));
   return listRoute;
 };

package/dist/esm/components/BreadCrumb/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/BreadCrumb/utils.tsx"],"sourcesContent":["import { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (\n  id,\n  classes,\n  listRoute,\n  maxVisible,\n  dropDownMenuProps\n) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"names":["removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice","_jsx","HvDropDownMenu","setId","icon","MoreOptionsHorizontal","iconSize","color","dataList"],"mappings":";;;;AAIO,MAAMA,kBAAmBC,CAAAA,UAC9BA,MAAMC,SAAS,GAAG,IAAID,MAAME,UAAU,GAAGF,MAAMG,YAAY,GAAG,CAAC,IAAIH;AAE9D,MAAMI,kBAAkBA,CAC7BC,IACAC,SACAC,WACAC,YACAC,sBACG;AACGC,QAAAA,mBAAmBH,UAAUI,SAASH;AAC5C,QAAMI,cAAcL,UAAUM,MAAM,GAAGH,mBAAmB,CAAC;AAE3DH,YAAUO,OACR,GACAJ,kBACAK,oBAACC,gBAAc;AAAA,IACbX,IAAIY,MAAMZ,IAAI,SAAS;AAAA,IACvBa,0BAAOC,uBAAqB;AAAA,MAACC,UAAS;AAAA,MAAIC,OAAM;AAAA,IAAA,CAAW;AAAA,IAC3DC,UAAUV;AAAAA,IAAY,GAClBH;AAAAA,EAAiB,CAAA,CACrB;AAGGF,SAAAA;AACT;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/BreadCrumb/utils.tsx"],"sourcesContent":["import { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"components\";\nimport { setId } from \"utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (\n  id,\n  onClick,\n  listRoute,\n  maxVisible,\n  dropDownMenuProps\n) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  const handleClick = (event, data) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"secondary\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n      onClick={onClick != null ? handleClick : undefined}\n    />\n  );\n\n  return listRoute;\n};\n"],"names":["removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","onClick","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","handleClick","event","data","preventDefault","splice","_jsx","HvDropDownMenu","setId","icon","MoreOptionsHorizontal","iconSize","color","dataList","undefined"],"mappings":";;;;AAIO,MAAMA,kBAAmBC,CAAAA,UAC9BA,MAAMC,SAAS,GAAG,IAAID,MAAME,UAAU,GAAGF,MAAMG,YAAY,GAAG,CAAC,IAAIH;AAE9D,MAAMI,kBAAkBA,CAC7BC,IACAC,SACAC,WACAC,YACAC,sBACG;AACGC,QAAAA,mBAAmBH,UAAUI,SAASH;AAC5C,QAAMI,cAAcL,UAAUM,MAAM,GAAGH,mBAAmB,CAAC;AAErDI,QAAAA,cAAcA,CAACC,OAAOC,SAAS;AACnCD,UAAME,eAAgB;AAEtBX,uCAAUS,OAAOC;AAAAA,EAAI;AAGvBT,YAAUW,OACR,GACAR,kBACAS,oBAACC,gBAAc;AAAA,IACbf,IAAIgB,MAAMhB,IAAI,SAAS;AAAA,IACvBiB,0BAAOC,uBAAqB;AAAA,MAACC,UAAS;AAAA,MAAIC,OAAM;AAAA,IAAA,CAAe;AAAA,IAC/DC,UAAUd;AAAAA,IAAY,GAClBH;AAAAA,IACJH,SAASA,WAAW,OAAOQ,cAAca;AAAAA,EAAU,CAAA,CACnD;AAGGpB,SAAAA;AACT;"}

package/dist/esm/components/BulkActions/BulkActions.js

@@ -1,10 +1,10 @@
 import bulkActionsClasses from "./bulkActionsClasses.js";
-import { useContext, useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { StyledRoot, StyledSelectAllContainer, StyledDivider, StyledGenericActions } from "./BulkActions.styles.js";
 import clsx from "clsx";
 import { theme } from "@hitachivantara/uikit-styles";
 import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import { HvThemeContext } from "../../providers/ThemeProvider.js";
+import { useTheme } from "../../hooks/useTheme.js";
 import { HvTypography } from "../Typography/Typography.js";
 import { HvCheckBox } from "../CheckBox/CheckBox.js";
 import { setId } from "../../utils/setId.js";
@@ -33,7 +33,7 @@ const HvBulkActions = ({
   const {
     activeTheme,
     selectedMode
-  } = useContext(HvThemeContext);
+  } = useTheme();
   const [anySelected, setAnySelected] = useState(false);
   const isSemantic = semantic && anySelected;
   useEffect(() => {
@@ -44,11 +44,13 @@ const HvBulkActions = ({
     disabled: checkboxProps == null ? void 0 : checkboxProps.disabled,
     variant: "body",
     children: !anySelected ? /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx("b", {
+      children: [/* @__PURE__ */ jsx(HvTypography, {
+        variant: "label",
         children: selectAllLabel
       }), ` (${numTotal})`]
     }) : /* @__PURE__ */ jsxs(Fragment, {
-      children: [/* @__PURE__ */ jsx("b", {
+      children: [/* @__PURE__ */ jsx(HvTypography, {
+        variant: "label",
         children: numSelected
       }), ` ${selectAllConjunctionLabel} ${numTotal}`]
     })
@@ -57,7 +59,7 @@ const HvBulkActions = ({
     id,
     className: clsx(className, classes == null ? void 0 : classes.root, bulkActionsClasses.root, isSemantic && clsx(classes == null ? void 0 : classes.semantic, bulkActionsClasses.semantic)),
     $isSemantic: isSemantic,
-    $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base1) || theme.colors.base1,
+    $baseColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].base_light) || theme.colors.base_light,
     ...others,
     children: [/* @__PURE__ */ jsxs(StyledSelectAllContainer, {
       className: clsx(classes == null ? void 0 : classes.selectAllContainer, bulkActionsClasses.selectAllContainer),
@@ -77,7 +79,7 @@ const HvBulkActions = ({
           variant: isSemantic ? "semantic" : "secondaryGhost",
           onClick: onSelectAllPages,
           size: ((_b = activeTheme == null ? void 0 : activeTheme.bulkActions) == null ? void 0 : _b.buttonSize) || "md",
-          children: selectAllPagesLabel != null ? selectAllPagesLabel : `Select all ${numTotal} items across all pages`
+          children: selectAllPagesLabel ?? `Select all ${numTotal} items across all pages`
         })]
       })]
     }), /* @__PURE__ */ jsx(StyledGenericActions, {
@@ -87,7 +89,7 @@ const HvBulkActions = ({
       },
       category: isSemantic ? "semantic" : "secondaryGhost",
       actions,
-      disabled: actionsDisabled != null ? actionsDisabled : numSelected === 0,
+      disabled: actionsDisabled ?? numSelected === 0,
       actionsCallback,
       maxVisibleActions
     })]

package/dist/esm/components/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","sources":["../../../../src/components/BulkActions/BulkActions.tsx"],"sourcesContent":["import { HvCheckBox, HvCheckBoxProps } from \"../CheckBox\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvActionGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport bulkActionsClasses, { HvBulkActionsClasses } from \"./bulkActionsClasses\";\nimport { HvButton, HvButtonProps, HvButtonSize } from \"../Button\";\nimport { useContext, useEffect, useState } from \"react\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledGenericActions,\n  StyledRoot,\n  StyledSelectAllContainer,\n  StyledDivider,\n} from \"./BulkActions.styles\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { HvThemeContext } from \"providers\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport type HvBulkActionsProps = HvBaseProps & {\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel?: React.ReactNode;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel?: React.ReactNode;\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages?: boolean;\n  /**\n   * The total number of elements\n   */\n  numTotal?: number;\n  /**\n   * The number of elements currently selected\n   */\n  numSelected?: number;\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll?: HvCheckBoxProps[\"onChange\"];\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages?: HvButtonProps[\"onClick\"];\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic?: boolean;\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled?: boolean;\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback?: HvActionsGenericProps[\"actionsCallback\"];\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions?: number;\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps?: HvCheckBoxProps;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBulkActionsClasses;\n};\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nexport const HvBulkActions = ({\n  id,\n  className,\n  classes,\n  selectAllPagesLabel,\n  actionsDisabled,\n  maxVisibleActions,\n  checkboxProps,\n  actions,\n  numTotal = 0,\n  numSelected = 0,\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  showSelectAllPages = false,\n  semantic = true,\n  actionsCallback,\n  onSelectAll,\n  onSelectAllPages,\n  ...others\n}: HvBulkActionsProps) => {\n  const { activeTheme, selectedMode } = useContext(HvThemeContext);\n\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      disabled={checkboxProps?.disabled}\n      variant=\"body\"\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        classes?.root,\n        bulkActionsClasses.root,\n        isSemantic && clsx(classes?.semantic, bulkActionsClasses.semantic)\n      )}\n      $isSemantic={isSemantic}\n      $baseColor={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    >\n      <StyledSelectAllContainer\n        className={clsx(\n          classes?.selectAllContainer,\n          bulkActionsClasses.selectAllContainer\n        )}\n      >\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={clsx(classes?.selectAll, bulkActionsClasses.selectAll)}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={onSelectAll}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <>\n            <StyledDivider />\n            <HvButton\n              id={setId(id, \"pages\")}\n              className={clsx(\n                classes?.selectAllPages,\n                bulkActionsClasses.selectAllPages\n              )}\n              variant={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n              onClick={onSelectAllPages}\n              size={\n                (activeTheme?.bulkActions?.buttonSize as HvButtonSize) || \"md\"\n              }\n            >\n              {selectAllPagesLabel ??\n                `Select all ${numTotal} items across all pages`}\n            </HvButton>\n          </>\n        )}\n      </StyledSelectAllContainer>\n      <StyledGenericActions\n        id={setId(id, \"actions\")}\n        classes={{ root: clsx(classes?.actions, bulkActionsClasses.actions) }}\n        category={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </StyledRoot>\n  );\n};\n"],"names":["HvBulkActions","id","className","classes","selectAllPagesLabel","actionsDisabled","maxVisibleActions","checkboxProps","actions","numTotal","numSelected","selectAllLabel","selectAllConjunctionLabel","showSelectAllPages","semantic","actionsCallback","onSelectAll","onSelectAllPages","others","activeTheme","selectedMode","useContext","HvThemeContext","anySelected","setAnySelected","useState","isSemantic","useEffect","selectAllLabelComponent","HvTypography","component","disabled","variant","children","_jsxs","_Fragment","_jsx","StyledRoot","clsx","root","bulkActionsClasses","$isSemantic","$baseColor","colors","modes","base1","theme","StyledSelectAllContainer","selectAllContainer","HvCheckBox","setId","selectAll","checked","onChange","indeterminate","label","StyledDivider","HvButton","selectAllPages","onClick","size","bulkActions","buttonSize","StyledGenericActions","category"],"mappings":"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"}
+{"version":3,"file":"BulkActions.js","sources":["../../../../src/components/BulkActions/BulkActions.tsx"],"sourcesContent":["import { HvCheckBox, HvCheckBoxProps } from \"../CheckBox\";\nimport { HvBaseProps } from \"../../types\";\nimport { HvActionGeneric, HvActionsGenericProps } from \"../ActionsGeneric\";\nimport bulkActionsClasses, { HvBulkActionsClasses } from \"./bulkActionsClasses\";\nimport { HvButton, HvButtonProps, HvButtonSize } from \"../Button\";\nimport { useEffect, useState } from \"react\";\nimport { HvTypography } from \"components\";\nimport {\n  StyledGenericActions,\n  StyledRoot,\n  StyledSelectAllContainer,\n  StyledDivider,\n} from \"./BulkActions.styles\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { useTheme } from \"hooks\";\n\nexport type HvBulkActionsProps = HvBaseProps & {\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel?: React.ReactNode;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel?: React.ReactNode;\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages?: boolean;\n  /**\n   * The total number of elements\n   */\n  numTotal?: number;\n  /**\n   * The number of elements currently selected\n   */\n  numSelected?: number;\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll?: HvCheckBoxProps[\"onChange\"];\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages?: HvButtonProps[\"onClick\"];\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic?: boolean;\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled?: boolean;\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback?: HvActionsGenericProps[\"actionsCallback\"];\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions?: number;\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps?: HvCheckBoxProps;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvBulkActionsClasses;\n};\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nexport const HvBulkActions = ({\n  id,\n  className,\n  classes,\n  selectAllPagesLabel,\n  actionsDisabled,\n  maxVisibleActions,\n  checkboxProps,\n  actions,\n  numTotal = 0,\n  numSelected = 0,\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  showSelectAllPages = false,\n  semantic = true,\n  actionsCallback,\n  onSelectAll,\n  onSelectAllPages,\n  ...others\n}: HvBulkActionsProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      disabled={checkboxProps?.disabled}\n      variant=\"body\"\n    >\n      {!anySelected ? (\n        <>\n          <HvTypography variant=\"label\">{selectAllLabel}</HvTypography>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <HvTypography variant=\"label\">{numSelected}</HvTypography>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        classes?.root,\n        bulkActionsClasses.root,\n        isSemantic && clsx(classes?.semantic, bulkActionsClasses.semantic)\n      )}\n      $isSemantic={isSemantic}\n      $baseColor={\n        activeTheme?.colors?.modes[selectedMode].base_light ||\n        theme.colors.base_light\n      }\n      {...others}\n    >\n      <StyledSelectAllContainer\n        className={clsx(\n          classes?.selectAllContainer,\n          bulkActionsClasses.selectAllContainer\n        )}\n      >\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={clsx(classes?.selectAll, bulkActionsClasses.selectAll)}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={onSelectAll}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <>\n            <StyledDivider />\n            <HvButton\n              id={setId(id, \"pages\")}\n              className={clsx(\n                classes?.selectAllPages,\n                bulkActionsClasses.selectAllPages\n              )}\n              variant={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n              onClick={onSelectAllPages}\n              size={\n                (activeTheme?.bulkActions?.buttonSize as HvButtonSize) || \"md\"\n              }\n            >\n              {selectAllPagesLabel ??\n                `Select all ${numTotal} items across all pages`}\n            </HvButton>\n          </>\n        )}\n      </StyledSelectAllContainer>\n      <StyledGenericActions\n        id={setId(id, \"actions\")}\n        classes={{ root: clsx(classes?.actions, bulkActionsClasses.actions) }}\n        category={isSemantic ? \"semantic\" : \"secondaryGhost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </StyledRoot>\n  );\n};\n"],"names":["HvBulkActions","id","className","classes","selectAllPagesLabel","actionsDisabled","maxVisibleActions","checkboxProps","actions","numTotal","numSelected","selectAllLabel","selectAllConjunctionLabel","showSelectAllPages","semantic","actionsCallback","onSelectAll","onSelectAllPages","others","activeTheme","selectedMode","useTheme","anySelected","setAnySelected","useState","isSemantic","useEffect","selectAllLabelComponent","HvTypography","component","disabled","variant","children","_jsxs","_Fragment","_jsx","StyledRoot","clsx","root","bulkActionsClasses","$isSemantic","$baseColor","colors","modes","base_light","theme","StyledSelectAllContainer","selectAllContainer","HvCheckBox","setId","selectAll","checked","onChange","indeterminate","label","StyledDivider","HvButton","selectAllPages","onClick","size","bulkActions","buttonSize","StyledGenericActions","category"],"mappings":"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"}

package/dist/esm/components/BulkActions/BulkActions.styles.js

@@ -3,6 +3,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 import { transientOptions } from "../../utils/transientOptions.js";
 import bulkActionsClasses from "./bulkActionsClasses.js";
 import fade from "../../utils/hexToRgbA.js";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { HvActionsGeneric } from "../ActionsGeneric/ActionsGeneric.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -39,23 +40,24 @@ const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "prod
   ...$isSemantic && {
     backgroundColor: theme.bulkActions.anySelectedBackgroundColor,
     [`& .${bulkActionsClasses.selectAll} div`]: {
-      color: theme.colors.base2,
+      color: theme.colors.base_dark,
       "&:hover:not(:disabled)": {
         backgroundColor: fade($baseColor, 0.3)
       },
       "& *": {
-        color: theme.colors.base2,
+        color: theme.colors.base_dark,
         backgroundColor: "transparent"
       }
     },
     [`& .${bulkActionsClasses.selectAll}:focus-within div`]: {
       backgroundColor: fade($baseColor, 0.3)
     },
+    // IE fallback code (using focus-within-polyfill)
     [`& .${bulkActionsClasses.selectAll}.focus-within div`]: {
       backgroundColor: fade($baseColor, 0.3)
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CdWxrQWN0aW9ucy9CdWxrQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBidWxrQWN0aW9uc0NsYXNzZXMgZnJvbSBcIi4vYnVsa0FjdGlvbnNDbGFzc2VzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkFjdGlvbnNHZW5lcmljIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGlzU2VtYW50aWMsXG4gICAgJGJhc2VDb2xvcixcbiAgfToge1xuICAgICRpc1NlbWFudGljOiBib29sZWFuO1xuICAgICRiYXNlQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJvcmRlcjogdGhlbWUuYnVsa0FjdGlvbnMuYm9yZGVyLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYnVsa0FjdGlvbnMuYmFja2dyb3VuZENvbG9yLFxuICAgIHBhZGRpbmc6IHRoZW1lLmJ1bGtBY3Rpb25zLnBhZGRpbmcsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcblxuICAgIC4uLigkaXNTZW1hbnRpYyAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmFueVNlbGVjdGVkQmFja2dyb3VuZENvbG9yLFxuXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0gZGl2YF06IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcblxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJiAqXCI6IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfS5mb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHZW5lcmljQWN0aW9ucyA9IHN0eWxlZChIdkFjdGlvbnNHZW5lcmljKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiB0aGVtZS5idWxrQWN0aW9ucy5zZXBhcmF0b3JEaXNwbGF5LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgd2lkdGg6IFwiMXB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxufSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CdWxrQWN0aW9ucy9CdWxrQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBidWxrQWN0aW9uc0NsYXNzZXMgZnJvbSBcIi4vYnVsa0FjdGlvbnNDbGFzc2VzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkFjdGlvbnNHZW5lcmljIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGlzU2VtYW50aWMsXG4gICAgJGJhc2VDb2xvcixcbiAgfToge1xuICAgICRpc1NlbWFudGljOiBib29sZWFuO1xuICAgICRiYXNlQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJvcmRlcjogdGhlbWUuYnVsa0FjdGlvbnMuYm9yZGVyLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYnVsa0FjdGlvbnMuYmFja2dyb3VuZENvbG9yLFxuICAgIHBhZGRpbmc6IHRoZW1lLmJ1bGtBY3Rpb25zLnBhZGRpbmcsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcblxuICAgIC4uLigkaXNTZW1hbnRpYyAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmFueVNlbGVjdGVkQmFja2dyb3VuZENvbG9yLFxuXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0gZGl2YF06IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlX2RhcmssXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9LFxuXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH06Zm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcblxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9LmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VsZWN0QWxsQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdlbmVyaWNBY3Rpb25zID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZBY3Rpb25zR2VuZXJpYyB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiB0aGVtZS5idWxrQWN0aW9ucy5zZXBhcmF0b3JEaXNwbGF5LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgd2lkdGg6IFwiMXB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxufSk7XG4iXX0= */");
 const StyledSelectAllContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1nka4cc2"
 } : {
@@ -67,10 +69,12 @@ const StyledSelectAllContainer = /* @__PURE__ */ _styled("div", process.env.NODE
 } : {
   name: "s5xdrg",
   styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfTpmb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoSHZBY3Rpb25zR2VuZXJpYykoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImICpcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfS5mb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHZW5lcmljQWN0aW9ucyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2QWN0aW9uc0dlbmVyaWMgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const StyledGenericActions = /* @__PURE__ */ _styled(HvActionsGeneric, process.env.NODE_ENV === "production" ? {
+const StyledGenericActions = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvActionsGeneric, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1nka4cc1"
 } : {
   target: "e1nka4cc1",
@@ -81,7 +85,7 @@ const StyledGenericActions = /* @__PURE__ */ _styled(HvActionsGeneric, process.e
 } : {
   name: "o2lcn2",
   styles: "display:inline-flex;margin-left:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRG9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfTpmb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoSHZBY3Rpb25zR2VuZXJpYykoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRG9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImICpcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfS5mb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHZW5lcmljQWN0aW9ucyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2QWN0aW9uc0dlbmVyaWMgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledDivider = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
@@ -95,7 +99,7 @@ const StyledDivider = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "p
   width: "1px",
   height: "32px",
   marginLeft: theme.space.sm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRDZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfTpmb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoSHZBY3Rpb25zR2VuZXJpYykoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImICpcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZV9kYXJrLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfS5mb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHZW5lcmljQWN0aW9ucyA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2QWN0aW9uc0dlbmVyaWMgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
 export {
   StyledDivider,
   StyledGenericActions,

package/dist/esm/components/BulkActions/BulkActions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.styles.js","sources":["../../../../src/components/BulkActions/BulkActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport bulkActionsClasses from \"./bulkActionsClasses\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvActionsGeneric } from \"components\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $isSemantic,\n    $baseColor,\n  }: {\n    $isSemantic: boolean;\n    $baseColor: string;\n  }) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    border: theme.bulkActions.border,\n    backgroundColor: theme.bulkActions.backgroundColor,\n    padding: theme.bulkActions.padding,\n    marginBottom: theme.space.xs,\n\n    ...($isSemantic && {\n      backgroundColor: theme.bulkActions.anySelectedBackgroundColor,\n\n      [`& .${bulkActionsClasses.selectAll} div`]: {\n        color: theme.colors.base2,\n\n        \"&:hover:not(:disabled)\": {\n          backgroundColor: fade($baseColor, 0.3),\n        },\n\n        \"& *\": {\n          color: theme.colors.base2,\n          backgroundColor: \"transparent\",\n        },\n      },\n\n      [`& .${bulkActionsClasses.selectAll}:focus-within div`]: {\n        backgroundColor: fade($baseColor, 0.3),\n      },\n\n      // IE fallback code (using focus-within-polyfill)\n      [`& .${bulkActionsClasses.selectAll}.focus-within div`]: {\n        backgroundColor: fade($baseColor, 0.3),\n      },\n    }),\n  })\n);\n\nexport const StyledSelectAllContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledGenericActions = styled(HvActionsGeneric)({\n  display: \"inline-flex\",\n  marginLeft: \"auto\",\n});\n\nexport const StyledDivider = styled(\"div\")({\n  display: theme.bulkActions.separatorDisplay,\n  backgroundColor: theme.colors.atmo4,\n  width: \"1px\",\n  height: \"32px\",\n  marginLeft: theme.space.sm,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$isSemantic","$baseColor","display","alignItems","border","theme","bulkActions","backgroundColor","padding","marginBottom","space","xs","anySelectedBackgroundColor","bulkActionsClasses","selectAll","color","colors","base2","fade","StyledSelectAllContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledGenericActions","HvActionsGeneric","StyledDivider","separatorDisplay","atmo4","width","height","marginLeft","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,QAAQC,MAAMC,YAAYF;AAAAA,EAC1BG,iBAAiBF,MAAMC,YAAYC;AAAAA,EACnCC,SAASH,MAAMC,YAAYE;AAAAA,EAC3BC,cAAcJ,MAAMK,MAAMC;AAAAA,EAE1B,GAAIX,eAAe;AAAA,IACjBO,iBAAiBF,MAAMC,YAAYM;AAAAA,IAEnC,CAAE,MAAKC,mBAAmBC,kBAAkB;AAAA,MAC1CC,OAAOV,MAAMW,OAAOC;AAAAA,MAEpB,0BAA0B;AAAA,QACxBV,iBAAiBW,KAAKjB,YAAY,GAAG;AAAA,MACvC;AAAA,MAEA,OAAO;AAAA,QACLc,OAAOV,MAAMW,OAAOC;AAAAA,QACpBV,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,CAAE,MAAKM,mBAAmBC,+BAA+B;AAAA,MACvDP,iBAAiBW,KAAKjB,YAAY,GAAG;AAAA,IACvC;AAAA,IAGA,CAAE,MAAKY,mBAAmBC,+BAA+B;AAAA,MACvDP,iBAAiBW,KAAKjB,YAAY,GAAG;AAAA,IACvC;AAAA,EACF;AACF,IAAER,QAAAC,IAAAC,aACH,eAAA,KAAA,y+FAAA;AAEM,MAAMwB,2BAAkC,wBAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGnD;AAEK,MAAMC,uBAA8BC,wBAAAA,kBAAgBjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG1D;AAEK,MAAMG,gBAAuB,wBAAA,OAAKlC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCG,SAASG,MAAMC,YAAYsB;AAAAA,EAC3BrB,iBAAiBF,MAAMW,OAAOa;AAAAA,EAC9BC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,YAAY3B,MAAMK,MAAMuB;AAC1B,GAACxC,QAAAC,IAAAC,aAAC,eAAA,KAAA,y+FAAA;"}
+{"version":3,"file":"BulkActions.styles.js","sources":["../../../../src/components/BulkActions/BulkActions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport bulkActionsClasses from \"./bulkActionsClasses\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvActionsGeneric } from \"components\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $isSemantic,\n    $baseColor,\n  }: {\n    $isSemantic: boolean;\n    $baseColor: string;\n  }) => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    border: theme.bulkActions.border,\n    backgroundColor: theme.bulkActions.backgroundColor,\n    padding: theme.bulkActions.padding,\n    marginBottom: theme.space.xs,\n\n    ...($isSemantic && {\n      backgroundColor: theme.bulkActions.anySelectedBackgroundColor,\n\n      [`& .${bulkActionsClasses.selectAll} div`]: {\n        color: theme.colors.base_dark,\n\n        \"&:hover:not(:disabled)\": {\n          backgroundColor: fade($baseColor, 0.3),\n        },\n\n        \"& *\": {\n          color: theme.colors.base_dark,\n          backgroundColor: \"transparent\",\n        },\n      },\n\n      [`& .${bulkActionsClasses.selectAll}:focus-within div`]: {\n        backgroundColor: fade($baseColor, 0.3),\n      },\n\n      // IE fallback code (using focus-within-polyfill)\n      [`& .${bulkActionsClasses.selectAll}.focus-within div`]: {\n        backgroundColor: fade($baseColor, 0.3),\n      },\n    }),\n  })\n);\n\nexport const StyledSelectAllContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledGenericActions = styled((props) => (\n  <HvActionsGeneric {...props} />\n))({\n  display: \"inline-flex\",\n  marginLeft: \"auto\",\n});\n\nexport const StyledDivider = styled(\"div\")({\n  display: theme.bulkActions.separatorDisplay,\n  backgroundColor: theme.colors.atmo4,\n  width: \"1px\",\n  height: \"32px\",\n  marginLeft: theme.space.sm,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$isSemantic","$baseColor","display","alignItems","border","theme","bulkActions","backgroundColor","padding","marginBottom","space","xs","anySelectedBackgroundColor","bulkActionsClasses","selectAll","color","colors","base_dark","fade","StyledSelectAllContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledGenericActions","_styled","props","_jsx","HvActionsGeneric","StyledDivider","separatorDisplay","atmo4","width","height","marginLeft","sm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,QAAQC,MAAMC,YAAYF;AAAAA,EAC1BG,iBAAiBF,MAAMC,YAAYC;AAAAA,EACnCC,SAASH,MAAMC,YAAYE;AAAAA,EAC3BC,cAAcJ,MAAMK,MAAMC;AAAAA,EAE1B,GAAIX,eAAe;AAAA,IACjBO,iBAAiBF,MAAMC,YAAYM;AAAAA,IAEnC,CAAE,MAAKC,mBAAmBC,eAAe,GAAG;AAAA,MAC1CC,OAAOV,MAAMW,OAAOC;AAAAA,MAEpB,0BAA0B;AAAA,QACxBV,iBAAiBW,KAAKjB,YAAY,GAAG;AAAA,MACvC;AAAA,MAEA,OAAO;AAAA,QACLc,OAAOV,MAAMW,OAAOC;AAAAA,QACpBV,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,CAAE,MAAKM,mBAAmBC,4BAA4B,GAAG;AAAA,MACvDP,iBAAiBW,KAAKjB,YAAY,GAAG;AAAA,IACvC;AAAA;AAAA,IAGA,CAAE,MAAKY,mBAAmBC,4BAA4B,GAAG;AAAA,MACvDP,iBAAiBW,KAAKjB,YAAY,GAAG;AAAA,IACvC;AAAA,EACF;AACF,IAAER,QAAAC,IAAAC,aACH,eAAA,KAAA,iiGAAA;AAEM,MAAMwB,2BAAkC,wBAAA,OAAK1B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGnD;AAEK,MAAMC,uBAAuBC,wBAAQC,CAC1CC,UAAAA,oBAACC,kBAAgB;AAAA,EAAA,GAAKF;AAAK,CAAA,GAC5BlC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAyB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGA;AAEK,MAAMM,gBAAuB,wBAAA,OAAKrC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCG,SAASG,MAAMC,YAAYyB;AAAAA,EAC3BxB,iBAAiBF,MAAMW,OAAOgB;AAAAA,EAC9BC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,YAAY9B,MAAMK,MAAM0B;AAC1B,GAAC3C,QAAAC,IAAAC,aAAC,eAAA,KAAA,iiGAAA;"}