@hitachivantara/uikit-react-core 5.0.0-next.1 → 5.0.0-next.11

package/dist/cjs/components/BaseRadio/BaseRadio.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const BaseRadio_styles = require("./BaseRadio.styles.cjs");
 const baseRadioClasses = require("./baseRadioClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const getSelectorIcons = (options, classes) => {
@@ -16,14 +16,8 @@ const getSelectorIcons = (options, classes) => {
   const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || void 0;
   const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || void 0;
   return {
-    radio: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.RadioButtonUnselected, {
-      color,
-      className: clsx__default.default(baseRadioClasses.default.icon, classes == null ? void 0 : classes.icon)
-    }),
-    radioChecked: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.RadioButtonSelected, {
-      color: checkedColor,
-      className: clsx__default.default(baseRadioClasses.default.icon, classes == null ? void 0 : classes.icon)
-    })
+    radio: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.RadioButtonUnselected, { color, className: clsx__default.default(baseRadioClasses.default.icon, classes == null ? void 0 : classes.icon) }),
+    radioChecked: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.RadioButtonSelected, { color: checkedColor, className: clsx__default.default(baseRadioClasses.default.icon, classes == null ? void 0 : classes.icon) })
   };
 };
 const HvBaseRadio = (props) => {
@@ -64,27 +58,7 @@ const HvBaseRadio = (props) => {
     }
     onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseRadio_styles.StyledRadio, {
-    id,
-    name,
-    className: clsx__default.default(className, baseRadioClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseRadioClasses.default.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx__default.default(baseRadioClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible)),
-    $focusVisible: focusVisible,
-    icon: icons.radio,
-    checkedIcon: icons.radioChecked,
-    color: "default",
-    disabled,
-    required,
-    readOnly,
-    disableRipple: true,
-    onChange: onLocalChange,
-    value,
-    checked,
-    defaultChecked,
-    inputProps,
-    onFocusVisible: onFocusVisibleCallback,
-    onBlur: onBlurCallback,
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseRadio_styles.StyledRadio, { id, name, className: clsx__default.default(className, baseRadioClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseRadioClasses.default.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx__default.default(baseRadioClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible)), $focusVisible: focusVisible, icon: icons.radio, checkedIcon: icons.radioChecked, color: "default", disabled, required, readOnly, disableRipple: true, onChange: onLocalChange, value, checked, defaultChecked, inputProps, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
 };
 exports.HvBaseRadio = HvBaseRadio;
 exports.getSelectorIcons = getSelectorIcons;

package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n  RadioButtonUnselected,\n  RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps, HvExtraProps } from \"../../types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport type HvBaseRadioProps = Omit<MuiRadioProps, \"onChange\"> &\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 radio button.\n     */\n    classes?: HvBaseRadioClasses;\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     * 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 radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button 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 radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\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  } & HvExtraProps;\n\nexport const getSelectorIcons = (\n  options: { disabled: boolean; semantic: boolean },\n  classes?: HvBaseRadioClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  return {\n    radio: (\n      <RadioButtonUnselected\n        color={color}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n    radioChecked: (\n      <RadioButtonSelected\n        color={checkedColor}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    checked,\n    defaultChecked,\n    onChange,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\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    <StyledRadio\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseRadioClasses.root,\n        classes?.root,\n        disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\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      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","RadioButtonUnselected","className","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root","$focusVisible","checkedIcon","disableRipple"],"mappings":";;;;;;;;;;AAoFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAEK,SAAA;AAAA,IACLE,sCACGC,uCAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,6CACGC,qCAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,cAAAA,QAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAQ;AAAAA,IACAQ;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXnB,WAAW;AAAA,IACXoB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACArB,WAAW;AAAA,IACXsB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDZ,IAAAA;AAEJ,QAAM,CAACa,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQrC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDoC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAG7B,wCACGoB,iBAAAA,aAAW;AAAA,IACVtB;AAAAA,IACAC;AAAAA,IACAT,WAAWC,cAAAA,QACTD,WACAE,iBAAAA,QAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,sBAAKC,iBAAAA,QAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,cAAAA,QAAKC,iBAAAA,QAAiBkB,cAAc5B,mCAAS4B,YAAY,CAAC;AAAA,IAE9DY,eAAeZ;AAAAA,IACfjB,MAAMwB,MAAM7B;AAAAA,IACZmC,aAAaN,MAAMvB;AAAAA,IACnBT,OAAM;AAAA,IACNF;AAAAA,IACAkB;AAAAA,IACAC;AAAAA,IACAsB,eAAa;AAAA,IACbnB,UAAUa;AAAAA,IACVlB;AAAAA,IACAG;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;;"}
+{"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n  RadioButtonUnselected,\n  RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport type HvBaseRadioProps = Omit<MuiRadioProps, \"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 radio button.\n     */\n    classes?: HvBaseRadioClasses;\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     * 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 radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button 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 radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\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\nexport const getSelectorIcons = (\n  options: { disabled: boolean; semantic: boolean },\n  classes?: HvBaseRadioClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  return {\n    radio: (\n      <RadioButtonUnselected\n        color={color}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n    radioChecked: (\n      <RadioButtonSelected\n        color={checkedColor}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    checked,\n    defaultChecked,\n    onChange,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\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    <StyledRadio\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseRadioClasses.root,\n        classes?.root,\n        disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\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      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","jsx","RadioButtonUnselected","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root"],"mappings":";;;;;;;;;;AAoFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAEK,SAAA;AAAA,IACLE,OACGC,2BAAA,IAAAC,uCAAA,EACC,OACA,WAAWC,sBAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI,EAEvD,CAAA;AAAA,IACDC,cACGL,2BAAAA,IAAAM,gBAAAA,qBAAA,EACC,OAAOR,cACP,WAAWI,cAAAA,QAAKC,iBAAiBC,QAAAA,MAAMX,mCAASW,IAAI,EAAE,CAAA;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAgB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXpB,WAAW;AAAA,IACXqB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAtB,WAAW;AAAA,IACXuB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDb,IAAAA;AAEJ,QAAM,CAACc,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQtC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDqC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAI3B,SAAAZ,+BAACgC,iBAAAA,aACC,EAAA,IACA,MACA,WAAW9B,sBACTO,WACAN,iBAAAA,QAAiB8B,MACjBxC,mCAASwC,MACTvC,YAAYQ,sBAAKC,yBAAiBT,UAAUD,mCAASC,QAAQ,GAC7D4B,gBACEpB,sBAAKC,iBAAiBmB,QAAAA,cAAc7B,mCAAS6B,YAAY,CAAC,GAE9D,eAAeA,cACf,MAAMO,MAAM9B,OACZ,aAAa8B,MAAMxB,cACnB,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAUyB,eACV,OACA,SACA,gBACA,YACA,gBAAgBL,wBAChB,QAAQG,gBACJP,GAAAA,OACJ,CAAA;AAEN;;;"}

