@hitachivantara/uikit-react-core 5.20.2 → 5.22.0

package/dist/cjs/components/Carousel/Carousel.cjs

@@ -3,14 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const useCarousel = require("embla-carousel-react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-require("@hitachivantara/uikit-styles");
+const useTheme = require("../../hooks/useTheme.cjs");
 const CarouselControls = require("./CarouselControls.cjs");
 const CarouselThumbnails = require("./CarouselThumbnails.cjs");
 const Carousel_styles = require("./Carousel.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Container = require("../Container/Container.cjs");
-const useTheme = require("../../hooks/useTheme.cjs");
 const Button = require("../Button/Button.cjs");
+const Container = require("../Container/Container.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const useCarousel__default = /* @__PURE__ */ _interopDefault(useCarousel);

package/dist/cjs/components/Carousel/Carousel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.cjs","sources":["../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  Children,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useCarousel, { EmblaOptionsType } from \"embla-carousel-react\";\nimport {\n  Backwards,\n  Forwards,\n  Close,\n  Fullscreen,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvContainer,\n  HvTypography,\n  useTheme,\n} from \"../..\";\n\nimport { HvCarouselControls } from \"./CarouselControls\";\nimport { HvCarouselThumbnails } from \"./CarouselThumbnails\";\nimport { staticClasses, useClasses } from \"./Carousel.styles\";\n\nconst clamp = (num: number, max: number, min = 0) =>\n  Math.min(Math.max(num, min), max);\n\nexport { staticClasses as carouselClasses };\n\nexport type HvCarouselClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCarouselProps\n  extends HvBaseProps<HTMLDivElement, \"title\" | \"onChange\"> {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvCarouselClasses;\n  /** Height of the Slider container. If `undefined`, images will keep a 16/9 aspect-ratio */\n  height?: CSSProperties[\"height\"];\n  /** Width of the thumbnail. Height will try to maintain a 16/9 aspect-ratio */\n  thumbnailWidth?: CSSProperties[\"width\"];\n  /** Title of the carousel */\n  title?: React.ReactNode;\n  /** Content slides to be displayed. @see `<HvCarouselSlide />` */\n  children?: React.ReactNode;\n  /** Custom content to render in the actions area */\n  actions?: React.ReactNode;\n  /** Whether Carousel is in \"xs mode\" - to use in embedded contexts */\n  xs?: boolean;\n  /** Whether to show dots instead of arrow pagination. Defaults to true under 5 elements */\n  showDots?: boolean;\n  /** Whether to show the counter on the top-right corner of the active slide */\n  showCounter?: boolean;\n  /** Whether to show the back/forwards buttons over the active slide */\n  showSlideControls?: boolean;\n  /** Whether to enable the fullscreen toggle button */\n  showFullscreen?: boolean;\n  /** Whether to hide the thumbnails. Hidden by default in \"xs\" mode */\n  hideThumbnails?: boolean;\n  controlsPosition?: \"top\" | \"bottom\";\n  thumbnailsPosition?: \"top\" | \"bottom\";\n  /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */\n  carouselOptions?: EmblaOptionsType;\n  /** */\n  renderThumbnail?: (index: number) => React.ReactNode;\n  /** The callback fired when the active slide changes. */\n  onChange?: (index: number) => void;\n}\n\n/**\n * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.\n * It allows you to focus on a particular content while having a notion of how many you have to explore.\n */\nexport const HvCarousel = (props: HvCarouselProps) => {\n  const {\n    className,\n    classes: classesProp,\n    height: heightProp = \"auto\",\n    thumbnailWidth = 90,\n    title,\n    children,\n    actions: actionsProp,\n    xs,\n    showDots: showDotsProp,\n    showCounter: showCounterProp,\n    showSlideControls,\n    showFullscreen: showFullscreenProp,\n    hideThumbnails: hideThumbnailsProp,\n    controlsPosition: controlsPositionProp,\n    thumbnailsPosition: thumbnailsPositionProp,\n    carouselOptions,\n    renderThumbnail,\n    onChange,\n    ...others\n  } = props;\n  const { activeTheme } = useTheme();\n  const { classes, css, cx } = useClasses(classesProp);\n  const thumbnailsRef = useRef<HTMLDivElement>(null);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  const isDs3 = activeTheme?.name === \"ds3\";\n  const actionsPosition = isDs3 ? \"header\" : \"controls\";\n  const controlsPosition = controlsPositionProp ?? (isDs3 ? \"bottom\" : \"top\");\n  const thumbnailsPosition = thumbnailsPositionProp ?? \"bottom\";\n\n  const [containerRef, controller] = useCarousel({\n    align: \"start\",\n    loop: true,\n    ...carouselOptions,\n  });\n\n  const [selectedIndex, setSelectedIndex] = useState(\n    carouselOptions?.startIndex ?? 0\n  );\n\n  const numSlides = Children.count(children);\n\n  const handlePrevious = useCallback(() => {\n    controller?.scrollPrev();\n  }, [controller]);\n\n  const handleNext = useCallback(() => {\n    controller?.scrollNext();\n  }, [controller]);\n\n  const handleScroll = (index: number) => {\n    controller?.scrollTo(index);\n  };\n\n  const handleSelect = useCallback(() => {\n    if (!controller) return;\n\n    const slideIndex = controller.selectedScrollSnap();\n    setSelectedIndex(slideIndex);\n\n    // scroll to thumbnail button\n    thumbnailsRef.current\n      ?.querySelectorAll(\"button\")\n      ?.[slideIndex]?.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n      });\n\n    onChange?.(slideIndex);\n  }, [controller, onChange]);\n\n  useEffect(() => {\n    if (!controller) return;\n\n    controller.on(\"select\", handleSelect);\n\n    return () => {\n      controller.off(\"select\", handleSelect);\n    };\n  }, [controller, handleSelect]);\n\n  useEffect(() => {\n    if (!controller) return;\n\n    controller.reInit();\n    setSelectedIndex((currentIndex) => clamp(currentIndex, numSlides, 0));\n  }, [numSlides, controller]);\n\n  const canPrev = controller?.canScrollPrev() ?? false;\n  const canNext = controller?.canScrollNext() ?? false;\n  const showTitle = !!title && (!xs || isFullscreen);\n  const showFullscreen = showFullscreenProp ?? xs;\n  const height = isFullscreen ? \"100%\" : heightProp ?? \"auto\";\n  const showCounter = xs;\n  const hideThumbnails = hideThumbnailsProp ?? (xs && !isFullscreen);\n  const showThumbnails = !hideThumbnails && !!renderThumbnail;\n  const showDots = showDotsProp ?? numSlides <= 5;\n\n  const actions = (\n    <div\n      className={cx(\n        classes.actions,\n        actionsPosition === \"header\"\n          ? css({ position: \"relative\", top: -40, height: 0 })\n          : css({ position: \"absolute\" })\n      )}\n    >\n      {actionsProp}\n      {showFullscreen && (\n        <HvButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={() => setIsFullscreen((curr) => !curr)}\n          className={classes.closeButton}\n        >\n          {isFullscreen ? (\n            <Close aria-label=\"Close\" />\n          ) : (\n            <Fullscreen aria-label=\"Fullscreen\" />\n          )}\n        </HvButton>\n      )}\n    </div>\n  );\n\n  const controls = (\n    <HvCarouselControls\n      classes={classes}\n      showDots={showDots}\n      page={selectedIndex}\n      pages={numSlides}\n      canPrevious={canPrev}\n      canNext={canNext}\n      onPreviousClick={handlePrevious}\n      onNextClick={handleNext}\n      actions={actionsPosition === \"controls\" && actions}\n    />\n  );\n\n  const thumbnails = showThumbnails && (\n    <HvCarouselThumbnails\n      classes={classes}\n      ref={thumbnailsRef}\n      page={selectedIndex}\n      pages={numSlides}\n      width={thumbnailWidth}\n      onThumbnailClick={(evt, i) => handleScroll(i)}\n      renderThumbnail={renderThumbnail}\n    />\n  );\n\n  return (\n    <HvContainer\n      className={cx(classes.root, className, {\n        [classes.xs]: xs,\n        [classes.fullscreen]: isFullscreen,\n      })}\n      {...others}\n    >\n      {showTitle && (\n        <HvTypography variant=\"title2\" className={classes.title}>\n          {title}\n        </HvTypography>\n      )}\n\n      {actionsPosition === \"header\" && actions}\n      {thumbnailsPosition === \"top\" && thumbnails}\n      {controlsPosition === \"top\" && controls}\n      <div\n        className={cx(classes.main, {\n          [classes.mainXs]: xs,\n          [classes.mainFullscreen]: isFullscreen,\n        })}\n      >\n        {showCounter && (\n          <div className={classes.counterContainer}>\n            <span className={classes.counter}>\n              {`${selectedIndex + 1}/${numSlides}`}\n            </span>\n          </div>\n        )}\n\n        {showSlideControls && (\n          <div className={classes.slideControls}>\n            <HvButton\n              icon\n              disabled={!canPrev}\n              variant=\"secondary\"\n              aria-label=\"Backwards\"\n              onClick={handlePrevious}\n            >\n              <Backwards iconSize=\"XS\" />\n            </HvButton>\n            <HvButton\n              icon\n              disabled={!canNext}\n              variant=\"secondary\"\n              aria-label=\"Forwards\"\n              onClick={handleNext}\n            >\n              <Forwards iconSize=\"XS\" />\n            </HvButton>\n          </div>\n        )}\n\n        <div\n          ref={containerRef}\n          style={{ height }}\n          className={classes.slidesViewport}\n        >\n          <div className={classes.slidesContainer}>{children}</div>\n        </div>\n      </div>\n      {controlsPosition === \"bottom\" && controls}\n      {thumbnailsPosition === \"bottom\" && thumbnails}\n    </HvContainer>\n  );\n};\n"],"names":["clamp","num","max","min","Math","HvCarousel","props","className","classes","classesProp","height","heightProp","thumbnailWidth","title","children","actions","actionsProp","xs","showDots","showDotsProp","showCounter","showCounterProp","showSlideControls","showFullscreen","showFullscreenProp","hideThumbnails","hideThumbnailsProp","controlsPosition","controlsPositionProp","thumbnailsPosition","thumbnailsPositionProp","carouselOptions","renderThumbnail","onChange","others","activeTheme","useTheme","css","cx","useClasses","thumbnailsRef","useRef","isFullscreen","setIsFullscreen","useState","isDs3","name","actionsPosition","containerRef","controller","useCarousel","align","loop","selectedIndex","setSelectedIndex","startIndex","numSlides","Children","count","handlePrevious","useCallback","scrollPrev","handleNext","scrollNext","handleScroll","index","scrollTo","handleSelect","slideIndex","selectedScrollSnap","current","querySelectorAll","scrollIntoView","behavior","block","useEffect","on","off","reInit","currentIndex","canPrev","canScrollPrev","canNext","canScrollNext","showTitle","showThumbnails","position","top","HvButton","icon","variant","onClick","curr","closeButton","_jsx","Close","Fullscreen","controls","HvCarouselControls","page","pages","canPrevious","onPreviousClick","onNextClick","thumbnails","HvCarouselThumbnails","ref","width","onThumbnailClick","evt","i","HvContainer","root","fullscreen","HvTypography","_jsxs","main","mainXs","mainFullscreen","counterContainer","counter","slideControls","disabled","Backwards","iconSize","Forwards","style","slidesViewport","slidesContainer"],"mappings":"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"}
+{"version":3,"file":"Carousel.cjs","sources":["../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  Children,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport useCarousel, { EmblaOptionsType } from \"embla-carousel-react\";\n\nimport {\n  Backwards,\n  Forwards,\n  Close,\n  Fullscreen,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvButton } from \"@core/components/Button\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvContainer } from \"@core/components/Container\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvCarouselControls } from \"./CarouselControls\";\nimport { HvCarouselThumbnails } from \"./CarouselThumbnails\";\nimport { staticClasses, useClasses } from \"./Carousel.styles\";\n\nconst clamp = (num: number, max: number, min = 0) =>\n  Math.min(Math.max(num, min), max);\n\nexport { staticClasses as carouselClasses };\n\nexport type HvCarouselClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCarouselProps\n  extends HvBaseProps<HTMLDivElement, \"title\" | \"onChange\"> {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvCarouselClasses;\n  /** Height of the Slider container. If `undefined`, images will keep a 16/9 aspect-ratio */\n  height?: CSSProperties[\"height\"];\n  /** Width of the thumbnail. Height will try to maintain a 16/9 aspect-ratio */\n  thumbnailWidth?: CSSProperties[\"width\"];\n  /** Title of the carousel */\n  title?: React.ReactNode;\n  /** Content slides to be displayed. @see `<HvCarouselSlide />` */\n  children?: React.ReactNode;\n  /** Custom content to render in the actions area */\n  actions?: React.ReactNode;\n  /** Whether Carousel is in \"xs mode\" - to use in embedded contexts */\n  xs?: boolean;\n  /** Whether to show dots instead of arrow pagination. Defaults to true under 5 elements */\n  showDots?: boolean;\n  /** Whether to show the counter on the top-right corner of the active slide */\n  showCounter?: boolean;\n  /** Whether to show the back/forwards buttons over the active slide */\n  showSlideControls?: boolean;\n  /** Whether to enable the fullscreen toggle button */\n  showFullscreen?: boolean;\n  /** Whether to hide the thumbnails. Hidden by default in \"xs\" mode */\n  hideThumbnails?: boolean;\n  controlsPosition?: \"top\" | \"bottom\";\n  thumbnailsPosition?: \"top\" | \"bottom\";\n  /** Carousel configuration options. @see https://www.embla-carousel.com/api/options/ */\n  carouselOptions?: EmblaOptionsType;\n  /** */\n  renderThumbnail?: (index: number) => React.ReactNode;\n  /** The callback fired when the active slide changes. */\n  onChange?: (index: number) => void;\n}\n\n/**\n * A Carousel is commonly used to browse images, it can also be used to browse any kind of content like text, video, or charts.\n * It allows you to focus on a particular content while having a notion of how many you have to explore.\n */\nexport const HvCarousel = (props: HvCarouselProps) => {\n  const {\n    className,\n    classes: classesProp,\n    height: heightProp = \"auto\",\n    thumbnailWidth = 90,\n    title,\n    children,\n    actions: actionsProp,\n    xs,\n    showDots: showDotsProp,\n    showCounter: showCounterProp,\n    showSlideControls,\n    showFullscreen: showFullscreenProp,\n    hideThumbnails: hideThumbnailsProp,\n    controlsPosition: controlsPositionProp,\n    thumbnailsPosition: thumbnailsPositionProp,\n    carouselOptions,\n    renderThumbnail,\n    onChange,\n    ...others\n  } = props;\n  const { activeTheme } = useTheme();\n  const { classes, css, cx } = useClasses(classesProp);\n  const thumbnailsRef = useRef<HTMLDivElement>(null);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  const isDs3 = activeTheme?.name === \"ds3\";\n  const actionsPosition = isDs3 ? \"header\" : \"controls\";\n  const controlsPosition = controlsPositionProp ?? (isDs3 ? \"bottom\" : \"top\");\n  const thumbnailsPosition = thumbnailsPositionProp ?? \"bottom\";\n\n  const [containerRef, controller] = useCarousel({\n    align: \"start\",\n    loop: true,\n    ...carouselOptions,\n  });\n\n  const [selectedIndex, setSelectedIndex] = useState(\n    carouselOptions?.startIndex ?? 0\n  );\n\n  const numSlides = Children.count(children);\n\n  const handlePrevious = useCallback(() => {\n    controller?.scrollPrev();\n  }, [controller]);\n\n  const handleNext = useCallback(() => {\n    controller?.scrollNext();\n  }, [controller]);\n\n  const handleScroll = (index: number) => {\n    controller?.scrollTo(index);\n  };\n\n  const handleSelect = useCallback(() => {\n    if (!controller) return;\n\n    const slideIndex = controller.selectedScrollSnap();\n    setSelectedIndex(slideIndex);\n\n    // scroll to thumbnail button\n    thumbnailsRef.current\n      ?.querySelectorAll(\"button\")\n      ?.[slideIndex]?.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"nearest\",\n      });\n\n    onChange?.(slideIndex);\n  }, [controller, onChange]);\n\n  useEffect(() => {\n    if (!controller) return;\n\n    controller.on(\"select\", handleSelect);\n\n    return () => {\n      controller.off(\"select\", handleSelect);\n    };\n  }, [controller, handleSelect]);\n\n  useEffect(() => {\n    if (!controller) return;\n\n    controller.reInit();\n    setSelectedIndex((currentIndex) => clamp(currentIndex, numSlides, 0));\n  }, [numSlides, controller]);\n\n  const canPrev = controller?.canScrollPrev() ?? false;\n  const canNext = controller?.canScrollNext() ?? false;\n  const showTitle = !!title && (!xs || isFullscreen);\n  const showFullscreen = showFullscreenProp ?? xs;\n  const height = isFullscreen ? \"100%\" : heightProp ?? \"auto\";\n  const showCounter = xs;\n  const hideThumbnails = hideThumbnailsProp ?? (xs && !isFullscreen);\n  const showThumbnails = !hideThumbnails && !!renderThumbnail;\n  const showDots = showDotsProp ?? numSlides <= 5;\n\n  const actions = (\n    <div\n      className={cx(\n        classes.actions,\n        actionsPosition === \"header\"\n          ? css({ position: \"relative\", top: -40, height: 0 })\n          : css({ position: \"absolute\" })\n      )}\n    >\n      {actionsProp}\n      {showFullscreen && (\n        <HvButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={() => setIsFullscreen((curr) => !curr)}\n          className={classes.closeButton}\n        >\n          {isFullscreen ? (\n            <Close aria-label=\"Close\" />\n          ) : (\n            <Fullscreen aria-label=\"Fullscreen\" />\n          )}\n        </HvButton>\n      )}\n    </div>\n  );\n\n  const controls = (\n    <HvCarouselControls\n      classes={classes}\n      showDots={showDots}\n      page={selectedIndex}\n      pages={numSlides}\n      canPrevious={canPrev}\n      canNext={canNext}\n      onPreviousClick={handlePrevious}\n      onNextClick={handleNext}\n      actions={actionsPosition === \"controls\" && actions}\n    />\n  );\n\n  const thumbnails = showThumbnails && (\n    <HvCarouselThumbnails\n      classes={classes}\n      ref={thumbnailsRef}\n      page={selectedIndex}\n      pages={numSlides}\n      width={thumbnailWidth}\n      onThumbnailClick={(evt, i) => handleScroll(i)}\n      renderThumbnail={renderThumbnail}\n    />\n  );\n\n  return (\n    <HvContainer\n      className={cx(classes.root, className, {\n        [classes.xs]: xs,\n        [classes.fullscreen]: isFullscreen,\n      })}\n      {...others}\n    >\n      {showTitle && (\n        <HvTypography variant=\"title2\" className={classes.title}>\n          {title}\n        </HvTypography>\n      )}\n\n      {actionsPosition === \"header\" && actions}\n      {thumbnailsPosition === \"top\" && thumbnails}\n      {controlsPosition === \"top\" && controls}\n      <div\n        className={cx(classes.main, {\n          [classes.mainXs]: xs,\n          [classes.mainFullscreen]: isFullscreen,\n        })}\n      >\n        {showCounter && (\n          <div className={classes.counterContainer}>\n            <span className={classes.counter}>\n              {`${selectedIndex + 1}/${numSlides}`}\n            </span>\n          </div>\n        )}\n\n        {showSlideControls && (\n          <div className={classes.slideControls}>\n            <HvButton\n              icon\n              disabled={!canPrev}\n              variant=\"secondary\"\n              aria-label=\"Backwards\"\n              onClick={handlePrevious}\n            >\n              <Backwards iconSize=\"XS\" />\n            </HvButton>\n            <HvButton\n              icon\n              disabled={!canNext}\n              variant=\"secondary\"\n              aria-label=\"Forwards\"\n              onClick={handleNext}\n            >\n              <Forwards iconSize=\"XS\" />\n            </HvButton>\n          </div>\n        )}\n\n        <div\n          ref={containerRef}\n          style={{ height }}\n          className={classes.slidesViewport}\n        >\n          <div className={classes.slidesContainer}>{children}</div>\n        </div>\n      </div>\n      {controlsPosition === \"bottom\" && controls}\n      {thumbnailsPosition === \"bottom\" && thumbnails}\n    </HvContainer>\n  );\n};\n"],"names":["clamp","num","max","min","Math","HvCarousel","props","className","classes","classesProp","height","heightProp","thumbnailWidth","title","children","actions","actionsProp","xs","showDots","showDotsProp","showCounter","showCounterProp","showSlideControls","showFullscreen","showFullscreenProp","hideThumbnails","hideThumbnailsProp","controlsPosition","controlsPositionProp","thumbnailsPosition","thumbnailsPositionProp","carouselOptions","renderThumbnail","onChange","others","activeTheme","useTheme","css","cx","useClasses","thumbnailsRef","useRef","isFullscreen","setIsFullscreen","useState","isDs3","name","actionsPosition","containerRef","controller","useCarousel","align","loop","selectedIndex","setSelectedIndex","startIndex","numSlides","Children","count","handlePrevious","useCallback","scrollPrev","handleNext","scrollNext","handleScroll","index","scrollTo","handleSelect","slideIndex","selectedScrollSnap","current","querySelectorAll","scrollIntoView","behavior","block","useEffect","on","off","reInit","currentIndex","canPrev","canScrollPrev","canNext","canScrollNext","showTitle","showThumbnails","position","top","HvButton","icon","variant","onClick","curr","closeButton","_jsx","Close","Fullscreen","controls","HvCarouselControls","page","pages","canPrevious","onPreviousClick","onNextClick","thumbnails","HvCarouselThumbnails","ref","width","onThumbnailClick","evt","i","HvContainer","root","fullscreen","HvTypography","_jsxs","main","mainXs","mainFullscreen","counterContainer","counter","slideControls","disabled","Backwards","iconSize","Forwards","style","slidesViewport","slidesContainer"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.styles.cjs","sources":["../../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCarousel\", {\n  /** Styles applied to the component root class. */\n  root: {\n    display: \"flex\",\n    alignItems: \"stretch\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    margin: 0,\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n  },\n  xs: {\n    \"&:not(._)\": {\n      padding: 0,\n    },\n    // put dots on top of Slide\n    \"& $dots\": {\n      position: \"relative\",\n      top: \"-40px\",\n    },\n    \"& $actions\": {\n      top: 0,\n    },\n    \"& $controls\": {\n      display: theme.carousel.xsControlsDisplay,\n    },\n  },\n  fullscreen: {\n    width: \"100vw\",\n    height: \"100vh\",\n    position: \"fixed\",\n    inset: 0,\n    zIndex: theme.zIndices.modal,\n    \"&:not(._)\": {\n      padding: theme.spacing([\"xs\", \"xl\"]),\n    },\n  },\n  title: {\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    marginBottom: theme.space.xs,\n  },\n  actions: {\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    right: 0,\n\n    position: \"relative\",\n  },\n  closeButton: {},\n\n  mainContainer: {},\n\n  controls: {\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    height: 32,\n    justifyContent: theme.carousel.controlsJustifyContent,\n    backgroundColor: theme.carousel.controlsBackgroundColor,\n    border: theme.carousel.controlsBorder,\n    gap: theme.space.xs,\n    \"&:has($dots)\": {\n      justifyContent: \"center\",\n    },\n  },\n  pageCounter: {},\n\n  main: {\n    padding: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    \"&:hover $slideControls\": {\n      opacity: 1,\n    },\n  },\n  mainXs: {},\n  mainFullscreen: {\n    maxHeight: \"80vh\",\n  },\n  counterContainer: {\n    position: \"absolute\",\n    top: theme.space.xs,\n    right: theme.space.md,\n    zIndex: 1,\n    display: theme.carousel.counterContainerDisplay,\n  },\n  counter: {\n    color: theme.colors.base_light,\n    backgroundColor: theme.colors.base_dark,\n    padding: theme.spacing([0, \"sm\"]),\n  },\n  slideControls: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    top: `calc(50% - (32px / 2))`,\n    padding: theme.spacing([0, \"sm\"]),\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    opacity: 0,\n    \"& button\": {\n      zIndex: 1,\n    },\n    \"&:focus-within\": {\n      opacity: 1,\n    },\n  },\n  slidesViewport: {\n    overflow: \"hidden\",\n  },\n  slidesContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"100%\",\n  },\n\n  dots: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: theme.space.xs,\n    height: theme.space.md,\n  },\n  dotsXs: {},\n  dot: {\n    width: 5,\n    height: 5,\n    margin: theme.space.xs,\n    borderRadius: \"50%\",\n    backgroundColor: theme.colors.atmo4,\n  },\n  dotSelected: {\n    width: 10,\n    height: 10,\n    backgroundColor: theme.colors.secondary_80,\n  },\n\n  panel: {\n    display: \"flex\",\n    width: \"100%\",\n    overflowX: \"auto\", // \"hidden\",\n    overflowY: \"hidden\",\n    padding: theme.spacing([\"xs\", \"2px\", \"2px\"]),\n  },\n  thumbnail: {\n    height: \"unset\",\n    padding: 0,\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      textAlign: \"center\",\n      aspectRatio: \"16/9\",\n      opacity: \"50%\",\n      borderRadius: theme.carousel.thumbnailBorderRadius,\n    },\n  },\n  thumbnailSelected: {\n    \"& img\": {\n      border: theme.carousel.thumbnailSelectedBorder,\n      opacity: \"100%\",\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","backgroundColor","theme","colors","atmo1","margin","paddingTop","spacing","paddingBottom","xs","padding","position","top","carousel","xsControlsDisplay","fullscreen","width","height","inset","zIndex","zIndices","modal","title","justifyContent","marginBottom","space","actions","right","closeButton","mainContainer","controls","controlsJustifyContent","controlsBackgroundColor","border","controlsBorder","gap","pageCounter","main","opacity","mainXs","mainFullscreen","maxHeight","counterContainer","md","counterContainerDisplay","counter","color","base_light","base_dark","slideControls","left","slidesViewport","overflow","slidesContainer","dots","dotsXs","dot","borderRadius","atmo4","dotSelected","secondary_80","panel","overflowX","overflowY","thumbnail","textAlign","aspectRatio","thumbnailBorderRadius","thumbnailSelected","thumbnailSelectedBorder"],"mappings":"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"}
+{"version":3,"file":"Carousel.styles.cjs","sources":["../../../../src/components/Carousel/Carousel.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCarousel\", {\n  /** Styles applied to the component root class. */\n  root: {\n    display: \"flex\",\n    alignItems: \"stretch\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    margin: 0,\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n  },\n  xs: {\n    \"&:not(._)\": {\n      padding: 0,\n    },\n    // put dots on top of Slide\n    \"& $dots\": {\n      position: \"relative\",\n      top: \"-40px\",\n    },\n    \"& $actions\": {\n      top: 0,\n    },\n    \"& $controls\": {\n      display: theme.carousel.xsControlsDisplay,\n    },\n  },\n  fullscreen: {\n    width: \"100vw\",\n    height: \"100vh\",\n    position: \"fixed\",\n    inset: 0,\n    zIndex: theme.zIndices.modal,\n    \"&:not(._)\": {\n      padding: theme.spacing([\"xs\", \"xl\"]),\n    },\n  },\n  title: {\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    marginBottom: theme.space.xs,\n  },\n  actions: {\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    right: 0,\n\n    position: \"relative\",\n  },\n  closeButton: {},\n\n  mainContainer: {},\n\n  controls: {\n    display: \"flex\",\n    alignItems: \"center\",\n    position: \"relative\",\n    height: 32,\n    justifyContent: theme.carousel.controlsJustifyContent,\n    backgroundColor: theme.carousel.controlsBackgroundColor,\n    border: theme.carousel.controlsBorder,\n    gap: theme.space.xs,\n    \"&:has($dots)\": {\n      justifyContent: \"center\",\n    },\n  },\n  pageCounter: {},\n\n  main: {\n    padding: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n    position: \"relative\",\n    \"&:hover $slideControls\": {\n      opacity: 1,\n    },\n  },\n  mainXs: {},\n  mainFullscreen: {\n    maxHeight: \"80vh\",\n  },\n  counterContainer: {\n    position: \"absolute\",\n    top: theme.space.xs,\n    right: theme.space.md,\n    zIndex: 1,\n    display: theme.carousel.counterContainerDisplay,\n  },\n  counter: {\n    color: theme.colors.base_light,\n    backgroundColor: theme.colors.base_dark,\n    padding: theme.spacing([0, \"sm\"]),\n  },\n  slideControls: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    top: `calc(50% - (32px / 2))`,\n    padding: theme.spacing([0, \"sm\"]),\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    opacity: 0,\n    \"& button\": {\n      zIndex: 1,\n    },\n    \"&:focus-within\": {\n      opacity: 1,\n    },\n  },\n  slidesViewport: {\n    overflow: \"hidden\",\n  },\n  slidesContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"100%\",\n  },\n\n  dots: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: theme.space.xs,\n    height: theme.space.md,\n  },\n  dotsXs: {},\n  dot: {\n    width: 5,\n    height: 5,\n    margin: theme.space.xs,\n    borderRadius: \"50%\",\n    backgroundColor: theme.colors.atmo4,\n  },\n  dotSelected: {\n    width: 10,\n    height: 10,\n    backgroundColor: theme.colors.secondary_80,\n  },\n\n  panel: {\n    display: \"flex\",\n    width: \"100%\",\n    overflowX: \"auto\", // \"hidden\",\n    overflowY: \"hidden\",\n    padding: theme.spacing([\"xs\", \"2px\", \"2px\"]),\n  },\n  thumbnail: {\n    height: \"unset\",\n    padding: 0,\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      textAlign: \"center\",\n      aspectRatio: \"16/9\",\n      opacity: \"50%\",\n      borderRadius: theme.carousel.thumbnailBorderRadius,\n    },\n  },\n  thumbnailSelected: {\n    \"& img\": {\n      border: theme.carousel.thumbnailSelectedBorder,\n      opacity: \"100%\",\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","backgroundColor","theme","colors","atmo1","margin","paddingTop","spacing","paddingBottom","xs","padding","position","top","carousel","xsControlsDisplay","fullscreen","width","height","inset","zIndex","zIndices","modal","title","justifyContent","marginBottom","space","actions","right","closeButton","mainContainer","controls","controlsJustifyContent","controlsBackgroundColor","border","controlsBorder","gap","pageCounter","main","opacity","mainXs","mainFullscreen","maxHeight","counterContainer","md","counterContainerDisplay","counter","color","base_light","base_dark","slideControls","left","slidesViewport","overflow","slidesContainer","dots","dotsXs","dot","borderRadius","atmo4","dotSelected","secondary_80","panel","overflowX","overflowY","thumbnail","textAlign","aspectRatio","thumbnailBorderRadius","thumbnailSelected","thumbnailSelectedBorder"],"mappings":"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"}

package/dist/cjs/components/Carousel/CarouselControls.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselControls.cjs","sources":["../../../../src/components/Carousel/CarouselControls.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from \"react\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvButton, HvPaginationProps } from \"..\";\nimport { HvCarouselClasses, HvCarouselProps } from \".\";\nimport { useClasses } from \"./Carousel.styles\";\n\ninterface HvCarouselControlsProps\n  extends HvBaseProps<HTMLDivElement>,\n    Pick<HvPaginationProps, \"page\" | \"pages\" | \"canPrevious\" | \"canNext\">,\n    Pick<HvCarouselProps, \"showDots\"> {\n  classes?: HvCarouselClasses;\n  actions?: ReactNode;\n  onPreviousClick?: MouseEventHandler<HTMLButtonElement>;\n  onNextClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const HvCarouselControls = (props: HvCarouselControlsProps) => {\n  const {\n    classes: classesProp,\n    className,\n    showDots,\n    page,\n    pages,\n    canPrevious,\n    canNext,\n    actions,\n    onPreviousClick,\n    onNextClick,\n  } = props;\n  const { classes, cx } = useClasses(classesProp, false);\n\n  const selectedIndex = page || 0;\n  const numSlides = pages;\n\n  return (\n    <div className={cx(classes.controls, className)}>\n      {showDots ? (\n        <div className={classes.dots}>\n          {Array.from(Array(numSlides)).map((el, index) => (\n            <span\n              key={`circle-${index}`}\n              className={cx(classes.dot, {\n                [classes.dotSelected]: index === selectedIndex,\n              })}\n            />\n          ))}\n        </div>\n      ) : (\n        <>\n          <HvButton\n            icon\n            disabled={!canPrevious}\n            variant=\"secondaryGhost\"\n            aria-label=\"Backwards\"\n            onClick={onPreviousClick}\n          >\n            <Backwards iconSize=\"XS\" />\n          </HvButton>\n          <div className={classes.pageCounter}>\n            {`${selectedIndex + 1} / ${numSlides}`}\n          </div>\n          <HvButton\n            icon\n            disabled={!canNext}\n            variant=\"secondaryGhost\"\n            aria-label=\"Forwards\"\n            onClick={onNextClick}\n          >\n            <Forwards iconSize=\"XS\" />\n          </HvButton>\n        </>\n      )}\n      {actions}\n    </div>\n  );\n};\n"],"names":["HvCarouselControls","props","classes","classesProp","className","showDots","page","pages","canPrevious","canNext","actions","onPreviousClick","onNextClick","cx","useClasses","selectedIndex","numSlides","controls","children","_jsx","dots","Array","from","map","el","index","dot","dotSelected","_jsxs","_Fragment","HvButton","icon","disabled","variant","onClick","Backwards","iconSize","pageCounter","Forwards"],"mappings":";;;;;;AAiBaA,MAAAA,qBAAqBA,CAACC,UAAmC;AAC9D,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EACEX,IAAAA;AACE,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,gBAAWX,WAAAA,aAAa,KAAK;AAErD,QAAMY,gBAAgBT,QAAQ;AAC9B,QAAMU,YAAYT;AAElB,yCACE,OAAA;AAAA,IAAKH,WAAWS,GAAGX,QAAQe,UAAUb,SAAS;AAAA,IAAEc,UAAA,CAC7Cb,WACCc,2BAAAA,IAAA,OAAA;AAAA,MAAKf,WAAWF,QAAQkB;AAAAA,MAAKF,UAC1BG,MAAMC,KAAKD,MAAML,SAAS,CAAC,EAAEO,IAAI,CAACC,IAAIC,UACrCN,2BAAAA,IAAA,QAAA;AAAA,QAEEf,WAAWS,GAAGX,QAAQwB,KAAK;AAAA,UACzB,CAACxB,QAAQyB,WAAW,GAAGF,UAAUV;AAAAA,QAAAA,CAClC;AAAA,MAAE,GAHG,UAASU,OAIhB,CACF;AAAA,IAAA,CACE,IAELG,2BAAAA,KAAAC,qBAAA;AAAA,MAAAX,UAAA,CACEC,2BAAAA,IAACW,iBAAQ;AAAA,QACPC,MAAI;AAAA,QACJC,UAAU,CAACxB;AAAAA,QACXyB,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAASvB;AAAAA,QAAgBO,yCAExBiB,2BAAS;AAAA,UAACC,UAAS;AAAA,QAAA,CAAM;AAAA,MAAA,CAClB,GACVjB,2BAAAA,IAAA,OAAA;AAAA,QAAKf,WAAWF,QAAQmC;AAAAA,QAAYnB,UAChC,GAAEH,gBAAgB,OAAOC;AAAAA,MAAAA,CACxB,GACLG,2BAAAA,IAACW,iBAAQ;AAAA,QACPC,MAAI;AAAA,QACJC,UAAU,CAACvB;AAAAA,QACXwB,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAAStB;AAAAA,QAAYM,yCAEpBoB,0BAAQ;AAAA,UAACF,UAAS;AAAA,QAAA,CAAM;AAAA,MAAA,CACjB,CAAC;AAAA,IACX,CAAA,GAEH1B,OAAO;AAAA,EAAA,CACL;AAET;;"}
+{"version":3,"file":"CarouselControls.cjs","sources":["../../../../src/components/Carousel/CarouselControls.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode } from \"react\";\n\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvPaginationProps } from \"@core/components/Pagination\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useClasses } from \"./Carousel.styles\";\n\ninterface HvCarouselControlsProps\n  extends HvBaseProps<HTMLDivElement>,\n    Pick<HvPaginationProps, \"page\" | \"pages\" | \"canPrevious\" | \"canNext\"> {\n  showDots?: boolean;\n  classes?: ExtractNames<typeof useClasses>;\n  actions?: ReactNode;\n  onPreviousClick?: MouseEventHandler<HTMLButtonElement>;\n  onNextClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const HvCarouselControls = (props: HvCarouselControlsProps) => {\n  const {\n    classes: classesProp,\n    className,\n    showDots,\n    page,\n    pages,\n    canPrevious,\n    canNext,\n    actions,\n    onPreviousClick,\n    onNextClick,\n  } = props;\n  const { classes, cx } = useClasses(classesProp, false);\n\n  const selectedIndex = page || 0;\n  const numSlides = pages;\n\n  return (\n    <div className={cx(classes.controls, className)}>\n      {showDots ? (\n        <div className={classes.dots}>\n          {Array.from(Array(numSlides)).map((el, index) => (\n            <span\n              key={`circle-${index}`}\n              className={cx(classes.dot, {\n                [classes.dotSelected]: index === selectedIndex,\n              })}\n            />\n          ))}\n        </div>\n      ) : (\n        <>\n          <HvButton\n            icon\n            disabled={!canPrevious}\n            variant=\"secondaryGhost\"\n            aria-label=\"Backwards\"\n            onClick={onPreviousClick}\n          >\n            <Backwards iconSize=\"XS\" />\n          </HvButton>\n          <div className={classes.pageCounter}>\n            {`${selectedIndex + 1} / ${numSlides}`}\n          </div>\n          <HvButton\n            icon\n            disabled={!canNext}\n            variant=\"secondaryGhost\"\n            aria-label=\"Forwards\"\n            onClick={onNextClick}\n          >\n            <Forwards iconSize=\"XS\" />\n          </HvButton>\n        </>\n      )}\n      {actions}\n    </div>\n  );\n};\n"],"names":["HvCarouselControls","props","classes","classesProp","className","showDots","page","pages","canPrevious","canNext","actions","onPreviousClick","onNextClick","cx","useClasses","selectedIndex","numSlides","controls","children","_jsx","dots","Array","from","map","el","index","dot","dotSelected","_jsxs","_Fragment","HvButton","icon","disabled","variant","onClick","Backwards","iconSize","pageCounter","Forwards"],"mappings":";;;;;;AAqBaA,MAAAA,qBAAqBA,CAACC,UAAmC;AAC9D,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EACEX,IAAAA;AACE,QAAA;AAAA,IAAEC;AAAAA,IAASW;AAAAA,EAAAA,IAAOC,gBAAWX,WAAAA,aAAa,KAAK;AAErD,QAAMY,gBAAgBT,QAAQ;AAC9B,QAAMU,YAAYT;AAElB,yCACE,OAAA;AAAA,IAAKH,WAAWS,GAAGX,QAAQe,UAAUb,SAAS;AAAA,IAAEc,UAAA,CAC7Cb,WACCc,2BAAAA,IAAA,OAAA;AAAA,MAAKf,WAAWF,QAAQkB;AAAAA,MAAKF,UAC1BG,MAAMC,KAAKD,MAAML,SAAS,CAAC,EAAEO,IAAI,CAACC,IAAIC,UACrCN,2BAAAA,IAAA,QAAA;AAAA,QAEEf,WAAWS,GAAGX,QAAQwB,KAAK;AAAA,UACzB,CAACxB,QAAQyB,WAAW,GAAGF,UAAUV;AAAAA,QAAAA,CAClC;AAAA,MAAE,GAHG,UAASU,OAIhB,CACF;AAAA,IAAA,CACE,IAELG,2BAAAA,KAAAC,qBAAA;AAAA,MAAAX,UAAA,CACEC,2BAAAA,IAACW,iBAAQ;AAAA,QACPC,MAAI;AAAA,QACJC,UAAU,CAACxB;AAAAA,QACXyB,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAASvB;AAAAA,QAAgBO,yCAExBiB,2BAAS;AAAA,UAACC,UAAS;AAAA,QAAA,CAAM;AAAA,MAAA,CAClB,GACVjB,2BAAAA,IAAA,OAAA;AAAA,QAAKf,WAAWF,QAAQmC;AAAAA,QAAYnB,UAChC,GAAEH,gBAAgB,OAAOC;AAAAA,MAAAA,CACxB,GACLG,2BAAAA,IAACW,iBAAQ;AAAA,QACPC,MAAI;AAAA,QACJC,UAAU,CAACvB;AAAAA,QACXwB,SAAQ;AAAA,QACR,cAAW;AAAA,QACXC,SAAStB;AAAAA,QAAYM,yCAEpBoB,0BAAQ;AAAA,UAACF,UAAS;AAAA,QAAA,CAAM;AAAA,MAAA,CACjB,CAAC;AAAA,IACX,CAAA,GAEH1B,OAAO;AAAA,EAAA,CACL;AAET;;"}

