@hitachivantara/uikit-react-core 5.5.0 → 5.6.0

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 } from \"@core/types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport interface HvBaseRadioProps\n  extends Omit<MuiRadioProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, { onChange; color }> {\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\", \"secondary_60\"]) ||\n    (semantic && [\"base_light\", \"base_dark\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"secondary_60\"]) ||\n    (semantic && [\"base_dark\", \"base_light\"]) ||\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":";;;;;;;;AAqFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAEK,SAAA;AAAA,IACLE,sCACGC,uCAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,KAAAA,KAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,6CACGC,qCAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,KAAAA,KAAKC,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,IACA,GAAGC;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,KAAAA,KACTD,WACAE,iBAAAA,QAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,UAAKC,iBAAAA,QAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,KAAAA,KAAKC,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 \"@core/types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport interface HvBaseRadioProps\n  extends Omit<MuiRadioProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\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\", \"secondary_60\"]) ||\n    (semantic && [\"base_light\", \"base_dark\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"secondary_60\"]) ||\n    (semantic && [\"base_dark\", \"base_light\"]) ||\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":";;;;;;;;AAqFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,cAAc,WAAW,KACvCE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,cAAc,KACpCC,YAAY,CAAC,aAAa,YAAY,KACvCE;AAEK,SAAA;AAAA,IACLE,sCACGC,uCAAqB;AAAA,MACpBJ;AAAAA,MACAK,WAAWC,KAAAA,KAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI;AAAA,IAAA,CAEvD;AAAA,IACDC,6CACGC,qCAAmB;AAAA,MAClBV,OAAOE;AAAAA,MACPG,WAAWC,KAAAA,KAAKC,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,IACA,GAAGC;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,KAAAA,KACTD,WACAE,iBAAAA,QAAiB6B,MACjBvC,mCAASuC,MACTtC,YAAYQ,UAAKC,iBAAAA,QAAiBT,UAAUD,mCAASC,QAAQ,GAC7D2B,gBACEnB,KAAAA,KAAKC,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;;;"}

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

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

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 } from \"@core/types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport interface HvBaseSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, { onChange; color }> {\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","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","switch","switchBase","track","thumb"],"mappings":";;;;;;;AAkFaA,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,IAEA,GAAGC;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,KAAAA,KACTxB,WACAyB,kBAAkBC,QAAAA,MAClB3B,mCAAS2B,MACTpB,YAAYkB,KAAAA,KAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,KAAKC,KAAAA,kBAAAA,QAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,KAAAA,KAAKC,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,KAAAA,KAAKC,kBAAAA,QAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,KAAAA,KAAKC,kBAAAA,QAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,KAAAA,KAAKC,kBAAAA,QAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,KAAAA,KAAKC,kBAAAA,QAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,KAAAA,KAAKC,kBAAAA,QAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,KAAAA,KAAKC,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 \"@core/types\";\nimport baseSwitchClasses, { HvBaseSwitchClasses } from \"./baseSwitchClasses\";\n\nexport interface HvBaseSwitchProps\n  extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\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","StyledSwitch","clsx","baseSwitchClasses","root","$focusVisible","$readOnly","$disabled","color","disableRipple","switch","switchBase","track","thumb"],"mappings":";;;;;;;AAkFaA,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,IAEA,GAAGC;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,KAAAA,KACTxB,WACAyB,kBAAkBC,QAAAA,MAClB3B,mCAAS2B,MACTpB,YAAYkB,KAAAA,KAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ,GAC9DD,YAAYmB,KAAKC,KAAAA,kBAAAA,QAAkBpB,UAAUN,mCAASM,QAAQ,GAC9DS,gBACEU,KAAAA,KAAKC,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,KAAAA,KAAKC,kBAAAA,QAAkBO,QAAQjC,mCAASiC,MAAM;AAAA,MACpDC,YAAYT,KAAAA,KAAKC,kBAAAA,QAAkBQ,YAAYlC,mCAASkC,UAAU;AAAA,MAClE1B,SAASiB,KAAAA,KAAKC,kBAAAA,QAAkBlB,SAASR,mCAASQ,OAAO;AAAA,MACzD2B,OAAOV,KAAAA,KAAKC,kBAAAA,QAAkBS,OAAOnC,mCAASmC,KAAK;AAAA,MACnDC,OAAOX,KAAAA,KAAKC,kBAAAA,QAAkBU,OAAOpC,mCAASoC,KAAK;AAAA,MACnD7B,UAAUkB,KAAAA,KAAKC,kBAAAA,QAAkBnB,UAAUP,mCAASO,QAAQ;AAAA,IAC9D;AAAA,IACAI;AAAAA,IACAC,gBAAgBM;AAAAA,IAChBL,QAAQQ;AAAAA,IAAe,GACnBP;AAAAA,EAAAA,CACJ;AAEN;;"}

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

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

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 \"@core/types/generic\";\nimport breadCrumbClasses, { HvBreadCrumbClasses } from \"./breadCrumbClasses\";\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"@core/components\";\n\nexport interface HvBreadCrumbPathElement {\n  label: string;\n  path: string;\n}\n\nexport interface HvBreadCrumbProps\n  extends HvBaseProps<HTMLDivElement, { onClick }> {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n}\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          onClick,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;;;;;;AA6CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,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,IACAI,SACAK,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,KAAKC,KAAAA,kBAAAA,QAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,yCAETC,qCAAiB;AAAA,MAChBrC,WAAWiC,KAAAA,KAAKC,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,KAAAA,KACfC,kBAAAA,QAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,KAAAA,KAClBC,kBAAAA,QAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,cACf9C,WAAWiC,KAAAA,KACTC,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,KAAAA,KAAKC,kBAAAA,QAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,KAAAA,KAAKC,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 \"@core/types/generic\";\nimport breadCrumbClasses, { HvBreadCrumbClasses } from \"./breadCrumbClasses\";\nimport { HvPathElement } from \"./PathElement\";\nimport { HvPage } from \"./Page\";\nimport {\n  StyledOrderedList,\n  StyledRoot,\n  StyledTypography,\n} from \"./BreadCrumb.styles\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport { HvDropDownMenuProps } from \"@core/components\";\n\nexport interface HvBreadCrumbPathElement {\n  label: string;\n  path: string;\n}\n\nexport interface HvBreadCrumbProps\n  extends HvBaseProps<HTMLDivElement, \"onClick\"> {\n  /** List of breadcrumb. */\n  listRoute?: HvBreadCrumbPathElement[];\n  /** URL to build the breadcrumb. */\n  url?: string;\n  /** Number of pages visible. */\n  maxVisible?: number;\n  /** The component used for the link node. Either a string to use a DOM element or a component. */\n  component?: React.ElementType;\n  /** Function passed to the component. If defined the component prop is used as the link node. */\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  /** Props passed down to the DropDownMenu sub-menu component. */\n  dropDownMenuProps?: HvDropDownMenuProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBreadCrumbClasses;\n}\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nexport const HvBreadCrumb = ({\n  classes,\n  className,\n  id,\n  listRoute = [],\n  maxVisible,\n  url,\n  onClick,\n  component = \"div\",\n  dropDownMenuProps,\n  ...others\n}: HvBreadCrumbProps) => {\n  const maxVisibleElem = maxVisible && maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/);\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    maxVisibleElem && listPath.length > maxVisibleElem\n      ? pathWithSubMenu(\n          id,\n          onClick,\n          listPath,\n          maxVisibleElem,\n          dropDownMenuProps\n        )\n      : listPath;\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(breadCrumbClasses.root, classes?.root, className)}\n      {...others}\n    >\n      <StyledOrderedList\n        className={clsx(breadCrumbClasses.orderedList, classes?.orderedList)}\n      >\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          {\n            return (\n              <HvPathElement\n                classes={{\n                  centerContainer: clsx(\n                    breadCrumbClasses.centerContainer,\n                    classes?.centerContainer\n                  ),\n                  separatorContainer: clsx(\n                    breadCrumbClasses.separatorContainer,\n                    classes?.separatorContainer\n                  ),\n                }}\n                key={key}\n                last={isLast}\n              >\n                {(isValidElement(elem) && elem) ||\n                  (isLast && (\n                    <StyledTypography\n                      className={clsx(\n                        breadCrumbClasses.currentPage,\n                        classes?.currentPage\n                      )}\n                      variant=\"body\"\n                    >\n                      {startCase(removeExtension(elem.label))}\n                    </StyledTypography>\n                  )) || (\n                    <HvPage\n                      key={key}\n                      elem={elem}\n                      classes={{\n                        a: clsx(breadCrumbClasses.a, classes?.a),\n                        link: clsx(breadCrumbClasses.link, classes?.link),\n                      }}\n                      Component={onClick ? component : undefined}\n                      onClick={onClick}\n                    />\n                  )}\n              </HvPathElement>\n            );\n          }\n        })}\n      </StyledOrderedList>\n    </StyledRoot>\n  );\n};\n"],"names":["HvBreadCrumb","classes","className","id","listRoute","maxVisible","url","onClick","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","isNil","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","elem","index","push","label","decodeURI","path","join","breadcrumbPath","length","pathWithSubMenu","StyledRoot","clsx","breadCrumbClasses","root","children","StyledOrderedList","orderedList","key","isLast","HvPathElement","centerContainer","separatorContainer","last","isValidElement","StyledTypography","currentPage","variant","startCase","removeExtension","_jsx","HvPage","a","link","Component","undefined"],"mappings":";;;;;;;;;;;;;;;AA6CO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY,CAAE;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACA,GAAGC;AACc,MAAM;AACvB,QAAMC,iBAAiBN,cAAcA,aAAa,IAAI,IAAIA;AACtDO,MAAAA,WAAWR,UAAUS;AAGrB,MAAA,CAACC,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,IACAI,SACAK,UACAD,gBACAF,iBAAiB,IAEnBG;AAEN,wCACGsB,kBAAAA,YAAU;AAAA,IACT/B;AAAAA,IACAD,WAAWiC,KAAKC,KAAAA,kBAAAA,QAAkBC,MAAMpC,mCAASoC,MAAMnC,SAAS;AAAA,IAAE,GAC9DQ;AAAAA,IAAM4B,yCAETC,qCAAiB;AAAA,MAChBrC,WAAWiC,KAAAA,KAAKC,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,KAAAA,KACfC,kBAAAA,QAAkBQ,iBAClB3C,mCAAS2C,eAAe;AAAA,cAE1BC,oBAAoBV,KAAAA,KAClBC,kBAAAA,QAAkBS,oBAClB5C,mCAAS4C,kBAAkB;AAAA,YAE/B;AAAA,YAEAC,MAAMJ;AAAAA,YAAOJ,UAEXS,MAAevB,eAAAA,IAAI,KAAKA,QACvBkB,yCACEM,oCAAgB;AAAA,cACf9C,WAAWiC,KAAAA,KACTC,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,KAAAA,KAAKC,kBAAAA,QAAkBmB,GAAGtD,mCAASsD,CAAC;AAAA,gBACvCC,MAAMrB,KAAAA,KAAKC,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;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"pathElementClasses.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/pathElementClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPathElementClasses {\n  centerContainer?: string;\n  separatorContainer?: string;\n}\n\nconst classKeys: string[] = [\"centerContainer\", \"separatorContainer\"];\n\nconst fileClasses = getClasses<HvPathElementClasses>(\n  classKeys,\n  \"HvPathElement\"\n);\n\nexport default fileClasses;\n"],"names":["classKeys","fileClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,mBAAmB,oBAAoB;AAEpE,MAAMC,cAAcC,QAClBF,WAAAA,WACA,eAAe;AAGjB,MAAA,qBAAeC;;"}
+{"version":3,"file":"pathElementClasses.cjs","sources":["../../../../../src/components/BreadCrumb/PathElement/pathElementClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvPathElementClasses {\n  centerContainer?: string;\n  separatorContainer?: string;\n}\n\nconst classKeys: (keyof HvPathElementClasses)[] = [\n  \"centerContainer\",\n  \"separatorContainer\",\n];\n\nconst fileClasses = getClasses(classKeys, \"HvPathElement\");\n\nexport default fileClasses;\n"],"names":["classKeys","fileClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAA4C,CAChD,mBACA,oBAAoB;AAGtB,MAAMC,cAAcC,QAAWF,WAAAA,WAAW,eAAe;AAEzD,MAAA,qBAAeC;;"}

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

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

package/dist/cjs/components/BulkActions/bulkActionsClasses.cjs.map

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

package/dist/cjs/components/Button/buttonClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buttonClasses.cjs","sources":["../../../../src/components/Button/buttonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvButtonClasses {\n  root?: string;\n  startIcon?: string;\n  endIcon?: string;\n  focusVisible?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"startIcon\", \"endIcon\", \"focusVisible\"];\n\nconst buttonClasses = getClasses<HvButtonClasses>(classKeys, \"HvButton\");\n\nexport default buttonClasses;\n"],"names":["classKeys","buttonClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,aAAa,WAAW,cAAc;AAE3E,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"buttonClasses.cjs","sources":["../../../../src/components/Button/buttonClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvButtonClasses {\n  root?: string;\n  startIcon?: string;\n  endIcon?: string;\n  focusVisible?: string;\n}\n\nconst classKeys: (keyof HvButtonClasses)[] = [\n  \"root\",\n  \"startIcon\",\n  \"endIcon\",\n  \"focusVisible\",\n];\n\nconst buttonClasses = getClasses(classKeys, \"HvButton\");\n\nexport default buttonClasses;\n"],"names":["classKeys","buttonClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAuC,CAC3C,QACA,aACA,WACA,cAAc;AAGhB,MAAMC,gBAAgBC,QAAWF,WAAAA,WAAW,UAAU;AAEtD,MAAA,kBAAeC;;"}

package/dist/cjs/components/Calendar/CalendarHeader/calendarHeaderClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendarHeaderClasses.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/calendarHeaderClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarHeaderClasses {\n  root?: string;\n  invalid?: string;\n  headerDayOfWeek?: string;\n  headerDate?: string;\n  input?: string;\n  inputBorderContainer?: string;\n  invalidMessageStyling?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"invalid\",\n  \"headerDayOfWeek\",\n  \"headerDate\",\n  \"input\",\n  \"inputBorderContainer\",\n  \"invalidMessageStyling\",\n];\n\nconst calendarHeaderClasses = getClasses<HvCalendarHeaderClasses>(\n  classKeys,\n  \"HvCalendarHeader\"\n);\n\nexport default calendarHeaderClasses;\n"],"names":["classKeys","calendarHeaderClasses","getClasses"],"mappings":";;;AAYA,MAAMA,YAAsB,CAC1B,QACA,WACA,mBACA,cACA,SACA,wBACA,uBAAuB;AAGzB,MAAMC,wBAAwBC,QAC5BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;;"}
+{"version":3,"file":"calendarHeaderClasses.cjs","sources":["../../../../../src/components/Calendar/CalendarHeader/calendarHeaderClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarHeaderClasses {\n  root?: string;\n  invalid?: string;\n  headerDayOfWeek?: string;\n  headerDate?: string;\n  input?: string;\n  inputBorderContainer?: string;\n  invalidMessageStyling?: string;\n}\n\nconst classKeys: (keyof HvCalendarHeaderClasses)[] = [\n  \"root\",\n  \"invalid\",\n  \"headerDayOfWeek\",\n  \"headerDate\",\n  \"input\",\n  \"inputBorderContainer\",\n  \"invalidMessageStyling\",\n];\n\nconst calendarHeaderClasses = getClasses(classKeys, \"HvCalendarHeader\");\n\nexport default calendarHeaderClasses;\n"],"names":["classKeys","calendarHeaderClasses","getClasses"],"mappings":";;;AAYA,MAAMA,YAA+C,CACnD,QACA,WACA,mBACA,cACA,SACA,wBACA,uBAAuB;AAGzB,MAAMC,wBAAwBC,QAAWF,WAAAA,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("../../utils.cjs");
-const enums = require("../../enums.cjs");
 const clsx = require("clsx");
 const composedNavigationClasses = require("./composedNavigationClasses.cjs");
 const ComposedNavigation_styles = require("./ComposedNavigation.styles.cjs");
@@ -18,7 +17,7 @@ const HvComposedNavigation = ({
   visibleMonth,
   ...others
 }) => {
-  const listMonthNamesLong = utils.getMonthNamesList(locale, enums.REPRESENTATION_VALUES.LONG);
+  const listMonthNamesLong = utils.getMonthNamesList(locale, "long");
   const monthName = listMonthNamesLong[visibleMonth - 1];
   return /* @__PURE__ */ jsxRuntime.jsxs(ComposedNavigation_styles.StyledNavigationContainer, {
     className: clsx.clsx(composedNavigationClasses.default.navigationContainer, classes == null ? void 0 : classes.navigationContainer),
@@ -29,13 +28,13 @@ const HvComposedNavigation = ({
         id: setId.setId(id, "navigation-month"),
         navigationText: monthName,
         onNavigatePrevious: (event) => {
-          onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.PREVIOUS_MONTH);
+          onChange == null ? void 0 : onChange(event, "previous_month");
         },
         onNavigateNext: (event) => {
-          onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.NEXT_MONTH);
+          onChange == null ? void 0 : onChange(event, "next_month");
         },
         onTextClick: () => {
-          onViewModeChange(enums.VIEW_MODE.MONTHLY);
+          onViewModeChange("monthly");
         },
         className: clsx.clsx(composedNavigationClasses.default.navigationMonth, classes == null ? void 0 : classes.navigationMonth)
       })
@@ -43,10 +42,10 @@ const HvComposedNavigation = ({
       id: setId.setId(id, "navigation-year"),
       navigationText: visibleYear.toString(),
       onNavigatePrevious: (event) => {
-        onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.PREVIOUS_YEAR);
+        onChange == null ? void 0 : onChange(event, "previous_year");
       },
       onNavigateNext: (event) => {
-        onChange == null ? void 0 : onChange(event, enums.NAV_OPTIONS.NEXT_YEAR);
+        onChange == null ? void 0 : onChange(event, "next_year");
       }
     })]
   });

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComposedNavigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport { setId } from \"@core/utils\";\nimport { Navigation } from \"../Navigation\";\nimport { clsx } from \"clsx\";\nimport composedNavigationClasses, {\n  HvComposedNavigationClasses,\n} from \"./composedNavigationClasses\";\nimport {\n  StyledNavigationContainer,\n  StyledNavigationMonth,\n} from \"./ComposedNavigation.styles\";\nimport { VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvComposedNavigation = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const listMonthNamesLong = getMonthNamesList(\n    locale,\n    REPRESENTATION_VALUES.LONG\n  );\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <StyledNavigationContainer\n      className={clsx(\n        composedNavigationClasses.navigationContainer,\n        classes?.navigationContainer\n      )}\n      {...others}\n    >\n      <StyledNavigationMonth\n        className={clsx(\n          composedNavigationClasses.navigationMonth,\n          classes?.navigationMonth\n        )}\n      >\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, NAV_OPTIONS.PREVIOUS_MONTH);\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, NAV_OPTIONS.NEXT_MONTH);\n          }}\n          onTextClick={() => {\n            onViewModeChange(VIEW_MODE.MONTHLY);\n          }}\n          className={clsx(\n            composedNavigationClasses.navigationMonth,\n            classes?.navigationMonth\n          )}\n        />\n      </StyledNavigationMonth>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, NAV_OPTIONS.PREVIOUS_YEAR);\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, NAV_OPTIONS.NEXT_YEAR);\n        }}\n      />\n    </StyledNavigationContainer>\n  );\n};\n\nexport interface HvComposedNavigationProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: string) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","REPRESENTATION_VALUES","LONG","monthName","StyledNavigationContainer","className","clsx","composedNavigationClasses","navigationContainer","children","_jsx","StyledNavigationMonth","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","NAV_OPTIONS","PREVIOUS_MONTH","onNavigateNext","NEXT_MONTH","onTextClick","VIEW_MODE","MONTHLY","toString","PREVIOUS_YEAR","NEXT_YEAR"],"mappings":";;;;;;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AAC/B,QAAMC,qBAAqBC,MAAAA,kBACzBP,QACAQ,MAAAA,sBAAsBC,IAAI;AAEtBC,QAAAA,YAAYJ,mBAAmBF,eAAe,CAAC;AAErD,yCACGO,0BAAAA,2BAAyB;AAAA,IACxBC,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BC,qBAC1BjB,mCAASiB,mBAAmB;AAAA,IAC5B,GACEV;AAAAA,IAAMW,UAAA,CAEVC,2BAAAA,IAACC,iDAAqB;AAAA,MACpBN,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BK,iBAC1BrB,mCAASqB,eAAe;AAAA,MACxBH,yCAEDI,uBAAU;AAAA,QACTrB,IAAIsB,MAAAA,MAAMtB,IAAI,kBAAkB;AAAA,QAChCuB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAClBA,+CAAAA,OAAOC,kBAAYC;AAAAA,QAChC;AAAA,QACAC,gBAAiBH,CAAU,UAAA;AACdA,+CAAAA,OAAOC,kBAAYG;AAAAA,QAChC;AAAA,QACAC,aAAaA,MAAM;AACjB3B,2BAAiB4B,MAAAA,UAAUC,OAAO;AAAA,QACpC;AAAA,QACAnB,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BK,iBAC1BrB,mCAASqB,eAAe;AAAA,MAAA,CACxB;AAAA,IAAA,CAEkB,GAExBF,2BAAAA,IAACG,uBAAU;AAAA,MACTrB,IAAIsB,MAAAA,MAAMtB,IAAI,iBAAiB;AAAA,MAC/BuB,gBAAgBnB,YAAY6B,SAAW;AAAA,MACvCT,oBAAqBC,CAAU,UAAA;AAClBA,6CAAAA,OAAOC,kBAAYQ;AAAAA,MAChC;AAAA,MACAN,gBAAiBH,CAAU,UAAA;AACdA,6CAAAA,OAAOC,kBAAYS;AAAAA,MAChC;AAAA,IAAA,CACA,CAAA;AAAA,EAAA,CACwB;AAEhC;;"}
+{"version":3,"file":"ComposedNavigation.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.tsx"],"sourcesContent":["import { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport { setId } from \"@core/utils\";\nimport { Navigation } from \"../Navigation\";\nimport { clsx } from \"clsx\";\nimport composedNavigationClasses, {\n  HvComposedNavigationClasses,\n} from \"./composedNavigationClasses\";\nimport {\n  StyledNavigationContainer,\n  StyledNavigationMonth,\n} from \"./ComposedNavigation.styles\";\nimport { VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvComposedNavigation = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  visibleYear,\n  visibleMonth,\n  ...others\n}: HvComposedNavigationProps) => {\n  const listMonthNamesLong = getMonthNamesList(locale, \"long\");\n  const monthName = listMonthNamesLong[visibleMonth - 1];\n\n  return (\n    <StyledNavigationContainer\n      className={clsx(\n        composedNavigationClasses.navigationContainer,\n        classes?.navigationContainer\n      )}\n      {...others}\n    >\n      <StyledNavigationMonth\n        className={clsx(\n          composedNavigationClasses.navigationMonth,\n          classes?.navigationMonth\n        )}\n      >\n        <Navigation\n          id={setId(id, \"navigation-month\")}\n          navigationText={monthName}\n          onNavigatePrevious={(event) => {\n            onChange?.(event, \"previous_month\");\n          }}\n          onNavigateNext={(event) => {\n            onChange?.(event, \"next_month\");\n          }}\n          onTextClick={() => {\n            onViewModeChange(\"monthly\");\n          }}\n          className={clsx(\n            composedNavigationClasses.navigationMonth,\n            classes?.navigationMonth\n          )}\n        />\n      </StyledNavigationMonth>\n\n      <Navigation\n        id={setId(id, \"navigation-year\")}\n        navigationText={visibleYear.toString()}\n        onNavigatePrevious={(event) => {\n          onChange?.(event, \"previous_year\");\n        }}\n        onNavigateNext={(event) => {\n          onChange?.(event, \"next_year\");\n        }}\n      />\n    </StyledNavigationContainer>\n  );\n};\n\nexport interface HvComposedNavigationProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvComposedNavigationClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (event, action: VisibilitySelectorActions) => void;\n  /**\n   * Callback to define the view mode.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear: number;\n}\n"],"names":["HvComposedNavigation","classes","id","locale","onChange","onViewModeChange","visibleYear","visibleMonth","others","listMonthNamesLong","getMonthNamesList","monthName","StyledNavigationContainer","className","clsx","composedNavigationClasses","navigationContainer","children","_jsx","StyledNavigationMonth","navigationMonth","Navigation","setId","navigationText","onNavigatePrevious","event","onNavigateNext","onTextClick","toString"],"mappings":";;;;;;;;;AAcO,MAAMA,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACsB,MAAM;AACzBC,QAAAA,qBAAqBC,MAAAA,kBAAkBP,QAAQ,MAAM;AACrDQ,QAAAA,YAAYF,mBAAmBF,eAAe,CAAC;AAErD,yCACGK,0BAAAA,2BAAyB;AAAA,IACxBC,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BC,qBAC1Bf,mCAASe,mBAAmB;AAAA,IAC5B,GACER;AAAAA,IAAMS,UAAA,CAEVC,2BAAAA,IAACC,iDAAqB;AAAA,MACpBN,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BK,iBAC1BnB,mCAASmB,eAAe;AAAA,MACxBH,yCAEDI,uBAAU;AAAA,QACTnB,IAAIoB,MAAAA,MAAMpB,IAAI,kBAAkB;AAAA,QAChCqB,gBAAgBZ;AAAAA,QAChBa,oBAAqBC,CAAU,UAAA;AAC7BrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAC,gBAAiBD,CAAU,UAAA;AACzBrB,+CAAWqB,OAAO;AAAA,QACpB;AAAA,QACAE,aAAaA,MAAM;AACjBtB,2BAAiB,SAAS;AAAA,QAC5B;AAAA,QACAQ,WAAWC,KAAAA,KACTC,0BAAAA,QAA0BK,iBAC1BnB,mCAASmB,eAAe;AAAA,MAAA,CACxB;AAAA,IAAA,CAEkB,GAExBF,2BAAAA,IAACG,uBAAU;AAAA,MACTnB,IAAIoB,MAAAA,MAAMpB,IAAI,iBAAiB;AAAA,MAC/BqB,gBAAgBjB,YAAYsB,SAAW;AAAA,MACvCJ,oBAAqBC,CAAU,UAAA;AAC7BrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,MACAC,gBAAiBD,CAAU,UAAA;AACzBrB,6CAAWqB,OAAO;AAAA,MACpB;AAAA,IAAA,CACA,CAAA;AAAA,EAAA,CACwB;AAEhC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"composedNavigationClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvComposedNavigationClasses {\n  navigationContainer?: string;\n  navigationMonth?: string;\n}\n\nconst classKeys: string[] = [\"navigationContainer\", \"navigationMonth\"];\n\nconst composedNavigationClasses = getClasses<HvComposedNavigationClasses>(\n  classKeys,\n  \"HvComposedNavigation\"\n);\n\nexport default composedNavigationClasses;\n"],"names":["classKeys","composedNavigationClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,uBAAuB,iBAAiB;AAErE,MAAMC,4BAA4BC,QAChCF,WAAAA,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;;"}
+{"version":3,"file":"composedNavigationClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/ComposedNavigation/composedNavigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvComposedNavigationClasses {\n  navigationContainer?: string;\n  navigationMonth?: string;\n}\n\nconst classKeys: (keyof HvComposedNavigationClasses)[] = [\n  \"navigationContainer\",\n  \"navigationMonth\",\n];\n\nconst composedNavigationClasses = getClasses(classKeys, \"HvComposedNavigation\");\n\nexport default composedNavigationClasses;\n"],"names":["classKeys","composedNavigationClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAmD,CACvD,uBACA,iBAAiB;AAGnB,MAAMC,4BAA4BC,QAAWF,WAAAA,WAAW,sBAAsB;AAE9E,MAAA,8BAAeC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const utils = require("../../utils.cjs");
-const enums = require("../../enums.cjs");
 const monthSelectorClasses = require("./monthSelectorClasses.cjs");
 const MonthSelector_styles = require("./MonthSelector.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -18,12 +17,11 @@ const HvMonthSelector = ({
   visibleMonth,
   ...others
 }) => {
-  const listMonthNamesShort = utils.getMonthNamesList(locale, enums.REPRESENTATION_VALUES.SHORT);
+  const listMonthNamesShort = utils.getMonthNamesList(locale, "short");
   const onKeyDownHandler = (event, index) => {
     if (keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter)) {
-      if (onChange)
-        onChange(event, enums.NAV_OPTIONS.MONTH, index + 1);
-      onViewModeChange(enums.VIEW_MODE.CALENDAR);
+      onChange == null ? void 0 : onChange(event, "month", index + 1);
+      onViewModeChange("calendar");
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(MonthSelector_styles.StyledCalendarMonthlyGrid, {
@@ -32,9 +30,8 @@ const HvMonthSelector = ({
       className: clsx.clsx(monthSelectorClasses.default.focusSelection, classes == null ? void 0 : classes.focusSelection),
       role: "button",
       onClick: (event) => {
-        if (onChange)
-          onChange(event, enums.NAV_OPTIONS.MONTH, index + 1);
-        onViewModeChange(enums.VIEW_MODE.CALENDAR);
+        onChange == null ? void 0 : onChange(event, "month", index + 1);
+        onViewModeChange("calendar");
       },
       onKeyDown: (event) => onKeyDownHandler(event, index),
       tabIndex: 0,

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthSelector.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { NAV_OPTIONS, VIEW_MODE, REPRESENTATION_VALUES } from \"../../enums\";\nimport monthSelectorClasses, {\n  HvMonthSelectorClasses,\n} from \"./monthSelectorClasses\";\nimport {\n  StyledCalendarMonthlyCell,\n  StyledCalendarMonthlyGrid,\n  StyledFocusSelection,\n} from \"./MonthSelector.styles\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvMonthSelector = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const listMonthNamesShort = getMonthNamesList(\n    locale,\n    REPRESENTATION_VALUES.SHORT\n  );\n  const onKeyDownHandler = (event, index) => {\n    if (isKeypress(event, keyboardCodes.Enter)) {\n      if (onChange) onChange(event, NAV_OPTIONS.MONTH, index + 1);\n      onViewModeChange(VIEW_MODE.CALENDAR);\n    }\n  };\n  return (\n    <StyledCalendarMonthlyGrid\n      className={clsx(\n        monthSelectorClasses.calendarMonthlyGrid,\n        classes?.calendarMonthlyGrid,\n        rangeMode\n          ? clsx(monthSelectorClasses.rangeModeWidth, classes?.rangeModeWidth)\n          : clsx(monthSelectorClasses.normalWidth, classes?.normalWidth)\n      )}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <StyledFocusSelection\n          className={clsx(\n            monthSelectorClasses.focusSelection,\n            classes?.focusSelection\n          )}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            if (onChange) onChange(event, NAV_OPTIONS.MONTH, index + 1);\n            onViewModeChange(VIEW_MODE.CALENDAR);\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <StyledCalendarMonthlyCell\n            variant=\"normalText\"\n            className={clsx(\n              monthSelectorClasses.calendarMonthlyCell,\n              classes?.calendarMonthlyCell,\n              index + 1 === visibleMonth &&\n                clsx(\n                  monthSelectorClasses.calendarMonthlyCellSelected,\n                  classes?.calendarMonthlyCellSelected\n                )\n            )}\n          >\n            {monthName}\n          </StyledCalendarMonthlyCell>\n        </StyledFocusSelection>\n      ))}\n    </StyledCalendarMonthlyGrid>\n  );\n};\n\nexport interface HvMonthSelectorProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: string) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","getMonthNamesList","REPRESENTATION_VALUES","SHORT","onKeyDownHandler","event","index","isKeypress","keyboardCodes","Enter","NAV_OPTIONS","MONTH","VIEW_MODE","CALENDAR","StyledCalendarMonthlyGrid","className","clsx","monthSelectorClasses","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","StyledFocusSelection","focusSelection","role","onClick","onKeyDown","tabIndex","StyledCalendarMonthlyCell","variant","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AAC1B,QAAMC,sBAAsBC,MAAAA,kBAC1BP,QACAQ,MAAAA,sBAAsBC,KAAK;AAEvBC,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACzC,QAAIC,oBAAWF,OAAOG,cAAcC,cAAAA,KAAK,GAAG;AACtCd,UAAAA;AAAUA,iBAASU,OAAOK,MAAAA,YAAYC,OAAOL,QAAQ,CAAC;AAC1DV,uBAAiBgB,MAAAA,UAAUC,QAAQ;AAAA,IACrC;AAAA,EAAA;AAEF,wCACGC,qBAAAA,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,KAAAA,6BAAqBC,qBACrB1B,mCAAS0B,qBACTrB,YACImB,UAAKC,qBAAAA,QAAqBE,gBAAgB3B,mCAAS2B,cAAc,IACjEH,KAAAA,KAAKC,6BAAqBG,aAAa5B,mCAAS4B,WAAW,CAAC;AAAA,IAChEC,UAEDrB,oBAAoBsB,IAAI,CAACC,WAAWjB,yCAClCkB,2CAAoB;AAAA,MACnBT,WAAWC,KAAAA,KACTC,qBAAAA,QAAqBQ,gBACrBjC,mCAASiC,cAAc;AAAA,MAGzBC,MAAK;AAAA,MACLC,SAAUtB,CAAU,UAAA;AACdV,YAAAA;AAAUA,mBAASU,OAAOK,MAAAA,YAAYC,OAAOL,QAAQ,CAAC;AAC1DV,yBAAiBgB,MAAAA,UAAUC,QAAQ;AAAA,MACrC;AAAA,MACAe,WAAYvB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDuB,UAAU;AAAA,MAAE,GACR9B;AAAAA,MAAMsB,yCAETS,gDAAyB;AAAA,QACxBC,SAAQ;AAAA,QACRhB,WAAWC,KAAAA,KACTC,qBAAqBe,QAAAA,qBACrBxC,mCAASwC,qBACT1B,QAAQ,MAAMR,gBACZkB,KACEC,KAAAA,qBAAAA,QAAqBgB,6BACrBzC,mCAASyC,2BAA2B,CACrC;AAAA,QACHZ,UAEDE;AAAAA,MAAAA,CAAS;AAAA,IACgB,GAvBvBA,SAAS,CAyBjB;AAAA,EAAA,CACyB;AAEhC;;"}
+{"version":3,"file":"MonthSelector.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { isKeypress, keyboardCodes } from \"@core/utils\";\nimport { getMonthNamesList } from \"../../utils\";\nimport { ViewMode } from \"../../enums\";\nimport monthSelectorClasses, {\n  HvMonthSelectorClasses,\n} from \"./monthSelectorClasses\";\nimport {\n  StyledCalendarMonthlyCell,\n  StyledCalendarMonthlyGrid,\n  StyledFocusSelection,\n} from \"./MonthSelector.styles\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"../../Calendar\";\n\nexport const HvMonthSelector = ({\n  classes,\n  id,\n  locale,\n  onChange,\n  onViewModeChange,\n  rangeMode,\n  visibleMonth,\n  ...others\n}: HvMonthSelectorProps) => {\n  const listMonthNamesShort = getMonthNamesList(locale, \"short\");\n  const onKeyDownHandler = (event, index) => {\n    if (isKeypress(event, keyboardCodes.Enter)) {\n      onChange?.(event, \"month\", index + 1);\n      onViewModeChange(\"calendar\");\n    }\n  };\n  return (\n    <StyledCalendarMonthlyGrid\n      className={clsx(\n        monthSelectorClasses.calendarMonthlyGrid,\n        classes?.calendarMonthlyGrid,\n        rangeMode\n          ? clsx(monthSelectorClasses.rangeModeWidth, classes?.rangeModeWidth)\n          : clsx(monthSelectorClasses.normalWidth, classes?.normalWidth)\n      )}\n    >\n      {listMonthNamesShort.map((monthName, index) => (\n        <StyledFocusSelection\n          className={clsx(\n            monthSelectorClasses.focusSelection,\n            classes?.focusSelection\n          )}\n          key={monthName}\n          role=\"button\"\n          onClick={(event) => {\n            onChange?.(event, \"month\", index + 1);\n            onViewModeChange(\"calendar\");\n          }}\n          onKeyDown={(event) => onKeyDownHandler(event, index)}\n          tabIndex={0}\n          {...others}\n        >\n          <StyledCalendarMonthlyCell\n            variant=\"normalText\"\n            className={clsx(\n              monthSelectorClasses.calendarMonthlyCell,\n              classes?.calendarMonthlyCell,\n              index + 1 === visibleMonth &&\n                clsx(\n                  monthSelectorClasses.calendarMonthlyCellSelected,\n                  classes?.calendarMonthlyCellSelected\n                )\n            )}\n          >\n            {monthName}\n          </StyledCalendarMonthlyCell>\n        </StyledFocusSelection>\n      ))}\n    </StyledCalendarMonthlyGrid>\n  );\n};\n\nexport interface HvMonthSelectorProps {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvMonthSelectorClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * Locale to be used by the calendar.\n   */\n  locale?: string;\n  /**\n   * Callback to define the input date.\n   */\n  onChange?: (\n    event: any,\n    action: VisibilitySelectorActions,\n    value: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * Callback to define the input date.\n   */\n  onViewModeChange: (viewMode: ViewMode) => void;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  rangeMode?: boolean;\n}\n"],"names":["HvMonthSelector","classes","id","locale","onChange","onViewModeChange","rangeMode","visibleMonth","others","listMonthNamesShort","getMonthNamesList","onKeyDownHandler","event","index","isKeypress","keyboardCodes","Enter","StyledCalendarMonthlyGrid","className","clsx","monthSelectorClasses","calendarMonthlyGrid","rangeModeWidth","normalWidth","children","map","monthName","StyledFocusSelection","focusSelection","role","onClick","onKeyDown","tabIndex","StyledCalendarMonthlyCell","variant","calendarMonthlyCell","calendarMonthlyCellSelected"],"mappings":";;;;;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpBC,QAAAA,sBAAsBC,MAAAA,kBAAkBP,QAAQ,OAAO;AACvDQ,QAAAA,mBAAmBA,CAACC,OAAOC,UAAU;AACzC,QAAIC,oBAAWF,OAAOG,cAAcC,cAAAA,KAAK,GAAG;AAC/BJ,2CAAAA,OAAO,SAASC,QAAQ;AACnCR,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EAAA;AAEF,wCACGY,qBAAAA,2BAAyB;AAAA,IACxBC,WAAWC,KACTC,KAAAA,6BAAqBC,qBACrBpB,mCAASoB,qBACTf,YACIa,UAAKC,qBAAAA,QAAqBE,gBAAgBrB,mCAASqB,cAAc,IACjEH,KAAAA,KAAKC,6BAAqBG,aAAatB,mCAASsB,WAAW,CAAC;AAAA,IAChEC,UAEDf,oBAAoBgB,IAAI,CAACC,WAAWb,yCAClCc,2CAAoB;AAAA,MACnBT,WAAWC,KAAAA,KACTC,qBAAAA,QAAqBQ,gBACrB3B,mCAAS2B,cAAc;AAAA,MAGzBC,MAAK;AAAA,MACLC,SAAUlB,CAAU,UAAA;AACPA,6CAAAA,OAAO,SAASC,QAAQ;AACnCR,yBAAiB,UAAU;AAAA,MAC7B;AAAA,MACA0B,WAAYnB,CAAAA,UAAUD,iBAAiBC,OAAOC,KAAK;AAAA,MACnDmB,UAAU;AAAA,MAAE,GACRxB;AAAAA,MAAMgB,yCAETS,gDAAyB;AAAA,QACxBC,SAAQ;AAAA,QACRhB,WAAWC,KAAAA,KACTC,qBAAqBe,QAAAA,qBACrBlC,mCAASkC,qBACTtB,QAAQ,MAAMN,gBACZY,KACEC,KAAAA,qBAAAA,QAAqBgB,6BACrBnC,mCAASmC,2BAA2B,CACrC;AAAA,QACHZ,UAEDE;AAAAA,MAAAA,CAAS;AAAA,IACgB,GAvBvBA,SAAS,CAyBjB;AAAA,EAAA,CACyB;AAEhC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"monthSelectorClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMonthSelectorClasses {\n  calendarMonthlyGrid?: string;\n  rangeModeWidth?: string;\n  normalWidth?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n}\n\nconst classKeys: string[] = [\n  \"calendarMonthlyGrid\",\n  \"rangeModeWidth\",\n  \"normalWidth\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst monthSelectorClasses = getClasses<HvMonthSelectorClasses>(\n  classKeys,\n  \"HvMothSelector\"\n);\n\nexport default monthSelectorClasses;\n"],"names":["classKeys","monthSelectorClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAC1B,uBACA,kBACA,eACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,uBAAuBC,QAC3BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,yBAAeC;;"}
+{"version":3,"file":"monthSelectorClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/MonthSelector/monthSelectorClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMonthSelectorClasses {\n  calendarMonthlyGrid?: string;\n  rangeModeWidth?: string;\n  normalWidth?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n}\n\nconst classKeys: (keyof HvMonthSelectorClasses)[] = [\n  \"calendarMonthlyGrid\",\n  \"rangeModeWidth\",\n  \"normalWidth\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst monthSelectorClasses = getClasses(classKeys, \"HvMothSelector\");\n\nexport default monthSelectorClasses;\n"],"names":["classKeys","monthSelectorClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAA8C,CAClD,uBACA,kBACA,eACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,uBAAuBC,QAAWF,WAAAA,WAAW,gBAAgB;AAEnE,MAAA,yBAAeC;;"}

package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/navigationClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/navigationClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvNavigationClasses {\n  root?: string;\n  icon?: string;\n  disabled?: string;\n  text?: string;\n  textWithoutHover?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"disabled\",\n  \"text\",\n  \"textWithoutHover\",\n];\n\nconst navigationClasses = getClasses<HvNavigationClasses>(\n  classKeys,\n  \"HvNavigation\"\n);\n\nexport default navigationClasses;\n"],"names":["classKeys","navigationClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAC1B,QACA,QACA,YACA,QACA,kBAAkB;AAGpB,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,cAAc;AAGhB,MAAA,sBAAeC;;"}
+{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../../src/components/Calendar/CalendarNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvNavigationClasses {\n  root?: string;\n  icon?: string;\n  disabled?: string;\n  text?: string;\n  textWithoutHover?: string;\n}\n\nconst classKeys: (keyof HvNavigationClasses)[] = [\n  \"root\",\n  \"icon\",\n  \"disabled\",\n  \"text\",\n  \"textWithoutHover\",\n];\n\nconst navigationClasses = getClasses(classKeys, \"HvNavigation\");\n\nexport default navigationClasses;\n"],"names":["classKeys","navigationClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAA2C,CAC/C,QACA,QACA,YACA,QACA,kBAAkB;AAGpB,MAAMC,oBAAoBC,QAAWF,WAAAA,WAAW,cAAc;AAE9D,MAAA,sBAAeC;;"}

package/dist/cjs/components/Calendar/CalendarWeekLabels/calendarWeekLabelsClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendarWeekLabelsClasses.cjs","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/calendarWeekLabelsClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarWeekLabelsClasses {\n  calendarDay?: string;\n}\n\nconst classKeys: string[] = [\"calendarDay\"];\n\nconst calendarWeekLabelsClasses = getClasses<HvCalendarWeekLabelsClasses>(\n  classKeys,\n  \"HvCalendarWeekLabels\"\n);\n\nexport default calendarWeekLabelsClasses;\n"],"names":["classKeys","calendarWeekLabelsClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAsB,CAAC,aAAa;AAE1C,MAAMC,4BAA4BC,QAChCF,WAAAA,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;;"}
+{"version":3,"file":"calendarWeekLabelsClasses.cjs","sources":["../../../../../src/components/Calendar/CalendarWeekLabels/calendarWeekLabelsClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarWeekLabelsClasses {\n  calendarDay?: string;\n}\n\nconst classKeys: (keyof HvCalendarWeekLabelsClasses)[] = [\"calendarDay\"];\n\nconst calendarWeekLabelsClasses = getClasses(classKeys, \"HvCalendarWeekLabels\");\n\nexport default calendarWeekLabelsClasses;\n"],"names":["classKeys","calendarWeekLabelsClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAmD,CAAC,aAAa;AAEvE,MAAMC,4BAA4BC,QAAWF,WAAAA,WAAW,sBAAsB;AAE9E,MAAA,8BAAeC;;"}

package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs

@@ -3,7 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const isNil = require("lodash/isNil");
-const enums = require("../enums.cjs");
 const utils = require("../utils.cjs");
 const model = require("../model.cjs");
 const SingleCalendar_styles = require("./SingleCalendar.styles.cjs");
@@ -47,13 +46,13 @@ const HvSingleCalendar = ({
   var _a, _b;
   const today = /* @__PURE__ */ new Date();
   const localValue = isNil__default.default(value) ? today : value;
-  const [calViewMode, setCalViewMode] = React.useState(enums.VIEW_MODE.CALENDAR);
+  const [calViewMode, setCalViewMode] = React.useState("calendar");
   const rangeMode = utils.isRange(localValue);
   const isDateSelectionMode = rangeMode && !utils.isDate(localValue.endDate);
   const calModel = rangeMode ? model.generateCalendarModel(localValue.startDate, visibleMonth, visibleYear) : model.generateCalendarModel(localValue, visibleMonth, visibleYear);
   const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);
   const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();
-  const listWeekdayNames = React.useMemo(() => utils.getWeekdayNamesList(locale, enums.DATETIMEFORMAT_OPTIONS.NARROW), [locale]);
+  const listWeekdayNames = React.useMemo(() => utils.getWeekdayNamesList(locale, "narrow"), [locale]);
   const handleChange = (event, date) => {
     event == null ? void 0 : event.preventDefault();
     onChange == null ? void 0 : onChange(event, date);
@@ -121,12 +120,12 @@ const HvSingleCalendar = ({
         onChange: handleInputChange,
         showEndDate: showEndDate && !isDateSelectionMode,
         showDayOfWeek
-      }), calViewMode === enums.VIEW_MODE.CALENDAR && /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      }), calViewMode === "calendar" && /* @__PURE__ */ jsxRuntime.jsxs("div", {
         children: [/* @__PURE__ */ jsxRuntime.jsx(ComposedNavigation.HvComposedNavigation, {
           id,
           locale,
           onChange: onVisibleDateChange,
-          onViewModeChange: (viewMode) => setCalViewMode(viewMode),
+          onViewModeChange: setCalViewMode,
           visibleYear: visibleYear || today.getFullYear(),
           visibleMonth: visibleMonth || today.getMonth() + 1
         }), /* @__PURE__ */ jsxRuntime.jsxs(SingleCalendar_styles.StyledCalendarGrid, {
@@ -136,11 +135,11 @@ const HvSingleCalendar = ({
             labels: listWeekdayNames
           }), calModel.dates.map(renderCalendarDate)]
         })]
-      }), calViewMode === enums.VIEW_MODE.MONTHLY && /* @__PURE__ */ jsxRuntime.jsx(MonthSelector.HvMonthSelector, {
+      }), calViewMode === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(MonthSelector.HvMonthSelector, {
         id,
         locale,
         onChange: onVisibleDateChange,
-        onViewModeChange: (viewMode) => setCalViewMode(viewMode),
+        onViewModeChange: setCalViewMode,
         visibleMonth: visibleMonth || today.getMonth() + 1,
         rangeMode
       })]

package/dist/cjs/components/Calendar/SingleCalendar/SingleCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId, keyboardCodes, isKeypress } from \"@core/utils\";\nimport { VIEW_MODE, DATETIMEFORMAT_OPTIONS } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"..\";\nimport {\n  StyledCalendarContainer,\n  StyledCalendarGrid,\n  StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n  HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale = \"en-US\",\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  showDayOfWeek,\n  children,\n  ...others\n}: HvSingleCalendarProps) => {\n  // TODO: refactor this out\n  // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState(VIEW_MODE.CALENDAR);\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, DATETIMEFORMAT_OPTIONS.NARROW),\n    [locale]\n  );\n\n  const handleChange = (event, date: Date | DateRangeProp) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null\n        ? [\n            ...parent.getElementsByClassName(\n              singleCalendarClasses.cellContainer as string\n            ),\n          ]\n        : [];\n    const elIndex = el ? siblings.indexOf(el) : 0;\n\n    if (isKeypress(event, Enter)) {\n      (el as HTMLElement).focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <HvCalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <StyledCalendarContainer\n      className={clsx(\n        className,\n        singleCalendarClasses.calendarContainer,\n        classes?.calendarContainer\n      )}\n      {...others}\n    >\n      <StyledCalendarWrapper\n        id={id}\n        className={clsx(\n          singleCalendarClasses.calendarWrapper,\n          classes?.calendarWrapper\n        )}\n      >\n        <HvCalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          showDayOfWeek={showDayOfWeek}\n        />\n        {calViewMode === VIEW_MODE.CALENDAR && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <StyledCalendarGrid\n              className={clsx(\n                singleCalendarClasses.calendarGrid,\n                classes?.calendarGrid\n              )}\n              aria-controls={HvCalendarHeader?.[0]?.id}\n            >\n              <HvCalendarWeekLabel labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </StyledCalendarGrid>\n          </div>\n        )}\n        {calViewMode === VIEW_MODE.MONTHLY && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={(viewMode) => setCalViewMode(viewMode)}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </StyledCalendarWrapper>\n    </StyledCalendarContainer>\n  );\n};\n\nexport interface HvSingleCalendarProps {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSingleCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className?: string;\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: string;\n  /**\n   * Date that the calendar would show.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate?: Date;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth?: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange?: (\n    event:\n      | React.ChangeEvent<\n          HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n        >\n      | undefined,\n    value: Date | DateRangeProp,\n    position?: \"left\" | \"right\"\n  ) => void;\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate?: Date;\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate?: Date;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children?: React.ReactNode;\n}\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","VIEW_MODE","CALENDAR","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","DATETIMEFORMAT_OPTIONS","NARROW","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","viewMode","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","MONTHLY","HvMonthSelector"],"mappings":"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"}
+{"version":3,"file":"SingleCalendar.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/SingleCalendar.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { clsx } from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId, keyboardCodes, isKeypress } from \"@core/utils\";\nimport { ViewMode } from \"../enums\";\nimport { isRange, isDate, getWeekdayNamesList } from \"../utils\";\nimport { generateCalendarModel } from \"../model\";\nimport { HvComposedNavigation, HvMonthSelector } from \"../CalendarNavigation\";\nimport { DateRangeProp, VisibilitySelectorActions } from \"..\";\nimport {\n  StyledCalendarContainer,\n  StyledCalendarGrid,\n  StyledCalendarWrapper,\n} from \"./SingleCalendar.styles\";\nimport singleCalendarClasses, {\n  HvSingleCalendarClasses,\n} from \"./singleCalendarClasses\";\nimport { HvCalendarCell } from \"./CalendarCell\";\nimport { HvCalendarWeekLabel } from \"../CalendarWeekLabels\";\nimport { HvCalendarHeader } from \"../CalendarHeader/CalendarHeader\";\n\nconst { Enter, ArrowLeft, ArrowRight, ArrowUp, ArrowDown } = keyboardCodes;\n\nexport const HvSingleCalendar = ({\n  classes,\n  className,\n  id,\n  locale = \"en-US\",\n  value,\n  visibleMonth,\n  visibleYear,\n  minimumDate,\n  maximumDate,\n  onChange,\n  onInputChange,\n  onVisibleDateChange,\n  showEndDate,\n  showDayOfWeek,\n  children,\n  ...others\n}: HvSingleCalendarProps) => {\n  // TODO: refactor this out\n  // const { HvCalendarHeader } = useContext(HvFormElementDescriptorsContext);\n\n  const today = new Date();\n  const localValue = isNil(value) ? today : value;\n\n  const [calViewMode, setCalViewMode] = useState<ViewMode>(\"calendar\");\n\n  const rangeMode = isRange(localValue);\n  const isDateSelectionMode = rangeMode && !isDate(localValue.endDate);\n  const calModel = rangeMode\n    ? generateCalendarModel(localValue.startDate, visibleMonth, visibleYear)\n    : generateCalendarModel(localValue, visibleMonth, visibleYear);\n  const firstDayOfCurrentMonth = new Date(calModel.year, calModel.month - 1, 1);\n  const firstDayOfCurrentMonthTime = firstDayOfCurrentMonth.getTime();\n\n  const listWeekdayNames = useMemo(\n    () => getWeekdayNamesList(locale, \"narrow\"),\n    [locale]\n  );\n\n  const handleChange = (event, date: Date | DateRangeProp) => {\n    event?.preventDefault();\n    onChange?.(event, date);\n  };\n\n  const handleInputChange = (event, date) => {\n    event?.preventDefault();\n    onInputChange?.(event, date);\n  };\n\n  const getNavChild = (event: KeyboardEvent, siblings, i: number) => {\n    if (isKeypress(event, ArrowLeft)) return siblings[i - 1];\n    if (isKeypress(event, ArrowRight)) return siblings[i + 1];\n    if (isKeypress(event, ArrowUp)) return siblings[i - 7];\n    if (isKeypress(event, ArrowDown)) return siblings[i + 7];\n    return undefined;\n  };\n\n  const handleKeyDown = (event) => {\n    // This code is very brittle and should be managed with the focus wrapper\n    const el = document?.activeElement;\n    const parent = el?.parentElement?.parentElement;\n    const siblings =\n      parent != null\n        ? [\n            ...parent.getElementsByClassName(\n              singleCalendarClasses.cellContainer as string\n            ),\n          ]\n        : [];\n    const elIndex = el ? siblings.indexOf(el) : 0;\n\n    if (isKeypress(event, Enter)) {\n      (el as HTMLElement).focus();\n      return;\n    }\n\n    const child = getNavChild(event, siblings, elIndex);\n\n    if (child) {\n      const inMonth = child.getAttribute(\"data-in-month\");\n      if (inMonth === \"true\") {\n        event?.preventDefault();\n        child?.focus();\n      }\n    }\n  };\n\n  /**\n   * Renders the element representing the received date.\n   *\n   * @param currentDate - The array representing the date [YYYY, MM, DD].\n   * @memberOf Calendar\n   */\n  const renderCalendarDate = (currentDate) => {\n    return (\n      <HvCalendarCell\n        classes={classes}\n        key={currentDate}\n        tabIndex={currentDate.getTime() === firstDayOfCurrentMonthTime ? 0 : -1}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        value={currentDate}\n        today={today}\n        calendarValue={localValue}\n        rangeMode={rangeMode}\n        isDateSelectionMode={isDateSelectionMode}\n        locale={locale}\n        firstDayOfCurrentMonth={firstDayOfCurrentMonth}\n        maximumDate={maximumDate}\n        minimumDate={minimumDate}\n      />\n    );\n  };\n\n  return (\n    <StyledCalendarContainer\n      className={clsx(\n        className,\n        singleCalendarClasses.calendarContainer,\n        classes?.calendarContainer\n      )}\n      {...others}\n    >\n      <StyledCalendarWrapper\n        id={id}\n        className={clsx(\n          singleCalendarClasses.calendarWrapper,\n          classes?.calendarWrapper\n        )}\n      >\n        <HvCalendarHeader\n          id={setId(id, \"header\")}\n          locale={locale}\n          onChange={handleInputChange}\n          showEndDate={showEndDate && !isDateSelectionMode}\n          showDayOfWeek={showDayOfWeek}\n        />\n        {calViewMode === \"calendar\" && (\n          <div>\n            <HvComposedNavigation\n              id={id}\n              locale={locale}\n              onChange={onVisibleDateChange}\n              onViewModeChange={setCalViewMode}\n              visibleYear={visibleYear || today.getFullYear()}\n              visibleMonth={visibleMonth || today.getMonth() + 1}\n            />\n            <StyledCalendarGrid\n              className={clsx(\n                singleCalendarClasses.calendarGrid,\n                classes?.calendarGrid\n              )}\n              aria-controls={HvCalendarHeader?.[0]?.id}\n            >\n              <HvCalendarWeekLabel labels={listWeekdayNames} />\n              {calModel.dates.map(renderCalendarDate)}\n            </StyledCalendarGrid>\n          </div>\n        )}\n        {calViewMode === \"monthly\" && (\n          <HvMonthSelector\n            id={id}\n            locale={locale}\n            onChange={onVisibleDateChange}\n            onViewModeChange={setCalViewMode}\n            visibleMonth={visibleMonth || today.getMonth() + 1}\n            rangeMode={rangeMode}\n          />\n        )}\n      </StyledCalendarWrapper>\n    </StyledCalendarContainer>\n  );\n};\n\nexport interface HvSingleCalendarProps {\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSingleCalendarClasses;\n  /**\n   * Identifier.\n   */\n  id?: string;\n  /**\n   * The class name to add at the root of the single calendar\n   */\n  className?: string;\n  /**\n   * The calendar locale.\n   *\n   */\n  locale: string;\n  /**\n   * Date that the calendar would show.\n   */\n  value?: string | Date | DateRangeProp;\n  /**\n   * Date that will be used to know which month and year should be displayed on the calendar. The value of the day is\n   * irrelevant.\n   */\n  visibleDate?: Date;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleMonth?: number;\n  /**\n   * Controls the visible month of the Calendar\n   */\n  visibleYear?: number;\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    value: Date | DateRangeProp\n  ) => void;\n  /**\n   * Callback function to be triggered when the selected date input has changed.\n   */\n  onInputChange?: (\n    event:\n      | React.ChangeEvent<\n          HTMLTextAreaElement | HTMLInputElement | HTMLButtonElement\n        >\n      | undefined,\n    value: Date | DateRangeProp,\n    position?: \"left\" | \"right\"\n  ) => void;\n  /**\n   * Callback function to be triggered when visible date has changed.\n   */\n  onVisibleDateChange?: (\n    event:\n      | React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>\n      | undefined,\n    action: VisibilitySelectorActions,\n    value?: Date | DateRangeProp | number\n  ) => void;\n  /**\n   * The maximum selectable date after this all values are disabled.\n   */\n  maximumDate?: Date;\n  /**\n   * The minimum selectable date before this all values are disabled.\n   */\n  minimumDate?: Date;\n  /**\n   * Indicates if header should display end date in a date range.\n   */\n  showEndDate?: boolean;\n  /**\n   * Indicates if header should display the day of week.\n   */\n  showDayOfWeek?: boolean;\n  /**\n   * Content on the upper part of the calendar.\n   */\n  children?: React.ReactNode;\n}\n"],"names":["Enter","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","keyboardCodes","HvSingleCalendar","classes","className","id","locale","value","visibleMonth","visibleYear","minimumDate","maximumDate","onChange","onInputChange","onVisibleDateChange","showEndDate","showDayOfWeek","children","others","today","Date","localValue","isNil","calViewMode","setCalViewMode","useState","rangeMode","isRange","isDateSelectionMode","isDate","endDate","calModel","generateCalendarModel","startDate","firstDayOfCurrentMonth","year","month","firstDayOfCurrentMonthTime","getTime","listWeekdayNames","useMemo","getWeekdayNamesList","handleChange","event","date","preventDefault","handleInputChange","getNavChild","siblings","i","isKeypress","undefined","handleKeyDown","el","document","activeElement","parent","parentElement","getElementsByClassName","singleCalendarClasses","cellContainer","elIndex","indexOf","focus","child","inMonth","getAttribute","renderCalendarDate","currentDate","HvCalendarCell","tabIndex","onKeyDown","calendarValue","StyledCalendarContainer","clsx","calendarContainer","StyledCalendarWrapper","calendarWrapper","_jsx","HvCalendarHeader","setId","HvComposedNavigation","onViewModeChange","getFullYear","getMonth","_jsxs","StyledCalendarGrid","calendarGrid","HvCalendarWeekLabel","labels","dates","map","HvMonthSelector"],"mappings":"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"}

package/dist/cjs/components/Calendar/SingleCalendar/calendarCellClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendarCellClasses.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/calendarCellClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarCellClasses {\n  cellContainer?: string;\n  focusSelection?: string;\n  calendarDate?: string;\n  calendarDateSelected?: string;\n  calendarDateNotInMonth?: string;\n  calendarDateInSelectionRange?: string;\n  calendarDateDisabled?: string;\n  startBookend?: string;\n  endBookend?: string;\n  dateWrapper?: string;\n  cellsInRange?: string;\n  cellsOutsideRange?: string;\n}\n\nconst classKeys: string[] = [\n  \"cellContainer\",\n  \"focusSelection\",\n  \"calendarDate\",\n  \"calendarDateSelected\",\n  \"calendarDateNotInMonth\",\n  \"calendarDateInSelectionRange\",\n  \"calendarDateDisabled\",\n  \"startBookend\",\n  \"endBookend\",\n  \"dateWrapper\",\n  \"cellsInRange\",\n  \"cellsOutsideRange\",\n];\n\nconst calendarCellClasses = getClasses<HvCalendarCellClasses>(\n  classKeys,\n  \"HvSingleCalendar\"\n);\n\nexport default calendarCellClasses;\n"],"names":["classKeys","calendarCellClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAAsB,CAC1B,iBACA,kBACA,gBACA,wBACA,0BACA,gCACA,wBACA,gBACA,cACA,eACA,gBACA,mBAAmB;AAGrB,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,wBAAeC;;"}
+{"version":3,"file":"calendarCellClasses.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/calendarCellClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarCellClasses {\n  cellContainer?: string;\n  focusSelection?: string;\n  calendarDate?: string;\n  calendarDateSelected?: string;\n  calendarDateNotInMonth?: string;\n  calendarDateInSelectionRange?: string;\n  calendarDateDisabled?: string;\n  startBookend?: string;\n  endBookend?: string;\n  dateWrapper?: string;\n  cellsInRange?: string;\n  cellsOutsideRange?: string;\n}\n\nconst classKeys: (keyof HvCalendarCellClasses)[] = [\n  \"cellContainer\",\n  \"focusSelection\",\n  \"calendarDate\",\n  \"calendarDateSelected\",\n  \"calendarDateNotInMonth\",\n  \"calendarDateInSelectionRange\",\n  \"calendarDateDisabled\",\n  \"startBookend\",\n  \"endBookend\",\n  \"dateWrapper\",\n  \"cellsInRange\",\n  \"cellsOutsideRange\",\n];\n\nconst calendarCellClasses = getClasses(classKeys, \"HvSingleCalendar\");\n\nexport default calendarCellClasses;\n"],"names":["classKeys","calendarCellClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA6C,CACjD,iBACA,kBACA,gBACA,wBACA,0BACA,gCACA,wBACA,gBACA,cACA,eACA,gBACA,mBAAmB;AAGrB,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,kBAAkB;AAEpE,MAAA,wBAAeC;;"}

package/dist/cjs/components/Calendar/SingleCalendar/singleCalendarClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"singleCalendarClasses.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/singleCalendarClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvSingleCalendarClasses {\n  calendarContainer?: string;\n  calendarWrapper?: string;\n  calendarGrid?: string;\n  navigationContainer?: string;\n  focusSelection?: string;\n  navigationMonth?: string;\n  calendarDate?: string;\n  calendarDateNotInMonth?: string;\n  calendarDateSelected?: string;\n  calendarDateInvalid?: string;\n  calendarDateInSelectionRange?: string;\n  startBookend?: string;\n  endBookend?: string;\n  cellsInRange?: string;\n  cellsOutsideRange?: string;\n  cellContainer?: string;\n}\n\nconst classKeys: string[] = [\n  \"calendarContainer\",\n  \"calendarWrapper\",\n  \"calendarGrid\",\n  \"navigationContainer\",\n  \"focusSelection\",\n  \"navigationMonth\",\n  \"calendarDate\",\n  \"calendarDateNotInMonth\",\n  \"calendarDateSelected\",\n  \"calendarDateInvalid\",\n  \"calendarDateInSelectionRange\",\n  \"startBookend\",\n  \"endBookend\",\n  \"cellsInRange\",\n  \"cellsOutsideRange\",\n  \"cellContainer\",\n];\n\nconst singleCalendarClasses = getClasses<HvSingleCalendarClasses>(\n  classKeys,\n  \"HvSingleCalendar\"\n);\n\nexport default singleCalendarClasses;\n"],"names":["classKeys","singleCalendarClasses","getClasses"],"mappings":";;;AAqBA,MAAMA,YAAsB,CAC1B,qBACA,mBACA,gBACA,uBACA,kBACA,mBACA,gBACA,0BACA,wBACA,uBACA,gCACA,gBACA,cACA,gBACA,qBACA,eAAe;AAGjB,MAAMC,wBAAwBC,QAC5BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;;"}
+{"version":3,"file":"singleCalendarClasses.cjs","sources":["../../../../../src/components/Calendar/SingleCalendar/singleCalendarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvSingleCalendarClasses {\n  calendarContainer?: string;\n  calendarWrapper?: string;\n  calendarGrid?: string;\n  navigationContainer?: string;\n  focusSelection?: string;\n  navigationMonth?: string;\n  calendarDate?: string;\n  calendarDateNotInMonth?: string;\n  calendarDateSelected?: string;\n  calendarDateInvalid?: string;\n  calendarDateInSelectionRange?: string;\n  startBookend?: string;\n  endBookend?: string;\n  cellsInRange?: string;\n  cellsOutsideRange?: string;\n  cellContainer?: string;\n}\n\nconst classKeys: (keyof HvSingleCalendarClasses)[] = [\n  \"calendarContainer\",\n  \"calendarWrapper\",\n  \"calendarGrid\",\n  \"navigationContainer\",\n  \"focusSelection\",\n  \"navigationMonth\",\n  \"calendarDate\",\n  \"calendarDateNotInMonth\",\n  \"calendarDateSelected\",\n  \"calendarDateInvalid\",\n  \"calendarDateInSelectionRange\",\n  \"startBookend\",\n  \"endBookend\",\n  \"cellsInRange\",\n  \"cellsOutsideRange\",\n  \"cellContainer\",\n];\n\nconst singleCalendarClasses = getClasses(classKeys, \"HvSingleCalendar\");\n\nexport default singleCalendarClasses;\n"],"names":["classKeys","singleCalendarClasses","getClasses"],"mappings":";;;AAqBA,MAAMA,YAA+C,CACnD,qBACA,mBACA,gBACA,uBACA,kBACA,mBACA,gBACA,0BACA,wBACA,uBACA,gCACA,gBACA,cACA,gBACA,qBACA,eAAe;AAGjB,MAAMC,wBAAwBC,QAAWF,WAAAA,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;;"}