package/dist/cjs/components/BaseRadio/BaseRadio.styles.cjs

@@ -40,7 +40,7 @@ const StyledRadio = /* @__PURE__ */ _styled__default.default(material.Radio, pro
     cursor: "not-allowed",
     pointerEvents: "initial",
     "& svg": {
-      "& path:nth-child(2)": {
+      "& path:nth-of-type(2)": {
         fill: uikitStyles.theme.colors.atmo5
       }
     }
@@ -51,6 +51,6 @@ const StyledRadio = /* @__PURE__ */ _styled__default.default(material.Radio, pro
       ...focusUtils.outlineStyles
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZVJhZGlvL0Jhc2VSYWRpby5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VSYWRpby9CYXNlUmFkaW8uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIFJhZGlvIGFzIE11aVJhZGlvLFxuICByYWRpb0NsYXNzZXMgYXMgTXVpUmFkaW9DbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKFxuICBNdWlSYWRpbyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZVJhZGlvLmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5iYXNlUmFkaW8uaG92ZXJCb3JkZXJSYWRpdXMsXG4gIH0sXG4gIGJvcmRlclJhZGl1czogMCxcblxuICBbYCYuJHtNdWlSYWRpb0NsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICBcIiYgc3ZnXCI6IHtcbiAgICAgIFwiJiBwYXRoOm50aC1jaGlsZCgyKVwiOiB7XG4gICAgICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbiAgLi4uKCRmb2N1c1Zpc2libGUgJiYge1xuICAgIFwiJiBzdmdcIjoge1xuICAgICAgYm9yZGVyUmFkaXVzOiBcIjhweFwiLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICB9LFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZVJhZGlvL0Jhc2VSYWRpby5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VSYWRpby9CYXNlUmFkaW8uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIFJhZGlvIGFzIE11aVJhZGlvLFxuICByYWRpb0NsYXNzZXMgYXMgTXVpUmFkaW9DbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKFxuICBNdWlSYWRpbyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZVJhZGlvLmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5iYXNlUmFkaW8uaG92ZXJCb3JkZXJSYWRpdXMsXG4gIH0sXG4gIGJvcmRlclJhZGl1czogMCxcblxuICBbYCYuJHtNdWlSYWRpb0NsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICBcIiYgc3ZnXCI6IHtcbiAgICAgIFwiJiBwYXRoOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICAgICAgZmlsbDogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiOHB4XCIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl19 */");
 exports.StyledRadio = StyledRadio;
 //# sourceMappingURL=BaseRadio.styles.cjs.map

package/dist/cjs/components/BaseRadio/BaseRadio.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadio.styles.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.styles.tsx"],"sourcesContent":["import {\n  Radio as MuiRadio,\n  radioClasses as MuiRadioClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRadio = styled(\n  MuiRadio,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  padding: 0,\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: theme.baseRadio.hoverColor,\n    borderRadius: theme.baseRadio.hoverBorderRadius,\n  },\n  borderRadius: 0,\n\n  [`&.${MuiRadioClasses.disabled}`]: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"initial\",\n    \"& svg\": {\n      \"& path:nth-child(2)\": {\n        fill: theme.colors.atmo5,\n      },\n    },\n  },\n  ...($focusVisible && {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  }),\n}));\n"],"names":["StyledRadio","MuiRadio","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","cursor","backgroundColor","theme","baseRadio","hoverColor","borderRadius","hoverBorderRadius","MuiRadioClasses","disabled","pointerEvents","fill","colors","atmo5","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,uDACXC,SAAAA,OAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,YAAAA,MAAMC,UAAUC;AAAAA,IACjCC,cAAcH,YAAAA,MAAMC,UAAUG;AAAAA,EAChC;AAAA,EACAD,cAAc;AAAA,EAEd,CAAE,KAAIE,sBAAgBC,aAAa;AAAA,IACjCR,QAAQ;AAAA,IACRS,eAAe;AAAA,IACf,SAAS;AAAA,MACP,uBAAuB;AAAA,QACrBC,MAAMR,YAAAA,MAAMS,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAId,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACPO,cAAc;AAAA,MACd,GAAGQ,WAAAA;AAAAA,IACL;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6sDAAA;;"}
+{"version":3,"file":"BaseRadio.styles.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.styles.tsx"],"sourcesContent":["import {\n  Radio as MuiRadio,\n  radioClasses as MuiRadioClasses,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRadio = styled(\n  MuiRadio,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  padding: 0,\n  cursor: \"pointer\",\n  \"&:hover\": {\n    backgroundColor: theme.baseRadio.hoverColor,\n    borderRadius: theme.baseRadio.hoverBorderRadius,\n  },\n  borderRadius: 0,\n\n  [`&.${MuiRadioClasses.disabled}`]: {\n    cursor: \"not-allowed\",\n    pointerEvents: \"initial\",\n    \"& svg\": {\n      \"& path:nth-of-type(2)\": {\n        fill: theme.colors.atmo5,\n      },\n    },\n  },\n  ...($focusVisible && {\n    \"& svg\": {\n      borderRadius: \"8px\",\n      ...outlineStyles,\n    },\n  }),\n}));\n"],"names":["StyledRadio","MuiRadio","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","padding","cursor","backgroundColor","theme","baseRadio","hoverColor","borderRadius","hoverBorderRadius","MuiRadioClasses","disabled","pointerEvents","fill","colors","atmo5","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASaA,MAAAA,uDACXC,SAAAA,OAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACR,WAAW;AAAA,IACTC,iBAAiBC,YAAAA,MAAMC,UAAUC;AAAAA,IACjCC,cAAcH,YAAAA,MAAMC,UAAUG;AAAAA,EAChC;AAAA,EACAD,cAAc;AAAA,EAEd,CAAE,KAAIE,sBAAgBC,aAAa;AAAA,IACjCR,QAAQ;AAAA,IACRS,eAAe;AAAA,IACf,SAAS;AAAA,MACP,yBAAyB;AAAA,QACvBC,MAAMR,YAAAA,MAAMS,OAAOC;AAAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,GAAId,iBAAiB;AAAA,IACnB,SAAS;AAAA,MACPO,cAAc;AAAA,MACd,GAAGQ,WAAAA;AAAAA,IACL;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6sDAAA;;"}

package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const BaseSwitch_styles = require("./BaseSwitch.styles.cjs");
 const baseSwitchClasses = require("./baseSwitchClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvBaseSwitch = (props) => {
@@ -40,35 +40,14 @@ const HvBaseSwitch = (props) => {
     }
     onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
   }, [onChange, readOnly, value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseSwitch_styles.StyledSwitch, {
-    id,
-    name,
-    className: clsx__default.default(className, baseSwitchClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseSwitchClasses.default.disabled, classes == null ? void 0 : classes.disabled), readOnly && clsx__default.default(baseSwitchClasses.default.readOnly, classes == null ? void 0 : classes.readOnly), focusVisible && clsx__default.default(baseSwitchClasses.default.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__default.default(baseSwitchClasses.default.switch, classes == null ? void 0 : classes.switch),
-      switchBase: clsx__default.default(baseSwitchClasses.default.switchBase, classes == null ? void 0 : classes.switchBase),
-      checked: clsx__default.default(baseSwitchClasses.default.checked, classes == null ? void 0 : classes.checked),
-      track: clsx__default.default(baseSwitchClasses.default.track, classes == null ? void 0 : classes.track),
-      thumb: clsx__default.default(baseSwitchClasses.default.thumb, classes == null ? void 0 : classes.thumb),
-      disabled: clsx__default.default(baseSwitchClasses.default.disabled, classes == null ? void 0 : classes.disabled)
-    },
-    inputProps,
-    onFocusVisible: onFocusVisibleCallback,
-    onBlur: onBlurCallback,
-    ...others
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseSwitch_styles.StyledSwitch, { id, name, className: clsx__default.default(className, baseSwitchClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseSwitchClasses.default.disabled, classes == null ? void 0 : classes.disabled), readOnly && clsx__default.default(baseSwitchClasses.default.readOnly, classes == null ? void 0 : classes.readOnly), focusVisible && clsx__default.default(baseSwitchClasses.default.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__default.default(baseSwitchClasses.default.switch, classes == null ? void 0 : classes.switch),
+    switchBase: clsx__default.default(baseSwitchClasses.default.switchBase, classes == null ? void 0 : classes.switchBase),
+    checked: clsx__default.default(baseSwitchClasses.default.checked, classes == null ? void 0 : classes.checked),
+    track: clsx__default.default(baseSwitchClasses.default.track, classes == null ? void 0 : classes.track),
+    thumb: clsx__default.default(baseSwitchClasses.default.thumb, classes == null ? void 0 : classes.thumb),
+    disabled: clsx__default.default(baseSwitchClasses.default.disabled, classes == null ? void 0 : classes.disabled)
+  }, inputProps, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
 };
 exports.HvBaseSwitch = HvBaseSwitch;
 //# sourceMappingURL=BaseSwitch.cjs.map

package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSwitch.cjs","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, HvExtraProps } from \"../../types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport type HvBaseSwitchProps = Omit<MuiSwitchProps, \"onChange\"> &\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  } & HvExtraProps;\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","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","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,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,kBACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAG7B,wCACGoB,kBAAAA,cAAY;AAAA,IACXtB;AAAAA,IACAC;AAAAA,IACAF,WAAWwB,cAAAA,QACTxB,WACAyB,kBAAkBC,QAAAA,MAClB3B,mCAAS2B,MACTpB,YAAYkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,cAAKC,QAAAA,kBAAAA,QAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,cAAAA,QAAKC,kBAAAA,QAAkBX,cAAcf,mCAASe,YAAY,CAAC;AAAA,IAE/Da,eAAeb;AAAAA,IACfc,WAAWvB;AAAAA,IACXwB,WAAWvB;AAAAA,IACXwB,OAAM;AAAA,IACNxB;AAAAA,IACAF;AAAAA,IACAC;AAAAA,IACA0B,eAAa;AAAA,IACbtB,UAAUY;AAAAA,IACVlB;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAT,SAAS;AAAA,MACP2B,MAAMF,cAAAA,QAAKC,kBAAAA,QAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,cAAAA,QAAKC,kBAAAA,QAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,cAAAA,QAAKC,kBAAAA,QAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,cAAAA,QAAKC,kBAAAA,QAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,cAAAA,QAAKC,kBAAAA,QAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ;AAAA,IAC9D;AAAA,IACAI;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;"}
+{"version":3,"file":"BaseSwitch.cjs","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","jsx","StyledSwitch","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,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAAwC;AACvCJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAAwC;AACvCJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGJS,QAAAA,gBAAgBH,kBACpB,CAACC,QAA6C;AAC5C,QAAId,UAAU;AACZ;AAAA,IACF;AAEAI,yCAAWU,KAAKA,IAAIG,OAAOf,SAASJ;AAAAA,EAEtC,GAAA,CAACM,UAAUJ,UAAUF,KAAK,CAAC;AAI3B,SAAAoB,+BAACC,kBAAAA,gBACC,IACA,MACA,WAAWC,cACTzB,QAAAA,WACA0B,kBAAAA,QAAkBC,MAClB5B,mCAAS4B,MACTrB,YAAYmB,cAAAA,QAAKC,kBAAAA,QAAkBpB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYoB,cAAAA,QAAKC,kBAAAA,QAAkBrB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEW,cAAAA,QAAKC,kBAAAA,QAAkBZ,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,IACPM,MAAMF,cAAAA,QAAKC,kBAAAA,QAAkBE,QAAQ7B,mCAAS6B,MAAM;AAAA,IACpDC,YAAYJ,cAAAA,QAAKC,kBAAAA,QAAkBG,YAAY9B,mCAAS8B,UAAU;AAAA,IAClEtB,SAASkB,cAAAA,QAAKC,kBAAAA,QAAkBnB,SAASR,mCAASQ,OAAO;AAAA,IACzDuB,OAAOL,cAAAA,QAAKC,kBAAAA,QAAkBI,OAAO/B,mCAAS+B,KAAK;AAAA,IACnDC,OAAON,cAAAA,QAAKC,kBAAAA,QAAkBK,OAAOhC,mCAASgC,KAAK;AAAA,IACnDzB,UAAUmB,cAAAA,QAAKC,kBAAAA,QAAkBpB,UAAUP,mCAASO,QAAQ;AAAA,EAAA,GAE9D,YACA,gBAAgBW,wBAChB,QAAQG,gBACR,GAAIP,OACJ,CAAA;AAEN;;"}

package/dist/cjs/components/Box/Box.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const React = require("react");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useSx = (sx) => {
   return typeof sx === "function" ? sx(uikitStyles.theme) : sx;
 };
@@ -14,12 +14,7 @@ const HvBox = React.forwardRef(({
   ...restProps
 }, ref) => {
   const Component = as || "div";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, {
-    style: sx ? useSx(sx) : style,
-    ref,
-    ...restProps,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { style: sx ? useSx(sx) : style, ref, ...restProps, children });
 });
 exports.HvBox = HvBox;
 //# sourceMappingURL=Box.cjs.map

package/dist/cjs/components/Box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","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,YAAK,KAAA,IAAID;AAChD;AAEaE,MAAAA,QAAoBC,iBAC/B,CACE;AAAA,EAAEC;AAAAA,EAAOC;AAAAA,EAAIL;AAAAA,EAAIM;AAAAA,KAAaC;AAA0B,GACxDC,QACG;AACH,QAAMC,YAAYJ,MAAM;AAExB,wCACGI,WAAS;AAAA,IAACL,OAAOJ,KAAKD,MAAMC,EAAE,IAAII;AAAAA,IAAOI;AAAAA,IAAS,GAAKD;AAAAA,IAASD;AAAAA,EAAAA,CAErD;AAEhB,CAAC;;"}
+{"version":3,"file":"Box.cjs","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","jsx"],"mappings":";;;;;AAgBA,MAAMA,QAAQA,CAACC,OAAgB;AAC7B,SAAO,OAAOA,OAAO,aAAaA,GAAGC,YAAK,KAAA,IAAID;AAChD;AAEaE,MAAAA,QAAoBC,iBAC/B,CACE;AAAA,EAAEC;AAAAA,EAAOC;AAAAA,EAAIL;AAAAA,EAAIM;AAAAA,KAAaC;AAA0B,GACxDC,QACG;AACH,QAAMC,YAAYJ,MAAM;AAGtB,SAAAK,2BAAA,IAAC,WAAU,EAAA,OAAOV,KAAKD,MAAMC,EAAE,IAAII,OAAO,KAAcG,GAAAA,WACrDD,SACH,CAAA;AAEJ,CAAC;;"}

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const isNil = require("lodash/isNil");
 const startCase = require("lodash/startCase");
 const React = require("react");
 const BreadCrumb_styles = require("./BreadCrumb.styles.cjs");
 const utils = require("./utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const breadCrumbClasses = require("./breadCrumbClasses.cjs");
 const PathElement = require("./PathElement/PathElement.cjs");
 const Page = require("./Page/Page.cjs");
@@ -39,40 +39,19 @@ const HvBreadCrumb = ({
     }));
   }
   const breadcrumbPath = maxVisibleElem && listPath.length > maxVisibleElem ? utils.pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps) : listPath;