package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.tsx"],"sourcesContent":["import { ImgHTMLAttributes } from \"react\";\nimport { ExtractNames } from \"@core/utils\";\nimport { useClasses } from \"./CarouselSlide.styles\";\n\nexport type HvCarouselSlideClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCarouselSlideProps\n  extends ImgHTMLAttributes<HTMLImageElement> {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvCarouselSlideClasses;\n  /** The width of the Slide. Defaults to `100%` */\n  size?: string;\n  /** Content of a slide to be displayed */\n  children?: React.ReactNode;\n}\n\n/**\n * A container to use as `children` of `HvCarousel`.\n * Pass `img` props directly to it, or `children` for any custom content\n */\nexport const HvCarouselSlide = ({\n  classes: classesProp = {},\n  className,\n  children,\n  size: flexBasis = \"100%\",\n  src,\n  alt,\n  ...props\n}: HvCarouselSlideProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n  return (\n    <div\n      className={cx(\n        css({ flex: `0 0 ${flexBasis}` }),\n        classes.slide,\n        className\n      )}\n    >\n      {children ?? (\n        <img className={classes.image} src={src} alt={alt} {...props} />\n      )}\n    </div>\n  );\n};\n"],"names":["HvCarouselSlide","classes","classesProp","className","children","size","flexBasis","src","alt","props","css","cx","useClasses","flex","slide","_jsx","image"],"mappings":";;;;AAoBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,MAAMC,YAAY;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWV,WAAW;AACnD,wCACE,OAAA;AAAA,IACEC,WAAWQ,GACTD,IAAI;AAAA,MAAEG,MAAO,OAAMP;AAAAA,IAAAA,CAAa,GAChCL,QAAQa,OACRX,SACF;AAAA,IAAEC,UAEDA,YACCW,2BAAAA,IAAA,OAAA;AAAA,MAAKZ,WAAWF,QAAQe;AAAAA,MAAOT;AAAAA,MAAUC;AAAAA,MAAS,GAAKC;AAAAA,IAAAA,CAAQ;AAAA,EAAA,CAE9D;AAET;;"}
+{"version":3,"file":"CarouselSlide.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.tsx"],"sourcesContent":["import { ImgHTMLAttributes } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useClasses } from \"./CarouselSlide.styles\";\n\nexport type HvCarouselSlideClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCarouselSlideProps\n  extends ImgHTMLAttributes<HTMLImageElement> {\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvCarouselSlideClasses;\n  /** The width of the Slide. Defaults to `100%` */\n  size?: string;\n  /** Content of a slide to be displayed */\n  children?: React.ReactNode;\n}\n\n/**\n * A container to use as `children` of `HvCarousel`.\n * Pass `img` props directly to it, or `children` for any custom content\n */\nexport const HvCarouselSlide = ({\n  classes: classesProp = {},\n  className,\n  children,\n  size: flexBasis = \"100%\",\n  src,\n  alt,\n  ...props\n}: HvCarouselSlideProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n  return (\n    <div\n      className={cx(\n        css({ flex: `0 0 ${flexBasis}` }),\n        classes.slide,\n        className\n      )}\n    >\n      {children ?? (\n        <img className={classes.image} src={src} alt={alt} {...props} />\n      )}\n    </div>\n  );\n};\n"],"names":["HvCarouselSlide","classes","classesProp","className","children","size","flexBasis","src","alt","props","css","cx","useClasses","flex","slide","_jsx","image"],"mappings":";;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,MAAMC,YAAY;AAAA,EAClBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAER;AAAAA,IAASS;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,qBAAAA,WAAWV,WAAW;AACnD,wCACE,OAAA;AAAA,IACEC,WAAWQ,GACTD,IAAI;AAAA,MAAEG,MAAO,OAAMP;AAAAA,IAAAA,CAAa,GAChCL,QAAQa,OACRX,SACF;AAAA,IAAEC,UAEDA,YACCW,2BAAAA,IAAA,OAAA;AAAA,MAAKZ,WAAWF,QAAQe;AAAAA,MAAOT;AAAAA,MAAUC;AAAAA,MAAS,GAAKC;AAAAA,IAAAA,CAAQ;AAAA,EAAA,CAE9D;AAET;;"}

