@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/esm/components/BaseRadio/baseRadioClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseRadioClasses.js","sources":["../../../../src/components/BaseRadio/baseRadioClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBaseRadioClasses = {\n  /** Styles applied to the component. */\n  root?: string;\n  /** Styles applied to the radio button when it is disabled. */\n  disabled?: string;\n  /** Class applied to the root element if keyboard focused. */\n  focusVisible?: string;\n  /** Class applied top the icon element. */\n  icon?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"disabled\", \"focusVisible\", \"icon\"];\n\nconst baseRadioClasses = getClasses<HvBaseRadioClasses>(\n  classKeys,\n  \"HvBaseRadio\"\n);\n\nexport default baseRadioClasses;\n"],"names":["classKeys","baseRadioClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAAC,QAAQ,YAAY,gBAAgB,MAAM;AAEvE,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

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

@@ -0,0 +1,51 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useState, useCallback } from "react";
+import clsx from "clsx";
+import { StyledSwitch } from "./BaseSwitch.styles.js";
+import baseSwitchClasses from "./baseSwitchClasses.js";
+const HvBaseSwitch = (props) => {
+  const {
+    classes,
+    className,
+    id,
+    name,
+    value = "on",
+    required = false,
+    readOnly = false,
+    disabled = false,
+    checked,
+    defaultChecked,
+    onChange,
+    inputProps,
+    onFocusVisible,
+    onBlur,
+    ...others
+  } = props;
+  const [focusVisible, setFocusVisible] = useState(false);
+  const onFocusVisibleCallback = useCallback((evt) => {
+    setFocusVisible(true);
+    onFocusVisible == null ? void 0 : onFocusVisible(evt);
+  }, [onFocusVisible]);
+  const onBlurCallback = useCallback((evt) => {
+    setFocusVisible(false);
+    onBlur == null ? void 0 : onBlur(evt);
+  }, [onBlur]);
+  const onLocalChange = useCallback((evt) => {
+    if (readOnly) {
+      return;
+    }
+    onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
+  }, [onChange, readOnly, value]);
+  return /* @__PURE__ */ jsx(StyledSwitch, { id, name, className: clsx(className, baseSwitchClasses.root, classes == null ? void 0 : classes.root, disabled && clsx(baseSwitchClasses.disabled, classes == null ? void 0 : classes.disabled), readOnly && clsx(baseSwitchClasses.readOnly, classes == null ? void 0 : classes.readOnly), focusVisible && clsx(baseSwitchClasses.focusVisible, classes == null ? void 0 : classes.focusVisible)), $focusVisible: focusVisible, $readOnly: readOnly, $disabled: disabled, color: "default", disabled, required, readOnly, disableRipple: true, onChange: onLocalChange, value, checked, defaultChecked, classes: {
+    root: clsx(baseSwitchClasses.switch, classes == null ? void 0 : classes.switch),
+    switchBase: clsx(baseSwitchClasses.switchBase, classes == null ? void 0 : classes.switchBase),
+    checked: clsx(baseSwitchClasses.checked, classes == null ? void 0 : classes.checked),
+    track: clsx(baseSwitchClasses.track, classes == null ? void 0 : classes.track),
+    thumb: clsx(baseSwitchClasses.thumb, classes == null ? void 0 : classes.thumb),
+    disabled: clsx(baseSwitchClasses.disabled, classes == null ? void 0 : classes.disabled)
+  }, inputProps, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
+};
+export {
+  HvBaseSwitch
+};
+//# sourceMappingURL=BaseSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSwitch.js","sources":["../../../../src/components/BaseSwitch/BaseSwitch.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { StyledSwitch } from \"./BaseSwitch.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport type HvBaseSwitchProps = Omit<MuiSwitchProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the switch.\n     */\n    classes?: HvBaseSwitchClasses;\n    /**\n     * Id to be applied to the root node.\n     */\n    id?: string;\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * Is up to the application's logic when to consider the submission of this value.\n     * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the switch is selected, if set to `false` the switch is not selected.\n     *\n     * When defined the switch state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The callback fired when the switch is pressed.\n     */\n    onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  };\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * The Base Switch is a building block of the Switch form element. Don't use unless\n * implementing a custom use case not covered by the Switch form element.\n */\nexport const HvBaseSwitch = (props: HvBaseSwitchProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    checked,\n    defaultChecked,\n\n    onChange,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any, Element>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any, Element>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <StyledSwitch\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseSwitchClasses.root,\n        classes?.root,\n        disabled && clsx(baseSwitchClasses.disabled, classes?.disabled),\n        readOnly && clsx(baseSwitchClasses.readOnly, classes?.readOnly),\n        focusVisible &&\n          clsx(baseSwitchClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      $readOnly={readOnly}\n      $disabled={disabled}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      classes={{\n        root: clsx(baseSwitchClasses.switch, classes?.switch),\n        switchBase: clsx(baseSwitchClasses.switchBase, classes?.switchBase),\n        checked: clsx(baseSwitchClasses.checked, classes?.checked),\n        track: clsx(baseSwitchClasses.track, classes?.track),\n        thumb: clsx(baseSwitchClasses.thumb, classes?.thumb),\n        disabled: clsx(baseSwitchClasses.disabled, classes?.disabled),\n      }}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["HvBaseSwitch","props","classes","className","id","name","value","required","readOnly","disabled","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","onLocalChange","target","clsx","baseSwitchClasses","root","switch","switchBase","track","thumb"],"mappings":";;;;;AAiFaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IAERC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,WAAW;AAAA,IAEXC;AAAAA,IACAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IAEAC;AAAAA,IACAC;AAAAA,OAEGC;AAAAA,EACDf,IAAAA;AAEJ,QAAM,CAACgB,cAAcC,eAAe,IAAIC,SAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,YAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,YACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,YACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAI3B,SAAA,oBAAC,gBACC,IACA,MACA,WAAWoB,KACTvB,WACAwB,kBAAkBC,MAClB1B,mCAAS0B,MACTnB,YAAYiB,KAAKC,kBAAkBlB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYkB,KAAKC,kBAAkBnB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACES,KAAKC,kBAAkBV,cAAcf,mCAASe,YAAY,CAAC,GAE/D,eAAeA,cACf,WAAWT,UACX,WAAWC,UACX,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAUe,eACV,OACA,SACA,gBACA,SAAS;AAAA,IACPI,MAAMF,KAAKC,kBAAkBE,QAAQ3B,mCAAS2B,MAAM;AAAA,IACpDC,YAAYJ,KAAKC,kBAAkBG,YAAY5B,mCAAS4B,UAAU;AAAA,IAClEpB,SAASgB,KAAKC,kBAAkBjB,SAASR,mCAASQ,OAAO;AAAA,IACzDqB,OAAOL,KAAKC,kBAAkBI,OAAO7B,mCAAS6B,KAAK;AAAA,IACnDC,OAAON,KAAKC,kBAAkBK,OAAO9B,mCAAS8B,KAAK;AAAA,IACnDvB,UAAUiB,KAAKC,kBAAkBlB,UAAUP,mCAASO,QAAQ;AAAA,EAAA,GAE9D,YACA,gBAAgBW,wBAChB,QAAQG,gBACR,GAAIP,OACJ,CAAA;AAEN;"}

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

@@ -0,0 +1,111 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { Switch, switchClasses } from "@mui/material";
+import { transientOptions } from "../../utils/transientOptions.js";
+import { outlineStyles } from "../../utils/focusUtils.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);
+}
+const StyledSwitch = /* @__PURE__ */ _styled(Switch, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1hgtekf0"
+}, transientOptions) : _extends({}, {
+  target: "e1hgtekf0",
+  label: "StyledSwitch"
+}, transientOptions))(({
+  $focusVisible,
+  $readOnly,
+  $disabled
+}) => ({
+  padding: theme.baseSwitch.padding,
+  cursor: "pointer",
+  width: theme.baseSwitch.width,
+  height: theme.baseSwitch.height,
+  alignItems: "center",
+  justifyContent: "center",
+  "&:hover": {
+    backgroundColor: theme.baseSwitch.hoverBackgroundColor
+  },
+  borderRadius: theme.baseSwitch.borderRadius,
+  [`&.${switchClasses.root}`]: {
+    width: theme.baseSwitch.width,
+    height: theme.baseSwitch.height,
+    padding: theme.baseSwitch.padding
+  },
+  [`& .${switchClasses.switchBase}`]: {
+    width: theme.baseSwitch.width,
+    height: theme.baseSwitch.height,
+    padding: theme.baseSwitch.padding,
+    "&:hover": {
+      backgroundColor: theme.baseSwitch.hoverBaseBackgroundColor
+    },
+    [`&.${switchClasses.checked}`]: {
+      transform: "translateX(16px)",
+      [`& + .${switchClasses.track}`]: {
+        opacity: theme.baseSwitch.checkedOpacity,
+        backgroundColor: theme.baseSwitch.checkedTrackBackgroundColor
+      },
+      "&:hover": {
+        backgroundColor: theme.baseSwitch.hoverBaseBackgroundColor
+      }
+    }
+  },
+  [`.${switchClasses.track}`]: {
+    opacity: theme.baseSwitch.track.opacity,
+    borderRadius: theme.baseSwitch.track.borderRadius,
+    height: theme.baseSwitch.track.height,
+    width: theme.baseSwitch.track.width,
+    border: theme.baseSwitch.track.border,
+    backgroundColor: theme.baseSwitch.track.backgroundColor
+  },
+  [`.${switchClasses.thumb}`]: {
+    position: "relative",
+    left: theme.baseSwitch.thumb.left,
+    width: theme.baseSwitch.thumb.width,
+    height: theme.baseSwitch.thumb.height,
+    border: theme.baseSwitch.thumb.border,
+    backgroundColor: theme.baseSwitch.thumb.backgroundColor,
+    marginLeft: theme.baseSwitch.thumb.marginLeft,
+    marginTop: theme.baseSwitch.thumb.marginTop,
+    boxShadow: theme.baseSwitch.thumb.boxShadow
+  },
+  [`.${switchClasses.disabled}`]: {
+    [`& .${switchClasses.thumb}`]: {
+      backgroundColor: theme.baseSwitch.disabled.thumbBackgroundColor,
+      border: theme.baseSwitch.disabled.thumbBorder
+    },
+    [`&.${switchClasses.switchBase} + .${switchClasses.track}`]: {
+      opacity: theme.baseSwitch.disabled.trackOpacity,
+      backgroundColor: theme.baseSwitch.disabled.trackBackgroundColor,
+      border: theme.baseSwitch.disabled.trackBorder
+    }
+  },
+  ...$readOnly && {
+    [`.${switchClasses.switchBase}`]: {
+      cursor: "default"
+    }
+  },
+  ...$focusVisible && {
+    borderRadius: theme.baseSwitch.focusBorderRadius,
+    ...outlineStyles
+  },
+  ...$disabled && {
+    [`&.${switchClasses.root}`]: {
+      cursor: "not-allowed"
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZVN3aXRjaC9CYXNlU3dpdGNoLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZVN3aXRjaC9CYXNlU3dpdGNoLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIFN3aXRjaCBhcyBNdWlTd2l0Y2gsXG4gIHN3aXRjaENsYXNzZXMgYXMgTXVpU3dpdGNoQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU3dpdGNoID0gc3R5bGVkKFxuICBNdWlTd2l0Y2gsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGZvY3VzVmlzaWJsZSxcbiAgICAkcmVhZE9ubHksXG4gICAgJGRpc2FibGVkLFxuICB9OiB7XG4gICAgJGZvY3VzVmlzaWJsZTogYm9vbGVhbjtcbiAgICAkcmVhZE9ubHk6IGJvb2xlYW47XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIHBhZGRpbmc6IHRoZW1lLmJhc2VTd2l0Y2gucGFkZGluZyxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiB0aGVtZS5iYXNlU3dpdGNoLndpZHRoLFxuICAgIGhlaWdodDogdGhlbWUuYmFzZVN3aXRjaC5oZWlnaHQsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlU3dpdGNoLmhvdmVyQmFja2dyb3VuZENvbG9yLFxuICAgIH0sXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5iYXNlU3dpdGNoLmJvcmRlclJhZGl1cyxcblxuICAgIFtgJi4ke011aVN3aXRjaENsYXNzZXMucm9vdH1gXToge1xuICAgICAgd2lkdGg6IHRoZW1lLmJhc2VTd2l0Y2gud2lkdGgsXG4gICAgICBoZWlnaHQ6IHRoZW1lLmJhc2VTd2l0Y2guaGVpZ2h0LFxuICAgICAgcGFkZGluZzogdGhlbWUuYmFzZVN3aXRjaC5wYWRkaW5nLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7TXVpU3dpdGNoQ2xhc3Nlcy5zd2l0Y2hCYXNlfWBdOiB7XG4gICAgICB3aWR0aDogdGhlbWUuYmFzZVN3aXRjaC53aWR0aCxcbiAgICAgIGhlaWdodDogdGhlbWUuYmFzZVN3aXRjaC5oZWlnaHQsXG4gICAgICBwYWRkaW5nOiB0aGVtZS5iYXNlU3dpdGNoLnBhZGRpbmcsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VTd2l0Y2guaG92ZXJCYXNlQmFja2dyb3VuZENvbG9yLFxuICAgICAgfSxcbiAgICAgIFtgJi4ke011aVN3aXRjaENsYXNzZXMuY2hlY2tlZH1gXToge1xuICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxNnB4KVwiLFxuICAgICAgICBbYCYgKyAuJHtNdWlTd2l0Y2hDbGFzc2VzLnRyYWNrfWBdOiB7XG4gICAgICAgICAgb3BhY2l0eTogdGhlbWUuYmFzZVN3aXRjaC5jaGVja2VkT3BhY2l0eSxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VTd2l0Y2guY2hlY2tlZFRyYWNrQmFja2dyb3VuZENvbG9yLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZVN3aXRjaC5ob3ZlckJhc2VCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYC4ke011aVN3aXRjaENsYXNzZXMudHJhY2t9YF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLmJhc2VTd2l0Y2gudHJhY2sub3BhY2l0eSxcbiAgICAgIGJvcmRlclJhZGl1czogdGhlbWUuYmFzZVN3aXRjaC50cmFjay5ib3JkZXJSYWRpdXMsXG4gICAgICBoZWlnaHQ6IHRoZW1lLmJhc2VTd2l0Y2gudHJhY2suaGVpZ2h0LFxuICAgICAgd2lkdGg6IHRoZW1lLmJhc2VTd2l0Y2gudHJhY2sud2lkdGgsXG4gICAgICBib3JkZXI6IHRoZW1lLmJhc2VTd2l0Y2gudHJhY2suYm9yZGVyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlU3dpdGNoLnRyYWNrLmJhY2tncm91bmRDb2xvcixcbiAgICB9LFxuXG4gICAgW2AuJHtNdWlTd2l0Y2hDbGFzc2VzLnRodW1ifWBdOiB7XG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgbGVmdDogdGhlbWUuYmFzZVN3aXRjaC50aHVtYi5sZWZ0LFxuICAgICAgd2lkdGg6IHRoZW1lLmJhc2VTd2l0Y2gudGh1bWIud2lkdGgsXG4gICAgICBoZWlnaHQ6IHRoZW1lLmJhc2VTd2l0Y2gudGh1bWIuaGVpZ2h0LFxuICAgICAgYm9yZGVyOiB0aGVtZS5iYXNlU3dpdGNoLnRodW1iLmJvcmRlcixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZVN3aXRjaC50aHVtYi5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5iYXNlU3dpdGNoLnRodW1iLm1hcmdpbkxlZnQsXG4gICAgICBtYXJnaW5Ub3A6IHRoZW1lLmJhc2VTd2l0Y2gudGh1bWIubWFyZ2luVG9wLFxuICAgICAgYm94U2hhZG93OiB0aGVtZS5iYXNlU3dpdGNoLnRodW1iLmJveFNoYWRvdyxcbiAgICB9LFxuXG4gICAgW2AuJHtNdWlTd2l0Y2hDbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgICBbYCYgLiR7TXVpU3dpdGNoQ2xhc3Nlcy50aHVtYn1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VTd2l0Y2guZGlzYWJsZWQudGh1bWJCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgIGJvcmRlcjogdGhlbWUuYmFzZVN3aXRjaC5kaXNhYmxlZC50aHVtYkJvcmRlcixcbiAgICAgIH0sXG4gICAgICBbYCYuJHtNdWlTd2l0Y2hDbGFzc2VzLnN3aXRjaEJhc2V9ICsgLiR7TXVpU3dpdGNoQ2xhc3Nlcy50cmFja31gXToge1xuICAgICAgICBvcGFjaXR5OiB0aGVtZS5iYXNlU3dpdGNoLmRpc2FibGVkLnRyYWNrT3BhY2l0eSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlU3dpdGNoLmRpc2FibGVkLnRyYWNrQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBib3JkZXI6IHRoZW1lLmJhc2VTd2l0Y2guZGlzYWJsZWQudHJhY2tCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgIFtgLiR7TXVpU3dpdGNoQ2xhc3Nlcy5zd2l0Y2hCYXNlfWBdOiB7XG4gICAgICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRmb2N1c1Zpc2libGUgJiYge1xuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5iYXNlU3dpdGNoLmZvY3VzQm9yZGVyUmFkaXVzLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9KSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgW2AmLiR7TXVpU3dpdGNoQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+export {
+  StyledSwitch
+};
+//# sourceMappingURL=BaseSwitch.styles.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;AASaA,MAAAA,uCACXC,QAASC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACTC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAASC,MAAMC,WAAWF;AAAAA,EAC1BG,QAAQ;AAAA,EACRC,OAAOH,MAAMC,WAAWE;AAAAA,EACxBC,QAAQJ,MAAMC,WAAWG;AAAAA,EACzBC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAChB,WAAW;AAAA,IACTC,iBAAiBP,MAAMC,WAAWO;AAAAA,EACpC;AAAA,EACAC,cAAcT,MAAMC,WAAWQ;AAAAA,EAE/B,CAAE,KAAIC,cAAiBC,SAAS;AAAA,IAC9BR,OAAOH,MAAMC,WAAWE;AAAAA,IACxBC,QAAQJ,MAAMC,WAAWG;AAAAA,IACzBL,SAASC,MAAMC,WAAWF;AAAAA,EAC5B;AAAA,EAEA,CAAE,MAAKW,cAAiBE,eAAe;AAAA,IACrCT,OAAOH,MAAMC,WAAWE;AAAAA,IACxBC,QAAQJ,MAAMC,WAAWG;AAAAA,IACzBL,SAASC,MAAMC,WAAWF;AAAAA,IAC1B,WAAW;AAAA,MACTQ,iBAAiBP,MAAMC,WAAWY;AAAAA,IACpC;AAAA,IACA,CAAE,KAAIH,cAAiBI,YAAY;AAAA,MACjCC,WAAW;AAAA,MACX,CAAE,QAAOL,cAAiBM,UAAU;AAAA,QAClCC,SAASjB,MAAMC,WAAWiB;AAAAA,QAC1BX,iBAAiBP,MAAMC,WAAWkB;AAAAA,MACpC;AAAA,MACA,WAAW;AAAA,QACTZ,iBAAiBP,MAAMC,WAAWY;AAAAA,MACpC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,CAAE,IAAGH,cAAiBM,UAAU;AAAA,IAC9BC,SAASjB,MAAMC,WAAWe,MAAMC;AAAAA,IAChCR,cAAcT,MAAMC,WAAWe,MAAMP;AAAAA,IACrCL,QAAQJ,MAAMC,WAAWe,MAAMZ;AAAAA,IAC/BD,OAAOH,MAAMC,WAAWe,MAAMb;AAAAA,IAC9BiB,QAAQpB,MAAMC,WAAWe,MAAMI;AAAAA,IAC/Bb,iBAAiBP,MAAMC,WAAWe,MAAMT;AAAAA,EAC1C;AAAA,EAEA,CAAE,IAAGG,cAAiBW,UAAU;AAAA,IAC9BC,UAAU;AAAA,IACVC,MAAMvB,MAAMC,WAAWoB,MAAME;AAAAA,IAC7BpB,OAAOH,MAAMC,WAAWoB,MAAMlB;AAAAA,IAC9BC,QAAQJ,MAAMC,WAAWoB,MAAMjB;AAAAA,IAC/BgB,QAAQpB,MAAMC,WAAWoB,MAAMD;AAAAA,IAC/Bb,iBAAiBP,MAAMC,WAAWoB,MAAMd;AAAAA,IACxCiB,YAAYxB,MAAMC,WAAWoB,MAAMG;AAAAA,IACnCC,WAAWzB,MAAMC,WAAWoB,MAAMI;AAAAA,IAClCC,WAAW1B,MAAMC,WAAWoB,MAAMK;AAAAA,EACpC;AAAA,EAEA,CAAE,IAAGhB,cAAiBiB,aAAa;AAAA,IACjC,CAAE,MAAKjB,cAAiBW,UAAU;AAAA,MAChCd,iBAAiBP,MAAMC,WAAW0B,SAASC;AAAAA,MAC3CR,QAAQpB,MAAMC,WAAW0B,SAASE;AAAAA,IACpC;AAAA,IACA,CAAE,KAAInB,cAAiBE,iBAAiBF,cAAiBM,UAAU;AAAA,MACjEC,SAASjB,MAAMC,WAAW0B,SAASG;AAAAA,MACnCvB,iBAAiBP,MAAMC,WAAW0B,SAASI;AAAAA,MAC3CX,QAAQpB,MAAMC,WAAW0B,SAASK;AAAAA,IACpC;AAAA,EACF;AAAA,EAEA,GAAInC,aAAa;AAAA,IACf,CAAE,IAAGa,cAAiBE,eAAe;AAAA,MACnCV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIN,iBAAiB;AAAA,IACnBa,cAAcT,MAAMC,WAAWgC;AAAAA,IAC/B,GAAGC;AAAAA,EACL;AAAA,EAEA,GAAIpC,aAAa;AAAA,IACf,CAAE,KAAIY,cAAiBC,SAAS;AAAA,MAC9BT,QAAQ;AAAA,IACV;AAAA,EACF;AACF,IAAEb,QAAAC,IAAAC,aACH,eAAA,KAAA,67JAAA;"}

package/dist/esm/components/BaseSwitch/baseSwitchClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "disabled", "readOnly", "switch", "switchBase", "checked", "track", "thumb", "focusVisible"];
+const baseSwitchClasses = getClasses(classKeys, "HvBaseSwitch");
+const baseSwitchClasses$1 = baseSwitchClasses;
+export {
+  baseSwitchClasses$1 as default
+};
+//# sourceMappingURL=baseSwitchClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"baseSwitchClasses.js","sources":["../../../../src/components/BaseSwitch/baseSwitchClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBaseSwitchClasses = {\n  /** Styles applied to the component. */\n  root?: string;\n  /** Styles applied to the switch when it is disabled. */\n  disabled?: string;\n  /** Styles applied to the switch when it is in read only mode. */\n  readOnly?: string;\n  /** Styles applied to the internal Switch component's root class. */\n  switch?: string;\n  /** Styles applied to the internal SwitchBase component's root class. */\n  switchBase?: string;\n  /** Pseudo-class applied to the internal SwitchBase component's checked class. */\n  checked?: string;\n  /** Styles applied to the track element. */\n  track?: string;\n  /** Styles used to create the thumb passed to the internal SwitchBase component icon prop. */\n  thumb?: string;\n  /** Class applied to the root element if keyboard focused. */\n  focusVisible?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disabled\",\n  \"readOnly\",\n  \"switch\",\n  \"switchBase\",\n  \"checked\",\n  \"track\",\n  \"thumb\",\n  \"focusVisible\",\n];\n\nconst baseSwitchClasses = getClasses<HvBaseSwitchClasses>(\n  classKeys,\n  \"HvBaseSwitch\"\n);\n\nexport default baseSwitchClasses;\n"],"names":["classKeys","baseSwitchClasses","getClasses"],"mappings":";AAuBA,MAAMA,YAAsB,CAC1B,QACA,YACA,YACA,UACA,cACA,WACA,SACA,SACA,cAAc;AAGhB,MAAMC,oBAAoBC,WACxBF,WACA,cAAc;AAGhB,MAAA,sBAAeC;"}

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

@@ -0,0 +1,20 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { theme } from "@hitachivantara/uikit-styles";
+import { forwardRef } from "react";
+const useSx = (sx) => {
+  return typeof sx === "function" ? sx(theme) : sx;
+};
+const HvBox = forwardRef(({
+  style,
+  as,
+  sx,
+  children,
+  ...restProps
+}, ref) => {
+  const Component = as || "div";
+  return /* @__PURE__ */ jsx(Component, { style: sx ? useSx(sx) : style, ref, ...restProps, children });
+});
+export {
+  HvBox
+};
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +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;AAGtB,SAAA,oBAAC,WAAU,EAAA,OAAOL,KAAKD,MAAMC,EAAE,IAAII,OAAO,KAAcG,GAAAA,WACrDD,SACH,CAAA;AAEJ,CAAC;"}

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

@@ -0,0 +1,53 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import startCase from "lodash/startCase";
+import { isValidElement } from "react";
+import { StyledRoot, StyledOrderedList, StyledTypography } from "./BreadCrumb.styles.js";
+import { pathWithSubMenu, removeExtension } from "./utils.js";
+import breadCrumbClasses from "./breadCrumbClasses.js";
+import { HvPathElement } from "./PathElement/PathElement.js";
+import { HvPage } from "./Page/Page.js";
+const HvBreadCrumb = ({
+  classes,
+  className,
+  id,
+  listRoute = [],
+  maxVisible,
+  url,
+  onClick,
+  component = "div",
+  dropDownMenuProps,
+  ...others
+}) => {
+  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;
+  let listPath = listRoute.slice();
+  if (!isNil(url)) {
+    listPath = [];
+    const baseUrl = url.match(/^.*\/\/[^/]+/);
+    const urlWithoutDomain = url.replace(/^.*\/\/[^/]+/, "");
+    const pathNames = urlWithoutDomain.split("/").filter((x) => x);
+    pathNames.map((elem, index) => listPath.push({
+      label: decodeURI(elem),
+      path: `${baseUrl}/${pathNames.slice(0, index + 1).join("/")}`
+    }));
+  }
+  const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
+  return /* @__PURE__ */ jsx(StyledRoot, { id, className: clsx(breadCrumbClasses.root, classes == null ? void 0 : classes.root, className), ...others, children: /* @__PURE__ */ jsx(StyledOrderedList, { className: clsx(breadCrumbClasses.orderedList, classes == null ? void 0 : classes.orderedList), children: listPath.map((elem, index) => {
+    const key = `key_${index}`;
+    const isLast = index === breadcrumbPath.length - 1;
+    {
+      return /* @__PURE__ */ jsx(HvPathElement, { classes: {
+        centerContainer: clsx(breadCrumbClasses.centerContainer, classes == null ? void 0 : classes.centerContainer),
+        separatorContainer: clsx(breadCrumbClasses.separatorContainer, classes == null ? void 0 : classes.separatorContainer)
+      }, last: isLast, children: isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsx(StyledTypography, { className: clsx(breadCrumbClasses.currentPage, classes == null ? void 0 : classes.currentPage), variant: "body", children: startCase(removeExtension(elem.label)) }) || /* @__PURE__ */ jsx(HvPage, { elem, classes: {
+        a: clsx(breadCrumbClasses.a, classes == null ? void 0 : classes.a),
+        link: clsx(breadCrumbClasses.link, classes == null ? void 0 : classes.link)
+      }, Component: onClick ? component : void 0, onClick }, key) }, key);
+    }
+  }) }) });
+};
+export {
+  HvBreadCrumb
+};
+//# sourceMappingURL=BreadCrumb.js.map

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

@@ -0,0 +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","clsx","breadCrumbClasses","root","orderedList","key","isLast","centerContainer","separatorContainer","isValidElement","currentPage","startCase","removeExtension","a","link","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;AAGJ,SAAA,oBAAC,YACC,EAAA,IACA,WAAWsB,KAAKC,kBAAkBC,MAAMnC,mCAASmC,MAAMlC,SAAS,GAC5DQ,GAAAA,QAEJ,8BAAC,mBACC,EAAA,WAAWwB,KAAKC,kBAAkBE,aAAapC,mCAASoC,WAAW,GAElEzB,UAASW,SAAAA,IAAI,CAACC,MAAMC,UAAU;AAC7B,UAAMa,MAAO,OAAMb;AACbc,UAAAA,SAASd,UAAUM,eAAeC,SAAS;AAEjD;AAEI,aAAA,oBAAC,iBACC,SAAS;AAAA,QACPQ,iBAAiBN,KACfC,kBAAkBK,iBAClBvC,mCAASuC,eAAe;AAAA,QAE1BC,oBAAoBP,KAClBC,kBAAkBM,oBAClBxC,mCAASwC,kBAAkB;AAAA,MAAA,GAI/B,MAAMF,QAEJG,UAAAA,eAAelB,IAAI,KAAKA,QACvBe,UACE,oBAAA,kBAAA,EACC,WAAWL,KACTC,kBAAkBQ,aAClB1C,mCAAS0C,WAAW,GAEtB,SAAQ,QAEPC,UAAAA,UAAUC,gBAAgBrB,KAAKG,KAAK,CAAC,EACxC,CAAA,KAEC,oBAAA,QAAA,EAEC,MACA,SAAS;AAAA,QACPmB,GAAGZ,KAAKC,kBAAkBW,GAAG7C,mCAAS6C,CAAC;AAAA,QACvCC,MAAMb,KAAKC,kBAAkBY,MAAM9C,mCAAS8C,IAAI;AAAA,MAAA,GAElD,WAAWxC,UAAUC,YAAYwC,QACjC,QAPKV,GAAAA,GASR,KAzBEA,GA0BP;AAAA,IAEJ;AAAA,EAAA,CACD,GACH,EACF,CAAA;AAEJ;"}

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

@@ -0,0 +1,45 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { HvTypography } from "../Typography/Typography.js";
+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("nav", process.env.NODE_ENV === "production" ? {
+  target: "e17idydo2"
+} : {
+  target: "e17idydo2",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "okudj8",
+  styles: "display:flex;align-items:center;z-index:0"
+} : {
+  name: "okudj8",
+  styles: "display:flex;align-items:center;z-index:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJpbmRleFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledOrderedList = /* @__PURE__ */ _styled("ol", process.env.NODE_ENV === "production" ? {
+  target: "e17idydo1"
+} : {
+  target: "e17idydo1",
+  label: "StyledOrderedList"
+})({
+  display: "flex",
+  paddingLeft: 0,
+  marginLeft: `-${theme.space.xs}`
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJpbmRleFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
+const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e17idydo0"
+} : {
+  target: "e17idydo0",
+  label: "StyledTypography"
+})({
+  padding: `8px ${theme.space.xs}`
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0JyZWFkQ3J1bWIvQnJlYWRDcnVtYi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiaW5kZXhcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJuYXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgekluZGV4OiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPcmRlcmVkTGlzdCA9IHN0eWxlZChcIm9sXCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHBhZGRpbmdMZWZ0OiAwLFxuICBtYXJnaW5MZWZ0OiBgLSR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBwYWRkaW5nOiBgOHB4ICR7dGhlbWUuc3BhY2UueHN9YCxcbn0pO1xuIl19 */");
+export {
+  StyledOrderedList,
+  StyledRoot,
+  StyledTypography
+};
+//# sourceMappingURL=BreadCrumb.styles.js.map

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

@@ -0,0 +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","props","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;AAEWe,MAAAA,mBAA2BC,wBAAAA,CAAAA,UAAW,oBAAA,cAAA,EAAiBA,GAAAA,MAAAA,CAAS,GAAAlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7Ee,SAAU,OAAML,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;"}

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

@@ -0,0 +1,20 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+import { startCase } from "lodash";
+import { StyledLink, StyledTypography } from "./Page.styles.js";
+import pageClasses from "./pageClasses.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
+const HvPage = ({
+  Component,
+  onClick,
+  elem,
+  classes
+}) => {
+  return /* @__PURE__ */ jsx(StyledLink, { route: elem.path, component: Component, onClick, data: elem, classes: {
+    a: clsx(pageClasses.a, classes == null ? void 0 : classes.a)
+  }, children: /* @__PURE__ */ jsx(StyledTypography, { noWrap: true, component: "div", variant: "label", className: clsx(pageClasses.link, classes == null ? void 0 : classes.link, pageClasses.label, classes == null ? void 0 : classes.label), children: /* @__PURE__ */ jsx(HvOverflowTooltip, { data: startCase(elem.label) }) }) });
+};
+export {
+  HvPage
+};
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +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","path","a","clsx","pageClasses","link","label","startCase"],"mappings":";;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAE1E,SAAA,oBAAC,YACC,EAAA,OAAOD,KAAKE,MACZ,WAAWJ,WACX,SACA,MAAME,MACN,SAAS;AAAA,IAAEG,GAAGC,KAAKC,YAAYF,GAAGF,mCAASE,CAAC;AAAA,EAAA,GAE5C,UAAA,oBAAC,kBACC,EAAA,QAAM,MACN,WAAU,OACV,SAAQ,SACR,WAAWC,KACTC,YAAYC,MACZL,mCAASK,MACTD,YAAYE,OACZN,mCAASM,KAAK,GAGhB,UAAC,oBAAA,mBAAA,EAAkB,MAAMC,UAAUR,KAAKO,KAAK,EAAE,CAAA,EAAA,CACjD,EACF,CAAA;AAEJ;"}

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

@@ -0,0 +1,40 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { HvLink } from "../../Link/Link.js";
+import { HvTypography } from "../../Typography/Typography.js";
+const StyledLink = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvLink, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e8ovoy91"
+} : {
+  target: "e8ovoy91",
+  label: "StyledLink"
+})({
+  padding: `8px ${theme.space.xs}`,
+  textDecoration: "none",
+  borderRadius: "2px",
+  "&: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= */");
+const StyledTypography = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
+  target: "e8ovoy90"
+} : {
+  target: "e8ovoy90",
+  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 */");
+export {
+  StyledLink,
+  StyledTypography
+};
+//# sourceMappingURL=Page.styles.js.map

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

@@ -0,0 +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","props","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","backgroundColor","colors","atmo3","StyledTypography","maxWidth","color","acce1","textTransform","cursor"],"mappings":";;;;;AAIaA,MAAAA,aAAqBC,wBAAAA,CAAAA,UAAW,oBAAA,QAAA,EAAWA,GAAAA,MAAAA,CAAS,GAAAC,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;AAEWY,MAAAA,mBAA2Bf,wBAAAA,CAAAA,UAAW,oBAAA,cAAA,EAAiBA,GAAAA,MAAAA,CAAS,GAAAC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EW,UAAU;AAAA,EACVC,OAAOV,MAAMM,OAAOK;AAAAA,EACpBC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRR,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;"}

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

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["a", "link", "label"];
+const pageClasses = getClasses(classKeys, "HvPage");
+const pageClasses$1 = pageClasses;
+export {
+  pageClasses$1 as default
+};
+//# sourceMappingURL=pageClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pageClasses.js","sources":["../../../../../src/components/BreadCrumb/Page/pageClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvPageClasses = {\n  a?: string;\n  link?: string;\n  label?: string;\n};\n\nconst classKeys: string[] = [\"a\", \"link\", \"label\"];\n\nconst pageClasses = getClasses<HvPageClasses>(classKeys, \"HvPage\");\n\nexport default pageClasses;\n"],"names":["classKeys","pageClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,KAAK,QAAQ,OAAO;AAEjD,MAAMC,cAAcC,WAA0BF,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;"}

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

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { DropRightXS } from "@hitachivantara/uikit-react-icons";
+import clsx from "clsx";
+import { StyledLi } from "./PathElement.styles.js";
+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","clsx","pathElementClasses","centerContainer","separatorContainer"],"mappings":";;;;;AAWO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACkB,MAAM;AAEtB,SAAA,qBAAC,YACC,WAAWC,KACTC,mBAAmBC,iBACnBL,mCAASK,eAAe,GAGzBH,UAAAA;AAAAA,IAAAA;AAAAA,IACA,CAACD,QACC,oBAAA,aAAA,EACC,WAAWE,KACTC,mBAAmBE,oBACnBN,mCAASM,kBAAkB,GAE7B,OAAM,QAET,CAAA;AAAA,EACH,EAAA,CAAA;AAEJ;"}

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,16 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { MoreOptionsHorizontal } from "@hitachivantara/uikit-react-icons";
+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","setId"],"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;AAEjDI,YAAAA,OACR,GACAJ,kBACA,oBAAC,kBACC,IAAIK,MAAMV,IAAI,SAAS,GACvB,0BAAO,uBAAsB,EAAA,UAAS,KAAI,OAAM,QAAA,CAAU,GAC1D,UAAUO,aACNH,GAAAA,kBAAAA,CAAkB,CACtB;AAGGF,SAAAA;AACT;"}