-  return /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(breadCrumbClasses.default.root, classes == null ? void 0 : classes.root, className),
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledOrderedList, {
-      className: clsx__default.default(breadCrumbClasses.default.orderedList, classes == null ? void 0 : classes.orderedList),
-      children: listPath.map((elem, index) => {
-        const key = `key_${index}`;
-        const isLast = index === breadcrumbPath.length - 1;
-        {
-          return /* @__PURE__ */ jsxRuntime.jsx(PathElement.HvPathElement, {
-            classes: {
-              centerContainer: clsx__default.default(breadCrumbClasses.default.centerContainer, (classes == null ? void 0 : classes.centerContainer) || ""),
-              separatorContainer: clsx__default.default(breadCrumbClasses.default.separatorContainer, (classes == null ? void 0 : classes.separatorContainer) || "")
-            },
-            last: isLast,
-            children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledTypography, {
-              className: clsx__default.default(breadCrumbClasses.default.currentPage, classes == null ? void 0 : classes.currentPage),
-              variant: "body",
-              children: startCase__default.default(utils.removeExtension(elem.label))
-            }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvPage, {
-              elem,
-              classes: {
-                a: clsx__default.default(breadCrumbClasses.default.a, classes == null ? void 0 : classes.a),
-                link: clsx__default.default(breadCrumbClasses.default.link, classes == null ? void 0 : classes.link)
-              },
-              Component: onClick ? component : void 0,
-              onClick
-            }, key)
-          }, key);
-        }
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledRoot, { id, className: clsx__default.default(breadCrumbClasses.default.root, classes == null ? void 0 : classes.root, className), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledOrderedList, { className: clsx__default.default(breadCrumbClasses.default.orderedList, classes == null ? void 0 : classes.orderedList), children: listPath.map((elem, index) => {
+    const key = `key_${index}`;
+    const isLast = index === breadcrumbPath.length - 1;
+    {
+      return /* @__PURE__ */ jsxRuntime.jsx(PathElement.HvPathElement, { classes: {
+        centerContainer: clsx__default.default(breadCrumbClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
+        separatorContainer: clsx__default.default(breadCrumbClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer)
+      }, last: isLast, children: React.isValidElement(elem) && elem || isLast && /* @__PURE__ */ jsxRuntime.jsx(BreadCrumb_styles.StyledTypography, { className: clsx__default.default(breadCrumbClasses.default.currentPage, classes == null ? void 0 : classes.currentPage), variant: "body", children: startCase__default.default(utils.removeExtension(elem.label)) }) || /* @__PURE__ */ jsxRuntime.jsx(Page.HvPage, { elem, classes: {
+        a: clsx__default.default(breadCrumbClasses.default.a, classes == null ? void 0 : classes.a),
+        link: clsx__default.default(breadCrumbClasses.default.link, classes == null ? void 0 : classes.link)
+      }, Component: onClick ? component : void 0, onClick }, key) }, key);
+    }
+  }) }) });
 };
 exports.HvBreadCrumb = HvBreadCrumb;
 //# sourceMappingURL=BreadCrumb.cjs.map