package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.styles.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.styles.ts"],"sourcesContent":["import { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCarouselSlide\", {\n  slide: {},\n  image: {\n    aspectRatio: \"16/9\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","slide","image","aspectRatio","width","height"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,OAAO,CAAC;AAAA,EACRC,OAAO;AAAA,IACLC,aAAa;AAAA,IACbC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AACF,CAAC;;;"}
+{"version":3,"file":"CarouselSlide.styles.cjs","sources":["../../../../../src/components/Carousel/CarouselSlide/CarouselSlide.styles.ts"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvCarouselSlide\", {\n  slide: {},\n  image: {\n    aspectRatio: \"16/9\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","slide","image","aspectRatio","width","height"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,OAAO,CAAC;AAAA,EACRC,OAAO;AAAA,IACLC,aAAa;AAAA,IACbC,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AACF,CAAC;;;"}

package/dist/cjs/components/Carousel/CarouselThumbnails.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const Carousel_styles = require("./Carousel.styles.cjs");
-const CarouselThumbnail = require("./CarouselThumbnail.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Stack = require("../Stack/Stack.cjs");
+const Button = require("../Button/Button.cjs");
 const HvCarouselThumbnails = React.forwardRef((props, ref) => {
   const {
     classes: classesProp,
@@ -14,6 +14,7 @@ const HvCarouselThumbnails = React.forwardRef((props, ref) => {
     width,
     renderThumbnail,
     onThumbnailClick,
+    thumbnailProps,
     ...others
   } = props;
   const {
@@ -29,12 +30,17 @@ const HvCarouselThumbnails = React.forwardRef((props, ref) => {
     children: /* @__PURE__ */ jsxRuntime.jsx(Stack.HvStack, {
       direction: "row",
       spacing: "xs",
-      children: Array.from(Array(numSlides)).map((doc, i) => /* @__PURE__ */ jsxRuntime.jsx(CarouselThumbnail.HvCarouselThumbnail, {
+      children: Array.from(Array(numSlides)).map((doc, i) => /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+        icon: true,
         style: {
           width
         },
-        selected: i === selectedIndex,
+        variant: "secondaryGhost",
+        className: cx(classes.thumbnail, {
+          [classes.thumbnailSelected]: i === selectedIndex
+        }),
         onClick: (event) => onThumbnailClick == null ? void 0 : onThumbnailClick(event, i),
+        ...thumbnailProps,
         children: renderThumbnail == null ? void 0 : renderThumbnail(i)
       }, `thumbnail-${i}`))
     })

package/dist/cjs/components/Carousel/CarouselThumbnails.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselThumbnails.cjs","sources":["../../../../src/components/Carousel/CarouselThumbnails.tsx"],"sourcesContent":["import { CSSProperties, MouseEvent, forwardRef } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvPaginationProps, HvStack } from \"..\";\nimport { HvCarouselClasses, HvCarouselProps } from \".\";\nimport { useClasses } from \"./Carousel.styles\";\nimport { HvCarouselThumbnail } from \"./CarouselThumbnail\";\n\ninterface HvCarouselThumbnailsProps\n  extends HvBaseProps<HTMLDivElement, \"children\">,\n    Pick<HvPaginationProps, \"page\" | \"pages\" | \"canPrevious\" | \"canNext\">,\n    Pick<HvCarouselProps, \"showDots\" | \"renderThumbnail\"> {\n  width?: CSSProperties[\"width\"];\n  classes?: HvCarouselClasses;\n  onThumbnailClick?: (\n    event: MouseEvent<HTMLButtonElement>,\n    index: number\n  ) => void;\n}\n\nexport const HvCarouselThumbnails = forwardRef<\n  HTMLDivElement,\n  HvCarouselThumbnailsProps\n>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    page,\n    pages,\n    width,\n    renderThumbnail,\n    onThumbnailClick,\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  const selectedIndex = page || 0;\n  const numSlides = pages;\n\n  return (\n    <div ref={ref} className={cx(classes.panel, className)} {...others}>\n      <HvStack direction=\"row\" spacing=\"xs\">\n        {Array.from(Array(numSlides)).map((doc, i) => (\n          <HvCarouselThumbnail\n            key={`thumbnail-${i}`}\n            style={{ width }}\n            selected={i === selectedIndex}\n            onClick={(event) => onThumbnailClick?.(event, i)}\n          >\n            {renderThumbnail?.(i)}\n          </HvCarouselThumbnail>\n        ))}\n      </HvStack>\n    </div>\n  );\n});\n"],"names":["HvCarouselThumbnails","forwardRef","props","ref","classes","classesProp","className","page","pages","width","renderThumbnail","onThumbnailClick","others","cx","useClasses","selectedIndex","numSlides","panel","children","HvStack","direction","spacing","Array","from","map","doc","i","_jsx","HvCarouselThumbnail","style","selected","onClick","event"],"mappings":";;;;;;;AAmBO,MAAMA,uBAAuBC,MAAAA,WAGlC,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDV,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,gBAAAA,WAAWT,WAAW;AAE9C,QAAMU,gBAAgBR,QAAQ;AAC9B,QAAMS,YAAYR;AAElB,wCACE,OAAA;AAAA,IAAKL;AAAAA,IAAUG,WAAWO,GAAGT,QAAQa,OAAOX,SAAS;AAAA,IAAE,GAAKM;AAAAA,IAAMM,yCAC/DC,eAAO;AAAA,MAACC,WAAU;AAAA,MAAMC,SAAQ;AAAA,MAAIH,UAClCI,MAAMC,KAAKD,MAAMN,SAAS,CAAC,EAAEQ,IAAI,CAACC,KAAKC,MACtCC,2BAAAA,IAACC,kBAAAA,qBAAmB;AAAA,QAElBC,OAAO;AAAA,UAAEpB;AAAAA,QAAM;AAAA,QACfqB,UAAUJ,MAAMX;AAAAA,QAChBgB,SAAUC,CAAAA,UAAUrB,qDAAmBqB,OAAON;AAAAA,QAAGR,UAEhDR,mDAAkBgB;AAAAA,MAAE,GALf,aAAYA,GAMC,CACtB;AAAA,IAAA,CACM;AAAA,EAAA,CACN;AAET,CAAC;;"}
+{"version":3,"file":"CarouselThumbnails.cjs","sources":["../../../../src/components/Carousel/CarouselThumbnails.tsx"],"sourcesContent":["import { CSSProperties, MouseEvent, forwardRef } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvPaginationProps } from \"@core/components/Pagination\";\nimport { HvStack } from \"@core/components/Stack\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useClasses } from \"./Carousel.styles\";\n\ninterface HvCarouselThumbnailsProps\n  extends HvBaseProps<HTMLDivElement, \"children\">,\n    Pick<HvPaginationProps, \"page\" | \"pages\" | \"canPrevious\" | \"canNext\"> {\n  width?: CSSProperties[\"width\"];\n  classes?: ExtractNames<typeof useClasses>;\n  onThumbnailClick?: (\n    event: MouseEvent<HTMLButtonElement>,\n    index: number\n  ) => void;\n  thumbnailProps?: Partial<HvButtonProps>;\n  showDots?: boolean;\n  renderThumbnail?: (index: number) => React.ReactNode;\n}\n\nexport const HvCarouselThumbnails = forwardRef<\n  HTMLDivElement,\n  HvCarouselThumbnailsProps\n>((props, ref) => {\n  const {\n    classes: classesProp,\n    className,\n    page,\n    pages,\n    width,\n    renderThumbnail,\n    onThumbnailClick,\n    thumbnailProps,\n    ...others\n  } = props;\n  const { classes, cx } = useClasses(classesProp);\n\n  const selectedIndex = page || 0;\n  const numSlides = pages;\n\n  return (\n    <div ref={ref} className={cx(classes.panel, className)} {...others}>\n      <HvStack direction=\"row\" spacing=\"xs\">\n        {Array.from(Array(numSlides)).map((doc, i) => (\n          <HvButton\n            icon\n            key={`thumbnail-${i}`}\n            style={{ width }}\n            variant=\"secondaryGhost\"\n            className={cx(classes.thumbnail, {\n              [classes.thumbnailSelected]: i === selectedIndex,\n            })}\n            onClick={(event) => onThumbnailClick?.(event, i)}\n            {...thumbnailProps}\n          >\n            {renderThumbnail?.(i)}\n          </HvButton>\n        ))}\n      </HvStack>\n    </div>\n  );\n});\n"],"names":["HvCarouselThumbnails","forwardRef","props","ref","classes","classesProp","className","page","pages","width","renderThumbnail","onThumbnailClick","thumbnailProps","others","cx","useClasses","selectedIndex","numSlides","panel","children","HvStack","direction","spacing","Array","from","map","doc","i","_jsx","HvButton","icon","style","variant","thumbnail","thumbnailSelected","onClick","event"],"mappings":";;;;;;;AAwBO,MAAMA,uBAAuBC,MAAAA,WAGlC,CAACC,OAAOC,QAAQ;AACV,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EACDX,IAAAA;AACE,QAAA;AAAA,IAAEE;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,gBAAAA,WAAWV,WAAW;AAE9C,QAAMW,gBAAgBT,QAAQ;AAC9B,QAAMU,YAAYT;AAElB,wCACE,OAAA;AAAA,IAAKL;AAAAA,IAAUG,WAAWQ,GAAGV,QAAQc,OAAOZ,SAAS;AAAA,IAAE,GAAKO;AAAAA,IAAMM,yCAC/DC,eAAO;AAAA,MAACC,WAAU;AAAA,MAAMC,SAAQ;AAAA,MAAIH,UAClCI,MAAMC,KAAKD,MAAMN,SAAS,CAAC,EAAEQ,IAAI,CAACC,KAAKC,MACtCC,2BAAAA,IAACC,OAAAA,UAAQ;AAAA,QACPC,MAAI;AAAA,QAEJC,OAAO;AAAA,UAAEtB;AAAAA,QAAM;AAAA,QACfuB,SAAQ;AAAA,QACR1B,WAAWQ,GAAGV,QAAQ6B,WAAW;AAAA,UAC/B,CAAC7B,QAAQ8B,iBAAiB,GAAGP,MAAMX;AAAAA,QAAAA,CACpC;AAAA,QACDmB,SAAUC,CAAAA,UAAUzB,qDAAmByB,OAAOT;AAAAA,QAAG,GAC7Cf;AAAAA,QAAcO,UAEjBT,mDAAkBiB;AAAAA,MAAE,GATf,aAAYA,GAUV,CACX;AAAA,IAAA,CACM;AAAA,EAAA,CACN;AAET,CAAC;;"}

package/dist/cjs/components/CheckBox/CheckBox.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
+const clsx = require("clsx");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
 const CheckBox_styles = require("./CheckBox.styles.cjs");
 const checkBoxClasses = require("./checkBoxClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
-const useControlled = require("../../hooks/useControlled.cjs");
-const setId = require("../../utils/setId.cjs");
 const WarningText = require("../Forms/WarningText/WarningText.cjs");
 const HvCheckBox = ({
   id,
@@ -37,7 +37,7 @@ const HvCheckBox = ({
   onBlur,
   ...others
 }) => {
-  const elementId = useUniqueId.default(id, "hvcheckbox");
+  const elementId = useUniqueId.useUniqueId(id, "hvcheckbox");
   const [focusVisible, setFocusVisible] = React.useState(false);
   const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
   const [validationMessage] = useControlled.useControlled(statusMessage, "Required");

package/dist/cjs/components/CheckBox/CheckBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { useCallback, useState } from \"react\";\nimport { setId } from \"@core/utils\";\nimport { HvBaseCheckBoxProps } from \"../BaseCheckBox\";\nimport { HvLabelProps, HvFormStatus, HvWarningText, isInvalid } from \"../Forms\";\nimport {\n  StyledBaseCheckBox,\n  StyledFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport interface HvCheckBoxProps extends Omit<HvBaseCheckBoxProps, \"classes\"> {\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvCheckBoxClasses;\n}\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nexport const HvCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  checked,\n  status,\n  indeterminate,\n  statusMessage,\n  label,\n  labelProps,\n  inputProps,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  defaultChecked = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  ...others\n}: HvCheckBoxProps) => {\n  const elementId = useUniqueId(id, \"hvcheckbox\");\n\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const onChangeCallback = useCallback<\n    NonNullable<HvBaseCheckBoxProps[\"onChange\"]>\n  >(\n    (event, newChecked) => {\n      setIsChecked(() => {\n        // This will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(event, newChecked, value);\n    },\n    [\n      onChange,\n      required,\n      setIsChecked,\n      setIsIndeterminate,\n      setValidationState,\n      value,\n    ]\n  );\n\n  const onFocusVisibleCallback: HvBaseCheckBoxProps[\"onBlur\"] = (event) => {\n    setFocusVisible(true);\n    onFocusVisible?.(event);\n  };\n\n  const onBlurCallback: HvBaseCheckBoxProps[\"onBlur\"] = (event) => {\n    setFocusVisible(false);\n    onBlur?.(event);\n  };\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <StyledBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        checkBoxClasses.checkbox,\n        classes?.checkbox,\n        isStateInvalid &&\n          clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChangeCallback}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        className,\n        checkBoxClasses.root,\n        classes?.root,\n        !!(focusVisible && label) &&\n          clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={!!(focusVisible && label)}\n    >\n      {hasLabel ? (\n        <StyledLabelContainer\n          className={clsx(\n            checkBoxClasses.container,\n            classes?.container,\n            disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n            isStateInvalid &&\n              clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $disabled={disabled}\n          $invalid={isStateInvalid}\n        >\n          {checkbox}\n          <StyledLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(checkBoxClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledLabelContainer>\n      ) : (\n        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","$invalid","StyledFormElement","root","$focusVisible","children","_jsxs","StyledLabelContainer","container","invalidContainer","$disabled","_jsx","StyledLabel","htmlFor","HvWarningText","disableAdornment","hideText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { setId } from \"@core/utils/setId\";\nimport { HvBaseCheckBoxProps } from \"@core/components/BaseCheckBox\";\nimport {\n  HvLabelProps,\n  HvFormStatus,\n  HvWarningText,\n  isInvalid,\n} from \"@core/components/Forms\";\n\nimport {\n  StyledBaseCheckBox,\n  StyledFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport interface HvCheckBoxProps extends Omit<HvBaseCheckBoxProps, \"classes\"> {\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvCheckBoxClasses;\n}\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nexport const HvCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  checked,\n  status,\n  indeterminate,\n  statusMessage,\n  label,\n  labelProps,\n  inputProps,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  defaultChecked = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  ...others\n}: HvCheckBoxProps) => {\n  const elementId = useUniqueId(id, \"hvcheckbox\");\n\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const onChangeCallback = useCallback<\n    NonNullable<HvBaseCheckBoxProps[\"onChange\"]>\n  >(\n    (event, newChecked) => {\n      setIsChecked(() => {\n        // This will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(event, newChecked, value);\n    },\n    [\n      onChange,\n      required,\n      setIsChecked,\n      setIsIndeterminate,\n      setValidationState,\n      value,\n    ]\n  );\n\n  const onFocusVisibleCallback: HvBaseCheckBoxProps[\"onBlur\"] = (event) => {\n    setFocusVisible(true);\n    onFocusVisible?.(event);\n  };\n\n  const onBlurCallback: HvBaseCheckBoxProps[\"onBlur\"] = (event) => {\n    setFocusVisible(false);\n    onBlur?.(event);\n  };\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <StyledBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        checkBoxClasses.checkbox,\n        classes?.checkbox,\n        isStateInvalid &&\n          clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChangeCallback}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        className,\n        checkBoxClasses.root,\n        classes?.root,\n        !!(focusVisible && label) &&\n          clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={!!(focusVisible && label)}\n    >\n      {hasLabel ? (\n        <StyledLabelContainer\n          className={clsx(\n            checkBoxClasses.container,\n            classes?.container,\n            disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n            isStateInvalid &&\n              clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $disabled={disabled}\n          $invalid={isStateInvalid}\n        >\n          {checkbox}\n          <StyledLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(checkBoxClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledLabelContainer>\n      ) : (\n        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","$invalid","StyledFormElement","root","$focusVisible","children","_jsxs","StyledLabelContainer","container","invalidContainer","$disabled","_jsx","StyledLabel","htmlFor","HvWarningText","disableAdornment","hideText","disableBorder"],"mappings":"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"}

package/dist/cjs/components/CheckBox/CheckBox.styles.cjs

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const focusUtils = require("../../utils/focusUtils.cjs");
 const transientOptions = require("../../utils/transientOptions.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const checkBoxClasses = require("./checkBoxClasses.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const BaseCheckBox = require("../BaseCheckBox/BaseCheckBox.cjs");
 const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const focusUtils = require("../../utils/focusUtils.cjs");
 const Label = require("../Forms/Label/Label.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
@@ -46,7 +46,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default((props) => /*
       boxShadow: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DaGVja0JveC9DaGVja0JveC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZUNoZWNrQm94LFxuICBIdkxhYmVsLFxuICBIdkZvcm1FbGVtZW50LFxuICBjaGVja0JveENsYXNzZXMsXG4gIEh2QmFzZUNoZWNrQm94UHJvcHMsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlQ2hlY2tCb3hQcm9wcykgPT4gPEh2QmFzZUNoZWNrQm94IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZUNoZWNrQm94LFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlQ2hlY2tCb3hcIjtcblxuaW1wb3J0IGNoZWNrQm94Q2xhc3NlcyBmcm9tIFwiLi9jaGVja0JveENsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlQ2hlY2tCb3hQcm9wcykgPT4gPEh2QmFzZUNoZWNrQm94IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ezlsftu2"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -74,7 +74,7 @@ const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", pro
   ...$invalid && {
     borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQge1xuICBIdkJhc2VDaGVja0JveCxcbiAgSHZMYWJlbCxcbiAgSHZGb3JtRWxlbWVudCxcbiAgY2hlY2tCb3hDbGFzc2VzLFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUNoZWNrQm94ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2QmFzZUNoZWNrQm94UHJvcHMpID0+IDxIdkJhc2VDaGVja0JveCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZUNoZWNrQm94LFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlQ2hlY2tCb3hcIjtcblxuaW1wb3J0IGNoZWNrQm94Q2xhc3NlcyBmcm9tIFwiLi9jaGVja0JveENsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlQ2hlY2tCb3hQcm9wcykgPT4gPEh2QmFzZUNoZWNrQm94IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ezlsftu1"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -97,7 +97,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, proc
     color: uikitStyles.theme.colors.secondary_60,
     cursor: "not-allowed"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RDJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQge1xuICBIdkJhc2VDaGVja0JveCxcbiAgSHZMYWJlbCxcbiAgSHZGb3JtRWxlbWVudCxcbiAgY2hlY2tCb3hDbGFzc2VzLFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUNoZWNrQm94ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2QmFzZUNoZWNrQm94UHJvcHMpID0+IDxIdkJhc2VDaGVja0JveCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZUNoZWNrQm94LFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlQ2hlY2tCb3hcIjtcblxuaW1wb3J0IGNoZWNrQm94Q2xhc3NlcyBmcm9tIFwiLi9jaGVja0JveENsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlQ2hlY2tCb3hQcm9wcykgPT4gPEh2QmFzZUNoZWNrQm94IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 const StyledBaseCheckBox = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseCheckBox.HvBaseCheckBox, {
   ...props
 }), process.env.NODE_ENV === "production" ? _extends({}, {
@@ -114,7 +114,7 @@ const StyledBaseCheckBox = /* @__PURE__ */ _styled__default.default((props) => /
     borderBottomLeftRadius: "0px",
     borderBottomRightRadius: "0px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQge1xuICBIdkJhc2VDaGVja0JveCxcbiAgSHZMYWJlbCxcbiAgSHZGb3JtRWxlbWVudCxcbiAgY2hlY2tCb3hDbGFzc2VzLFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUNoZWNrQm94ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2QmFzZUNoZWNrQm94UHJvcHMpID0+IDxIdkJhc2VDaGVja0JveCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7XG4gIEh2TGFiZWwsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZUNoZWNrQm94LFxuICBIdkJhc2VDaGVja0JveFByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlQ2hlY2tCb3hcIjtcblxuaW1wb3J0IGNoZWNrQm94Q2xhc3NlcyBmcm9tIFwiLi9jaGVja0JveENsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gPEh2Rm9ybUVsZW1lbnQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIChwcm9wczogSHZCYXNlQ2hlY2tCb3hQcm9wcykgPT4gPEh2QmFzZUNoZWNrQm94IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
 exports.StyledBaseCheckBox = StyledBaseCheckBox;
 exports.StyledFormElement = StyledFormElement;
 exports.StyledLabel = StyledLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.styles.cjs","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  HvBaseCheckBox,\n  HvLabel,\n  HvFormElement,\n  checkBoxClasses,\n  HvBaseCheckBoxProps,\n  HvFormElementProps,\n} from \"@core/components\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFormElement = styled(\n  (props: HvFormElementProps) => <HvFormElement {...props} />,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  display: \"inline-block\",\n\n  ...($focusVisible && {\n    ...outlineStyles,\n\n    \"& div\": {\n      backgroundColor: theme.colors.atmo3,\n    },\n\n    [`& .${checkBoxClasses.checkbox} div > svg`]: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  }),\n}));\n\nexport const StyledLabelContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $disabled, $invalid }: { $disabled: boolean; $invalid: boolean }) => ({\n  cursor: \"pointer\",\n  display: \"flex\",\n  height: \"32px\",\n  transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n  \"&:hover\": {\n    backgroundColor: theme.checkbox.hoverColor,\n    borderRadius: theme.checkbox.borderRadius,\n\n    ...($invalid && {\n      borderBottomLeftRadius: \"0px\",\n      borderBottomRightRadius: \"0px\",\n    }),\n  },\n\n  ...($disabled && {\n    cursor: \"not-allowed\",\n  }),\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  }),\n}));\n\nexport const StyledLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  verticalAlign: \"middle\",\n  paddingRight: theme.space.xs,\n  whiteSpace: \"nowrap\",\n  ...(theme.typography.body as CSSProperties),\n  cursor: \"pointer\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n  width: \"100%\",\n\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n    cursor: \"not-allowed\",\n  }),\n}));\n\nexport const StyledBaseCheckBox = styled(\n  (props: HvBaseCheckBoxProps) => <HvBaseCheckBox {...props} />,\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n    borderBottomLeftRadius: \"0px\",\n    borderBottomRightRadius: \"0px\",\n  }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","display","outlineStyles","backgroundColor","theme","colors","atmo3","checkBoxClasses","checkbox","outline","boxShadow","StyledLabelContainer","$disabled","$invalid","cursor","height","transition","hoverColor","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottom","negative","StyledLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","secondary_60","StyledBaseCheckBox","HvBaseCheckBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,oBAAoBC,iCAAAA,QAC/B,CAACC,yCAA+BC,YAAAA,eAAa;AAAA,EAAA,GAAKD;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC3DC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EAET,GAAID,iBAAiB;AAAA,IACnB,GAAGE,WAAAA;AAAAA,IAEH,SAAS;AAAA,MACPC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IAEA,CAAE,MAAKC,gBAAAA,QAAgBC,oBAAoB,GAAG;AAAA,MAC5CC,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEUgB,MAAAA,gEACX,OAAKlB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEc;AAAAA,EAAWC;AAAoD,OAAO;AAAA,EACzEC,QAAQ;AAAA,EACRb,SAAS;AAAA,EACTc,QAAQ;AAAA,EACRC,YAAY;AAAA,EAEZ,WAAW;AAAA,IACTb,iBAAiBC,YAAAA,MAAMI,SAASS;AAAAA,IAChCC,cAAcd,YAAAA,MAAMI,SAASU;AAAAA,IAE7B,GAAIL,YAAY;AAAA,MACdM,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,GAAIR,aAAa;AAAA,IACfE,QAAQ;AAAA,EACV;AAAA,EAEA,GAAID,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEU4B,MAAAA,uDACXC,MAAAA,SAAO/B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACPC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEc;AAAkC,OAAO;AAAA,EAC5Ca,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,eAAe;AAAA,EACfC,cAAcxB,YAAAA,MAAMyB,MAAMC;AAAAA,EAC1BC,YAAY;AAAA,EACZ,GAAI3B,YAAAA,MAAM4B,WAAWC;AAAAA,EACrBnB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRmB,YAAY;AAAA,EACZC,OAAO;AAAA,EAEP,GAAIvB,aAAa;AAAA,IACfwB,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACpBvB,QAAQ;AAAA,EACV;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;AAEI,MAAM2C,qBAAqBhD,iCAAAA,QAChC,CAACC,yCAAgCgD,aAAAA,gBAAc;AAAA,EAAA,GAAKhD;AAAK,CAAG,GAACE,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GAC7DC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEe;AAAgC,OAAO;AAAA,EAC1CE,QAAQ;AAAA,EAER,GAAIF,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,IACxCH,wBAAwB;AAAA,IACxBC,yBAAyB;AAAA,EAC3B;AACF,IAAE3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ypHAAA;;;;;"}
+{"version":3,"file":"CheckBox.styles.cjs","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  HvLabel,\n  HvFormElement,\n  HvFormElementProps,\n} from \"@core/components/Forms\";\nimport {\n  HvBaseCheckBox,\n  HvBaseCheckBoxProps,\n} from \"@core/components/BaseCheckBox\";\n\nimport checkBoxClasses from \"./checkBoxClasses\";\n\nexport const StyledFormElement = styled(\n  (props: HvFormElementProps) => <HvFormElement {...props} />,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  display: \"inline-block\",\n\n  ...($focusVisible && {\n    ...outlineStyles,\n\n    \"& div\": {\n      backgroundColor: theme.colors.atmo3,\n    },\n\n    [`& .${checkBoxClasses.checkbox} div > svg`]: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  }),\n}));\n\nexport const StyledLabelContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $disabled, $invalid }: { $disabled: boolean; $invalid: boolean }) => ({\n  cursor: \"pointer\",\n  display: \"flex\",\n  height: \"32px\",\n  transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n  \"&:hover\": {\n    backgroundColor: theme.checkbox.hoverColor,\n    borderRadius: theme.checkbox.borderRadius,\n\n    ...($invalid && {\n      borderBottomLeftRadius: \"0px\",\n      borderBottomRightRadius: \"0px\",\n    }),\n  },\n\n  ...($disabled && {\n    cursor: \"not-allowed\",\n  }),\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n  }),\n}));\n\nexport const StyledLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  verticalAlign: \"middle\",\n  paddingRight: theme.space.xs,\n  whiteSpace: \"nowrap\",\n  ...(theme.typography.body as CSSProperties),\n  cursor: \"pointer\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n  width: \"100%\",\n\n  ...($disabled && {\n    color: theme.colors.secondary_60,\n    cursor: \"not-allowed\",\n  }),\n}));\n\nexport const StyledBaseCheckBox = styled(\n  (props: HvBaseCheckBoxProps) => <HvBaseCheckBox {...props} />,\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.negative}`,\n    borderBottomLeftRadius: \"0px\",\n    borderBottomRightRadius: \"0px\",\n  }),\n}));\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","display","outlineStyles","backgroundColor","theme","colors","atmo3","checkBoxClasses","checkbox","outline","boxShadow","StyledLabelContainer","$disabled","$invalid","cursor","height","transition","hoverColor","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottom","negative","StyledLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","secondary_60","StyledBaseCheckBox","HvBaseCheckBox"],"mappings":"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"}

package/dist/cjs/components/CheckBox/checkBoxClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkBoxClasses.cjs","sources":["../../../../src/components/CheckBox/checkBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvCheckBoxClasses {\n  root?: string;\n  container?: string;\n  disabled?: string;\n  focusVisible?: string;\n  invalidContainer?: string;\n  checkbox?: string;\n  invalidCheckbox?: string;\n  label?: string;\n}\n\nconst classKeys: (keyof HvCheckBoxClasses)[] = [\n  \"root\",\n  \"container\",\n  \"disabled\",\n  \"focusVisible\",\n  \"invalidContainer\",\n  \"checkbox\",\n  \"invalidCheckbox\",\n  \"label\",\n];\n\nconst checkBoxClasses = getClasses(classKeys, \"HvCheckBox\");\n\nexport default checkBoxClasses;\n"],"names":["classKeys","checkBoxClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAyC,CAC7C,QACA,aACA,YACA,gBACA,oBACA,YACA,mBACA,OAAO;AAGT,MAAMC,kBAAkBC,QAAWF,WAAAA,WAAW,YAAY;AAE1D,MAAA,oBAAeC;;"}
+{"version":3,"file":"checkBoxClasses.cjs","sources":["../../../../src/components/CheckBox/checkBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils/classes\";\n\nexport interface HvCheckBoxClasses {\n  root?: string;\n  container?: string;\n  disabled?: string;\n  focusVisible?: string;\n  invalidContainer?: string;\n  checkbox?: string;\n  invalidCheckbox?: string;\n  label?: string;\n}\n\nconst classKeys: (keyof HvCheckBoxClasses)[] = [\n  \"root\",\n  \"container\",\n  \"disabled\",\n  \"focusVisible\",\n  \"invalidContainer\",\n  \"checkbox\",\n  \"invalidCheckbox\",\n  \"label\",\n];\n\nconst checkBoxClasses = getClasses(classKeys, \"HvCheckBox\");\n\nexport default checkBoxClasses;\n"],"names":["classKeys","checkBoxClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAyC,CAC7C,QACA,aACA,YACA,gBACA,oBACA,YACA,mBACA,OAAO;AAGT,MAAMC,kBAAkBC,QAAWF,WAAAA,WAAW,YAAY;AAE1D,MAAA,oBAAeC;;"}

package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const React = require("react");
+const clsx = require("clsx");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
+const multiSelectionEventHandler = require("../../utils/multiSelectionEventHandler.cjs");
 const CheckBoxGroup_styles = require("./CheckBoxGroup.styles.cjs");
 const checkBoxGroupClasses = require("./checkBoxGroupClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const multiSelectionEventHandler = require("../../utils/multiSelectionEventHandler.cjs");
 const CheckBox = require("../CheckBox/CheckBox.cjs");
-const useControlled = require("../../hooks/useControlled.cjs");
-const setId = require("../../utils/setId.cjs");
 const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
 const WarningText = require("../Forms/WarningText/WarningText.cjs");
 const computeSelectAllState = (selected, total) => {
@@ -63,7 +63,7 @@ const HvCheckBoxGroup = ({
   ));
   const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
   const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
-  const elementId = useUniqueId.default(id, "hvcheckboxgroup");
+  const elementId = useUniqueId.useUniqueId(id, "hvcheckboxgroup");
   const selectionAnchor = React.useRef(void 0);
   const [allValues, selectedState, selectedCount] = React.useMemo(() => {
     const childValues = [];
@@ -83,7 +83,7 @@ const HvCheckBoxGroup = ({
   }, [children, value]);
   const selectAllState = computeSelectAllState(value.length, selectedState.length);
   const onChildChangeInterceptor = React.useCallback((index, childOnChange, event, isChecked) => {
-    const newValue = multiSelectionEventHandler.default(event, index, selectionAnchor, allValues, selectedState, isChecked);
+    const newValue = multiSelectionEventHandler.multiSelectionEventHandler(event, index, selectionAnchor, allValues, selectedState, isChecked);
     childOnChange == null ? void 0 : childOnChange(event, isChecked);
     onChange == null ? void 0 : onChange(event, newValue);
     setValue(() => {