package/dist/cjs/components/Calendar/calendarClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendarClasses.cjs","sources":["../../../../src/components/Calendar/calendarClasses.tsx"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarClasses {\n  root?: string;\n  rangeCalendarContainer?: string;\n  singleCalendar?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"rangeCalendarContainer\",\n  \"singleCalendar\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst calendarClasses = getClasses<HvCalendarClasses>(classKeys, \"HvCalendar\");\n\nexport default calendarClasses;\n"],"names":["classKeys","calendarClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAC1B,QACA,0BACA,kBACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}
+{"version":3,"file":"calendarClasses.cjs","sources":["../../../../src/components/Calendar/calendarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCalendarClasses {\n  root?: string;\n  rangeCalendarContainer?: string;\n  singleCalendar?: string;\n  focusSelection?: string;\n  calendarMonthlyCell?: string;\n  calendarMonthlyCellSelected?: string;\n}\n\nconst classKeys: (keyof HvCalendarClasses)[] = [\n  \"root\",\n  \"rangeCalendarContainer\",\n  \"singleCalendar\",\n  \"focusSelection\",\n  \"calendarMonthlyCell\",\n  \"calendarMonthlyCellSelected\",\n];\n\nconst calendarClasses = getClasses(classKeys, \"HvCalendar\");\n\nexport default calendarClasses;\n"],"names":["classKeys","calendarClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAyC,CAC7C,QACA,0BACA,kBACA,kBACA,uBACA,6BAA6B;AAG/B,MAAMC,kBAAkBC,QAAWF,WAAAA,WAAW,YAAY;AAE1D,MAAA,oBAAeC;;"}