package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.cjs","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\";\n\ntype Route = { label: string; path: string };\n\nexport type HvBreadCrumbProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** List of breadcrumb. */\n  listRoute?: Route[];\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?: object;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvBreadCrumbClasses;\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          classes,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer || \"\"\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer || \"\"\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;;;;;;;AA2CO,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,eAAAA,QAAMR,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,MAAAA,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,cAAKC,QAAAA,kBAAAA,QAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,yCAETC,qCAAiB;AAAA,MAChBrC,WAAWiC,cAAAA,QAAKC,kBAAAA,QAAkBI,aAAavC,mCAASuC,WAAW;AAAA,MAAEF,UAEpE1B,SAASW,IAAI,CAACC,MAAMC,UAAU;AAC7B,cAAMgB,MAAO,OAAMhB;AACbiB,cAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AACE,gDACGW,YAAAA,eAAa;AAAA,YACZ1C,SAAS;AAAA,cACP2C,iBAAiBT,cACfC,QAAAA,kBAAAA,QAAkBQ,kBAClB3C,mCAAS2C,oBAAmB,EAAE;AAAA,cAEhCC,oBAAoBV,cAClBC,QAAAA,kBAAAA,QAAkBS,qBAClB5C,mCAAS4C,uBAAsB,EAAE;AAAA,YAErC;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,cACf9C,WAAWiC,cAAAA,QACTC,kBAAAA,QAAkBa,aAClBhD,mCAASgD,WAAW;AAAA,cAEtBC,SAAQ;AAAA,cAAMZ,UAEba,mBAAAA,QAAUC,MAAAA,gBAAgB5B,KAAKG,KAAK,CAAC;AAAA,YAAA,CAExC,KACA0B,2BAAAA,IAACC,aAAM;AAAA,cAEL9B;AAAAA,cACAvB,SAAS;AAAA,gBACPsD,GAAGpB,cAAAA,QAAKC,kBAAAA,QAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,cAAAA,QAAKC,kBAAAA,QAAkBoB,MAAMvD,mCAASuD,IAAI;AAAA,cAClD;AAAA,cACAC,WAAWlD,UAAUC,YAAYkD;AAAAA,cACjCnD;AAAAA,eAPKkC,GAAG;AAAA,aAhBTA,GAAG;AAAA,QA4Bd;AAAA,MAAA,CACD;AAAA,IAAA,CAAC;AAAA,EAAA,CAEO;AAEjB;;"}
+{"version":3,"file":"BreadCrumb.cjs","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","jsx","StyledRoot","clsx","breadCrumbClasses","root","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","isValidElement","StyledTypography","currentPage","startCase","removeExtension","HvPage","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,eAAAA,QAAMR,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,MAAAA,gBACE9B,IACAF,SACAW,UACAD,gBACAF,iBAAiB,IAEnBG;AAGJ,SAAAsB,2BAAA,IAACC,kBACC,YAAA,EAAA,IACA,WAAWC,cAAAA,QAAKC,kBAAAA,QAAkBC,MAAMrC,mCAASqC,MAAMpC,SAAS,GAC5DQ,GAAAA,QAEJ,yCAAC6B,kBAAAA,mBACC,EAAA,WAAWH,cAAKC,QAAAA,kBAAAA,QAAkBG,aAAavC,mCAASuC,WAAW,GAElE5B,UAASW,SAAAA,IAAI,CAACC,MAAMC,UAAU;AAC7B,UAAMgB,MAAO,OAAMhB;AACbiB,UAAAA,SAASjB,UAAUM,eAAeC,SAAS;AAEjD;AAEI,aAAAE,2BAAA,IAACS,6BACC,SAAS;AAAA,QACPC,iBAAiBR,cAAAA,QACfC,kBAAAA,QAAkBO,iBAClB3C,mCAAS2C,eAAe;AAAA,QAE1BC,oBAAoBT,cAAAA,QAClBC,kBAAAA,QAAkBQ,oBAClB5C,mCAAS4C,kBAAkB;AAAA,MAAA,GAI/B,MAAMH,QAEJI,UAAAA,MAAAA,eAAetB,IAAI,KAAKA,QACvBkB,UACER,2BAAA,IAAAa,kBAAA,kBAAA,EACC,WAAWX,cAAAA,QACTC,kBAAAA,QAAkBW,aAClB/C,mCAAS+C,WAAW,GAEtB,SAAQ,QAEPC,UAAAA,mBAAAA,QAAUC,MAAgB1B,gBAAAA,KAAKG,KAAK,CAAC,EACxC,CAAA,KAECO,2BAAA,IAAAiB,KAAA,QAAA,EAEC,MACA,SAAS;AAAA,QACPC,GAAGhB,cAAAA,QAAKC,kBAAAA,QAAkBe,GAAGnD,mCAASmD,CAAC;AAAA,QACvCC,MAAMjB,cAAAA,QAAKC,kBAAAA,QAAkBgB,MAAMpD,mCAASoD,IAAI;AAAA,MAAA,GAElD,WAAW9C,UAAUC,YAAY8C,QACjC,QAPKb,GAAAA,GASR,KAzBEA,GA0BP;AAAA,IAEJ;AAAA,EAAA,CACD,GACH,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -33,9 +33,7 @@ const StyledOrderedList = /* @__PURE__ */ _styled__default.default("ol", process
   paddingLeft: 0,
   marginLeft: `-${uikitStyles.theme.space.xs}`
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9CcmVhZENydW1iLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJpbmRleFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcIm5hdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB6SW5kZXg6IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE9yZGVyZWRMaXN0ID0gc3R5bGVkKFwib2xcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgcGFkZGluZ0xlZnQ6IDAsXG4gIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKChwcm9wcykgPT4gPEh2VHlwb2dyYXBoeSB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxufSk7XG4iXX0= */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e17idydo0"
 } : {
   target: "e17idydo0",

package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.styles.cjs","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","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","props","_jsx","HvTypography","padding"],"mappings":";;;;;;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,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,oBAA2BX,iCAAA,QAAA,MAAIC,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,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;AAEK,MAAMe,mBAAmBlB,iCAAAA,QAAQmB,CAAUC,UAAAA,2BAAAA,IAACC,WAAAA,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EiB,SAAU,OAAMP,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;;;;"}
+{"version":3,"file":"BreadCrumb.styles.cjs","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","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledOrderedList","display","paddingLeft","marginLeft","theme","space","xs","StyledTypography","props","jsx","HvTypography","padding"],"mappings":";;;;;;;;;;;AAIO,MAAMA,aAAoBC,iCAAA,QAAA,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,oBAA2BX,iCAAA,QAAA,MAAIC,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,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;AAEWe,MAAAA,mBAA2BC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,WAAAA,cAAA,EAAiBF,GAAAA,MAAAA,CAAS,GAAAlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EiB,SAAU,OAAMP,YAAAA,MAAMC,MAAMC;AAC9B,GAAChB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ipCAAA;;;;"}

