@hitachivantara/uikit-react-core 5.4.0 → 5.6.0

package/dist/cjs/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { useControlled } from \"@core/hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\nimport { HvTypographyVariants } from \"@core/components\";\n\nexport interface HvAccordionProps\n  extends HvBaseProps<HTMLDivElement, { onChange }> {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: string;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Typography variant for the label.\n   */\n  labelVariant?: HvTypographyVariants;\n}\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  onChange,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  labelVariant = \"label\",\n  ...others\n}: HvAccordionProps) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"secondary_60\"]) || undefined;\n\n    const accordionButton = (\n      <StyledLabel\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(\n          accordionClasses.label,\n          classes?.label,\n          disabled && clsx(accordionClasses.disabled, classes?.disabled)\n        )}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={labelVariant}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </StyledLabel>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <StyledLabel component={`h${headingLevel}`} variant={labelVariant}>\n          {accordionButton}\n        </StyledLabel>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, accordionClasses.root, classes?.root)}\n      {...others}\n    >\n      {accordionHeader}\n      <StyledContainer\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(\n          accordionClasses.container,\n          classes?.container,\n          !isOpen && clsx(accordionClasses.hidden, classes?.hidden)\n        )}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","labelVariant","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, {\n  SyntheticEvent,\n  useCallback,\n  useMemo,\n  HTMLAttributes,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { useControlled } from \"@core/hooks\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { StyledContainer, StyledLabel, StyledRoot } from \"./Accordion.styles\";\nimport accordionClasses, { HvAccordionClasses } from \"./accordionClasses\";\nimport { HvTypographyVariants } from \"@core/components\";\n\nexport interface HvAccordionProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id?: string;\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvAccordionClasses;\n  /**\n   * The accordion label button.\n   */\n  label?: string;\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange?: (event: React.SyntheticEvent, value: boolean) => void;\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * Is the accordion disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Typography variant for the label.\n   */\n  labelVariant?: HvTypographyVariants;\n}\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nexport const HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  onChange,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  labelVariant = \"label\",\n  ...others\n}: HvAccordionProps) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event: SyntheticEvent) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event: SyntheticEvent) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (\n        event.altKey ||\n        event.ctrlKey ||\n        event.metaKey ||\n        event.currentTarget !== event.target\n      ) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"secondary_60\"]) || undefined;\n\n    const accordionButton = (\n      <StyledLabel\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(\n          accordionClasses.label,\n          classes?.label,\n          disabled && clsx(accordionClasses.disabled, classes?.disabled)\n        )}\n        disabled={disabled}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={labelVariant}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </StyledLabel>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <StyledLabel component={`h${headingLevel}`} variant={labelVariant}>\n          {accordionButton}\n        </StyledLabel>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, accordionClasses.root, classes?.root)}\n      {...others}\n    >\n      {accordionHeader}\n      <StyledContainer\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(\n          accordionClasses.container,\n          classes?.container,\n          !isOpen && clsx(accordionClasses.hidden, classes?.hidden)\n        )}\n        hidden={!isOpen}\n        {...containerProps}\n      >\n        {children}\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvAccordion","id","className","classes","disabled","label","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","labelVariant","others","isOpen","setIsOpen","useControlled","Boolean","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","accordionButton","StyledLabel","component","role","clsx","accordionClasses","tabIndex","onKeyDown","onClick","variant","_jsx","DropUpXS","DropDownXS","result","StyledRoot","root","StyledContainer","container","hidden"],"mappings":"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"}

