@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

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

@@ -0,0 +1,22 @@
+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";
+const HvPathElement = ({
+  classes,
+  last = false,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs(StyledLi, {
+    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"
+    })]
+  });
+};
+export {
+  HvPathElement
+};
+//# sourceMappingURL=PathElement.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,22 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
+  target: "e14mbcex0"
+} : {
+  target: "e14mbcex0",
+  label: "StyledLi"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYXRoRWxlbWVudC9QYXRoRWxlbWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvUGF0aEVsZW1lbnQvUGF0aEVsZW1lbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledLi
+};
+//# sourceMappingURL=PathElement.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PathElement.styles.js","sources":["../../../../../src/components/BreadCrumb/PathElement/PathElement.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const StyledLi = styled(\"li\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n"],"names":["StyledLi","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,WAAkB,wBAAA,MAAIC,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,CAGlC;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["centerContainer", "separatorContainer"];
+const fileClasses = getClasses(classKeys, "HvPathElement");
+const pathElementClasses = fileClasses;
+export {
+  pathElementClasses as default
+};
+//# sourceMappingURL=pathElementClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pathElementClasses.js","sources":["../../../../../src/components/BreadCrumb/PathElement/pathElementClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvPathElementClasses = {\n  centerContainer?: string;\n  separatorContainer?: string;\n};\n\nconst classKeys: string[] = [\"centerContainer\", \"separatorContainer\"];\n\nconst fileClasses = getClasses<HvPathElementClasses>(\n  classKeys,\n  \"HvPathElement\"\n);\n\nexport default fileClasses;\n"],"names":["classKeys","fileClasses","getClasses"],"mappings":";AAOA,MAAMA,YAAsB,CAAC,mBAAmB,oBAAoB;AAEpE,MAAMC,cAAcC,WAClBF,WACA,eAAe;AAGjB,MAAA,qBAAeC;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "link", "orderedList", "currentPage", "centerContainer", "separatorContainer", "a"];
+const breadCrumbClasses = getClasses(classKeys, "HvBreadCrumb");
+const breadCrumbClasses$1 = breadCrumbClasses;
+export {
+  breadCrumbClasses$1 as default
+};
+//# sourceMappingURL=breadCrumbClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadCrumbClasses.js","sources":["../../../../src/components/BreadCrumb/breadCrumbClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBreadCrumbClasses = {\n  root?: string;\n  link?: string;\n  orderedList?: string;\n  currentPage?: string;\n  centerContainer?: string;\n  separatorContainer?: string;\n  a?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"link\",\n  \"orderedList\",\n  \"currentPage\",\n  \"centerContainer\",\n  \"separatorContainer\",\n  \"a\",\n];\n\nconst breadCrumbClasses = getClasses<HvBreadCrumbClasses>(\n  classKeys,\n  \"HvBreadCrumb\"\n);\n\nexport default breadCrumbClasses;\n"],"names":["classKeys","breadCrumbClasses","getClasses"],"mappings":";AAYA,MAAMA,YAAsB,CAC1B,QACA,QACA,eACA,eACA,mBACA,sBACA,GAAG;AAGL,MAAMC,oBAAoBC,WACxBF,WACA,cAAc;AAGhB,MAAA,sBAAeC;"}

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