package/dist/cjs/components/BreadCrumb/Page/Page.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const lodash = require("lodash");
 const Page_styles = require("./Page.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const pageClasses = require("./pageClasses.cjs");
 const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -14,26 +14,9 @@ const HvPage = ({
   elem,
   classes
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledLink, {
-    route: elem.path,
-    component: Component,
-    onClick,
-    data: elem,
-    classes: {
-      a: clsx__default.default(pageClasses.default.a, classes == null ? void 0 : classes.a)
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      Page_styles.StyledTypography,
-      {
-        component: "div",
-        variant: "label",
-        className: clsx__default.default(pageClasses.default.link, classes == null ? void 0 : classes.link, pageClasses.default.label, classes == null ? void 0 : classes.label),
-        children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
-          data: lodash.startCase(elem.label)
-        })
-      }
-    )
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledLink, { route: elem.path, component: Component, onClick, data: elem, classes: {
+    a: clsx__default.default(pageClasses.default.a, classes == null ? void 0 : classes.a)
+  }, children: /* @__PURE__ */ jsxRuntime.jsx(Page_styles.StyledTypography, { noWrap: true, component: "div", variant: "label", className: clsx__default.default(pageClasses.default.link, classes == null ? void 0 : classes.link, pageClasses.default.label, classes == null ? void 0 : classes.label), children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: lodash.startCase(elem.label) }) }) });
 };
 exports.HvPage = HvPage;
 //# sourceMappingURL=Page.cjs.map