package/dist/cjs/components/Accordion/accordionClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"accordionClasses.cjs","sources":["../../../../src/components/Accordion/accordionClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAccordionClasses {\n  /** Styles applied to the component root of the accordion. */\n  root?: string;\n  /** Styles applied to the content when it is hidden. */\n  hidden?: string;\n  /** Styles applied to the content when it is hidden. */\n  container?: string;\n  /** Styles applied to the label button. */\n  label?: string;\n  /** Styles applied to the label button when it is disabled. */\n  disabled?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"hidden\",\n  \"container\",\n  \"label\",\n  \"disabled\",\n];\n\nconst accordionClasses = getClasses<HvAccordionClasses>(\n  classKeys,\n  \"HvAccordion\"\n);\n\nexport default accordionClasses;\n"],"names":["classKeys","accordionClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAAsB,CAC1B,QACA,UACA,aACA,SACA,UAAU;AAGZ,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}
+{"version":3,"file":"accordionClasses.cjs","sources":["../../../../src/components/Accordion/accordionClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAccordionClasses {\n  /** Styles applied to the component root of the accordion. */\n  root?: string;\n  /** Styles applied to the content when it is hidden. */\n  hidden?: string;\n  /** Styles applied to the content when it is hidden. */\n  container?: string;\n  /** Styles applied to the label button. */\n  label?: string;\n  /** Styles applied to the label button when it is disabled. */\n  disabled?: string;\n}\n\nconst classKeys: (keyof HvAccordionClasses)[] = [\n  \"root\",\n  \"hidden\",\n  \"container\",\n  \"label\",\n  \"disabled\",\n];\n\nconst accordionClasses = getClasses(classKeys, \"HvAccordion\");\n\nexport default accordionClasses;\n"],"names":["classKeys","accordionClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAA0C,CAC9C,QACA,UACA,aACA,SACA,UAAU;AAGZ,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}

package/dist/cjs/components/ActionBar/actionBarClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionBarClasses.cjs","sources":["../../../../src/components/ActionBar/actionBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionBarClasses {\n  root?: string;\n}\n\nconst classKeys: string[] = [\"root\"];\n\nconst actionBarClasses = getClasses<HvActionBarClasses>(\n  classKeys,\n  \"HvActionBar\"\n);\n\nexport default actionBarClasses;\n"],"names":["classKeys","actionBarClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}
+{"version":3,"file":"actionBarClasses.cjs","sources":["../../../../src/components/ActionBar/actionBarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionBarClasses {\n  root?: string;\n}\n\nconst classKeys: (keyof HvActionBarClasses)[] = [\"root\"];\n\nconst actionBarClasses = getClasses(classKeys, \"HvActionBar\");\n\nexport default actionBarClasses;\n"],"names":["classKeys","actionBarClasses","getClasses"],"mappings":";;;AAMA,MAAMA,YAA0C,CAAC,MAAM;AAEvD,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}

package/dist/cjs/components/ActionsGeneric/actionsGenericClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionsGenericClasses.cjs","sources":["../../../../src/components/ActionsGeneric/actionsGenericClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionsGenericClasses {\n  /** Styles applied to element root. */\n  root?: string;\n  /** Styles applied to the visible buttons. */\n  button?: string;\n  /** Styles applied to the action container wrapper. */\n  actionContainer?: string;\n  /** Styles applied to the DropDownMenu component. */\n  dropDownMenu?: string;\n  /** Styles applied to the DropDownMenu IconButton component. */\n  dropDownMenuButton?: string;\n  /** Styles applied to the DropDownMenu IconButton component when it is selected. */\n  dropDownMenuButtonSelected?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"button\",\n  \"actionContainer\",\n  \"dropDownMenu\",\n  \"dropDownMenuButton\",\n  \"dropDownMenuButtonSelected\",\n];\n\nconst actionsGenericClasses = getClasses<HvActionsGenericClasses>(\n  classKeys,\n  \"HvActionsGeneric\"\n);\n\nexport default actionsGenericClasses;\n"],"names":["classKeys","actionsGenericClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAAsB,CAC1B,QACA,UACA,mBACA,gBACA,sBACA,4BAA4B;AAG9B,MAAMC,wBAAwBC,QAC5BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;;"}
+{"version":3,"file":"actionsGenericClasses.cjs","sources":["../../../../src/components/ActionsGeneric/actionsGenericClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionsGenericClasses {\n  /** Styles applied to element root. */\n  root?: string;\n  /** Styles applied to the visible buttons. */\n  button?: string;\n  /** Styles applied to the action container wrapper. */\n  actionContainer?: string;\n  /** Styles applied to the DropDownMenu component. */\n  dropDownMenu?: string;\n  /** Styles applied to the DropDownMenu IconButton component. */\n  dropDownMenuButton?: string;\n  /** Styles applied to the DropDownMenu IconButton component when it is selected. */\n  dropDownMenuButtonSelected?: string;\n}\n\nconst classKeys: (keyof HvActionsGenericClasses)[] = [\n  \"root\",\n  \"button\",\n  \"actionContainer\",\n  \"dropDownMenu\",\n  \"dropDownMenuButton\",\n  \"dropDownMenuButtonSelected\",\n];\n\nconst actionsGenericClasses = getClasses(classKeys, \"HvActionsGeneric\");\n\nexport default actionsGenericClasses;\n"],"names":["classKeys","actionsGenericClasses","getClasses"],"mappings":";;;AAiBA,MAAMA,YAA+C,CACnD,QACA,UACA,mBACA,gBACA,sBACA,4BAA4B;AAG9B,MAAMC,wBAAwBC,QAAWF,WAAAA,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;;"}

package/dist/cjs/components/AppSwitcher/Action/actionClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionClasses.cjs","sources":["../../../../../src/components/AppSwitcher/Action/actionClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAppSwitcherActionClasses {\n  root?: string;\n  icon?: string;\n  iconUrl?: string;\n  iconInfo?: string;\n  disabled?: string;\n  selected?: string;\n  typography?: string;\n  title?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"icon\",\n  \"iconUrl\",\n  \"iconInfo\",\n  \"disabled\",\n  \"selected\",\n  \"typography\",\n  \"title\",\n];\n\nconst appSwitcherActionClasses = getClasses<HvAppSwitcherActionClasses>(\n  classKeys,\n  \"HvAppSwitcher-Action\"\n);\n\nexport default appSwitcherActionClasses;\n"],"names":["classKeys","appSwitcherActionClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,QACA,WACA,YACA,YACA,YACA,cACA,OAAO;AAGT,MAAMC,2BAA2BC,QAC/BF,WAAAA,WACA,sBAAsB;AAGxB,MAAA,6BAAeC;;"}
+{"version":3,"file":"actionClasses.cjs","sources":["../../../../../src/components/AppSwitcher/Action/actionClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAppSwitcherActionClasses {\n  root?: string;\n  icon?: string;\n  iconUrl?: string;\n  iconInfo?: string;\n  disabled?: string;\n  selected?: string;\n  typography?: string;\n  title?: string;\n}\n\nconst classKeys: (keyof HvAppSwitcherActionClasses)[] = [\n  \"root\",\n  \"icon\",\n  \"iconUrl\",\n  \"iconInfo\",\n  \"disabled\",\n  \"selected\",\n  \"typography\",\n  \"title\",\n];\n\nconst appSwitcherActionClasses = getClasses(classKeys, \"HvAppSwitcher-Action\");\n\nexport default appSwitcherActionClasses;\n"],"names":["classKeys","appSwitcherActionClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAkD,CACtD,QACA,QACA,WACA,YACA,YACA,YACA,cACA,OAAO;AAGT,MAAMC,2BAA2BC,QAAWF,WAAAA,WAAW,sBAAsB;AAE7E,MAAA,6BAAeC;;"}

package/dist/cjs/components/AppSwitcher/appSwitcherClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"appSwitcherClasses.cjs","sources":["../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAppSwitcherClasses {\n  root?: string;\n  item?: string;\n  itemSelected?: string;\n  itemDisabled?: string;\n  itemTrigger?: string;\n  itemIcon?: string;\n  itemTitle?: string;\n  itemInfoIcon?: string;\n  actionsContainer?: string;\n  footerContainer?: string;\n  open?: string;\n  closed?: string;\n  title?: string;\n  single?: string;\n  dual?: string;\n  fluid?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"item\",\n  \"itemSelected\",\n  \"itemDisabled\",\n  \"itemTrigger\",\n  \"itemIcon\",\n  \"itemTitle\",\n  \"itemInfoIcon\",\n  \"actionsContainer\",\n  \"footerContainer\",\n  \"open\",\n  \"closed\",\n  \"title\",\n  \"single\",\n  \"dual\",\n  \"fluid\",\n];\n\nconst appSwitcherClasses = getClasses<HvAppSwitcherClasses>(\n  classKeys,\n  \"HvAppSwitcher\"\n);\n\nexport default appSwitcherClasses;\n"],"names":["classKeys","appSwitcherClasses","getClasses"],"mappings":";;;AAqBA,MAAMA,YAAsB,CAC1B,QACA,QACA,gBACA,gBACA,eACA,YACA,aACA,gBACA,oBACA,mBACA,QACA,UACA,SACA,UACA,QACA,OAAO;AAGT,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,eAAe;AAGjB,MAAA,uBAAeC;;"}
+{"version":3,"file":"appSwitcherClasses.cjs","sources":["../../../../src/components/AppSwitcher/appSwitcherClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAppSwitcherClasses {\n  root?: string;\n  item?: string;\n  itemSelected?: string;\n  itemDisabled?: string;\n  itemTrigger?: string;\n  itemIcon?: string;\n  itemTitle?: string;\n  itemInfoIcon?: string;\n  actionsContainer?: string;\n  footerContainer?: string;\n  open?: string;\n  closed?: string;\n  title?: string;\n  single?: string;\n  dual?: string;\n  fluid?: string;\n}\n\nconst classKeys: (keyof HvAppSwitcherClasses)[] = [\n  \"root\",\n  \"item\",\n  \"itemSelected\",\n  \"itemDisabled\",\n  \"itemTrigger\",\n  \"itemIcon\",\n  \"itemTitle\",\n  \"itemInfoIcon\",\n  \"actionsContainer\",\n  \"footerContainer\",\n  \"open\",\n  \"closed\",\n  \"title\",\n  \"single\",\n  \"dual\",\n  \"fluid\",\n];\n\nconst appSwitcherClasses = getClasses(classKeys, \"HvAppSwitcher\");\n\nexport default appSwitcherClasses;\n"],"names":["classKeys","appSwitcherClasses","getClasses"],"mappings":";;;AAqBA,MAAMA,YAA4C,CAChD,QACA,QACA,gBACA,gBACA,eACA,YACA,aACA,gBACA,oBACA,mBACA,QACA,UACA,SACA,UACA,QACA,OAAO;AAGT,MAAMC,qBAAqBC,QAAWF,WAAAA,WAAW,eAAe;AAEhE,MAAA,uBAAeC;;"}

package/dist/cjs/components/Avatar/avatarClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatarClasses.cjs","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAvatarClasses {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n  xs?: string;\n  sm?: string;\n  md?: string;\n  lg?: string;\n  xl?: string;\n  circular?: string;\n  square?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"circular\",\n  \"square\",\n];\n\nconst avatarClasses = getClasses<HvAvatarClasses>(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAsB,CAC1B,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"avatarClasses.cjs","sources":["../../../../src/components/Avatar/avatarClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvAvatarClasses {\n  root?: string;\n  container?: string;\n  img?: string;\n  fallback?: string;\n  badge?: string;\n  avatar?: string;\n  status?: string;\n  xs?: string;\n  sm?: string;\n  md?: string;\n  lg?: string;\n  xl?: string;\n  circular?: string;\n  square?: string;\n}\n\nconst classKeys: (keyof HvAvatarClasses)[] = [\n  \"root\",\n  \"container\",\n  \"img\",\n  \"fallback\",\n  \"badge\",\n  \"avatar\",\n  \"status\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"circular\",\n  \"square\",\n];\n\nconst avatarClasses = getClasses(classKeys, \"HvAvatar\");\n\nexport default avatarClasses;\n"],"names":["classKeys","avatarClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAuC,CAC3C,QACA,aACA,OACA,YACA,SACA,UACA,UACA,MACA,MACA,MACA,MACA,MACA,YACA,QAAQ;AAGV,MAAMC,gBAAgBC,QAAWF,WAAAA,WAAW,UAAU;AAEtD,MAAA,kBAAeC;;"}

package/dist/cjs/components/Badge/badgeClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBadgeClasses {\n  root?: string;\n  badgeContainer?: string;\n  badgePosition?: string;\n  badge?: string;\n  showCount?: string;\n  showLabel?: string;\n  badgeIcon?: string;\n  badgeOneDigit?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"badgeContainer\",\n  \"badgePosition\",\n  \"badge\",\n  \"showCount\",\n  \"showLabel\",\n  \"badgeIcon\",\n  \"badgeOneDigit\",\n];\n\nconst badgeClasses = getClasses<HvBadgeClasses>(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,kBACA,iBACA,SACA,aACA,aACA,aACA,eAAe;AAGjB,MAAMC,eAAeC,QAA2BF,WAAAA,WAAW,gBAAgB;AAE3E,MAAA,iBAAeC;;"}
+{"version":3,"file":"badgeClasses.cjs","sources":["../../../../src/components/Badge/badgeClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBadgeClasses {\n  root?: string;\n  badgeContainer?: string;\n  badgePosition?: string;\n  badge?: string;\n  showCount?: string;\n  showLabel?: string;\n  badgeIcon?: string;\n  badgeOneDigit?: string;\n}\n\nconst classKeys: (keyof HvBadgeClasses)[] = [\n  \"root\",\n  \"badgeContainer\",\n  \"badgePosition\",\n  \"badge\",\n  \"showCount\",\n  \"showLabel\",\n  \"badgeIcon\",\n  \"badgeOneDigit\",\n];\n\nconst badgeClasses = getClasses(classKeys, \"HvBadgeClasses\");\n\nexport default badgeClasses;\n"],"names":["classKeys","badgeClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsC,CAC1C,QACA,kBACA,iBACA,SACA,aACA,aACA,aACA,eAAe;AAGjB,MAAMC,eAAeC,QAAWF,WAAAA,WAAW,gBAAgB;AAE3D,MAAA,iBAAeC;;"}

package/dist/cjs/components/Banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, { children }> {\n  /** If true, the snackbar is open. */\n  open: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerClasses;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;AAiEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,KAAAA,KAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,KAAKC,KAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,KAAAA,KACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,KAAAA,KACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useCallback } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarProps as MuiSnackbarProps,\n  SnackbarOrigin,\n} from \"@mui/material/Snackbar\";\nimport capitalize from \"lodash/capitalize\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { StyledSnackbar } from \"./Banner.styles\";\nimport bannerClasses, { HvBannerClasses } from \"./bannerClasses\";\nimport {\n  HvBannerContent,\n  HvBannerContentProps,\n} from \"./BannerContent/BannerContent\";\n\nexport type HvBannerVariant = \"success\" | \"warning\" | \"error\" | \"default\";\n\nexport type HvBannerActionPosition = \"auto\" | \"inline\" | \"bottom-right\";\n\nexport interface HvBannerProps\n  extends Omit<MuiSnackbarProps, \"anchorOrigin\" | \"classes\" | \"onClose\">,\n    HvBaseProps<HTMLDivElement, \"children\"> {\n  /** If true, the snackbar is open. */\n  open: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The message to display. */\n  label?: string;\n  /** The anchor of the Snackbar. */\n  anchorOrigin?: \"top\" | \"bottom\";\n  /** Variant of the snackbar. */\n  variant?: HvBannerVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Actions to display on the right side. */\n  actions?: React.ReactNode | HvActionGeneric[];\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionsCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** The position property of the header. */\n  actionsPosition?: HvBannerActionPosition;\n  /** How much the transition animation last in milliseconds, if 0 no animation is played. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Offset from top/bottom of the page, in px. Defaults to 60px. */\n  offset?: number;\n  /** Props to pass down to the Banner Wrapper. An object `actionProps` can be included to be passed as others to actions. */\n  bannerContentProps?: HvBannerContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBannerClasses;\n}\n\n/**\n * A Banner displays an important and succinct message. It can also provide actions for the user to address, or dismiss.\n * It requires a user action, for it to be dismissed. Banners should appear at the top of the screen, below a top app bar.\n */\nexport const HvBanner = ({\n  id,\n  classes,\n  className,\n  open,\n  onClose,\n  anchorOrigin = \"top\",\n  variant = \"default\",\n  transitionDuration = 300,\n  transitionDirection = \"down\",\n  showIcon = false,\n  customIcon,\n  actions,\n  actionsCallback,\n  actionsPosition = \"auto\",\n  label,\n  offset = 60,\n  bannerContentProps,\n  ...others\n}: HvBannerProps) => {\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset || 0}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset || 0}px`,\n    },\n  };\n\n  const anchorOriginBanner: SnackbarOrigin = {\n    horizontal: \"center\",\n    vertical: anchorOrigin,\n  };\n\n  const SlideTransition = useCallback(\n    (properties) => <Slide {...properties} direction={transitionDirection} />,\n    [transitionDirection]\n  );\n\n  return (\n    <StyledSnackbar\n      style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin)}`]}\n      className={className}\n      id={id}\n      classes={{\n        root: open\n          ? clsx(bannerClasses.root, classes?.root)\n          : clsx(bannerClasses.rootClosed, classes?.rootClosed),\n        anchorOriginTopCenter: clsx(\n          bannerClasses.anchorOriginTopCenter,\n          classes?.anchorOriginTopCenter\n        ),\n        anchorOriginBottomCenter: clsx(\n          bannerClasses.anchorOriginBottomCenter,\n          classes?.anchorOriginBottomCenter\n        ),\n      }}\n      anchorOrigin={anchorOriginBanner}\n      TransitionComponent={SlideTransition}\n      open={open}\n      $isOpen={open}\n      transitionDuration={transitionDuration}\n      {...others}\n    >\n      <HvBannerContent\n        id={setId(id, \"content\")}\n        content={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        actions={actions}\n        actionsCallback={actionsCallback}\n        actionsPosition={actionsPosition}\n        onClose={onClose}\n        {...bannerContentProps}\n      />\n    </StyledSnackbar>\n  );\n};\n"],"names":["HvBanner","id","classes","className","open","onClose","anchorOrigin","variant","transitionDuration","transitionDirection","showIcon","customIcon","actions","actionsCallback","actionsPosition","label","offset","bannerContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","anchorOriginBanner","horizontal","vertical","SlideTransition","useCallback","properties","_jsx","Slide","direction","StyledSnackbar","style","capitalize","root","clsx","bannerClasses","rootClosed","anchorOriginTopCenter","anchorOriginBottomCenter","TransitionComponent","$isOpen","children","HvBannerContent","setId","content"],"mappings":";;;;;;;;;;;;;;AAiEO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC;AAAAA,EACAC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL,UAAU;AAAA,IACpB;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP,UAAU;AAAA,IACvB;AAAA,EAAA;AAGF,QAAMQ,qBAAqC;AAAA,IACzCC,YAAY;AAAA,IACZC,UAAUpB;AAAAA,EAAAA;AAGZ,QAAMqB,kBAAkBC,MAAAA,YACrBC,CAAeC,eAAAA,2BAAAA,IAACC,eAAAA,SAAK;AAAA,IAAA,GAAKF;AAAAA,IAAYG,WAAWvB;AAAAA,EAAAA,CAAoB,GACtE,CAACA,mBAAmB,CAAC;AAGvB,wCACGwB,cAAAA,gBAAc;AAAA,IACbC,OAAOf,mBAAoB,eAAcgB,oBAAAA,QAAW7B,YAAY,GAAG;AAAA,IACnEH;AAAAA,IACAF;AAAAA,IACAC,SAAS;AAAA,MACPkC,MAAMhC,OACFiC,KAAAA,KAAKC,cAAAA,QAAcF,MAAMlC,mCAASkC,IAAI,IACtCC,KAAKC,KAAAA,cAAAA,QAAcC,YAAYrC,mCAASqC,UAAU;AAAA,MACtDC,uBAAuBH,KAAAA,KACrBC,cAAAA,QAAcE,uBACdtC,mCAASsC,qBAAqB;AAAA,MAEhCC,0BAA0BJ,KAAAA,KACxBC,cAAAA,QAAcG,0BACdvC,mCAASuC,wBAAwB;AAAA,IAErC;AAAA,IACAnC,cAAckB;AAAAA,IACdkB,qBAAqBf;AAAAA,IACrBvB;AAAAA,IACAuC,SAASvC;AAAAA,IACTI;AAAAA,IAAuC,GACnCU;AAAAA,IAAM0B,yCAETC,+BAAe;AAAA,MACd5C,IAAI6C,MAAAA,MAAM7C,IAAI,SAAS;AAAA,MACvB8C,SAAShC;AAAAA,MACTR;AAAAA,MACAI;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAT;AAAAA,MAAiB,GACbY;AAAAA,IAAAA,CAAkB;AAAA,EAAA,CAET;AAErB;;"}

package/dist/cjs/components/Banner/BannerContent/ActionContainer/actionContainerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"actionContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/actionContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionContainerClasses {\n  actionContainer?: string;\n  closeAction?: string;\n  iconContainer?: string;\n  actionsInnerContainer?: string;\n}\n\nconst classKeys: string[] = [\n  \"actionContainer\",\n  \"closeAction\",\n  \"iconContainer\",\n  \"actionsInnerContainer\",\n];\n\nconst actionContainerClasses = getClasses<HvActionContainerClasses>(\n  classKeys,\n  \"HvBanner-ActionContainer\"\n);\n\nexport default actionContainerClasses;\n"],"names":["classKeys","actionContainerClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,mBACA,eACA,iBACA,uBAAuB;AAGzB,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,0BAA0B;AAG5B,MAAA,2BAAeC;;"}
+{"version":3,"file":"actionContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/ActionContainer/actionContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvActionContainerClasses {\n  actionContainer?: string;\n  closeAction?: string;\n  iconContainer?: string;\n  actionsInnerContainer?: string;\n}\n\nconst classKeys: (keyof HvActionContainerClasses)[] = [\n  \"actionContainer\",\n  \"closeAction\",\n  \"iconContainer\",\n  \"actionsInnerContainer\",\n];\n\nconst actionContainerClasses = getClasses(\n  classKeys,\n  \"HvBanner-ActionContainer\"\n);\n\nexport default actionContainerClasses;\n"],"names":["classKeys","actionContainerClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAgD,CACpD,mBACA,eACA,iBACA,uBAAuB;AAGzB,MAAMC,yBAAyBC,QAC7BF,WAAAA,WACA,0BAA0B;AAG5B,MAAA,2BAAeC;;"}

package/dist/cjs/components/Banner/BannerContent/MessageContainer/messageContainerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"messageContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/messageContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMessageContainerClasses {\n  iconContainer?: string;\n  message?: string;\n  actionMessageContainer?: string;\n}\n\nconst classKeys: string[] = [\n  \"iconContainer\",\n  \"message\",\n  \"actionMessageContainer\",\n];\n\nconst messageContainerClasses = getClasses<HvMessageContainerClasses>(\n  classKeys,\n  \"HvBanner-MessageContainer\"\n);\n\nexport default messageContainerClasses;\n"],"names":["classKeys","messageContainerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAC1B,iBACA,WACA,wBAAwB;AAG1B,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,2BAA2B;AAG7B,MAAA,4BAAeC;;"}
+{"version":3,"file":"messageContainerClasses.cjs","sources":["../../../../../../src/components/Banner/BannerContent/MessageContainer/messageContainerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvMessageContainerClasses {\n  iconContainer?: string;\n  message?: string;\n  actionMessageContainer?: string;\n}\n\nconst classKeys: (keyof HvMessageContainerClasses)[] = [\n  \"iconContainer\",\n  \"message\",\n  \"actionMessageContainer\",\n];\n\nconst messageContainerClasses = getClasses(\n  classKeys,\n  \"HvBanner-MessageContainer\"\n);\n\nexport default messageContainerClasses;\n"],"names":["classKeys","messageContainerClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAiD,CACrD,iBACA,WACA,wBAAwB;AAG1B,MAAMC,0BAA0BC,QAC9BF,WAAAA,WACA,2BAA2B;AAG7B,MAAA,4BAAeC;;"}

package/dist/cjs/components/Banner/BannerContent/bannerContentClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bannerContentClasses.cjs","sources":["../../../../../src/components/Banner/BannerContent/bannerContentClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBannerContentClasses {\n  outContainer?: string;\n  root?: string;\n  message?: string;\n  action?: string;\n  baseVariant?: string;\n  success?: string;\n  warning?: string;\n  error?: string;\n  info?: string;\n  default?: string;\n}\n\nconst classKeys: string[] = [\n  \"outContainer\",\n  \"root\",\n  \"message\",\n  \"action\",\n  \"baseVariant\",\n  \"success\",\n  \"warning\",\n  \"error\",\n  \"info\",\n  \"default\",\n];\n\nconst bannerContentClasses = getClasses<HvBannerContentClasses>(\n  classKeys,\n  \"HvBanner-Content\"\n);\n\nexport default bannerContentClasses;\n"],"names":["classKeys","bannerContentClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAAsB,CAC1B,gBACA,QACA,WACA,UACA,eACA,WACA,WACA,SACA,QACA,SAAS;AAGX,MAAMC,uBAAuBC,QAC3BF,WAAAA,WACA,kBAAkB;AAGpB,MAAA,yBAAeC;;"}
+{"version":3,"file":"bannerContentClasses.cjs","sources":["../../../../../src/components/Banner/BannerContent/bannerContentClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBannerContentClasses {\n  outContainer?: string;\n  root?: string;\n  message?: string;\n  action?: string;\n  baseVariant?: string;\n  success?: string;\n  warning?: string;\n  error?: string;\n  info?: string;\n  default?: string;\n}\n\nconst classKeys: (keyof HvBannerContentClasses)[] = [\n  \"outContainer\",\n  \"root\",\n  \"message\",\n  \"action\",\n  \"baseVariant\",\n  \"success\",\n  \"warning\",\n  \"error\",\n  \"info\",\n  \"default\",\n];\n\nconst bannerContentClasses = getClasses(classKeys, \"HvBanner-Content\");\n\nexport default bannerContentClasses;\n"],"names":["classKeys","bannerContentClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAA8C,CAClD,gBACA,QACA,WACA,UACA,eACA,WACA,WACA,SACA,QACA,SAAS;AAGX,MAAMC,uBAAuBC,QAAWF,WAAAA,WAAW,kBAAkB;AAErE,MAAA,yBAAeC;;"}

package/dist/cjs/components/Banner/bannerClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"bannerClasses.cjs","sources":["../../../../src/components/Banner/bannerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBannerClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the component root class when the component is closed. */\n  rootClosed?: string;\n  /** Styles applied to the component when define as top. */\n  anchorOriginTopCenter?: string;\n  /** Styles applied to the component when define as bottom. */\n  anchorOriginBottomCenter?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"rootClosed\",\n  \"anchorOriginTopCenter\",\n  \"anchorOriginBottomCenter\",\n];\n\nconst bannerClasses = getClasses<HvBannerClasses>(classKeys, \"HvBanner\");\n\nexport default bannerClasses;\n"],"names":["classKeys","bannerClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,cACA,yBACA,0BAA0B;AAG5B,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"bannerClasses.cjs","sources":["../../../../src/components/Banner/bannerClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBannerClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the component root class when the component is closed. */\n  rootClosed?: string;\n  /** Styles applied to the component when define as top. */\n  anchorOriginTopCenter?: string;\n  /** Styles applied to the component when define as bottom. */\n  anchorOriginBottomCenter?: string;\n}\n\nconst classKeys: (keyof HvBannerClasses)[] = [\n  \"root\",\n  \"rootClosed\",\n  \"anchorOriginTopCenter\",\n  \"anchorOriginBottomCenter\",\n];\n\nconst bannerClasses = getClasses(classKeys, \"HvBanner\");\n\nexport default bannerClasses;\n"],"names":["classKeys","bannerClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAuC,CAC3C,QACA,cACA,yBACA,0BAA0B;AAG5B,MAAMC,gBAAgBC,QAAWF,WAAAA,WAAW,UAAU;AAEtD,MAAA,kBAAeC;;"}

package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCheckBox.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n  CheckboxCheck as CheckboxCheckIcon,\n  CheckboxPartial as CheckboxPartialIcon,\n  Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n  HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport interface HvBaseCheckBoxProps\n  extends Omit<MuiCheckboxProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, { onChange; color }> {\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 checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  value?: any;\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required.\n   */\n  required?: boolean;\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked?: boolean;\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate?: boolean;\n  /**\n   * The callback fired when the checkbox 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   * Callback fired when the component is blurred.\n   */\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvBaseCheckBoxClasses;\n}\n\nconst getSelectorIcons = (\n  options: {\n    disabled: boolean;\n    semantic: boolean;\n  },\n  classes?: HvBaseCheckBoxClasses\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  // Default colors: [\"atmo1\",\"secondary\"]\n  return {\n    checkbox: (\n      <CheckboxIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxPartial: (\n      <CheckboxPartialIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxChecked: (\n      <CheckboxCheckIcon\n        color={checkedColor}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  inputProps,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  checked,\n  indeterminate,\n  defaultChecked,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  ...others\n}: HvBaseCheckBoxProps) => {\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onChangeCallback = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(event, event.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  const onBlurCallback = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  return (\n    <StyledCheckedBox\n      id={id}\n      name={name}\n      value={value}\n      className={clsx(\n        className,\n        baseCheckBoxClasses.root,\n        classes?.root,\n        disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onChange={onChangeCallback}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      color=\"default\"\n      disableRipple\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;;;AAuFA,MAAMA,mBAAmBA,CACvBC,SAIAC,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;AAGK,SAAA;AAAA,IACLE,yCACGC,0BAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,kBACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KAAAA,KACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,UAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAAA,KAAKE,oBAAAA,QAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;;"}
+{"version":3,"file":"BaseCheckBox.cjs","sources":["../../../../src/components/BaseCheckBox/BaseCheckBox.tsx"],"sourcesContent":["import {\n  CheckboxCheck as CheckboxCheckIcon,\n  CheckboxPartial as CheckboxPartialIcon,\n  Checkbox as CheckboxIcon,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { CheckboxProps as MuiCheckboxProps } from \"@mui/material\";\nimport { clsx } from \"clsx\";\nimport React, { useCallback, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledCheckedBox } from \"./BaseCheckBox.styles\";\nimport baseCheckBoxClasses, {\n  HvBaseCheckBoxClasses,\n} from \"./baseCheckBoxClasses\";\n\nexport interface HvBaseCheckBoxProps\n  extends Omit<MuiCheckboxProps, \"onChange\" | \"classes\">,\n    HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\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 checkbox is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  value?: any;\n  /**\n   * Indicates that the input is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required.\n   */\n  required?: boolean;\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked?: boolean;\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked?: boolean;\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   */\n  indeterminate?: boolean;\n  /**\n   * The callback fired when the checkbox 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   * Callback fired when the component is blurred.\n   */\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvBaseCheckBoxClasses;\n}\n\nconst getSelectorIcons = (\n  options: {\n    disabled: boolean;\n    semantic: boolean;\n  },\n  classes?: HvBaseCheckBoxClasses\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  // Default colors: [\"atmo1\",\"secondary\"]\n  return {\n    checkbox: (\n      <CheckboxIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxPartial: (\n      <CheckboxPartialIcon\n        color={color}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n    checkboxChecked: (\n      <CheckboxCheckIcon\n        color={checkedColor}\n        className={clsx(classes?.icon, baseCheckBoxClasses.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Checkbox is a mechanism that allows user to select one or more options.\n *\n * The Base Checkbox is a building block of the Checkbox form element. Don't use unless\n * implementing a custom use case not covered by the Checkbox form element.\n */\nexport const HvBaseCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  inputProps,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  checked,\n  indeterminate,\n  defaultChecked,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  ...others\n}: HvBaseCheckBoxProps) => {\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onChangeCallback = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(event, event.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  const onBlurCallback = useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  return (\n    <StyledCheckedBox\n      id={id}\n      name={name}\n      value={value}\n      className={clsx(\n        className,\n        baseCheckBoxClasses.root,\n        classes?.root,\n        disabled && clsx(baseCheckBoxClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseCheckBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.checkbox}\n      indeterminateIcon={icons.checkboxPartial}\n      checkedIcon={icons.checkboxChecked}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      indeterminate={indeterminate}\n      inputProps={inputProps}\n      onChange={onChangeCallback}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      color=\"default\"\n      disableRipple\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","checkbox","CheckboxIcon","className","clsx","icon","baseCheckBoxClasses","checkboxPartial","CheckboxPartialIcon","checkboxChecked","CheckboxCheckIcon","HvBaseCheckBox","id","name","inputProps","onChange","onFocusVisible","onBlur","checked","indeterminate","defaultChecked","value","required","readOnly","others","focusVisible","setFocusVisible","useState","icons","onChangeCallback","useCallback","event","target","onBlurCallback","onFocusVisibleCallback","StyledCheckedBox","root","$focusVisible","indeterminateIcon","checkedIcon","disableRipple"],"mappings":";;;;;;;;AAuFA,MAAMA,mBAAmBA,CACvBC,SAIAC,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;AAGK,SAAA;AAAA,IACLE,yCACGC,0BAAY;AAAA,MACXJ;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDE,gDACGC,iCAAmB;AAAA,MAClBV;AAAAA,MACAK,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAE1D;AAAA,IACDI,gDACGC,+BAAiB;AAAA,MAChBZ,OAAOE;AAAAA,MACPG,WAAWC,KAAAA,KAAKT,mCAASU,MAAMC,oBAAAA,QAAoBD,IAAI;AAAA,IAAA,CAAE;AAAA,EAAA;AAIjE;AAQO,MAAMM,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAjB;AAAAA,EACAQ;AAAAA,EACAU;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,WAAW;AAAA,EACX3B,WAAW;AAAA,EACXC,WAAW;AAAA,EACX,GAAG2B;AACgB,MAAM;AACzB,QAAM,CAACC,cAAcC,eAAe,IAAIC,eAAkB,KAAK;AAE/D,QAAMC,QAAQnC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDkC,QAAAA,mBAAmBC,kBACvB,CAACC,UAA+C;AAC9C,QAAIR,UAAU;AACZ;AAAA,IACF;AAEAR,yCAAWgB,OAAOA,MAAMC,OAAOd,SAASG;AAAAA,EAE1C,GAAA,CAACN,UAAUQ,UAAUF,KAAK,CAAC;AAGvBY,QAAAA,iBAAiBH,kBACrB,CAACC,UAA+C;AAC9CL,oBAAgB,KAAK;AACrBT,qCAASc;AAAAA,EAAK,GAEhB,CAACd,MAAM,CAAC;AAGJiB,QAAAA,yBAAyBJ,kBAC7B,CAACC,UAAiC;AAChCL,oBAAgB,IAAI;AACpBV,qDAAiBe;AAAAA,EAAK,GAExB,CAACf,cAAc,CAAC;AAGlB,wCACGmB,oBAAAA,kBAAgB;AAAA,IACfvB;AAAAA,IACAC;AAAAA,IACAQ;AAAAA,IACAlB,WAAWC,KAAAA,KACTD,WACAG,oBAAAA,QAAoB8B,MACpBzC,mCAASyC,MACTxC,YAAYQ,UAAKE,oBAAAA,QAAoBV,UAAUD,mCAASC,QAAQ,GAChE6B,gBACErB,KAAAA,KAAKE,oBAAAA,QAAoBmB,cAAc9B,mCAAS8B,YAAY,CAAC;AAAA,IAEjEY,eAAeZ;AAAAA,IACfpB,MAAMuB,MAAM3B;AAAAA,IACZqC,mBAAmBV,MAAMrB;AAAAA,IACzBgC,aAAaX,MAAMnB;AAAAA,IACnBb;AAAAA,IACA0B;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAE;AAAAA,IACAD;AAAAA,IACAL;AAAAA,IACAC,UAAUc;AAAAA,IACVb,gBAAgBkB;AAAAA,IAChBjB,QAAQgB;AAAAA,IACRnC,OAAM;AAAA,IACN0C,eAAa;AAAA,IAAA,GACThB;AAAAA,EAAAA,CACJ;AAEN;;"}

package/dist/cjs/components/BaseCheckBox/baseCheckBoxClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"baseCheckBoxClasses.cjs","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseCheckBoxClasses {\n  root?: string;\n  disabled?: string;\n  focusVisible?: string;\n  icon?: string;\n}\n\nconst classKeys: string[] = [\"root\", \"disabled\", \"focusVisible\", \"icon\"];\n\nconst baseCheckBoxClasses = getClasses<HvBaseCheckBoxClasses>(\n  classKeys,\n  \"HvBaseCheckBox\"\n);\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAAC,QAAQ,YAAY,gBAAgB,MAAM;AAEvE,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}
+{"version":3,"file":"baseCheckBoxClasses.cjs","sources":["../../../../src/components/BaseCheckBox/baseCheckBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseCheckBoxClasses {\n  root?: string;\n  disabled?: string;\n  focusVisible?: string;\n  icon?: string;\n}\n\nconst classKeys: (keyof HvBaseCheckBoxClasses)[] = [\n  \"root\",\n  \"disabled\",\n  \"focusVisible\",\n  \"icon\",\n];\n\nconst baseCheckBoxClasses = getClasses(classKeys, \"HvBaseCheckBox\");\n\nexport default baseCheckBoxClasses;\n"],"names":["classKeys","baseCheckBoxClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAA6C,CACjD,QACA,YACA,gBACA,MAAM;AAGR,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { clsx } from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n  ClickAwayListener,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  StyledAnchor,\n  StyledContainer,\n  StyledDropDownXS,\n  StyledDropUpXS,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport interface HvBaseDropdownProps\n  extends HvBaseProps<HTMLDivElement, { placeholder }> {\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = ({\n  id,\n  className,\n  classes,\n  children,\n  role,\n  placeholder,\n  component,\n  adornment,\n  expanded,\n  dropdownHeaderProps,\n  defaultExpanded = false,\n  disabled = false,\n  readOnly = false,\n  disablePortal = false,\n  variableWidth = false,\n  placement = \"right\",\n  popperProps = {},\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  ...others\n}: HvBaseDropdownProps) => {\n  const { rootId } = useTheme();\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize?.width || height !== popperMaxSize?.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: any = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n\n      // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // Focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement?.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        {adornment ||\n          (isOpen ? (\n            <StyledDropUpXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          ) : (\n            <StyledDropDownXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n              $disabled={disabled}\n            />\n          ))}\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, classes?.container)}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n                $popperPlacement={\n                  popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n                }\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow={true}\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledDropUpXS","iconSize","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM;AAAA,EAAEA;AAAAA,EAAKC;AAAAA,EAAOC;AAAAA,EAAKC;AAAAA,EAAOC;AAAU,IAAIC;AAuFvC,MAAMC,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,kBAAkB;AAAA,EAClBC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,cAAc,CAAC;AAAA,EACfC,mBAAmBC;AAAAA,EACnBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACnB,QAAA;AAAA,IAAEC;AAAAA,MAAWC,SAAU,SAAA;AAEvB,QAAA,CAACC,QAAQC,SAAS,IAAIC,cAAAA,cAAcnB,UAAUoB,QAAQlB,eAAe,CAAC;AAE5E,QAAM,CAACmB,kBAAkBC,mBAAmB,IAAIC,eAC9C,IAAI;AAEN,QAAM,CAACC,eAAeC,gBAAgB,IAAIF,eAA6B,IAAI;AAC3E,QAAM,CAACG,eAAeC,gBAAgB,IAAIJ,MAAAA,SAGvC,CAAE,CAAA;AAEL,QAAMK,8BAA8BC,WAAAA,QAClCnB,uBACAT,2DAAqB6B,GAAG;AAEpBC,QAAAA,0BAA0BF,WAAAA,QAC9BP,qBACAM,2BAA2B;AAG7B,QAAMI,WAAWpC,SAASE,aAAa,OAAO,aAAamC;AAErDC,QAAAA,YAAYC,YAAAA,QAAY3C,IAAI,gBAAgB;AAElD,QAAM4C,SACJ7B,aAAc,UAASA,cAAc,UAAU,UAAU;AAErD8B,QAAAA,iBAAiBhB,mBACnBA,qDAAkBiB,cAClB;AAEE,QAAA;AAAA,IAAEC,WAAWC,uBAAuB,CAAE;AAAA,IAAE,GAAGC;AAAAA,EAC/CjC,IAAAA;AAEIkC,QAAAA,gBAAgBC,MAAAA,YAAY,MAAM;AAClC9B,QAAAA;AAAqBA,0BAAoBW,aAAa;AAAA,EAAA,GACzD,CAACX,qBAAqBW,aAAa,CAAC;AAEjCoB,QAAAA,kBAAkBD,MAAAA,YACtB,CAAC;AAAA,IAAEE;AAAAA,EAAAA,MAAwC;AACzCA,UAAMC,OAAOC,OAAOC,QAAS,GAAEH,MAAMI,MAAMC,UAAUF;AAAAA,EACvD,GACA,CAAE,CAAA;AAGEG,QAAAA,wBAAwBR,MAAAA,YAC5B,CAAC;AAAA,IAAEE;AAAAA,EAAAA,MAAwC;AACzCA,UAAMO,SAASL,OAAOM,MAAML,QAAS,GAClCH,MAAMO,SAASF,UAAkBZ;AAAAA,EAEtC,GACA,CAAE,CAAA;AAGEgB,QAAAA,yBAAyBX,MAAAA,YAC7B,CAAC;AAAA,IAAEE;AAAAA,EAAAA,MAAwC;AAEnC,UAAA;AAAA,MAAEG;AAAAA,MAAOO;AAAAA,IAAAA,IAAWV,MAAMW,cAAcC;AAC9C,QAAIT,WAAUtB,+CAAesB,UAASO,YAAW7B,+CAAe6B,SAAQ;AACrD,uBAAA;AAAA,QAAEP;AAAAA,QAAOO;AAAAA,MAAAA,CAAQ;AAAA,IACpC;AAEAV,UAAMC,OAAOC,SAAS;AAAA,MACpB,GAAGF,MAAMC,OAAOC;AAAAA,MAChBW,UAAW,GAAEV;AAAAA,MACbW,WAAY,GAAEJ;AAAAA,IAAAA;AAAAA,EAChB,GAEF,CAAC7B,aAAa,CAAC;AAGXkC,QAAAA,oBAAoBjB,MAAAA,YACxB,CAAC;AAAA,IAAEE;AAAAA,IAAOgB;AAAAA,IAAMC;AAAAA,EAAAA,MAA0C;;AAClDC,UAAAA,WAAWC,KAAAA,eAAenB,OAAOiB,OAAO;AAE9C,UAAMG,MAAIpB,WAAMW,cAAcU,oBAApBrB,mBAAqCoB,MAAK;AACpD,UAAME,MAAItB,WAAMW,cAAcU,oBAApBrB,mBAAqCsB,MAAK;AAE9CC,UAAAA,cAAcvB,MAAMI,MAAMF,OAAOC;AACjCqB,UAAAA,eAAexB,MAAMI,MAAMF,OAAOQ;AAExC,UAAMe,gBAAgBzB,MAAMtC,UAAUgE,MAAM,GAAG,EAAE,CAAC;AAE5CC,UAAAA,YAAYF,kBAAkB,SAAS,SAAS;AAChDG,UAAAA,aAAaH,kBAAkB,QAAQ,QAAQ;AAE/Cd,UAAAA,cAAcK,IAAI,IAAI;AAAA,MAC1Bb,OAAOoB,cAAcL,SAASS,SAAS,IAAIP;AAAAA,MAC3CV,QAAQc,eAAeN,SAASU,UAAU,IAAIN;AAAAA,IAAAA;AAAAA,EAElD,GACA,CAAE,CAAA;AAGE5B,QAAAA,YAAiBmC,MACrB,QAAA,MAAM,CACJ;AAAA,IACEb,MAAM;AAAA,IACNc,SAAS,CAACrE;AAAAA,IACVsE,OAAO;AAAA,IACPC,UAAU,CAAC,eAAe;AAAA,IAC1BC,IAAIlC;AAAAA,IACJmC,QAAQ5B;AAAAA,EAAAA,GAEV;AAAA,IACEU,MAAM;AAAA,IACNc,SAAS;AAAA,IACTC,OAAO;AAAA,IACPI,kBAAkB,CAAC,UAAU,mBAAmB,MAAM;AAAA,IACtDF,IAAIlB;AAAAA,EAAAA,GAEN;AAAA,IACEC,MAAM;AAAA,IACNc,SAAS;AAAA,IACTC,OAAO;AAAA,IACPC,UAAU,CAAC,SAAS;AAAA,IACpBC,IAAIxB;AAAAA,EAAAA,GAEN,GAAGd,oBAAoB,GAEzB,CACEoB,mBACAN,wBACAd,sBACAlC,eACAsC,iBACAO,qBAAqB,CACtB;AAGG,QAAA;AAAA,IAAEL,QAAQmC;AAAAA,IAAcC;AAAAA,EAAAA,IAAeC,YAC3C9D,UAAAA,kBACAG,eACA;AAAA,IACEjB,WAAW6B;AAAAA,IACXG;AAAAA,IACAG;AAAAA,IACA,GAAGD;AAAAA,EAAAA,CACJ;AAGH,MAAI2C,kBAAkB;AACtB,MAAIF,WAAWnC,QAAQ;AACHmC,sBAAAA,WAAWnC,OAAO,uBAAuB;AAAA,EAC7D;AAEMsC,QAAAA,eAAe1C,kBAClB2C,CAAU,UAAA;AACT,QAAIA,SAAS,CAACC,SAAAA,WAAWD,OAAOrG,GAAG,GAAG;AACpCqG,YAAME,eAAgB;AAAA,IACxB;AAGA,UAAMC,gBAAgB,CAACxG,KAAKC,OAAOC,KAAKE,WAAWD,KAAK,EAAEsG,MACvDC,CAAQJ,QAAAA,SAAAA,WAAWD,OAAOK,GAAG,MAAM,KAAK;AAG3C,UAAMC,sBACHL,SAAAA,WAAWD,OAAOnG,GAAG,KAAK,CAAC8B,UAC3BsE,SAAAA,WAAWD,OAAOjG,SAAS,KAAK4B,UAChCsE,SAAAA,WAAWD,OAAOrG,GAAG,KAAK,CAACgC;AAE9B,QAAId,YAAYsF,iBAAiBG;AAAqB;AAEtD,UAAMC,UAAU,CAAC5E;AAGjB,UAAM6E,cAAcA,MAAM;AACxB,UAAI,CAACD,SAAS;AAGZxE,6DAAkB0E,MAAM;AAAA,UAAEC,eAAe;AAAA,QAAA;AAAA,MAC3C;AAEOH,aAAAA;AAAAA,IAAAA;AAET3E,cAAU4E,aAAa;AAEvBnF,yCAAW2E,OAAOO;AAAAA,EAAO,GAE3B,CAAC5E,QAAQd,UAAUe,WAAWP,UAAUU,gBAAgB,CAAC;AAG3D,QAAM4E,mBAAmB,MAAM;AAC7B,QAAInG,WAAW;AACNoG,aAAAA,eAAAA,QAAMC,aAAarG,WAAiC;AAAA,QACzDgC,KAAKC;AAAAA,MAAAA,CACN;AAAA,IACH;AAEA,2CACGqE,oBAAAA,kBAAgB;AAAA,MACf5G,IAAI6G,MAAAA,MAAM7G,IAAI,QAAQ;AAAA,MACtBC,WAAW6G,KAAAA,KACTC,oBAAoBC,QAAAA,QACpB9G,mCAAS8G,QACTrG,YACEmG,KAAAA,KAAKC,oBAAAA,QAAoBE,gBAAgB/G,mCAAS+G,cAAc,GAClErG,YACEkG,UAAKC,oBAAAA,QAAoBG,gBAAgBhH,mCAASgH,cAAc,GAClEzF,UAAUqF,KAAAA,KAAKC,4BAAoBI,YAAYjH,mCAASiH,UAAU,GAClE1F,UACEmE,gBAAgBwB,SAAS,KAAK,KAC9BN,KAAAA,KAAKC,4BAAoBM,cAAcnH,mCAASmH,YAAY,GAC9D5F,UACEmE,gBAAgBwB,SAAS,QAAQ,KACjCN,UAAKC,oBAAAA,QAAoBO,gBAAgBpH,mCAASoH,cAAc,CAAC;AAAA,MAErEC,WAAW5G;AAAAA,MACX6G,WAAW5G;AAAAA,MACX6G,SAAShG;AAAAA,MACTiG,WAAWjG,UAAUmE,gBAAgBwB,SAAS,KAAK;AAAA,MACnDO,aAAalG,UAAUmE,gBAAgBwB,SAAS,QAAQ;AAAA,MACxDhH,MAAMoC,aAAa,aAAa,YAAYC;AAAAA,MAC5CoB,OAAOlD,YAAYC,WAAW;AAAA,QAAEgH,eAAe;AAAA,MAAWnF,IAAAA;AAAAA,MAC1D,iBACEhB,SAASoF,MAAMnE,MAAAA,WAAW,oBAAoB,IAAID;AAAAA,MAEpD,cAAYnB,OAAO,YAAY,KAAKmB;AAAAA,MACpC,mBAAiBnB,OAAO,iBAAiB,KAAKmB;AAAAA,MAE9CoF,UAAUlH,WAAW,KAAK;AAAA,MAC1B2B,KAAKC;AAAAA,MAAwB,GACzB9B;AAAAA,MAAmBN,UAAA,CAEvB2H,2BAAAA,IAACC,qCAAe;AAAA,QACd9H,WAAW6G,KAAAA,KAAKC,oBAAAA,QAAoBiB,WAAW9H,mCAAS8H,SAAS;AAAA,QAAE7H,UAElEE,eAAe,OAAOA,gBAAgB,0CACpC4H,oBAAAA,mBAAiB;AAAA,UAChBhI,WAAW6G,KAAAA,KACTC,oBAAAA,QAAoB1G,aACpBH,mCAASG,aACTM,YACEmG,KAAAA,KACEC,oBAAAA,QAAoBmB,mBACpBhI,mCAASgI,iBAAiB,CAC3B;AAAA,UAELX,WAAW5G;AAAAA,UACXwH,SAAQ;AAAA,UAAMhI,UAEbE;AAAAA,QAAW,CAAA,IAGdA;AAAAA,MACD,CAAA,GAEFE,cACEkB,wCACE2G,oBAAAA,gBAAc;AAAA,QACbC,UAAS;AAAA,QACTpI,WAAW6G,KAAAA,KAAKC,oBAAAA,QAAoBuB,OAAOpI,mCAASoI,KAAK;AAAA,MAAA,CACzD,IAEFR,2BAAAA,IAACS,sCAAgB;AAAA,QACfF,UAAS;AAAA,QACTpI,WAAW6G,KAAAA,KAAKC,oBAAAA,QAAoBuB,OAAOpI,mCAASoI,KAAK;AAAA,QACzDf,WAAW5G;AAAAA,MAAS,CAAA,EAEtB;AAAA,IAAA,CACa;AAAA,EAAA;AAIvB,QAAM6H,sBAAsB,MAAM;AAIhC,UAAMC,yBAA0B3C,CAAU,UAAA;;AACpCC,UAAAA,SAAAA,WAAWD,OAAOnG,GAAG,GAAG;AAC1BkG,qBAAaC,KAAK;AAAA,MACpB;AACA,UAAIC,SAAAA,WAAWD,OAAOrG,GAAG,KAAK,CAACqG,MAAM4C,UAAU;AACvCC,cAAAA,YAAYC,4CAAqB5G,aAAa;AAChD6G,YAAAA,SAASC,mBAAkBH,uCAAWI,OAAM;AAC9CjD,gBAAME,eAAgB;AACtB2C,uDAAWK,UAAXL,mBAAkBpC;AAAAA,QACpB;AAAA,MACF;AAAA,IAAA;AAGF,UAAM0C,gBAAiBnD,CAAU,UAAA;AAC/B,YAAMoD,gBAAgBrH,qDAAkBsH,SAASrD,MAAMsD;AACvD,UAAI,CAACF,eAAe;AAClB9H,yDAAiB0E;AACjBpE,kBAAU,KAAK;AACfP,6CAAW2E,OAAO;AAAA,MACpB;AAAA,IAAA;AAGIuD,UAAAA,2CACHC,qCAAe;AAAA,MACdlJ,MAAK;AAAA,MACLkC,KAAKL;AAAAA,MACLhC,WAAW6G,KAAAA,KAAKC,oBAAAA,QAAoBsC,WAAWnJ,mCAASmJ,SAAS;AAAA,MACjExF,OAAO4B,aAAalC;AAAAA,MAAO,GACvBmC,WAAWnC;AAAAA,MAAMpD,yCAEpBoJ,4BAAiB;AAAA,QAACC,aAAaP;AAAAA,QAAc9I,0CAC5C,OAAA;AAAA,UAAKsJ,WAAWhB;AAAAA,UAAuBtI,UAAA,CACpCyF,gBAAgBwB,SAAS,QAAQ,oCAC/BsC,qCAAe;AAAA,YACd7F,OAAO;AAAA,cAAEL,OAAOX;AAAAA,YAAe;AAAA,YAC/B5C,WAAW6G,KAAAA,KACTC,oBAAoB4C,QAAAA,oBACpBzJ,mCAASyJ,oBACT/D,gBAAgBwB,SAAS,KAAK,KAC5BN,KAAAA,KACEC,oBAAAA,QAAoB6C,4BACpB1J,mCAAS0J,0BAA0B,CACpC;AAAA,YAELC,eAAejE,gBAAgBwB,SAAS,KAAK;AAAA,YAC7C0C,aAAa;AAAA,YACbC,YAAY;AAAA,YACZC,aAAa;AAAA,UAAA,CAAM,GAGtBC,2BAAAA,IAAAA,oBAAAA,QAAoBC,UAAQ;AAAA,YAACC,OAAOjI;AAAAA,YAAc/B,yCAChDiK,iCAAW;AAAA,cACVpK,IAAI6G,MAAAA,MAAMnE,WAAW,oBAAoB;AAAA,cACzCzC,WAAW6G,KAAAA,KAAKC,oBAAAA,QAAoBsD,OAAOnK,mCAASmK,KAAK;AAAA,cACzDC,kBACE1E,gBAAgBwB,SAAS,KAAK,IAAI,QAAQ;AAAA,cAC3CjH;AAAAA,YAAAA,CAEQ;AAAA,UAAA,CAEkB,GAC9ByF,gBAAgBwB,SAAS,KAAK,oCAC5BsC,oBAAAA,iBAAe;AAAA,YACd7F,OAAO;AAAA,cAAEL,OAAOX;AAAAA,YAAe;AAAA,YAC/B5C,WAAW6G,KAAAA,KACTC,oBAAAA,QAAoB4C,oBACpBzJ,mCAASyJ,oBACT5C,4BAAoBwD,0BACpBrK,mCAASqK,0BACT3E,gBAAgBwB,SAAS,KAAK,KAC5BN,UACEC,oBAAAA,QAAoByD,0BACpBtK,mCAASsK,wBAAwB,GAErC5E,gBAAgBwB,SAAS,OAAO,KAC9BN,KACEC,KAAAA,oBAAAA,QAAoB0D,yBACpBvK,mCAASuK,uBAAuB,CACjC;AAAA,YAELZ,eAAe;AAAA,YACfC,aAAa;AAAA,YACbC,YAAYnE,gBAAgBwB,SAAS,OAAO;AAAA,YAC5C4C,aAAapE,gBAAgBwB,SAAS,KAAK;AAAA,UAAA,CAE9C,CAAA;AAAA,QAAA,CAAA;AAAA,MAAA,CACG;AAAA,IAAA,CAGX;AAEGvG,QAAAA;AAAsBwI,aAAAA;AAEnBqB,WAAAA,SAAAA,aACLrB,WACAR,SAAS8B,eAAepJ,UAAU,EAAE,KAAKsH,SAAS+B,IAAI;AAAA,EAAA;AAI1D,yCACGC,oBAAAA,YAAU;AAAA,IAAC5K,WAAW6G,KAAAA,KAAKC,oBAAAA,QAAoB+D,MAAM5K,mCAAS4K,IAAI;AAAA,IAAE3K,UAAA,CACnE2H,2BAAAA,IAACiD,kCAAY;AAAA,MACX/K;AAAAA,MACAI,MAAMoC;AAAAA,MACN,iBAAe,CAAC,CAACf;AAAAA,MACjB,aAAWA,SAASoF,MAAMnE,MAAAA,WAAW,oBAAoB,IAAID;AAAAA,MAC7DxC,WAAW6G,KAAAA,KACT7G,WACA8G,oBAAAA,QAAoBiE,QACpB9K,mCAAS8K,QACTrK,YACEmG,KAAKC,KAAAA,oBAAAA,QAAoBkE,cAAc/K,mCAAS+K,YAAY,CAAC;AAAA,MAEjE1D,WAAW5G;AAAAA,MAAS,GACf,CAACC,YAAY;AAAA,QAChB6I,WAAW5D;AAAAA,QACXqF,SAASrF;AAAAA,MACX;AAAA;AAAA,MAEAgC,UAAU;AAAA,MAAG,GACTvG;AAAAA,MAAMnB,UAETsG;AAAAA,IAAAA,CACY,GACdhF,UAAU+G,kBAAkB;AAAA,EAAA,CAClB;AAEjB;;"}
+{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, { useMemo, useState, useCallback } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { clsx } from \"clsx\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport {\n  ClickAwayListener,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { useControlled, useForkRef, useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  StyledAnchor,\n  StyledContainer,\n  StyledDropDownXS,\n  StyledDropUpXS,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport interface HvBaseDropdownProps\n  extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = ({\n  id,\n  className,\n  classes,\n  children,\n  role,\n  placeholder,\n  component,\n  adornment,\n  expanded,\n  dropdownHeaderProps,\n  defaultExpanded = false,\n  disabled = false,\n  readOnly = false,\n  disablePortal = false,\n  variableWidth = false,\n  placement = \"right\",\n  popperProps = {},\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  ...others\n}: HvBaseDropdownProps) => {\n  const { rootId } = useTheme();\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize?.width || height !== popperMaxSize?.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: any = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  let popperPlacement = \"bottom\";\n  if (attributes.popper) {\n    popperPlacement = attributes.popper[\"data-popper-placement\"];\n  }\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n\n      // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // Focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement?.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        {adornment ||\n          (isOpen ? (\n            <StyledDropUpXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          ) : (\n            <StyledDropDownXS\n              iconSize=\"XS\"\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n              $disabled={disabled}\n            />\n          ))}\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, classes?.container)}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n                $popperPlacement={\n                  popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n                }\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow={true}\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledDropUpXS","iconSize","arrow","StyledDropDownXS","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}

package/dist/cjs/components/BaseDropdown/baseDropdownClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"baseDropdownClasses.cjs","sources":["../../../../src/components/BaseDropdown/baseDropdownClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseDropdownClasses {\n  root?: string;\n  rootDisabled?: string;\n  anchor?: string;\n  container?: string;\n  header?: string;\n  headerOpen?: string;\n  headerOpenUp?: string;\n  headerOpenDown?: string;\n  headerDisabled?: string;\n  headerReadOnly?: string;\n  arrow?: string;\n  selection?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  panel?: string;\n  inputExtensionOpen?: string;\n  inputExtensionLeftPosition?: string;\n  inputExtensionOpenShadow?: string;\n  inputExtensionFloatRight?: string;\n  inputExtensionFloatLeft?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"rootDisabled\",\n  \"anchor\",\n  \"container\",\n  \"header\",\n  \"headerOpen\",\n  \"headerOpenUp\",\n  \"headerOpenDown\",\n  \"headerDisabled\",\n  \"headerReadOnly\",\n  \"arrow\",\n  \"selection\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"panel\",\n  \"inputExtensionOpen\",\n  \"inputExtensionLeftPosition\",\n  \"inputExtensionOpenShadow\",\n  \"inputExtensionFloatRight\",\n  \"inputExtensionFloatLeft\",\n];\n\nconst baseDropdownClasses = getClasses<HvBaseDropdownClasses>(\n  classKeys,\n  \"HvBaseDropdown\"\n);\n\nexport default baseDropdownClasses;\n"],"names":["classKeys","baseDropdownClasses","getClasses"],"mappings":";;;AAyBA,MAAMA,YAAsB,CAC1B,QACA,gBACA,UACA,aACA,UACA,cACA,gBACA,kBACA,kBACA,kBACA,SACA,aACA,eACA,qBACA,SACA,sBACA,8BACA,4BACA,4BACA,yBAAyB;AAG3B,MAAMC,sBAAsBC,QAC1BF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;;"}
+{"version":3,"file":"baseDropdownClasses.cjs","sources":["../../../../src/components/BaseDropdown/baseDropdownClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseDropdownClasses {\n  root?: string;\n  rootDisabled?: string;\n  anchor?: string;\n  container?: string;\n  header?: string;\n  headerOpen?: string;\n  headerOpenUp?: string;\n  headerOpenDown?: string;\n  headerDisabled?: string;\n  headerReadOnly?: string;\n  arrow?: string;\n  selection?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  panel?: string;\n  inputExtensionOpen?: string;\n  inputExtensionLeftPosition?: string;\n  inputExtensionOpenShadow?: string;\n  inputExtensionFloatRight?: string;\n  inputExtensionFloatLeft?: string;\n}\n\nconst classKeys: (keyof HvBaseDropdownClasses)[] = [\n  \"root\",\n  \"rootDisabled\",\n  \"anchor\",\n  \"container\",\n  \"header\",\n  \"headerOpen\",\n  \"headerOpenUp\",\n  \"headerOpenDown\",\n  \"headerDisabled\",\n  \"headerReadOnly\",\n  \"arrow\",\n  \"selection\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"panel\",\n  \"inputExtensionOpen\",\n  \"inputExtensionLeftPosition\",\n  \"inputExtensionOpenShadow\",\n  \"inputExtensionFloatRight\",\n  \"inputExtensionFloatLeft\",\n];\n\nconst baseDropdownClasses = getClasses(classKeys, \"HvBaseDropdown\");\n\nexport default baseDropdownClasses;\n"],"names":["classKeys","baseDropdownClasses","getClasses"],"mappings":";;;AAyBA,MAAMA,YAA6C,CACjD,QACA,gBACA,UACA,aACA,UACA,cACA,gBACA,kBACA,kBACA,kBACA,SACA,aACA,eACA,qBACA,SACA,sBACA,8BACA,4BACA,4BACA,yBAAyB;AAG3B,MAAMC,sBAAsBC,QAAWF,WAAAA,WAAW,gBAAgB;AAElE,MAAA,wBAAeC;;"}

package/dist/cjs/components/BaseInput/BaseInput.cjs

@@ -10,7 +10,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const FormUtils = require("../Forms/FormElement/utils/FormUtils.cjs");
 const FormElementContext = require("../Forms/FormElement/context/FormElementContext.cjs");
 const FormElementDescriptorsContext = require("../Forms/FormElement/context/FormElementDescriptorsContext.cjs");
-const baseInputStyles = /* @__PURE__ */ react.css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', uikitStyles.theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', uikitStyles.theme.colors.secondary, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9LFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGFuZCByZXZlYWwgYnV0dG9ucyBmcm9tIElFICovXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotbXMtY2xlYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1yZXZlYWxcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcblxuICAvKiBDbGVhcnMgaW5wdXQncyBjbGVhciBidXR0b24gZnJvbSBDaHJvbWUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb25cIjogeyBkaXNwbGF5OiBcIm5vbmVcIiB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWJ1dHRvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufWA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB7IG9uQ2hhbmdlOyBjb2xvcjsgb25CbHVyOyBvbkZvY3VzOyBvbkludmFsaWQ7IG9uS2V5RG93bjsgb25LZXlVcCB9XG4gICAgPiB7XG4gIC8qKiBUaGUgaW5wdXQgbmFtZS4gKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgaW5wdXQsIHdoZW4gY29udHJvbGxlZC4gKi9cbiAgdmFsdWU/OiBzdHJpbmc7XG4gIC8qKiBUaGUgaW5pdGlhbCB2YWx1ZSBvZiB0aGUgaW5wdXQsIHdoZW4gdW5jb250cm9sbGVkLiAqL1xuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmc7XG4gIC8qKiBJZiBgdHJ1ZWAgdGhlIGlucHV0IGlzIGRpc2FibGVkLiAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBJbmRpY2F0ZXMgdGhhdCB0aGUgaW5wdXQgaXMgbm90IGVkaXRhYmxlLiAqL1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIC8qKiBJZiB0cnVlLCB0aGUgaW5wdXQgZWxlbWVudCB3aWxsIGJlIHJlcXVpcmVkLiAqL1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKiBUaGUgZnVuY3Rpb24gdGhhdCB3aWxsIGJlIGV4ZWN1dGVkIG9uQ2hhbmdlLCBhbGxvd3MgbW9kaWZpY2F0aW9uIG9mIHRoZSBpbnB1dCxcbiAgICogaXQgcmVjZWl2ZXMgdGhlIHZhbHVlLiBJZiBhIG5ldyB2YWx1ZSBzaG91bGQgYmUgcHJlc2VudGVkIGl0IG11c3QgcmV0dXJuZWQgaXQuICovXG4gIG9uQ2hhbmdlPzogKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD4sXG4gICAgdmFsdWU6IHN0cmluZ1xuICApID0+IHZvaWQ7XG4gIC8qKiBUaGUgaW5wdXQgdHlwZS4gKi9cbiAgdHlwZT86IHN0cmluZztcbiAgLyoqIExhYmVsIGluc2lkZSB0aGUgaW5wdXQgdXNlZCB0byBoZWxwIHVzZXIuICovXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICAvKiogSWYgdHJ1ZSwgYSB0ZXh0YXJlYSBlbGVtZW50IHdpbGwgYmUgcmVuZGVyZWQuICovXG4gIG11bHRpbGluZT86IGJvb2xlYW47XG4gIC8qKiBJZiB0cnVlIGFuZCBtdWx0aWxpbmUgaXMgYWxzbyB0cnVlIHRoZSB0ZXh0YXJlYSBlbGVtZW50IHdpbGwgYmUgcmVzaXphYmxlLiAqL1xuICByZXNpemFibGU/OiBib29sZWFuO1xuICAvKiogRGVub3RlcyBpZiB0aGUgaW5wdXQgaXMgaW4gYW4gaW52YWxpZCBzdGF0ZS4gKi9cbiAgaW52YWxpZD86IGJvb2xlYW47XG4gIC8qKiBBdHRyaWJ1dGVzIGFwcGxpZWQgdG8gdGhlIGlucHV0IGVsZW1lbnQuICovXG4gIGlucHV0UHJvcHM/OiBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcztcbiAgLyoqIEFsbG93cyBwYXNzaW5nIGEgcmVmIHRvIHRoZSB1bmRlcmx5aW5nIGlucHV0ICovXG4gIGlucHV0UmVmPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50PjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2QmFzZUlucHV0Q2xhc3Nlcztcbn1cblxuLyoqXG4gKiBBbiBJbnB1dCBjb21wb25lbnQgdGhhdCBvbmx5IHBvc3NlcyB0aGUgbW9zdCBiYXNpYyBmdW5jdGlvbmFsaXRpZXMuXG4gKiBJdCBzaG91bGQgYmUgdXNlZCBhbG9uZ3NpZGUgdGhlIG90aGVyIGZvcm0gZWxlbWVudHMgdG8gY29uc3RydWN0IGEgcHJvcGVyIGFjY2Vzc2libGUgZm9ybS5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2QmFzZUlucHV0ID0gKHtcbiAgY2xhc3NlcyxcbiAgY2xhc3NOYW1lID0gXCJcIixcbiAgaWQsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBkZWZhdWx0VmFsdWUsXG4gIHJlcXVpcmVkLFxuICByZWFkT25seSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICB0eXBlID0gXCJ0ZXh0XCIsXG4gIHBsYWNlaG9sZGVyLFxuICBtdWx0aWxpbmUgPSBmYWxzZSxcbiAgcmVzaXphYmxlID0gZmFsc2UsXG4gIGludmFsaWQgPSBmYWxzZSxcbiAgaW5wdXRSZWYsXG4gIGlucHV0UHJvcHMgPSB7fSxcbiAgLi4ub3RoZXJzXG59OiBIdkJhc2VJbnB1dFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1FbGVtZW50Q29udGV4dCA9IHVzZUNvbnRleHQoSHZGb3JtRWxlbWVudENvbnRleHQpO1xuICBjb25zdCBmb3JtRWxlbWVudFByb3BzID0gYnVpbGRGb3JtRWxlbWVudFByb3BzRnJvbUNvbnRleHQoXG4gICAgbmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICByZWFkT25seSxcbiAgICByZXF1aXJlZCxcbiAgICBzdGF0dXMsXG4gICAgZm9ybUVsZW1lbnRDb250ZXh0XG4gICk7XG5cbiAgY29uc3QgbG9jYWxJbnZhbGlkID0gaW52YWxpZCB8fCBmb3JtRWxlbWVudFByb3BzLnN0YXR1cyA9PT0gXCJpbnZhbGlkXCI7XG5cbiAgY29uc3QgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQgPSB1c2VDb250ZXh0KFxuICAgIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHRcbiAgKTtcbiAgY29uc3QgYXJpYVByb3BzID0gYnVpbGRBcmlhUHJvcHNGcm9tQ29udGV4dChcbiAgICBpbnB1dFByb3BzLFxuICAgIGZvcm1FbGVtZW50RGVzY3JpcHRvcnNDb250ZXh0LFxuICAgIGxvY2FsSW52YWxpZCxcbiAgICBpZFxuICApO1xuXG4gIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IChcbiAgICBldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIG9uQ2hhbmdlPy4oZXZlbnQsIGV2ZW50LnRhcmdldC52YWx1ZSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2Jhc2VJbnB1dFN0eWxlc30gLz5cbiAgICAgIDxTdHlsZWRSb290XG4gICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmRpc2FibGVkLCBjbGFzc2VzPy5kaXNhYmxlZCksXG4gICAgICAgICAgbG9jYWxJbnZhbGlkICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnZhbGlkLCBjbGFzc2VzPy5pbnZhbGlkKSxcbiAgICAgICAgICBtdWx0aWxpbmUgJiZcbiAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLnJlc2l6YWJsZSwgY2xhc3Nlcz8ucmVzaXphYmxlKSxcbiAgICAgICAgICByZWFkT25seSAmJiBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVhZE9ubHksIGNsYXNzZXM/LnJlYWRPbmx5KVxuICAgICAgICApfVxuICAgICAgICAkZGlzYWJsZWQ9e2Zvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICRpbnZhbGlkPXtsb2NhbEludmFsaWR9XG4gICAgICAgICRyZXNpemFibGU9e211bHRpbGluZSAmJiByZXNpemFibGV9XG4gICAgICAgICRyZWFkT25seT17ISFyZWFkT25seX1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIG5hbWU9e2Zvcm1FbGVtZW50UHJvcHMubmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgZGVmYXVsdFZhbHVlPXtkZWZhdWx0VmFsdWV9XG4gICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9eyEhZm9ybUVsZW1lbnRQcm9wcy5yZWFkT25seX1cbiAgICAgICAgICBkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgIGxvY2FsSW52YWxpZCAmJlxuICAgICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290SW52YWxpZCxcbiAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RJbnZhbGlkXG4gICAgICAgICAgICAgICksXG4gICAgICAgICAgICByZWFkT25seSAmJlxuICAgICAgICAgICAgICBjbHN4KFxuICAgICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHksXG4gICAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290UmVhZE9ubHlcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICl9XG4gICAgICAgICAgY2xhc3Nlcz17e1xuICAgICAgICAgICAgcm9vdDogY2xzeChiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdCwgY2xhc3Nlcz8uaW5wdXRSb290KSxcbiAgICAgICAgICAgIGZvY3VzZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290Rm9jdXNlZCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290Rm9jdXNlZFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIGRpc2FibGVkOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdERpc2FibGVkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3REaXNhYmxlZFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIG11bHRpbGluZTogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RNdWx0aWxpbmUsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdE11bHRpbGluZVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIGlucHV0OiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dCxcbiAgICAgICAgICAgICAgIWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICByZXNpemFibGUgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZXNpemFibGUsIGNsYXNzZXM/LmlucHV0UmVzaXphYmxlKSxcbiAgICAgICAgICAgICAgZGlzYWJsZWQgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXREaXNhYmxlZCwgY2xhc3Nlcz8uaW5wdXREaXNhYmxlZCksXG4gICAgICAgICAgICAgIHJlYWRPbmx5ICYmXG4gICAgICAgICAgICAgICAgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmlucHV0UmVhZE9ubHksIGNsYXNzZXM/LnJlYWRPbmx5KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGlucHV0UHJvcHM9e3tcbiAgICAgICAgICAgIC8vIEF2b2lkIHRoZSByZXF1aXJlZCBhdHRyaWJ1dGUgYXQgdGhlIHJvb3Qgbm9kZVxuICAgICAgICAgICAgcmVxdWlyZWQ6IGZvcm1FbGVtZW50UHJvcHMucmVxdWlyZWQsXG4gICAgICAgICAgICAuLi5pbnB1dFByb3BzLFxuICAgICAgICAgICAgLi4uYXJpYVByb3BzLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRSZWY9e2lucHV0UmVmfVxuICAgICAgICAgIG11bHRpbGluZT17bXVsdGlsaW5lfVxuICAgICAgICAgIHJvd3M9ezEwfVxuICAgICAgICAgICRyZXNpemFibGU9eyFmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmIHJlc2l6YWJsZX1cbiAgICAgICAgICAkZGlzYWJsZWQ9eyEhZGlzYWJsZWR9XG4gICAgICAgICAgJHJlYWRPbmx5PXshIXJlYWRPbmx5fVxuICAgICAgICAgICRpbnZhbGlkPXtsb2NhbEludmFsaWR9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgLz5cbiAgICAgICAgeyFtdWx0aWxpbmUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lclxuICAgICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXIsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFJvb3Q+XG4gICAgPC8+XG4gICk7XG59O1xuIl19 */");
+const baseInputStyles = /* @__PURE__ */ react.css('"input:-webkit-autofill":{"-webkit-box-shadow":0 0 0px 1000px ', uikitStyles.theme.colors.atmo1, ' inset,"-webkit-text-fill-color":', uikitStyles.theme.colors.secondary, ',;},"input[type=search]::-ms-clear":{display:"none",width:0,height:0,;},"input[type=search]::-ms-reveal":{display:"none",width:0,height:0,;},"input[type=search]::-webkit-search-decoration":{display:"none";},"input[type=search]::-webkit-search-cancel-button":{display:"none";},"input[type=search]::-webkit-search-results-button":{display:"none",;},"input[type=search]::-webkit-search-results-decoration":{display:"none",;}' + (process.env.NODE_ENV === "production" ? "" : ";label:baseInputStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVmT2JqZWN0LCB1c2VDb250ZXh0IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQge1xuICBJbnB1dEJhc2VDb21wb25lbnRQcm9wcyBhcyBNdWlJbnB1dEJhc2VDb21wb25lbnRQcm9wcyxcbiAgSW5wdXRQcm9wcyBhcyBNdWlJbnB1dFByb3BzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgSHZCYXNlUHJvcHMgfSBmcm9tIFwiQGNvcmUvdHlwZXNcIjtcbmltcG9ydCB7XG4gIFN0eWxlZFJvb3QsXG4gIFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyLFxuICBTdHlsZWRJbnB1dCxcbn0gZnJvbSBcIi4vQmFzZUlucHV0LnN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZGb3JtRWxlbWVudENvbnRleHQsXG4gIEh2Rm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gIGJ1aWxkRm9ybUVsZW1lbnRQcm9wc0Zyb21Db250ZXh0LFxuICBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0LFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcywgeyBIdkJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG4vLyBHbG9iYWwgc3R5bGVzIGZvciB0aGUgYmFzZSBpbnB1dC5cbmNvbnN0IGJhc2VJbnB1dFN0eWxlcyA9IGNzc2BcbiAgXCJpbnB1dDotd2Via2l0LWF1dG9maWxsXCI6IHtcbiAgICBcIi13ZWJraXQtYm94LXNoYWRvd1wiOiAwIDAgMHB4IDEwMDBweCAke3RoZW1lLmNvbG9ycy5hdG1vMX0gaW5zZXQsXG4gICAgXCItd2Via2l0LXRleHQtZmlsbC1jb2xvclwiOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnl9LFxuICB9LFxuXG4gIC8qIENsZWFycyBpbnB1dCdzIGNsZWFyIGFuZCByZXZlYWwgYnV0dG9ucyBmcm9tIElFICovXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotbXMtY2xlYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi1tcy1yZXZlYWxcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIHdpZHRoOiAwLFxuICAgIGhlaWdodDogMCxcbiAgfSxcblxuICAvKiBDbGVhcnMgaW5wdXQncyBjbGVhciBidXR0b24gZnJvbSBDaHJvbWUgKi9cbiAgXCJpbnB1dFt0eXBlPXNlYXJjaF06Oi13ZWJraXQtc2VhcmNoLWRlY29yYXRpb25cIjogeyBkaXNwbGF5OiBcIm5vbmVcIiB9LFxuICBcImlucHV0W3R5cGU9c2VhcmNoXTo6LXdlYmtpdC1zZWFyY2gtY2FuY2VsLWJ1dHRvblwiOiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWJ1dHRvblwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gIH0sXG4gIFwiaW5wdXRbdHlwZT1zZWFyY2hdOjotd2Via2l0LXNlYXJjaC1yZXN1bHRzLWRlY29yYXRpb25cIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9LFxufWA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZCYXNlSW5wdXRQcm9wc1xuICBleHRlbmRzIE9taXQ8TXVpSW5wdXRQcm9wcywgXCJvbkNoYW5nZVwiIHwgXCJjbGFzc2VzXCI+LFxuICAgIEh2QmFzZVByb3BzPFxuICAgICAgSFRNTERpdkVsZW1lbnQsXG4gICAgICB8IFwib25DaGFuZ2VcIlxuICAgICAgfCBcImNvbG9yXCJcbiAgICAgIHwgXCJvbkJsdXJcIlxuICAgICAgfCBcIm9uRm9jdXNcIlxuICAgICAgfCBcIm9uSW52YWxpZFwiXG4gICAgICB8IFwib25LZXlEb3duXCJcbiAgICAgIHwgXCJvbktleVVwXCJcbiAgICA+IHtcbiAgLyoqIFRoZSBpbnB1dCBuYW1lLiAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiBjb250cm9sbGVkLiAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqIFRoZSBpbml0aWFsIHZhbHVlIG9mIHRoZSBpbnB1dCwgd2hlbiB1bmNvbnRyb2xsZWQuICovXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcbiAgLyoqIElmIGB0cnVlYCB0aGUgaW5wdXQgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBpbnB1dCBpcyBub3QgZWRpdGFibGUuICovXG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUsIHRoZSBpbnB1dCBlbGVtZW50IHdpbGwgYmUgcmVxdWlyZWQuICovXG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgb25DaGFuZ2UsIGFsbG93cyBtb2RpZmljYXRpb24gb2YgdGhlIGlucHV0LFxuICAgKiBpdCByZWNlaXZlcyB0aGUgdmFsdWUuIElmIGEgbmV3IHZhbHVlIHNob3VsZCBiZSBwcmVzZW50ZWQgaXQgbXVzdCByZXR1cm5lZCBpdC4gKi9cbiAgb25DaGFuZ2U/OiAoXG4gICAgZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQgfCBIVE1MVGV4dEFyZWFFbGVtZW50PixcbiAgICB2YWx1ZTogc3RyaW5nXG4gICkgPT4gdm9pZDtcbiAgLyoqIFRoZSBpbnB1dCB0eXBlLiAqL1xuICB0eXBlPzogc3RyaW5nO1xuICAvKiogTGFiZWwgaW5zaWRlIHRoZSBpbnB1dCB1c2VkIHRvIGhlbHAgdXNlci4gKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBJZiB0cnVlLCBhIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZW5kZXJlZC4gKi9cbiAgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgLyoqIElmIHRydWUgYW5kIG11bHRpbGluZSBpcyBhbHNvIHRydWUgdGhlIHRleHRhcmVhIGVsZW1lbnQgd2lsbCBiZSByZXNpemFibGUuICovXG4gIHJlc2l6YWJsZT86IGJvb2xlYW47XG4gIC8qKiBEZW5vdGVzIGlmIHRoZSBpbnB1dCBpcyBpbiBhbiBpbnZhbGlkIHN0YXRlLiAqL1xuICBpbnZhbGlkPzogYm9vbGVhbjtcbiAgLyoqIEF0dHJpYnV0ZXMgYXBwbGllZCB0byB0aGUgaW5wdXQgZWxlbWVudC4gKi9cbiAgaW5wdXRQcm9wcz86IE11aUlucHV0QmFzZUNvbXBvbmVudFByb3BzO1xuICAvKiogQWxsb3dzIHBhc3NpbmcgYSByZWYgdG8gdGhlIHVuZGVybHlpbmcgaW5wdXQgKi9cbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZCYXNlSW5wdXRDbGFzc2VzO1xufVxuXG4vKipcbiAqIEFuIElucHV0IGNvbXBvbmVudCB0aGF0IG9ubHkgcG9zc2VzIHRoZSBtb3N0IGJhc2ljIGZ1bmN0aW9uYWxpdGllcy5cbiAqIEl0IHNob3VsZCBiZSB1c2VkIGFsb25nc2lkZSB0aGUgb3RoZXIgZm9ybSBlbGVtZW50cyB0byBjb25zdHJ1Y3QgYSBwcm9wZXIgYWNjZXNzaWJsZSBmb3JtLlxuICovXG5leHBvcnQgY29uc3QgSHZCYXNlSW5wdXQgPSAoe1xuICBjbGFzc2VzLFxuICBjbGFzc05hbWUgPSBcIlwiLFxuICBpZCxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIGRlZmF1bHRWYWx1ZSxcbiAgcmVxdWlyZWQsXG4gIHJlYWRPbmx5LFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHR5cGUgPSBcInRleHRcIixcbiAgcGxhY2Vob2xkZXIsXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICByZXNpemFibGUgPSBmYWxzZSxcbiAgaW52YWxpZCA9IGZhbHNlLFxuICBpbnB1dFJlZixcbiAgaW5wdXRQcm9wcyA9IHt9LFxuICAuLi5vdGhlcnNcbn06IEh2QmFzZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybUVsZW1lbnRDb250ZXh0ID0gdXNlQ29udGV4dChIdkZvcm1FbGVtZW50Q29udGV4dCk7XG4gIGNvbnN0IGZvcm1FbGVtZW50UHJvcHMgPSBidWlsZEZvcm1FbGVtZW50UHJvcHNGcm9tQ29udGV4dChcbiAgICBuYW1lLFxuICAgIGRpc2FibGVkLFxuICAgIHJlYWRPbmx5LFxuICAgIHJlcXVpcmVkLFxuICAgIHN0YXR1cyxcbiAgICBmb3JtRWxlbWVudENvbnRleHRcbiAgKTtcblxuICBjb25zdCBsb2NhbEludmFsaWQgPSBpbnZhbGlkIHx8IGZvcm1FbGVtZW50UHJvcHMuc3RhdHVzID09PSBcImludmFsaWRcIjtcblxuICBjb25zdCBmb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dCA9IHVzZUNvbnRleHQoXG4gICAgSHZGb3JtRWxlbWVudERlc2NyaXB0b3JzQ29udGV4dFxuICApO1xuICBjb25zdCBhcmlhUHJvcHMgPSBidWlsZEFyaWFQcm9wc0Zyb21Db250ZXh0KFxuICAgIGlucHV0UHJvcHMsXG4gICAgZm9ybUVsZW1lbnREZXNjcmlwdG9yc0NvbnRleHQsXG4gICAgbG9jYWxJbnZhbGlkLFxuICAgIGlkXG4gICk7XG5cbiAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gKFxuICAgIGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50IHwgSFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgb25DaGFuZ2U/LihldmVudCwgZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17YmFzZUlucHV0U3R5bGVzfSAvPlxuICAgICAgPFN0eWxlZFJvb3RcbiAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMucm9vdCxcbiAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuZGlzYWJsZWQsIGNsYXNzZXM/LmRpc2FibGVkKSxcbiAgICAgICAgICBsb2NhbEludmFsaWQgJiYgY2xzeChiYXNlSW5wdXRDbGFzc2VzLmludmFsaWQsIGNsYXNzZXM/LmludmFsaWQpLFxuICAgICAgICAgIG11bHRpbGluZSAmJlxuICAgICAgICAgICAgcmVzaXphYmxlICYmXG4gICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMucmVzaXphYmxlLCBjbGFzc2VzPy5yZXNpemFibGUpLFxuICAgICAgICAgIHJlYWRPbmx5ICYmIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5yZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICl9XG4gICAgICAgICRkaXNhYmxlZD17Zm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZH1cbiAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgJHJlc2l6YWJsZT17bXVsdGlsaW5lICYmIHJlc2l6YWJsZX1cbiAgICAgICAgJHJlYWRPbmx5PXshIXJlYWRPbmx5fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbmFtZT17Zm9ybUVsZW1lbnRQcm9wcy5uYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICByZWFkT25seT17ISFmb3JtRWxlbWVudFByb3BzLnJlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtmb3JtRWxlbWVudFByb3BzLmRpc2FibGVkfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgbG9jYWxJbnZhbGlkICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkLFxuICAgICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdEludmFsaWRcbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHJlYWRPbmx5ICYmXG4gICAgICAgICAgICAgIGNsc3goXG4gICAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seSxcbiAgICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RSZWFkT25seVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290OiBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290LCBjbGFzc2VzPy5pbnB1dFJvb3QpLFxuICAgICAgICAgICAgZm9jdXNlZDogY2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5pbnB1dFJvb3RGb2N1c2VkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgZGlzYWJsZWQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0Um9vdERpc2FibGVkXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgbXVsdGlsaW5lOiBjbHN4KFxuICAgICAgICAgICAgICBiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdE11bHRpbGluZSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRSb290TXVsdGlsaW5lXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgaW5wdXQ6IGNsc3goXG4gICAgICAgICAgICAgIGJhc2VJbnB1dENsYXNzZXMuaW5wdXQsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LmlucHV0LFxuICAgICAgICAgICAgICAhZm9ybUVsZW1lbnRQcm9wcy5kaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIHJlc2l6YWJsZSAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJlc2l6YWJsZSwgY2xhc3Nlcz8uaW5wdXRSZXNpemFibGUpLFxuICAgICAgICAgICAgICBkaXNhYmxlZCAmJlxuICAgICAgICAgICAgICAgIGNsc3goYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dERpc2FibGVkLCBjbGFzc2VzPy5pbnB1dERpc2FibGVkKSxcbiAgICAgICAgICAgICAgcmVhZE9ubHkgJiZcbiAgICAgICAgICAgICAgICBjbHN4KGJhc2VJbnB1dENsYXNzZXMuaW5wdXRSZWFkT25seSwgY2xhc3Nlcz8ucmVhZE9ubHkpXG4gICAgICAgICAgICApLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaW5wdXRQcm9wcz17e1xuICAgICAgICAgICAgLy8gQXZvaWQgdGhlIHJlcXVpcmVkIGF0dHJpYnV0ZSBhdCB0aGUgcm9vdCBub2RlXG4gICAgICAgICAgICByZXF1aXJlZDogZm9ybUVsZW1lbnRQcm9wcy5yZXF1aXJlZCxcbiAgICAgICAgICAgIC4uLmlucHV0UHJvcHMsXG4gICAgICAgICAgICAuLi5hcmlhUHJvcHMsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBpbnB1dFJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgbXVsdGlsaW5lPXttdWx0aWxpbmV9XG4gICAgICAgICAgcm93cz17MTB9XG4gICAgICAgICAgJHJlc2l6YWJsZT17IWZvcm1FbGVtZW50UHJvcHMuZGlzYWJsZWQgJiYgcmVzaXphYmxlfVxuICAgICAgICAgICRkaXNhYmxlZD17ISFkaXNhYmxlZH1cbiAgICAgICAgICAkcmVhZE9ubHk9eyEhcmVhZE9ubHl9XG4gICAgICAgICAgJGludmFsaWQ9e2xvY2FsSW52YWxpZH1cbiAgICAgICAgICB7Li4ub3RoZXJzfVxuICAgICAgICAvPlxuICAgICAgICB7IW11bHRpbGluZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyXG4gICAgICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgYmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcixcbiAgICAgICAgICAgICAgY2xhc3Nlcz8uaW5wdXRCb3JkZXJDb250YWluZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUm9vdD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */");
 const HvBaseInput = ({
   classes,
   className = "",

package/dist/cjs/components/BaseInput/BaseInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  StyledRoot,\n  StyledInputBorderContainer,\n  StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { clsx } from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n  \"input:-webkit-autofill\": {\n    \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n    \"-webkit-text-fill-color\": ${theme.colors.secondary},\n  },\n\n  /* Clears input's clear and reveal buttons from IE */\n  \"input[type=search]::-ms-clear\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n  \"input[type=search]::-ms-reveal\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n\n  /* Clears input's clear button from Chrome */\n  \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-results-button\": {\n    display: \"none\",\n  },\n  \"input[type=search]::-webkit-search-results-decoration\": {\n    display: \"none\",\n  },\n}`;\n\nexport interface HvBaseInputProps\n  extends Omit<MuiInputProps, \"onChange\" | \"classes\">,\n    HvBaseProps<\n      HTMLDivElement,\n      { onChange; color; onBlur; onFocus; onInvalid; onKeyDown; onKeyUp }\n    > {\n  /** The input name. */\n  name?: string;\n  /** The value of the input, when controlled. */\n  value?: string;\n  /** The initial value of the input, when uncontrolled. */\n  defaultValue?: string;\n  /** If `true` the input is disabled. */\n  disabled?: boolean;\n  /** Indicates that the input is not editable. */\n  readOnly?: boolean;\n  /** If true, the input element will be required. */\n  required?: boolean;\n  /** The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it. */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: string;\n  /** Label inside the input used to help user. */\n  placeholder?: string;\n  /** If true, a textarea element will be rendered. */\n  multiline?: boolean;\n  /** If true and multiline is also true the textarea element will be resizable. */\n  resizable?: boolean;\n  /** Denotes if the input is in an invalid state. */\n  invalid?: boolean;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: RefObject<HTMLElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBaseInputClasses;\n}\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n  classes,\n  className = \"\",\n  id,\n  name,\n  value,\n  defaultValue,\n  required,\n  readOnly,\n  disabled,\n  onChange,\n  type = \"text\",\n  placeholder,\n  multiline = false,\n  resizable = false,\n  invalid = false,\n  inputRef,\n  inputProps = {},\n  ...others\n}: HvBaseInputProps) => {\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(\n    name,\n    disabled,\n    readOnly,\n    required,\n    status,\n    formElementContext\n  );\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(\n    HvFormElementDescriptorsContext\n  );\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <>\n      <Global styles={baseInputStyles} />\n      <StyledRoot\n        className={clsx(\n          baseInputClasses.root,\n          classes?.root,\n          className,\n          formElementProps.disabled &&\n            clsx(baseInputClasses.disabled, classes?.disabled),\n          localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n          multiline &&\n            resizable &&\n            clsx(baseInputClasses.resizable, classes?.resizable),\n          readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n        )}\n        $disabled={formElementProps.disabled}\n        $invalid={localInvalid}\n        $resizable={multiline && resizable}\n        $readOnly={!!readOnly}\n      >\n        <StyledInput\n          id={id}\n          name={formElementProps.name}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          placeholder={placeholder}\n          readOnly={!!formElementProps.readOnly}\n          disabled={formElementProps.disabled}\n          onChange={onChangeHandler}\n          className={clsx(\n            localInvalid &&\n              clsx(\n                baseInputClasses.inputRootInvalid,\n                classes?.inputRootInvalid\n              ),\n            readOnly &&\n              clsx(\n                baseInputClasses.inputRootReadOnly,\n                classes?.inputRootReadOnly\n              )\n          )}\n          classes={{\n            root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n            focused: clsx(\n              baseInputClasses.inputRootFocused,\n              classes?.inputRootFocused\n            ),\n            disabled: clsx(\n              baseInputClasses.inputRootDisabled,\n              classes?.inputRootDisabled\n            ),\n            multiline: clsx(\n              baseInputClasses.inputRootMultiline,\n              classes?.inputRootMultiline\n            ),\n            input: clsx(\n              baseInputClasses.input,\n              classes?.input,\n              !formElementProps.disabled &&\n                resizable &&\n                clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n              disabled &&\n                clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n              readOnly &&\n                clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n            ),\n          }}\n          inputProps={{\n            // Avoid the required attribute at the root node\n            required: formElementProps.required,\n            ...inputProps,\n            ...ariaProps,\n          }}\n          inputRef={inputRef}\n          multiline={multiline}\n          rows={10}\n          $resizable={!formElementProps.disabled && resizable}\n          $disabled={!!disabled}\n          $readOnly={!!readOnly}\n          $invalid={localInvalid}\n          {...others}\n        />\n        {!multiline && (\n          <StyledInputBorderContainer\n            role=\"presentation\"\n            className={clsx(\n              baseInputClasses.inputBorderContainer,\n              classes?.inputBorderContainer\n            )}\n          />\n        )}\n      </StyledRoot>\n    </>\n  );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","secondary","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}
+{"version":3,"file":"BaseInput.cjs","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import { RefObject, useContext } from \"react\";\nimport {\n  InputBaseComponentProps as MuiInputBaseComponentProps,\n  InputProps as MuiInputProps,\n} from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  StyledRoot,\n  StyledInputBorderContainer,\n  StyledInput,\n} from \"./BaseInput.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"@core/components\";\nimport { clsx } from \"clsx\";\nimport baseInputClasses, { HvBaseInputClasses } from \"./baseInputClasses\";\nimport { css, Global } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// Global styles for the base input.\nconst baseInputStyles = css`\n  \"input:-webkit-autofill\": {\n    \"-webkit-box-shadow\": 0 0 0px 1000px ${theme.colors.atmo1} inset,\n    \"-webkit-text-fill-color\": ${theme.colors.secondary},\n  },\n\n  /* Clears input's clear and reveal buttons from IE */\n  \"input[type=search]::-ms-clear\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n  \"input[type=search]::-ms-reveal\": {\n    display: \"none\",\n    width: 0,\n    height: 0,\n  },\n\n  /* Clears input's clear button from Chrome */\n  \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n  \"input[type=search]::-webkit-search-results-button\": {\n    display: \"none\",\n  },\n  \"input[type=search]::-webkit-search-results-decoration\": {\n    display: \"none\",\n  },\n}`;\n\nexport interface HvBaseInputProps\n  extends Omit<MuiInputProps, \"onChange\" | \"classes\">,\n    HvBaseProps<\n      HTMLDivElement,\n      | \"onChange\"\n      | \"color\"\n      | \"onBlur\"\n      | \"onFocus\"\n      | \"onInvalid\"\n      | \"onKeyDown\"\n      | \"onKeyUp\"\n    > {\n  /** The input name. */\n  name?: string;\n  /** The value of the input, when controlled. */\n  value?: string;\n  /** The initial value of the input, when uncontrolled. */\n  defaultValue?: string;\n  /** If `true` the input is disabled. */\n  disabled?: boolean;\n  /** Indicates that the input is not editable. */\n  readOnly?: boolean;\n  /** If true, the input element will be required. */\n  required?: boolean;\n  /** The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it. */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n    value: string\n  ) => void;\n  /** The input type. */\n  type?: string;\n  /** Label inside the input used to help user. */\n  placeholder?: string;\n  /** If true, a textarea element will be rendered. */\n  multiline?: boolean;\n  /** If true and multiline is also true the textarea element will be resizable. */\n  resizable?: boolean;\n  /** Denotes if the input is in an invalid state. */\n  invalid?: boolean;\n  /** Attributes applied to the input element. */\n  inputProps?: MuiInputBaseComponentProps;\n  /** Allows passing a ref to the underlying input */\n  inputRef?: RefObject<HTMLElement>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvBaseInputClasses;\n}\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nexport const HvBaseInput = ({\n  classes,\n  className = \"\",\n  id,\n  name,\n  value,\n  defaultValue,\n  required,\n  readOnly,\n  disabled,\n  onChange,\n  type = \"text\",\n  placeholder,\n  multiline = false,\n  resizable = false,\n  invalid = false,\n  inputRef,\n  inputProps = {},\n  ...others\n}: HvBaseInputProps) => {\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(\n    name,\n    disabled,\n    readOnly,\n    required,\n    status,\n    formElementContext\n  );\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(\n    HvFormElementDescriptorsContext\n  );\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <>\n      <Global styles={baseInputStyles} />\n      <StyledRoot\n        className={clsx(\n          baseInputClasses.root,\n          classes?.root,\n          className,\n          formElementProps.disabled &&\n            clsx(baseInputClasses.disabled, classes?.disabled),\n          localInvalid && clsx(baseInputClasses.invalid, classes?.invalid),\n          multiline &&\n            resizable &&\n            clsx(baseInputClasses.resizable, classes?.resizable),\n          readOnly && clsx(baseInputClasses.readOnly, classes?.readOnly)\n        )}\n        $disabled={formElementProps.disabled}\n        $invalid={localInvalid}\n        $resizable={multiline && resizable}\n        $readOnly={!!readOnly}\n      >\n        <StyledInput\n          id={id}\n          name={formElementProps.name}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          placeholder={placeholder}\n          readOnly={!!formElementProps.readOnly}\n          disabled={formElementProps.disabled}\n          onChange={onChangeHandler}\n          className={clsx(\n            localInvalid &&\n              clsx(\n                baseInputClasses.inputRootInvalid,\n                classes?.inputRootInvalid\n              ),\n            readOnly &&\n              clsx(\n                baseInputClasses.inputRootReadOnly,\n                classes?.inputRootReadOnly\n              )\n          )}\n          classes={{\n            root: clsx(baseInputClasses.inputRoot, classes?.inputRoot),\n            focused: clsx(\n              baseInputClasses.inputRootFocused,\n              classes?.inputRootFocused\n            ),\n            disabled: clsx(\n              baseInputClasses.inputRootDisabled,\n              classes?.inputRootDisabled\n            ),\n            multiline: clsx(\n              baseInputClasses.inputRootMultiline,\n              classes?.inputRootMultiline\n            ),\n            input: clsx(\n              baseInputClasses.input,\n              classes?.input,\n              !formElementProps.disabled &&\n                resizable &&\n                clsx(baseInputClasses.inputResizable, classes?.inputResizable),\n              disabled &&\n                clsx(baseInputClasses.inputDisabled, classes?.inputDisabled),\n              readOnly &&\n                clsx(baseInputClasses.inputReadOnly, classes?.readOnly)\n            ),\n          }}\n          inputProps={{\n            // Avoid the required attribute at the root node\n            required: formElementProps.required,\n            ...inputProps,\n            ...ariaProps,\n          }}\n          inputRef={inputRef}\n          multiline={multiline}\n          rows={10}\n          $resizable={!formElementProps.disabled && resizable}\n          $disabled={!!disabled}\n          $readOnly={!!readOnly}\n          $invalid={localInvalid}\n          {...others}\n        />\n        {!multiline && (\n          <StyledInputBorderContainer\n            role=\"presentation\"\n            className={clsx(\n              baseInputClasses.inputBorderContainer,\n              classes?.inputBorderContainer\n            )}\n          />\n        )}\n      </StyledRoot>\n    </>\n  );\n};\n"],"names":["baseInputStyles","theme","colors","atmo1","secondary","process","env","NODE_ENV","HvBaseInput","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","status","localInvalid","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","_Fragment","children","_jsx","Global","styles","_jsxs","StyledRoot","clsx","baseInputClasses","root","$disabled","$invalid","$resizable","$readOnly","StyledInput","inputRootInvalid","inputRootReadOnly","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputReadOnly","rows","StyledInputBorderContainer","role","inputBorderContainer"],"mappings":"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"}

package/dist/cjs/components/BaseInput/baseInputClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"baseInputClasses.cjs","sources":["../../../../src/components/BaseInput/baseInputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseInputClasses {\n  /** Styles applied to the root container of the input. */\n  root?: string;\n  /** Styles applied to the root container of the input when it is disabled. */\n  disabled?: string;\n  /** Styles applied to the root container of the input when it is invalid. */\n  invalid?: string;\n  /** Styles applied to the root container of the input when it is resizable. */\n  resizable?: string;\n  /** Styles applied to input root which is the input that encloses all the other elements. */\n  inputRoot?: string;\n  /** Styles applied to input root when it is focused. */\n  inputRootFocused?: string;\n  /** Styles applied to input root element when it is disabled. */\n  inputRootDisabled?: string;\n  /** Styles applied to input root element when it is multiline mode. */\n  inputRootMultiline?: string;\n  /** Styles applied to input root element when it is invalid. */\n  inputRootInvalid?: string;\n  /** Styles applied to input root element when it is read only. */\n  inputRootReadOnly?: string;\n  /** Styles applied to input html element. */\n  input?: string;\n  /** Styles applied to input html element when is disabled. */\n  inputDisabled?: string;\n  /** Styles applied to input html element when it is resizable. */\n  inputResizable?: string;\n  /** Styles applied to input html element when it is read only. */\n  inputReadOnly?: string;\n  /** Styles applied to the container of the border element. */\n  inputBorderContainer?: string;\n  /** Styles applied to the container of the border element, when in read only mode. */\n  readOnly?: string;\n}\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disabled\",\n  \"invalid\",\n  \"resizable\",\n  \"inputRoot\",\n  \"inputRootFocused\",\n  \"inputRootDisabled\",\n  \"inputRootMultiline\",\n  \"inputRootInvalid\",\n  \"inputRootReadOnly\",\n  \"input\",\n  \"inputDisabled\",\n  \"inputResizable\",\n  \"inputReadOnly\",\n  \"inputBorderContainer\",\n  \"readOnly\",\n];\n\nconst baseInputClasses = getClasses<HvBaseInputClasses>(\n  classKeys,\n  \"HvBaseInput\"\n);\n\nexport default baseInputClasses;\n"],"names":["classKeys","baseInputClasses","getClasses"],"mappings":";;;AAqCA,MAAMA,YAAsB,CAC1B,QACA,YACA,WACA,aACA,aACA,oBACA,qBACA,sBACA,oBACA,qBACA,SACA,iBACA,kBACA,iBACA,wBACA,UAAU;AAGZ,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}
+{"version":3,"file":"baseInputClasses.cjs","sources":["../../../../src/components/BaseInput/baseInputClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvBaseInputClasses {\n  /** Styles applied to the root container of the input. */\n  root?: string;\n  /** Styles applied to the root container of the input when it is disabled. */\n  disabled?: string;\n  /** Styles applied to the root container of the input when it is invalid. */\n  invalid?: string;\n  /** Styles applied to the root container of the input when it is resizable. */\n  resizable?: string;\n  /** Styles applied to input root which is the input that encloses all the other elements. */\n  inputRoot?: string;\n  /** Styles applied to input root when it is focused. */\n  inputRootFocused?: string;\n  /** Styles applied to input root element when it is disabled. */\n  inputRootDisabled?: string;\n  /** Styles applied to input root element when it is multiline mode. */\n  inputRootMultiline?: string;\n  /** Styles applied to input root element when it is invalid. */\n  inputRootInvalid?: string;\n  /** Styles applied to input root element when it is read only. */\n  inputRootReadOnly?: string;\n  /** Styles applied to input html element. */\n  input?: string;\n  /** Styles applied to input html element when is disabled. */\n  inputDisabled?: string;\n  /** Styles applied to input html element when it is resizable. */\n  inputResizable?: string;\n  /** Styles applied to input html element when it is read only. */\n  inputReadOnly?: string;\n  /** Styles applied to the container of the border element. */\n  inputBorderContainer?: string;\n  /** Styles applied to the container of the border element, when in read only mode. */\n  readOnly?: string;\n}\n\nconst classKeys: (keyof HvBaseInputClasses)[] = [\n  \"root\",\n  \"disabled\",\n  \"invalid\",\n  \"resizable\",\n  \"inputRoot\",\n  \"inputRootFocused\",\n  \"inputRootDisabled\",\n  \"inputRootMultiline\",\n  \"inputRootInvalid\",\n  \"inputRootReadOnly\",\n  \"input\",\n  \"inputDisabled\",\n  \"inputResizable\",\n  \"inputReadOnly\",\n  \"inputBorderContainer\",\n  \"readOnly\",\n];\n\nconst baseInputClasses = getClasses(classKeys, \"HvBaseInput\");\n\nexport default baseInputClasses;\n"],"names":["classKeys","baseInputClasses","getClasses"],"mappings":";;;AAqCA,MAAMA,YAA0C,CAC9C,QACA,YACA,WACA,aACA,aACA,oBACA,qBACA,sBACA,oBACA,qBACA,SACA,iBACA,kBACA,iBACA,wBACA,UAAU;AAGZ,MAAMC,mBAAmBC,QAAWF,WAAAA,WAAW,aAAa;AAE5D,MAAA,qBAAeC;;"}