@@ -0,0 +1,24 @@
+import { MoreOptionsHorizontal } from "@hitachivantara/uikit-react-icons";
+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 nbrElemToSubMenu = listRoute.length - maxVisible;
+  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
+  listRoute.splice(1, nbrElemToSubMenu, /* @__PURE__ */ jsx(HvDropDownMenu, {
+    id: setId(id, "submenu"),
+    icon: /* @__PURE__ */ jsx(MoreOptionsHorizontal, {
+      iconSize: "S",
+      color: "acce1"
+    }),
+    dataList: subMenuList,
+    ...dropDownMenuProps
+  }));
+  return listRoute;
+};
+export {
+  pathWithSubMenu,
+  removeExtension
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,99 @@
+import bulkActionsClasses from "./bulkActionsClasses.js";
+import { useContext, 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 { HvTypography } from "../Typography/Typography.js";
+import { HvCheckBox } from "../CheckBox/CheckBox.js";
+import { setId } from "../../utils/setId.js";
+import { HvButton } from "../Button/Button.js";
+const HvBulkActions = ({
+  id,
+  className,
+  classes,
+  selectAllPagesLabel,
+  actionsDisabled,
+  maxVisibleActions,
+  checkboxProps,
+  actions,
+  numTotal = 0,
+  numSelected = 0,
+  selectAllLabel = "All",
+  selectAllConjunctionLabel = "/",
+  showSelectAllPages = false,
+  semantic = true,
+  actionsCallback,
+  onSelectAll,
+  onSelectAllPages,
+  ...others
+}) => {
+  var _a, _b;
+  const {
+    activeTheme,
+    selectedMode
+  } = useContext(HvThemeContext);
+  const [anySelected, setAnySelected] = useState(false);
+  const isSemantic = semantic && anySelected;
+  useEffect(() => {
+    setAnySelected(numSelected > 0);
+  }, [numSelected]);
+  const selectAllLabelComponent = /* @__PURE__ */ jsx(HvTypography, {
+    component: "span",
+    disabled: checkboxProps == null ? void 0 : checkboxProps.disabled,
+    variant: "body",
+    children: !anySelected ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("b", {
+        children: selectAllLabel
+      }), ` (${numTotal})`]
+    }) : /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("b", {
+        children: numSelected
+      }), ` ${selectAllConjunctionLabel} ${numTotal}`]
+    })
+  });
+  return /* @__PURE__ */ jsxs(StyledRoot, {
+    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,
+    ...others,
+    children: [/* @__PURE__ */ jsxs(StyledSelectAllContainer, {
+      className: clsx(classes == null ? void 0 : classes.selectAllContainer, bulkActionsClasses.selectAllContainer),
+      children: [/* @__PURE__ */ jsx(HvCheckBox, {
+        id: setId(id, "select"),
+        className: clsx(classes == null ? void 0 : classes.selectAll, bulkActionsClasses.selectAll),
+        checked: numSelected > 0,
+        semantic: isSemantic,
+        onChange: onSelectAll,
+        indeterminate: numSelected > 0 && numSelected < numTotal,
+        label: selectAllLabelComponent,
+        ...checkboxProps
+      }), showSelectAllPages && anySelected && numSelected < numTotal && /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx(StyledDivider, {}), /* @__PURE__ */ jsx(HvButton, {
+          id: setId(id, "pages"),
+          className: clsx(classes == null ? void 0 : classes.selectAllPages, bulkActionsClasses.selectAllPages),
+          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`
+        })]
+      })]
+    }), /* @__PURE__ */ jsx(StyledGenericActions, {
+      id: setId(id, "actions"),
+      classes: {
+        root: clsx(classes == null ? void 0 : classes.actions, bulkActionsClasses.actions)
+      },
+      category: isSemantic ? "semantic" : "secondaryGhost",
+      actions,
+      disabled: actionsDisabled != null ? actionsDisabled : numSelected === 0,
+      actionsCallback,
+      maxVisibleActions
+    })]
+  });
+};
+export {
+  HvBulkActions
+};
+//# sourceMappingURL=BulkActions.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,105 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { transientOptions } from "../../utils/transientOptions.js";
+import bulkActionsClasses from "./bulkActionsClasses.js";
+import fade from "../../utils/hexToRgbA.js";
+import { HvActionsGeneric } from "../ActionsGeneric/ActionsGeneric.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1nka4cc3"
+}, transientOptions) : _extends({}, {
+  target: "e1nka4cc3",
+  label: "StyledRoot"
+}, transientOptions))(({
+  $isSemantic,
+  $baseColor
+}) => ({
+  display: "flex",
+  alignItems: "center",
+  border: theme.bulkActions.border,
+  backgroundColor: theme.bulkActions.backgroundColor,
+  padding: theme.bulkActions.padding,
+  marginBottom: theme.space.xs,
+  ...$isSemantic && {
+    backgroundColor: theme.bulkActions.anySelectedBackgroundColor,
+    [`& .${bulkActionsClasses.selectAll} div`]: {
+      color: theme.colors.base2,
+      "&:hover:not(:disabled)": {
+        backgroundColor: fade($baseColor, 0.3)
+      },
+      "& *": {
+        color: theme.colors.base2,
+        backgroundColor: "transparent"
+      }
+    },
+    [`& .${bulkActionsClasses.selectAll}:focus-within div`]: {
+      backgroundColor: fade($baseColor, 0.3)
+    },
+    [`& .${bulkActionsClasses.selectAll}.focus-within div`]: {
+      backgroundColor: fade($baseColor, 0.3)
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CdWxrQWN0aW9ucy9CdWxrQWN0aW9ucy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBidWxrQWN0aW9uc0NsYXNzZXMgZnJvbSBcIi4vYnVsa0FjdGlvbnNDbGFzc2VzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkFjdGlvbnNHZW5lcmljIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGlzU2VtYW50aWMsXG4gICAgJGJhc2VDb2xvcixcbiAgfToge1xuICAgICRpc1NlbWFudGljOiBib29sZWFuO1xuICAgICRiYXNlQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJvcmRlcjogdGhlbWUuYnVsa0FjdGlvbnMuYm9yZGVyLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYnVsa0FjdGlvbnMuYmFja2dyb3VuZENvbG9yLFxuICAgIHBhZGRpbmc6IHRoZW1lLmJ1bGtBY3Rpb25zLnBhZGRpbmcsXG4gICAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcblxuICAgIC4uLigkaXNTZW1hbnRpYyAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmFueVNlbGVjdGVkQmFja2dyb3VuZENvbG9yLFxuXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0gZGl2YF06IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcblxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJiAqXCI6IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgICB9LFxuICAgICAgfSxcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9OmZvY3VzLXdpdGhpbiBkaXZgXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgIH0sXG5cbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfS5mb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlbGVjdEFsbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRHZW5lcmljQWN0aW9ucyA9IHN0eWxlZChIdkFjdGlvbnNHZW5lcmljKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpdmlkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiB0aGVtZS5idWxrQWN0aW9ucy5zZXBhcmF0b3JEaXNwbGF5LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgd2lkdGg6IFwiMXB4XCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxufSk7XG4iXX0= */");
+const StyledSelectAllContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nka4cc2"
+} : {
+  target: "e1nka4cc2",
+  label: "StyledSelectAllContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfTpmb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoSHZBY3Rpb25zR2VuZXJpYykoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledGenericActions = /* @__PURE__ */ _styled(HvActionsGeneric, process.env.NODE_ENV === "production" ? {
+  target: "e1nka4cc1"
+} : {
+  target: "e1nka4cc1",
+  label: "StyledGenericActions"
+})(process.env.NODE_ENV === "production" ? {
+  name: "o2lcn2",
+  styles: "display:inline-flex;margin-left:auto"
+} : {
+  name: "o2lcn2",
+  styles: "display:inline-flex;margin-left:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRG9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfTpmb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoSHZBY3Rpb25zR2VuZXJpYykoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledDivider = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1nka4cc0"
+} : {
+  target: "e1nka4cc0",
+  label: "StyledDivider"
+})({
+  display: theme.bulkActions.separatorDisplay,
+  backgroundColor: theme.colors.atmo4,
+  width: "1px",
+  height: "32px",
+  marginLeft: theme.space.sm
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRDZCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnVsa0FjdGlvbnMvQnVsa0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgYnVsa0FjdGlvbnNDbGFzc2VzIGZyb20gXCIuL2J1bGtBY3Rpb25zQ2xhc3Nlc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZBY3Rpb25zR2VuZXJpYyB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRpc1NlbWFudGljLFxuICAgICRiYXNlQ29sb3IsXG4gIH06IHtcbiAgICAkaXNTZW1hbnRpYzogYm9vbGVhbjtcbiAgICAkYmFzZUNvbG9yOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXI6IHRoZW1lLmJ1bGtBY3Rpb25zLmJvcmRlcixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1bGtBY3Rpb25zLmJhY2tncm91bmRDb2xvcixcbiAgICBwYWRkaW5nOiB0aGVtZS5idWxrQWN0aW9ucy5wYWRkaW5nLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG5cbiAgICAuLi4oJGlzU2VtYW50aWMgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idWxrQWN0aW9ucy5hbnlTZWxlY3RlZEJhY2tncm91bmRDb2xvcixcblxuICAgICAgW2AmIC4ke2J1bGtBY3Rpb25zQ2xhc3Nlcy5zZWxlY3RBbGx9IGRpdmBdOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG5cbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUoJGJhc2VDb2xvciwgMC4zKSxcbiAgICAgICAgfSxcblxuICAgICAgICBcIiYgKlwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG5cbiAgICAgIFtgJiAuJHtidWxrQWN0aW9uc0NsYXNzZXMuc2VsZWN0QWxsfTpmb2N1cy13aXRoaW4gZGl2YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKCRiYXNlQ29sb3IsIDAuMyksXG4gICAgICB9LFxuXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBbYCYgLiR7YnVsa0FjdGlvbnNDbGFzc2VzLnNlbGVjdEFsbH0uZm9jdXMtd2l0aGluIGRpdmBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSgkYmFzZUNvbG9yLCAwLjMpLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWxlY3RBbGxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR2VuZXJpY0FjdGlvbnMgPSBzdHlsZWQoSHZBY3Rpb25zR2VuZXJpYykoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaXZpZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogdGhlbWUuYnVsa0FjdGlvbnMuc2VwYXJhdG9yRGlzcGxheSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIHdpZHRoOiBcIjFweFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
+export {
+  StyledDivider,
+  StyledGenericActions,
+  StyledRoot,
+  StyledSelectAllContainer
+};
+//# sourceMappingURL=BulkActions.styles.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "semantic", "actions", "selectAllContainer", "selectAll", "selectAllPages"];
+const bulkActionsClasses = getClasses(classKeys, "HvBulkActions");
+const bulkActionsClasses$1 = bulkActionsClasses;
+export {
+  bulkActionsClasses$1 as default
+};
+//# sourceMappingURL=bulkActionsClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bulkActionsClasses.js","sources":["../../../../src/components/BulkActions/bulkActionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBulkActionsClasses = {\n  root?: string;\n  semantic?: string;\n  actions?: string;\n  selectAllContainer?: string;\n  selectAll?: string;\n  selectAllPages?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"semantic\",\n  \"actions\",\n  \"selectAllContainer\",\n  \"selectAll\",\n  \"selectAllPages\",\n];\n\nconst bulkActionsClasses = getClasses<HvBulkActionsClasses>(\n  classKeys,\n  \"HvBulkActions\"\n);\n\nexport default bulkActionsClasses;\n"],"names":["classKeys","bulkActionsClasses","getClasses"],"mappings":";AAWA,MAAMA,YAAsB,CAC1B,QACA,YACA,WACA,sBACA,aACA,gBAAgB;AAGlB,MAAMC,qBAAqBC,WACzBF,WACA,eAAe;AAGjB,MAAA,uBAAeC;"}

package/dist/esm/components/Button/Button.js

@@ -0,0 +1,64 @@
+import { forwardRef } from "react";
+import { StyledButton, StyledContentDiv, StyledIconSpan, StyledChildren } from "./Button.styles.js";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+const mapVariant = (variant) => {
+  if (variant === "secondary") {
+    console.warn("Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.");
+    return "secondarySubtle";
+  }
+  if (variant === "ghost") {
+    console.warn("Button variant 'ghost' is deprecated. Please use 'primaryGhost'.");
+    return "primaryGhost";
+  }
+  return variant;
+};
+const onFocusHandler = (event) => {
+  event.target.classList.add("HvIsFocusVisible");
+};
+const onBlurHandler = (event) => {
+  event.target.classList.remove("HvIsFocusVisible");
+};
+const HvButton = forwardRef((props, ref) => {
+  const {
+    id,
+    classes,
+    children,
+    variant = "primary",
+    onClick,
+    disabled,
+    className,
+    startIcon,
+    icon = false,
+    size,
+    radius = "base",
+    overrideIconColors = true,
+    ...others
+  } = props;
+  return /* @__PURE__ */ jsx(StyledButton, {
+    id,
+    className,
+    ref,
+    onClick,
+    disabled,
+    onFocus: onFocusHandler,
+    onBlur: onBlurHandler,
+    $variant: mapVariant(variant),
+    $iconOnly: !!icon,
+    $size: size,
+    $radius: radius,
+    $overrideIconColors: overrideIconColors,
+    $disabled: !!disabled,
+    ...others,
+    children: /* @__PURE__ */ jsxs(StyledContentDiv, {
+      children: [startIcon && /* @__PURE__ */ jsx(StyledIconSpan, {
+        children: startIcon
+      }), children && /* @__PURE__ */ jsx(StyledChildren, {
+        children
+      })]
+    })
+  });
+});
+export {
+  HvButton
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, ReactElement } from \"react\";\nimport {\n  StyledButton,\n  StyledChildren,\n  StyledContentDiv,\n  StyledIconSpan,\n} from \"./Button.styles\";\nimport { HvButtonClasses } from \"./buttonClasses\";\n\nexport type HvButtonVariant =\n  | \"primary\"\n  | \"primarySubtle\"\n  | \"primaryGhost\"\n  | \"secondarySubtle\"\n  | \"secondaryGhost\"\n  | \"semantic\"\n  // deprecated props\n  | \"secondary\"\n  | \"ghost\";\n\nexport type HvButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type HvButtonRadius = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"none\" | \"base\";\n\nexport interface HvButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Use the variant prop to change the visual style of the Button. */\n  variant?: HvButtonVariant;\n  sx?: CSSProperties;\n  icon?: boolean;\n  className?: string;\n  startIcon?: ReactElement;\n  size?: HvButtonSize;\n  radius?: HvButtonRadius;\n  overrideIconColors?: boolean;\n  selected?: boolean;\n  classes?: HvButtonClasses;\n}\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n *\n * @param variant the variant of the button\n * @returns       the normalized variant in DS 5 API\n */\nconst mapVariant = (variant: HvButtonVariant): HvButtonVariant => {\n  if (variant === \"secondary\") {\n    console.warn(\n      \"Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.\"\n    );\n    return \"secondarySubtle\";\n  }\n  if (variant === \"ghost\") {\n    console.warn(\n      \"Button variant 'ghost' is deprecated. Please use 'primaryGhost'.\"\n    );\n    return \"primaryGhost\";\n  }\n  return variant;\n};\n\nconst onFocusHandler = (event) => {\n  event.target.classList.add(\"HvIsFocusVisible\");\n};\n\nconst onBlurHandler = (event) => {\n  event.target.classList.remove(\"HvIsFocusVisible\");\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton = forwardRef<HTMLButtonElement, HvButtonProps>(\n  (props, ref) => {\n    const {\n      id,\n      classes,\n      children,\n      variant = \"primary\",\n      onClick,\n      disabled,\n      className,\n      startIcon,\n      icon = false,\n      size,\n      radius = \"base\",\n      overrideIconColors = true,\n      ...others\n    }: HvButtonProps = props;\n\n    return (\n      <StyledButton\n        id={id}\n        className={className}\n        ref={ref}\n        onClick={onClick}\n        disabled={disabled}\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        $variant={mapVariant(variant)}\n        $iconOnly={!!icon}\n        $size={size}\n        $radius={radius}\n        $overrideIconColors={overrideIconColors}\n        $disabled={!!disabled}\n        {...others}\n      >\n        <StyledContentDiv>\n          {startIcon && <StyledIconSpan>{startIcon}</StyledIconSpan>}\n          {children && <StyledChildren>{children}</StyledChildren>}\n        </StyledContentDiv>\n      </StyledButton>\n    );\n  }\n);\n"],"names":["mapVariant","variant","console","warn","onFocusHandler","event","target","classList","add","onBlurHandler","remove","HvButton","forwardRef","props","ref","id","classes","children","onClick","disabled","className","startIcon","icon","size","radius","overrideIconColors","others","StyledButton","onFocus","onBlur","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","StyledContentDiv","_jsx","StyledIconSpan","StyledChildren"],"mappings":";;;AA8CA,MAAMA,aAAaA,CAACC,YAA8C;AAChE,MAAIA,YAAY,aAAa;AAC3BC,YAAQC,KACN,yEAAyE;AAEpE,WAAA;AAAA,EACT;AACA,MAAIF,YAAY,SAAS;AACvBC,YAAQC,KACN,kEAAkE;AAE7D,WAAA;AAAA,EACT;AACOF,SAAAA;AACT;AAEA,MAAMG,iBAAkBC,CAAU,UAAA;AAC1BC,QAAAA,OAAOC,UAAUC,IAAI,kBAAkB;AAC/C;AAEA,MAAMC,gBAAiBJ,CAAU,UAAA;AACzBC,QAAAA,OAAOC,UAAUG,OAAO,kBAAkB;AAClD;AAKO,MAAMC,WAAWC,WACtB,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAhB,UAAU;AAAA,IACViB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC,SAAS;AAAA,IACTC,qBAAqB;AAAA,OAClBC;AAAAA,EACcb,IAAAA;AAEnB,6BACGc,cAAY;AAAA,IACXZ;AAAAA,IACAK;AAAAA,IACAN;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAS,SAASxB;AAAAA,IACTyB,QAAQpB;AAAAA,IACRqB,UAAU9B,WAAWC,OAAO;AAAA,IAC5B8B,WAAW,CAAC,CAACT;AAAAA,IACbU,OAAOT;AAAAA,IACPU,SAAST;AAAAA,IACTU,qBAAqBT;AAAAA,IACrBU,WAAW,CAAC,CAAChB;AAAAA,IAAS,GAClBO;AAAAA,IAAMT,+BAETmB,kBAAgB;AAAA,MAAAnB,UACdI,CAAAA,aAAagB,oBAACC,gBAAc;AAAA,QAAArB,UAAEI;AAAAA,MAAAA,CAAS,GACvCJ,YAAYoB,oBAACE,gBAAc;AAAA,QAAAtB;AAAAA,MAAAA,CAA4B,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAE7C;AAEnB,CAAC;"}