package/dist/cjs/components/BreadCrumb/Page/Page.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvOverflowTooltip } from \"components\";\nimport { startCase } from \"lodash\";\nimport { MouseEventHandler } from \"react\";\nimport { HvPageClasses, pageClasses } from \".\";\nimport { StyledLink, StyledTypography } from \"./Page.styles\";\n\nexport type HvPageElement = {\n  path?: string;\n  label?: string;\n};\n\nexport type HvPageProps = {\n  Component?: React.ElementType;\n  onClick?: (\n    event: MouseEventHandler<HTMLDivElement>,\n    data: any\n  ) => void | undefined;\n  elem: HvPageElement;\n  classes?: HvPageClasses;\n};\n\nexport const HvPage = ({ Component, onClick, elem, classes }: HvPageProps) => {\n  return (\n    <StyledLink\n      route={elem.path}\n      component={Component}\n      onClick={onClick}\n      data={elem}\n      classes={{ a: clsx(pageClasses.a, classes?.a) }}\n    >\n      <StyledTypography\n        // noWrap\n        component=\"div\"\n        variant=\"label\"\n        className={clsx(\n          pageClasses.link,\n          classes?.link,\n          pageClasses.label,\n          classes?.label\n        )}\n      >\n        <HvOverflowTooltip data={startCase(elem.label)} />\n      </StyledTypography>\n    </StyledLink>\n  );\n};\n"],"names":["HvPage","Component","onClick","elem","classes","StyledLink","route","path","component","data","a","clsx","pageClasses","children","_jsx","StyledTypography","variant","className","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAC5E,wCACGC,YAAAA,YAAU;AAAA,IACTC,OAAOH,KAAKI;AAAAA,IACZC,WAAWP;AAAAA,IACXC;AAAAA,IACAO,MAAMN;AAAAA,IACNC,SAAS;AAAA,MAAEM,GAAGC,cAAAA,QAAKC,YAAAA,QAAYF,GAAGN,mCAASM,CAAC;AAAA,IAAE;AAAA,IAAEG,UAEhDC,2BAAAA;AAAAA,MAACC,YAAAA;AAAAA,MACC;AAAA,QACAP,WAAU;AAAA,QACVQ,SAAQ;AAAA,QACRC,WAAWN,cAAAA,QACTC,YAAYM,QAAAA,MACZd,mCAASc,MACTN,oBAAYO,OACZf,mCAASe,KAAK;AAAA,QACdN,yCAEDO,mCAAiB;AAAA,UAACX,MAAMY,OAAAA,UAAUlB,KAAKgB,KAAK;AAAA,QAAA,CAAE;AAAA,MAAG;AAAA,IAAA;AAAA,EAAA,CAEzC;AAEjB;;"}
+{"version":3,"file":"Page.cjs","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","jsx","StyledLink","path","a","clsx","pageClasses","StyledTypography","link","label","HvOverflowTooltip","startCase"],"mappings":";;;;;;;;;;AAsBO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAASC;AAAAA,EAAMC;AAAqB,MAAM;AAE1E,SAAAC,+BAACC,YAAAA,YACC,EAAA,OAAOH,KAAKI,MACZ,WAAWN,WACX,SACA,MAAME,MACN,SAAS;AAAA,IAAEK,GAAGC,cAAAA,QAAKC,YAAAA,QAAYF,GAAGJ,mCAASI,CAAC;AAAA,EAAA,GAE5C,UAAAH,2BAAAA,IAACM,YAAAA,kBACC,EAAA,QAAM,MACN,WAAU,OACV,SAAQ,SACR,WAAWF,cACTC,QAAAA,YAAAA,QAAYE,MACZR,mCAASQ,MACTF,YAAAA,QAAYG,OACZT,mCAASS,KAAK,GAGhB,UAACR,2BAAA,IAAAS,gBAAA,mBAAA,EAAkB,MAAMC,OAAAA,UAAUZ,KAAKU,KAAK,EAAE,CAAA,EAAA,CACjD,EACF,CAAA;AAEJ;;"}

package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs

@@ -1,15 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Link = require("../../Link/Link.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Link.HvLink, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Link.HvLink, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e8ovoy91"
 } : {
   target: "e8ovoy91",
@@ -25,9 +23,7 @@ const StyledLink = /* @__PURE__ */ _styled__default.default((props) => /* @__PUR
     backgroundColor: uikitStyles.theme.colors.atmo3
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnJlYWRDcnVtYi9QYWdlL1BhZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CcmVhZENydW1iL1BhZ2UvUGFnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpbmssIEh2VHlwb2dyYXBoeSB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGluayB7Li4ucHJvcHN9IC8+KSh7XG4gIHBhZGRpbmc6IGA4cHggJHt0aGVtZS5zcGFjZS54c31gLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG4gIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbiAgXCImOmZvY3VzXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlR5cG9ncmFwaHkgey4uLnByb3BzfSAvPikoe1xuICBtYXhXaWR0aDogXCIxNzBweFwiLFxuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB0ZXh0VHJhbnNmb3JtOiBcImNhcGl0YWxpemVcIixcbiAgXCImOmhvdmVyXCI6IHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICB9LFxufSk7XG4iXX0= */");
-const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-  ...props
-}), process.env.NODE_ENV === "production" ? {
+const StyledTypography = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { ...props }), process.env.NODE_ENV === "production" ? {
   target: "e8ovoy90"
 } : {
   target: "e8ovoy90",

package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.styles.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvLink, HvTypography } from \"components\";\n\nexport const StyledLink = styled((props) => <HvLink {...props} />)({\n  padding: `8px ${theme.space.xs}`,\n  textDecoration: \"none\",\n  borderRadius: \"2px\",\n  \"&:hover\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n  \"&:focus\": {\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n\nexport const StyledTypography = styled((props) => <HvTypography {...props} />)({\n  maxWidth: \"170px\",\n  color: theme.colors.acce1,\n  textTransform: \"capitalize\",\n  \"&:hover\": {\n    cursor: \"pointer\",\n    backgroundColor: theme.colors.atmo3,\n  },\n});\n"],"names":["StyledLink","_styled","props","_jsx","HvLink","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","backgroundColor","colors","atmo3","StyledTypography","HvTypography","maxWidth","color","acce1","textTransform","cursor"],"mappings":";;;;;;;;;AAIO,MAAMA,aAAaC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,KAAAA,QAAM;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEC,SAAU,OAAMC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5BC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACd,WAAW;AAAA,IACTC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACA,WAAW;AAAA,IACTF,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;AAEK,MAAMY,mBAAmBlB,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACiB,WAAAA,cAAY;AAAA,EAAA,GAAKlB;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EY,UAAU;AAAA,EACVC,OAAOX,YAAAA,MAAMM,OAAOM;AAAAA,EACpBC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRT,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;;;"}
+{"version":3,"file":"Page.styles.cjs","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","jsx","HvLink","process","env","NODE_ENV","target","label","padding","theme","space","xs","textDecoration","borderRadius","backgroundColor","colors","atmo3","StyledTypography","HvTypography","maxWidth","color","acce1","textTransform","cursor"],"mappings":";;;;;;;;;AAIaA,MAAAA,aAAqBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,KAAAA,QAAA,EAAWF,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjEC,SAAU,OAAMC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5BC,gBAAgB;AAAA,EAChBC,cAAc;AAAA,EACd,WAAW;AAAA,IACTC,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACA,WAAW;AAAA,IACTF,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;AAEWY,MAAAA,mBAA2BjB,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAiB,WAAAA,cAAA,EAAiBlB,GAAAA,MAAAA,CAAS,GAAAG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EY,UAAU;AAAA,EACVC,OAAOX,YAAAA,MAAMM,OAAOM;AAAAA,EACpBC,eAAe;AAAA,EACf,WAAW;AAAA,IACTC,QAAQ;AAAA,IACRT,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,EAChC;AACF,GAACb,QAAAC,IAAAC,aAAC,eAAA,KAAA,i6CAAA;;;"}

package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const clsx = require("clsx");
 const PathElement_styles = require("./PathElement.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const pathElementClasses = require("./pathElementClasses.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -12,13 +12,10 @@ const HvPathElement = ({
   last = false,
   children
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(PathElement_styles.StyledLi, {
-    className: clsx__default.default(pathElementClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer),
-    children: [children, !last && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {
-      className: clsx__default.default(pathElementClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer),
-      color: "atmo5"
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(PathElement_styles.StyledLi, { className: clsx__default.default(pathElementClasses.default.centerContainer, classes == null ? void 0 : classes.centerContainer), children: [
+    children,
+    !last && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, { className: clsx__default.default(pathElementClasses.default.separatorContainer, classes == null ? void 0 : classes.separatorContainer), color: "atmo5" })
+  ] });
 };
 exports.HvPathElement = HvPathElement;
 //# sourceMappingURL=PathElement.cjs.map

package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PathElement.cjs","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,yCACGC,mBAAAA,UAAQ;AAAA,IACPC,WAAWC,cAAAA,QACTC,mBAAAA,QAAmBC,iBACnBP,mCAASO,eAAe;AAAA,IACxBL,UAAA,CAEDA,UACA,CAACD,uCACCO,gBAAAA,aAAW;AAAA,MACVJ,WAAWC,cAAAA,QACTC,mBAAAA,QAAmBG,oBACnBT,mCAASS,kBAAkB;AAAA,MAE7BC,OAAM;AAAA,IAAA,CAET,CAAA;AAAA,EAAA,CACQ;AAEf;;"}
+{"version":3,"file":"PathElement.cjs","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","jsxs","StyledLi","clsx","pathElementClasses","centerContainer","jsx","DropRightXS","separatorContainer"],"mappings":";;;;;;;;;AAWO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,OAAO;AAAA,EACPC;AACkB,MAAM;AAEtB,SAAAC,gCAACC,mBAAAA,YACC,WAAWC,cAAAA,QACTC,2BAAmBC,iBACnBP,mCAASO,eAAe,GAGzBL,UAAAA;AAAAA,IAAAA;AAAAA,IACA,CAACD,QACCO,2BAAA,IAAAC,6BAAA,EACC,WAAWJ,cAAAA,QACTC,2BAAmBI,oBACnBV,mCAASU,kBAAkB,GAE7B,OAAM,QAET,CAAA;AAAA,EACH,EAAA,CAAA;AAEJ;;"}