@vibe/core 3.87.0 → 4.0.0-alpha.1

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { keyCodes } from \"../../../../constants\";\nimport { getOptionId } from \"../../helpers\";\nimport { withStaticPropsWithoutForwardRef } from \"../../../../types\";\nimport {\n  ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n  type IComboboxOption,\n  type IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { type ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n  /**\n   * The index of the option in the list.\n   */\n  index?: number;\n  /**\n   * The option data containing label, icons, and other properties.\n   */\n  option?: IComboboxOption;\n  /**\n   * Class name applied to the option element.\n   */\n  className?: string;\n  /**\n   * If true, the option is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * If true, the option has visual focus.\n   */\n  visualFocus?: boolean;\n  /**\n   * A reference to the scroll container.\n   */\n  scrollRef?: RefObject<HTMLElement>;\n  /**\n   * The amount of offset when scrolling to the active item.\n   */\n  scrollOffset?: number;\n  /**\n   * The height of each option.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, scrolls to the active option when it is selected.\n   */\n  shouldScrollWhenActive?: boolean;\n  /**\n   * Custom renderer for the option content.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption = ({\n  index,\n  option,\n  className,\n  isActive,\n  visualFocus,\n  scrollRef,\n  scrollOffset = 100,\n  onOptionClick,\n  onOptionLeave,\n  onOptionHover,\n  optionLineHeight,\n  shouldScrollWhenActive = true,\n  optionRenderer = null\n}: ComboboxOptionProps) => {\n  const {\n    id,\n    leftIcon,\n    leftIconType,\n    rightIcon,\n    rightIconType,\n    label,\n    iconSize = 18,\n    disabled,\n    selected,\n    ariaLabel,\n    belongToCategory = false\n  } = option;\n  let { tooltipContent } = option;\n\n  const ref = useRef(null);\n  const labelRef = useRef();\n\n  const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (visualFocus && element && shouldScrollWhenActive) {\n      if (scrollRef?.current && element) {\n        // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n        scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n      } else {\n        element?.scrollIntoView?.({ behaviour: \"smooth\" });\n      }\n    }\n  }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n  const renderIcon = (\n    icon: SubIcon | ((className: string) => JSX.Element),\n    iconType: ComboboxOptionIconType,\n    className: string\n  ) => {\n    if (iconType === \"renderer\") {\n      return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n    }\n\n    return (\n      <Icon\n        className={cx(styles.optionIcon, className)}\n        iconType=\"font\"\n        icon={icon as SubIcon}\n        iconSize={iconSize}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionClick(event, index, option, true);\n    },\n    [index, option, onOptionClick, disabled]\n  );\n\n  const onMouseLeave = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionLeave(event, index, option, true);\n    },\n    [index, option, onOptionLeave, disabled]\n  );\n\n  const onMouseEnter = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionHover(event, index, option, true);\n    },\n    [index, option, onOptionHover, disabled]\n  );\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        onOptionClick(event, index, option, false);\n      }\n    },\n    [onOptionClick, index, option]\n  );\n  if (!tooltipContent) {\n    tooltipContent = isOptionOverflowing ? label : null;\n  }\n\n  const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n  const optionValue = (\n    <>\n      {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n      <div ref={labelRef} className={cx(styles.optionLabel)}>\n        {label}\n      </div>\n      {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n    </>\n  );\n\n  return (\n    <Tooltip {...option.tooltipProps} content={tooltipContent} hideWhenReferenceHidden>\n      <div\n        ref={ref}\n        key={id || label}\n        aria-level={belongToCategory ? 2 : 1}\n        aria-selected={isActive}\n        aria-label={ariaLabel || label}\n        id={getOptionId(id, index)}\n        data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n        onMouseEnter={onMouseEnter}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        onMouseLeave={onMouseLeave}\n        className={cx(styles.comboboxOption, className, {\n          [styles.disabled]: disabled,\n          [styles.selected]: selected,\n          [styles.active]: isActive,\n          [styles.activeOutline]: visualFocus\n        })}\n        style={{ height: optionLineHeight }}\n      >\n        {optionRendererValue || optionValue}\n      </div>\n    </Tooltip>\n  );\n};\n\ninterface ComboboxOptionStaticProps {\n  iconTypes: typeof ComboboxOptionIconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ComboboxOptionProps, ComboboxOptionStaticProps>(ComboboxOption, {\n  iconTypes: ComboboxOptionIconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","Object","assign","tooltipProps","content","hideWhenReferenceHidden","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"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"}
+{"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { keyCodes } from \"../../../../constants\";\nimport { getOptionId } from \"../../helpers\";\nimport { type IComboboxOption, type IComboboxOptionEvents } from \"../ComboboxConstants\";\nimport { type ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n  /**\n   * The index of the option in the list.\n   */\n  index?: number;\n  /**\n   * The option data containing label, icons, and other properties.\n   */\n  option?: IComboboxOption;\n  /**\n   * Class name applied to the option element.\n   */\n  className?: string;\n  /**\n   * If true, the option is currently active.\n   */\n  isActive?: boolean;\n  /**\n   * If true, the option has visual focus.\n   */\n  visualFocus?: boolean;\n  /**\n   * A reference to the scroll container.\n   */\n  scrollRef?: RefObject<HTMLElement>;\n  /**\n   * The amount of offset when scrolling to the active item.\n   */\n  scrollOffset?: number;\n  /**\n   * The height of each option.\n   */\n  optionLineHeight?: number;\n  /**\n   * If true, scrolls to the active option when it is selected.\n   */\n  shouldScrollWhenActive?: boolean;\n  /**\n   * Custom renderer for the option content.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption = ({\n  index,\n  option,\n  className,\n  isActive,\n  visualFocus,\n  scrollRef,\n  scrollOffset = 100,\n  onOptionClick,\n  onOptionLeave,\n  onOptionHover,\n  optionLineHeight,\n  shouldScrollWhenActive = true,\n  optionRenderer = null\n}: ComboboxOptionProps) => {\n  const {\n    id,\n    leftIcon,\n    leftIconType,\n    rightIcon,\n    rightIconType,\n    label,\n    iconSize = 18,\n    disabled,\n    selected,\n    \"aria-label\": ariaLabel,\n    belongToCategory = false\n  } = option;\n  let { tooltipContent } = option;\n\n  const ref = useRef(null);\n  const labelRef = useRef();\n\n  const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (visualFocus && element && shouldScrollWhenActive) {\n      if (scrollRef?.current && element) {\n        // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n        scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n      } else {\n        element?.scrollIntoView?.({ behaviour: \"smooth\" });\n      }\n    }\n  }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n  const renderIcon = (\n    icon: SubIcon | ((className: string) => JSX.Element),\n    iconType: ComboboxOptionIconType,\n    className: string\n  ) => {\n    if (iconType === \"renderer\") {\n      return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n    }\n\n    return (\n      <Icon\n        className={cx(styles.optionIcon, className)}\n        type=\"font\"\n        icon={icon as SubIcon}\n        size={iconSize}\n        ignoreFocusStyle\n      />\n    );\n  };\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionClick(event, index, option, true);\n    },\n    [index, option, onOptionClick, disabled]\n  );\n\n  const onMouseLeave = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionLeave(event, index, option, true);\n    },\n    [index, option, onOptionLeave, disabled]\n  );\n\n  const onMouseEnter = useCallback(\n    (event: React.MouseEvent) => {\n      if (disabled) return;\n      onOptionHover(event, index, option, true);\n    },\n    [index, option, onOptionHover, disabled]\n  );\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        onOptionClick(event, index, option, false);\n      }\n    },\n    [onOptionClick, index, option]\n  );\n  if (!tooltipContent) {\n    tooltipContent = isOptionOverflowing ? label : null;\n  }\n\n  const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n  const optionValue = (\n    <>\n      {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n      <div ref={labelRef} className={cx(styles.optionLabel)}>\n        {label}\n      </div>\n      {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n    </>\n  );\n\n  return (\n    <Tooltip {...option.tooltipProps} content={tooltipContent} hideWhenReferenceHidden>\n      <div\n        ref={ref}\n        key={id || label}\n        aria-level={belongToCategory ? 2 : 1}\n        aria-selected={isActive}\n        aria-label={ariaLabel || label}\n        id={getOptionId(id, index)}\n        data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n        onMouseEnter={onMouseEnter}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n        onMouseLeave={onMouseLeave}\n        className={cx(styles.comboboxOption, className, {\n          [styles.disabled]: disabled,\n          [styles.selected]: selected,\n          [styles.active]: isActive,\n          [styles.activeOutline]: visualFocus\n        })}\n        style={{ height: optionLineHeight }}\n      >\n        {optionRendererValue || optionValue}\n      </div>\n    </Tooltip>\n  );\n};\n\nexport default ComboboxOption;\n"],"names":["ComboboxOption","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","type","size","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","Object","assign","tooltipProps","content","hideWhenReferenceHidden","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height"],"mappings":"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"}

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxOption:"comboboxOption_2cebdf4202",disabled:"disabled_c4f23e5f39",selected:"selected_7952e7d733",active:"active_e74c119a2f",activeOutline:"activeOutline_954325902c",optionLabel:"optionLabel_50b14bbdcc",optionIcon:"optionIcon_60e84313dc",left:"left_877bfdc238"};!function(e){const o="s_id-cc5db5fd586e_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_2cebdf4202 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_2cebdf4202.disabled_c4f23e5f39 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_2cebdf4202.disabled_c4f23e5f39:hover {\n  background-color: transparent;\n}\n.comboboxOption_2cebdf4202.selected_7952e7d733 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_2cebdf4202:hover:not(.disabled_c4f23e5f39):not(.selected_7952e7d733),\n.comboboxOption_2cebdf4202.active_e74c119a2f {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_2cebdf4202.activeOutline_954325902c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_2cebdf4202 .optionLabel_50b14bbdcc {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_2cebdf4202 .optionIcon_60e84313dc {\n  flex: 0 0 auto;\n}\n.comboboxOption_2cebdf4202 .optionIcon_60e84313dc.left_877bfdc238 {\n  margin-right: 4px;\n}");export{e as default};
+var o={comboboxOption:"comboboxOption_95ae09d0d0",disabled:"disabled_134641a031",selected:"selected_00235f47af",active:"active_78a9acb5ee",activeOutline:"activeOutline_4a1f87a4ac",optionLabel:"optionLabel_706103897e",optionIcon:"optionIcon_6641c28372",left:"left_5ce961c52d"};!function(o){const e="s_id-3db504899945_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_95ae09d0d0 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_95ae09d0d0.disabled_134641a031 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_95ae09d0d0.disabled_134641a031:hover {\n  background-color: transparent;\n}\n.comboboxOption_95ae09d0d0.selected_00235f47af {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_95ae09d0d0:hover:not(.disabled_134641a031):not(.selected_00235f47af),\n.comboboxOption_95ae09d0d0.active_78a9acb5ee {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_95ae09d0d0.activeOutline_4a1f87a4ac {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_95ae09d0d0 .optionLabel_706103897e {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_95ae09d0d0 .optionIcon_6641c28372 {\n  flex: 0 0 auto;\n}\n.comboboxOption_95ae09d0d0 .optionIcon_6641c28372.left_5ce961c52d {\n  margin-inline-end: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_f108383016"};!function(e){const t="s_id-f549b49034f1_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_f108383016 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_1f5705958f"};!function(e){const t="s_id-c981e92fbca0_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_1f5705958f {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/src/components/Counter/Counter.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as o}from"es-toolkit";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as n}from"../../tests/testIds.js";import a from"classnames";import s,{useState as l,useRef as d,useCallback as m,useEffect as c,useMemo as u}from"react";import{SwitchTransition as f,CSSTransition as p}from"react-transition-group";import v from"../../hooks/useEventListener/index.js";import E from"../../hooks/useAfterFirstRender/index.js";import{NOOP as b}from"../../utils/function-utils.js";import{CounterSize as j,CounterColor as x,CounterType as N}from"./CounterConstants.js";import{withStaticPropsWithoutForwardRef as k}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import y from"./Counter.module.scss.js";import{ComponentVibeId as A}from"../../tests/constants.js";var C=k((function(j){var x=j.className,N=j.counterClassName,k=j.count,C=void 0===k?0:k,h=j.size,g=void 0===h?"large":h,w=j.kind,L=void 0===w?"fill":w,M=j.color,R=void 0===M?"primary":M,T=j.maxDigits,z=void 0===T?3:T,D=j.ariaLabeledBy,O=void 0===D?"":D,P=j.ariaLabel,U=void 0===P?"":P,B=j.id,H=void 0===B?"":B,_=j.prefix,F=void 0===_?"":_,I=j.onMouseDown,S=void 0===I?b:I,q=j.noAnimation,G=void 0!==q&&q,J=j["data-testid"],K=l(!1),Q=e(K,2),V=Q[0],W=Q[1],X=d(null),Y=d(null),Z=m((function(){W(!0)}),[W]),$=m((function(){W(!1)}),[W]);v({eventName:"animationend",callback:$,ref:X});var ee=E();c((function(){ee.current&&Z()}),[C,ee,Z]),c((function(){z>0||console.error("Max digits must be a positive number")}),[z]);var te=u((function(){return a(y.counter,i(y,o("size-"+g)),i(y,o("kind-"+L)),i(y,o("color-"+R)),t({},y.withAnimation,V),N)}),[g,L,R,V,N]),oe="counter"+(H?"-".concat(H):""),ie=(null==C?void 0:(""+C).length)>z?"".concat(Math.pow(10,z)-1,"+"):C+"",re=s.createElement("span",{id:oe,"data-testid":J||r(n.COUNTER,H)},F+ie);return s.createElement("span",{className:x,"aria-label":"".concat(U," ").concat(ie),"aria-labelledby":O,onMouseDown:S,"data-vibe":A.COUNTER},s.createElement("div",{className:te,"aria-label":ie,ref:X},G?re:s.createElement(f,{mode:"out-in"},s.createElement(p,{key:ie,nodeRef:Y,classNames:{enter:y.fadeEnter,enterActive:y.fadeEnterActive,exit:y.fadeExit,exitActive:y.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},s.createElement("span",{ref:Y,id:oe,"data-testid":J||r(n.COUNTER,H)},F+ie)))))}),{sizes:j,colors:x,kinds:N});export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as n}from"../../tests/testIds.js";import a from"classnames";import s,{useState as l,useRef as d,useCallback as c,useEffect as m,useMemo as u}from"react";import{SwitchTransition as f,CSSTransition as v}from"react-transition-group";import p from"../../hooks/useEventListener/index.js";import E from"../../hooks/useAfterFirstRender/index.js";import{NOOP as b}from"../../utils/function-utils.js";import x from"./Counter.module.scss.js";import{ComponentVibeId as N}from"../../tests/constants.js";var j=function(j){var A=j.className,k=j.counterClassName,y=j.count,g=void 0===y?0:y,h=j.size,C=void 0===h?"large":h,M=j.kind,R=void 0===M?"fill":M,w=j.color,T=void 0===w?"primary":w,D=j.maxDigits,L=void 0===D?3:D,O=j["aria-labelledby"],U=void 0===O?"":O,z=j["aria-label"],H=void 0===z?"":z,P=j.id,_=void 0===P?"":P,B=j.prefix,F=void 0===B?"":B,I=j.onMouseDown,q=void 0===I?b:I,G=j.noAnimation,J=void 0!==G&&G,K=j["data-testid"],Q=l(!1),S=e(Q,2),V=S[0],W=S[1],X=d(null),Y=d(null),Z=c((function(){W(!0)}),[W]),$=c((function(){W(!1)}),[W]);p({eventName:"animationend",callback:$,ref:X});var ee=E();m((function(){ee.current&&Z()}),[g,ee,Z]),m((function(){L>0||console.error("Max digits must be a positive number")}),[L]);var te=u((function(){return a(x.counter,o(x,i("size-"+C)),o(x,i("kind-"+R)),o(x,i("color-"+T)),t({},x.withAnimation,V),k)}),[C,R,T,V,k]),ie="counter"+(_?"-".concat(_):""),oe=(null==g?void 0:(""+g).length)>L?"".concat(Math.pow(10,L)-1,"+"):g+"",re=s.createElement("span",{id:ie,"data-testid":K||r(n.COUNTER,_)},F+oe);return s.createElement("span",{className:A,"aria-label":"".concat(H," ").concat(oe),"aria-labelledby":U,onMouseDown:q,"data-vibe":N.COUNTER},s.createElement("div",{className:te,"aria-label":oe,ref:X},J?re:s.createElement(f,{mode:"out-in"},s.createElement(v,{key:oe,nodeRef:Y,classNames:{enter:x.fadeEnter,enterActive:x.fadeEnterActive,exit:x.fadeExit,exitActive:x.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},s.createElement("span",{ref:Y,id:ie,"data-testid":K||r(n.COUNTER,_)},F+oe)))))};export{j as default};
 //# sourceMappingURL=Counter.js.map

package/dist/src/components/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useAfterFirstRender from \"../../hooks/useAfterFirstRender\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport {\n  CounterColor as CounterColorEnum,\n  CounterSize as CounterSizeEnum,\n  CounterType as CounterTypeEnum\n} from \"./CounterConstants\";\nimport { type CounterColor, type CounterSize, type CounterType } from \"./Counter.types\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Counter.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface CounterProps extends VibeComponentProps {\n  /**\n   * The ID of the element describing the counter.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Class name applied to the counter element.\n   */\n  counterClassName?: string;\n  /**\n   * The numeric value displayed in the counter.\n   */\n  count?: number;\n  /**\n   * The label of the counter for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The size of the counter.\n   */\n  size?: CounterSize;\n  /**\n   * The visual style of the counter.\n   */\n  kind?: CounterType;\n  /**\n   * The color of the counter.\n   */\n  color?: CounterColor;\n  /**\n   * The maximum number of digits displayed before truncation.\n   */\n  maxDigits?: number;\n  /**\n   * Text prepended to the counter value.\n   */\n  prefix?: string;\n  /**\n   * Callback fired when the counter is clicked.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables counter animations.\n   */\n  noAnimation?: boolean;\n}\n\nconst Counter = ({\n  className,\n  counterClassName,\n  count = 0,\n  size = \"large\",\n  kind = \"fill\",\n  color = \"primary\",\n  maxDigits = 3,\n  ariaLabeledBy = \"\",\n  ariaLabel = \"\",\n  id = \"\",\n  prefix = \"\",\n  onMouseDown = NOOP,\n  noAnimation = false,\n  \"data-testid\": dataTestId\n}: CounterProps) => {\n  const [countChangeAnimationState, setCountChangeAnimationState] = useState(false);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n\n  const setCountChangedAnimationActive = useCallback(() => {\n    setCountChangeAnimationState(true);\n  }, [setCountChangeAnimationState]);\n\n  const setCountChangedAnimationNotActive = useCallback(() => {\n    setCountChangeAnimationState(false);\n  }, [setCountChangeAnimationState]);\n\n  useEventListener({\n    eventName: \"animationend\",\n    callback: setCountChangedAnimationNotActive,\n    ref\n  });\n\n  const isAfterFirstRender = useAfterFirstRender();\n\n  useEffect(() => {\n    if (isAfterFirstRender.current) {\n      setCountChangedAnimationActive();\n    }\n  }, [count, isAfterFirstRender, setCountChangedAnimationActive]);\n\n  useEffect(() => {\n    if (maxDigits <= 0) {\n      console.error(\"Max digits must be a positive number\");\n    }\n  }, [maxDigits]);\n\n  const classNames = useMemo(() => {\n    return cx(\n      styles.counter,\n      getStyle(styles, camelCase(\"size-\" + size)),\n      getStyle(styles, camelCase(\"kind-\" + kind)),\n      getStyle(styles, camelCase(\"color-\" + color)),\n      {\n        [styles.withAnimation]: countChangeAnimationState\n      },\n      counterClassName\n    );\n  }, [size, kind, color, countChangeAnimationState, counterClassName]);\n\n  const counterId = \"counter\" + (id ? `-${id}` : \"\");\n  const countText = count?.toString().length > maxDigits ? `${10 ** maxDigits - 1}+` : String(count);\n  const counter = (\n    <span id={counterId} data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}>\n      {prefix + countText}\n    </span>\n  );\n\n  return (\n    <span\n      className={className}\n      aria-label={`${ariaLabel} ${countText}`}\n      aria-labelledby={ariaLabeledBy}\n      onMouseDown={onMouseDown}\n      data-vibe={ComponentVibeId.COUNTER}\n    >\n      <div className={classNames} aria-label={countText} ref={ref}>\n        {noAnimation ? (\n          counter\n        ) : (\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition\n              key={countText}\n              nodeRef={nodeRef}\n              classNames={{\n                enter: styles.fadeEnter,\n                enterActive: styles.fadeEnterActive,\n                exit: styles.fadeExit,\n                exitActive: styles.fadeExitActive\n              }}\n              addEndListener={done => {\n                nodeRef.current?.addEventListener(\"transitionend\", done, false);\n              }}\n            >\n              <span\n                ref={nodeRef}\n                id={counterId}\n                data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}\n              >\n                {prefix + countText}\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        )}\n      </div>\n    </span>\n  );\n};\n\ninterface CounterStaticProps {\n  sizes: typeof CounterSizeEnum;\n  colors: typeof CounterColorEnum;\n  kinds: typeof CounterTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<CounterProps, CounterStaticProps>(Counter, {\n  sizes: CounterSizeEnum,\n  colors: CounterColorEnum,\n  kinds: CounterTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","counterClassName","_ref$count","count","_ref$size","size","_ref$kind","kind","_ref$color","color","_ref$maxDigits","maxDigits","_ref$ariaLabeledBy","ariaLabeledBy","_ref$ariaLabel","ariaLabel","_ref$id","id","_ref$prefix","prefix","_ref$onMouseDown","onMouseDown","NOOP","_ref$noAnimation","noAnimation","dataTestId","_useState","useState","_useState2","_slicedToArray","countChangeAnimationState","setCountChangeAnimationState","ref","useRef","nodeRef","setCountChangedAnimationActive","useCallback","setCountChangedAnimationNotActive","useEventListener","eventName","callback","isAfterFirstRender","useAfterFirstRender","useEffect","current","console","error","classNames","useMemo","cx","styles","counter","getStyle","camelCase","_defineProperty","withAnimation","counterId","concat","countText","length","Math","pow","String","React","createElement","getTestId","ComponentDefaultTestId","COUNTER","ComponentVibeId","SwitchTransition","mode","CSSTransition","key","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","done","_a","addEventListener","sizes","CounterSizeEnum","colors","CounterColorEnum","kinds","CounterTypeEnum"],"mappings":"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"}
+{"version":3,"file":"Counter.js","sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useAfterFirstRender from \"../../hooks/useAfterFirstRender\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type CounterColor, type CounterSize, type CounterType } from \"./Counter.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Counter.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface CounterProps extends VibeComponentProps {\n  /**\n   * The ID of the element describing the counter.\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Class name applied to the counter element.\n   */\n  counterClassName?: string;\n  /**\n   * The numeric value displayed in the counter.\n   */\n  count?: number;\n  /**\n   * The label of the counter for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The size of the counter.\n   */\n  size?: CounterSize;\n  /**\n   * The visual style of the counter.\n   */\n  kind?: CounterType;\n  /**\n   * The color of the counter.\n   */\n  color?: CounterColor;\n  /**\n   * The maximum number of digits displayed before truncation.\n   */\n  maxDigits?: number;\n  /**\n   * Text prepended to the counter value.\n   */\n  prefix?: string;\n  /**\n   * Callback fired when the counter is clicked.\n   */\n  onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * If true, disables counter animations.\n   */\n  noAnimation?: boolean;\n}\n\nconst Counter = ({\n  className,\n  counterClassName,\n  count = 0,\n  size = \"large\",\n  kind = \"fill\",\n  color = \"primary\",\n  maxDigits = 3,\n  \"aria-labelledby\": ariaLabelledBy = \"\",\n  \"aria-label\": ariaLabel = \"\",\n  id = \"\",\n  prefix = \"\",\n  onMouseDown = NOOP,\n  noAnimation = false,\n  \"data-testid\": dataTestId\n}: CounterProps) => {\n  const [countChangeAnimationState, setCountChangeAnimationState] = useState(false);\n\n  const ref = useRef<HTMLDivElement>(null);\n  const nodeRef = useRef<HTMLSpanElement>(null);\n\n  const setCountChangedAnimationActive = useCallback(() => {\n    setCountChangeAnimationState(true);\n  }, [setCountChangeAnimationState]);\n\n  const setCountChangedAnimationNotActive = useCallback(() => {\n    setCountChangeAnimationState(false);\n  }, [setCountChangeAnimationState]);\n\n  useEventListener({\n    eventName: \"animationend\",\n    callback: setCountChangedAnimationNotActive,\n    ref\n  });\n\n  const isAfterFirstRender = useAfterFirstRender();\n\n  useEffect(() => {\n    if (isAfterFirstRender.current) {\n      setCountChangedAnimationActive();\n    }\n  }, [count, isAfterFirstRender, setCountChangedAnimationActive]);\n\n  useEffect(() => {\n    if (maxDigits <= 0) {\n      console.error(\"Max digits must be a positive number\");\n    }\n  }, [maxDigits]);\n\n  const classNames = useMemo(() => {\n    return cx(\n      styles.counter,\n      getStyle(styles, camelCase(\"size-\" + size)),\n      getStyle(styles, camelCase(\"kind-\" + kind)),\n      getStyle(styles, camelCase(\"color-\" + color)),\n      {\n        [styles.withAnimation]: countChangeAnimationState\n      },\n      counterClassName\n    );\n  }, [size, kind, color, countChangeAnimationState, counterClassName]);\n\n  const counterId = \"counter\" + (id ? `-${id}` : \"\");\n  const countText = count?.toString().length > maxDigits ? `${10 ** maxDigits - 1}+` : String(count);\n  const counter = (\n    <span id={counterId} data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}>\n      {prefix + countText}\n    </span>\n  );\n\n  return (\n    <span\n      className={className}\n      aria-label={`${ariaLabel} ${countText}`}\n      aria-labelledby={ariaLabelledBy}\n      onMouseDown={onMouseDown}\n      data-vibe={ComponentVibeId.COUNTER}\n    >\n      <div className={classNames} aria-label={countText} ref={ref}>\n        {noAnimation ? (\n          counter\n        ) : (\n          <SwitchTransition mode=\"out-in\">\n            <CSSTransition\n              key={countText}\n              nodeRef={nodeRef}\n              classNames={{\n                enter: styles.fadeEnter,\n                enterActive: styles.fadeEnterActive,\n                exit: styles.fadeExit,\n                exitActive: styles.fadeExitActive\n              }}\n              addEndListener={done => {\n                nodeRef.current?.addEventListener(\"transitionend\", done, false);\n              }}\n            >\n              <span\n                ref={nodeRef}\n                id={counterId}\n                data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}\n              >\n                {prefix + countText}\n              </span>\n            </CSSTransition>\n          </SwitchTransition>\n        )}\n      </div>\n    </span>\n  );\n};\n\nexport default Counter;\n"],"names":["Counter","_ref","className","counterClassName","_ref$count","count","_ref$size","size","_ref$kind","kind","_ref$color","color","_ref$maxDigits","maxDigits","_ref$ariaLabelledby","ariaLabelledBy","_ref$ariaLabel","ariaLabel","_ref$id","id","_ref$prefix","prefix","_ref$onMouseDown","onMouseDown","NOOP","_ref$noAnimation","noAnimation","dataTestId","_useState","useState","_useState2","_slicedToArray","countChangeAnimationState","setCountChangeAnimationState","ref","useRef","nodeRef","setCountChangedAnimationActive","useCallback","setCountChangedAnimationNotActive","useEventListener","eventName","callback","isAfterFirstRender","useAfterFirstRender","useEffect","current","console","error","classNames","useMemo","cx","styles","counter","getStyle","camelCase","_defineProperty","withAnimation","counterId","concat","countText","length","Math","pow","String","React","createElement","getTestId","ComponentDefaultTestId","COUNTER","ComponentVibeId","SwitchTransition","mode","CSSTransition","key","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","done","_a","addEventListener"],"mappings":"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"}

package/dist/src/components/Counter/Counter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counter:"counter_2f07c2b226",withAnimation:"withAnimation_cb96f9056f",counterPopElastic:"counterPopElastic_c161310e38",sizeXs:"sizeXs_ee8eb44c4a",sizeSmall:"sizeSmall_6ae6a55b7b",sizeLarge:"sizeLarge_380ac540a1",kindFill:"kindFill_2be0104967",colorPrimary:"colorPrimary_eeaf6981f2",colorDark:"colorDark_44ddbc5977",colorNegative:"colorNegative_00771ea695",colorLight:"colorLight_98017be460",kindLine:"kindLine_36d60c8022",fadeEnter:"fadeEnter_0f68060e01",fadeEnterActive:"fadeEnterActive_bf8a86b510",fadeExit:"fadeExit_f1a750a231",fadeExitActive:"fadeExitActive_aa2f686ed4","counter-pop-elastic":"counter-pop-elastic_7deb084984"};!function(n){const o="s_id-51f4f5079107_3_86_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_2f07c2b226 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_7deb084984 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_cb96f9056f {\n  animation: counterPopElastic_c161310e38 var(--motion-expressive-short);\n}\n.sizeXs_ee8eb44c4a {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeSmall_6ae6a55b7b {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_380ac540a1 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_2be0104967.colorPrimary_eeaf6981f2 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_2be0104967.colorDark_44ddbc5977 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_2be0104967.colorNegative_00771ea695 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_2be0104967.colorLight_98017be460 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_36d60c8022 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_36d60c8022.colorPrimary_eeaf6981f2 {\n  color: var(--primary-color);\n}\n.kindLine_36d60c8022.colorDark_44ddbc5977 {\n  color: var(--inverted-color-background);\n}\n.kindLine_36d60c8022.colorNegative_00771ea695 {\n  color: var(--negative-color);\n}\n.kindLine_36d60c8022.colorLight_98017be460 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_0f68060e01 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_bf8a86b510 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_f1a750a231 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_aa2f686ed4 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_09a5c17d9d",withAnimation:"withAnimation_3a17a89c5a",counterPopElastic:"counterPopElastic_1b593579df",sizeXs:"sizeXs_ab90d099d2",sizeSmall:"sizeSmall_cfa47cee49",sizeLarge:"sizeLarge_66f21b9aa0",kindFill:"kindFill_eb8f525947",colorPrimary:"colorPrimary_1486acb139",colorDark:"colorDark_f059a673b6",colorNegative:"colorNegative_3d0d71caf8",colorLight:"colorLight_7500facd22",kindLine:"kindLine_4533bd5eb0",fadeEnter:"fadeEnter_b6c83b6e16",fadeEnterActive:"fadeEnterActive_b1bba56ac1",fadeExit:"fadeExit_7ff269baa5",fadeExitActive:"fadeExitActive_0d431cc117","counter-pop-elastic":"counter-pop-elastic_1bd13bff44"};!function(n){const o="s_id-b4f9c23ba3ce_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_09a5c17d9d {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_1bd13bff44 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_3a17a89c5a {\n  animation: counterPopElastic_1b593579df var(--motion-expressive-short);\n}\n.sizeXs_ab90d099d2 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_cfa47cee49 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_66f21b9aa0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_eb8f525947.colorPrimary_1486acb139 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_eb8f525947.colorDark_f059a673b6 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_eb8f525947.colorNegative_3d0d71caf8 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_eb8f525947.colorLight_7500facd22 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_4533bd5eb0 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_4533bd5eb0.colorPrimary_1486acb139 {\n  color: var(--primary-color);\n}\n.kindLine_4533bd5eb0.colorDark_f059a673b6 {\n  color: var(--inverted-color-background);\n}\n.kindLine_4533bd5eb0.colorNegative_3d0d71caf8 {\n  color: var(--negative-color);\n}\n.kindLine_4533bd5eb0.colorLight_7500facd22 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_b6c83b6e16 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_b1bba56ac1 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_7ff269baa5 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_0d431cc117 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

package/dist/src/components/DatePicker/DateContentHoverContext.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{createContext as o,useState as t,useMemo as i,useContext as n}from"react";import{noop as l}from"es-toolkit";var v=o({hover:void 0,setHover:l}),u=function(o){var n=o.children,l=t(void 0),u=r(l,2),a=u[0],c=u[1],m=i((function(){return{hover:a,setHover:c}}),[a]);return e.createElement(v.Provider,{value:m},n)},a=function(){return n(v)};export{v as DayContentHoverContext,u as DayContentHoverProvider,a as useDayContentHoverContext};
+//# sourceMappingURL=DateContentHoverContext.js.map

package/dist/src/components/DatePicker/DateContentHoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateContentHoverContext.js","sources":["../../../../src/components/DatePicker/DateContentHoverContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { noop } from \"es-toolkit\";\n\nexport const DayContentHoverContext = createContext<{\n  hover: Date | undefined;\n  setHover: (_hover: Date | undefined) => void;\n}>({ hover: undefined, setHover: noop });\n\nexport const DayContentHoverProvider = ({ children }: { children: React.ReactNode }) => {\n  const [hover, setHover] = useState<Date | undefined>(undefined);\n  const value = useMemo(() => ({ hover, setHover }), [hover]);\n  return <DayContentHoverContext.Provider value={value}>{children}</DayContentHoverContext.Provider>;\n};\n\nexport const useDayContentHoverContext = () => useContext(DayContentHoverContext);\n"],"names":["DayContentHoverContext","createContext","hover","undefined","setHover","noop","DayContentHoverProvider","_ref","children","_useState","useState","_useState2","_slicedToArray","value","useMemo","React","createElement","Provider","useDayContentHoverContext","useContext"],"mappings":"qMAGaA,IAAAA,EAAyBC,EAGnC,CAAEC,WAAOC,EAAWC,SAAUC,IAEpBC,EAA0B,SAAHC,GAAmD,IAA7CC,EAAQD,EAARC,SACxCC,EAA0BC,OAA2BP,GAAUQ,EAAAC,EAAAH,EAAA,GAAxDP,EAAKS,EAAA,GAAEP,EAAQO,EAAA,GAChBE,EAAQC,GAAQ,WAAA,MAAO,CAAEZ,MAAAA,EAAOE,SAAAA,EAAU,GAAG,CAACF,IACpD,OAAOa,EAAAC,cAAChB,EAAuBiB,SAAQ,CAACJ,MAAOA,GAAQL,EACzD,EAEaU,EAA4B,WAAH,OAASC,EAAWnB,EAAuB"}

package/dist/src/components/DatePicker/DatePicker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as n,useState as r,useCallback as i}from"react";import o from"classnames";import s from"moment";import"react-dates/initialize.js";import{DayPickerRangeController as d,DayPickerSingleDateController as c}from"react-dates";import{DayPickerPhrases as l}from"react-dates/lib/defaultPhrases.js";import m from"./DatePickerHeader/DatePickerHeader.js";import u from"./DateNavigationItem/DateNavigationItem.js";import f from"./YearPicker/YearPicker.js";import{WEEK_FIRST_DAY as v,DAY_SIZE as D}from"./constants.js";import{FocusInput as p,Direction as h}from"./types.js";import{getTestId as k}from"../../tests/testIds.js";import{ComponentDefaultTestId as E,ComponentVibeId as g}from"../../tests/constants.js";import{NOOP as y}from"../../utils/function-utils.js";import{useWarnDeprecated as b}from"../../utils/warn-deprecated.js";import P from"./DatePicker.module.scss.js";import"./external_datepicker.scss.js";var j=n((function(n,j){var O=n.id,N=n.className,C=n.firstDayOfWeek,M=void 0===C?v:C,I=n.daySize,S=void 0===I?D:I,Y=n.range,x=void 0!==Y&&Y,K=n.shouldBlockDay,R=n.shouldBlockYear,T=n.numberOfMonths,W=void 0===T?1:T,A=n.hideNavigationKeys,B=void 0!==A&&A,_=n.date,w=n.endDate,z=n.onPickDate,H=void 0===z?y:z,F=n.enableOutsideDays,V=void 0!==F&&F,L=n.showWeekNumber,q=void 0!==L&&L,G=n.shouldBlockRange,J=n["data-testid"],Q=n.phrases;b({component:"DatePicker",message:"This component is deprecated and will be removed in the next major version. Please use DatePicker from @vibe/core/next instead."});var U=r(p.startDate),X=e(U,2),Z=X[0],$=X[1],ee=r(!1),te=e(ee,2),ae=te[0],ne=te[1],re=r(null),ie=e(re,2),oe=ie[0],se=ie[1],de=r(null),ce=e(de,2),le=ce[0],me=ce[1],ue=i((function(e){var t=e.month,n=e.onYearSelect;return!le&&n&&me((function(){return n})),a.createElement(m,{"data-testid":J||k(E.DATEPICKER_HEADER,O),currentDate:t||s(),isMonthYearSelection:ae,onToggleMonthYearPicker:function(){return ne((function(e){return!e}))},hideNavigationKeys:B})}),[ae,J,O,B,le]),fe=i((function(e){var t=0===M?e.clone().add(1,"d").isoWeek():e.isoWeek();return a.createElement(a.Fragment,null,a.createElement("span",{className:P.calendarDayWeekNumber},t)," ",e.format("D"))}),[M]),ve=i((function(e){var t=oe||_;se(e),ne(!1),le(t,s(e).year())}),[oe,_,le]),De=i((function(){return a.createElement(f,{"data-testid":J||k(E.DATEPICKER_YEAR_SELECTION,O),selectedDate:_,isYearBlocked:R,changeCurrentDate:ve})}),[J,O,oe,_,R,ve]),pe=i((function(e){H&&H(Z===p.startDate?Object.assign(Object.assign({},e),{endDate:null}):e)}),[Z,H]),he=i((function(e){$(e||p.startDate)}),[]),ke=Object.assign(Object.assign({},l),Q),Ee=!B&&!ae;return a.createElement("div",{"data-testid":J||k(E.DATEPICKER,O),ref:j,id:O,className:o(P.datepickerContainer,N,t(t(t({},P.withWeekNumber,q),P.rangePickerMode,x),P.monthYearSelection,ae)),"data-vibe":g.DATE_PICKER},x?a.createElement(d,{phrases:ke,renderDayContents:q?fe:void 0,firstDayOfWeek:M,hideKeyboardShortcutsPanel:!0,startDate:_,endDate:w,onDatesChange:pe,focusedInput:Z,minimumNights:0,onFocusChange:he,navPrev:Ee?a.createElement(u,{kind:h.prev}):a.createElement("div",null),navNext:Ee?a.createElement(u,{kind:h.next}):a.createElement("div",null),daySize:S,isOutsideRange:G,isDayBlocked:K,renderMonthElement:ue,enableOutsideDays:V||q,numberOfMonths:W,initialVisibleMonth:function(){return oe||_||s()}}):a.createElement(c,{phrases:ke,renderDayContents:q?fe:void 0,firstDayOfWeek:M,hideKeyboardShortcutsPanel:!0,onFocusChange:y,numberOfMonths:W,date:_,onDateChange:function(e){return H(e)},navPrev:Ee?a.createElement(u,{kind:h.prev}):a.createElement("div",null),navNext:Ee?a.createElement(u,{kind:h.next}):a.createElement("div",null),focused:!0,renderMonthElement:ue,enableOutsideDays:V||q,daySize:S,isDayBlocked:K,initialVisibleMonth:function(){return oe||_||s()}}),ae&&De())}));export{j as default};
+import{defineProperty as e,slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useMemo as r,useState as n,useRef as o,useEffect as i,useCallback as d,createContext as s}from"react";import l from"classnames";import{InternalModifier as c,DayPicker as u}from"react-day-picker";import m from"./DatePicker.module.scss.js";import f from"./DatePickerHeader.js";import{AddToRangeMiddle as k,AddToRangeStart as v,RemoveFromRange as D,HoveredDayExists as g,AddToRangeEnd as y,HalfRangeSelected as P,addToRange as b,addToRangeModifiers as p}from"./utils.js";import{RangeDayContent as h}from"./RangeDayContent.js";import{SingleDayContent as C}from"./SingleDayContent.js";import{DayContentHoverProvider as S,DayContentHoverContext as R}from"./DateContentHoverContext.js";var A,N={hours:9,minutes:0},E=(e(e(e(e(e(e(e(e(e(e(A={},c.Outside,m.datePickerDayOutside),c.Selected,m.datePickerDaySelected),c.Today,m.datePickerDayToday),c.Disabled,m.datePickerDayDisabled),c.RangeStart,m.datePickerDayRangeStart),c.RangeEnd,m.datePickerDayRangeEnd),c.RangeMiddle,m.datePickerDayRangeMiddle),k,m.datePickerAddToRangeMiddle),v,m.datePickerAddToRangeStart),y,m.datePickerAddToRangeEnd),e(e(e(A,D,m.datePickerRemoveFromRange),g,m.datePickerHoveredDayExists),P,m.datePickerHalfRangeSelected)),j=s({}),w=function(){return a.createElement(j.Consumer,null,(function(e){return a.createElement(f,Object.assign({},e))}))},H=function(s){var f=s.className,k=s.dayClassName,v=s.selectedDayClassName,D=s.id,g=s["data-testid"],y=s.mode,P=void 0===y?"single":y,A=s.date,H=s.endDate,L=s.onDateChange,M=s.firstDayOfWeek,O=void 0===M?0:M,x=s.showWeekNumber,T=s.isDateDisabled,B=s.locale,W=s.nextButtonAriaLabel,_=void 0===W?"Next":W,q=s.prevButtonAriaLabel,F=void 0===q?"Previous":q,Y=s.monthSelectionAriaLabel,z=void 0===Y?"Month":Y,G=s.yearSelectionAriaLabel,I=void 0===G?"Year":G,J=s.dropdownsClassName,K=s.intent,Q=void 0===K?"to":K,U=s.dialogContainerSelector,V=r((function(){return"single"===P?A:{from:A,to:H}}),[A,H,P]),X=n(A||new Date),Z=t(X,2),$=Z[0],ee=Z[1],te=o(),ae=o(),re=o(!1);i((function(){var e=+ae.current!=+H,t=!re.current;+te.current!=+A?t&&A&&ee(A):e&&t&&H&&ee(H),te.current=A,ae.current=H,re.current=!1}),[A,H]);var ne=d((function(e,t){if(re.current=!0,"range"===P){var a=b(t,V,Q);L({date:null==a?void 0:a.from,endDate:null==a?void 0:a.to})}else{var r=e,n=A?{hours:A.getHours(),minutes:A.getMinutes()}:N;r.setHours(n.hours,n.minutes),L(r)}}),[A,Q,P,L,V]),oe=r((function(){return{setDisplayMonth:ee,locale:B,nextButtonAriaLabel:_,prevButtonAriaLabel:F,monthSelectionAriaLabel:z,yearSelectionAriaLabel:I,dropdownsClassName:J,dialogContainerSelector:U}}),[B,z,_,ee,F,I,J,U]),ie=r((function(){return Object.assign(Object.assign({},E),e({},c.Selected,l(E[c.Selected],v)))}),[v]),de=r((function(){return{months:m.datePickerMonths,head:m.datePickerHead,table:m.datePickerTable,tbody:m.datePickerBody,day:l(m.datePickerDay,k)}}),[k]);return a.createElement("div",{id:D,className:l(m.datePicker,e({},m.withWeekNumber,x),f),"data-testid":g,"data-vibe":"DatePicker"},a.createElement(S,null,a.createElement(j.Provider,{value:oe},a.createElement(R.Consumer,null,(function(e){var t=p(e.hover,V,Q);return a.createElement(u,{fixedWeeks:!0,showOutsideDays:!0,showWeekNumber:x,mode:P,required:!0,weekStartsOn:O,disabled:T,selected:V,onSelect:ne,month:$,onMonthChange:ee,components:{Caption:w,DayContent:"single"===P?C:h},classNames:de,modifiers:t,modifiersClassNames:ie,locale:B})})))))};export{N as DEFAULT_TIME,H as default};
 //# sourceMappingURL=DatePicker.js.map

package/dist/src/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from \"react\";\nimport cx from \"classnames\";\nimport moment from \"moment\";\nimport \"react-dates/initialize.js\";\nimport {\n  type DayOfWeekShape,\n  DayPickerRangeController,\n  DayPickerSingleDateController,\n  type DayPickerPhrases\n} from \"react-dates\";\n/** @ts-expect-error this is exported, but not typed */\nimport { DayPickerPhrases as defaultPhrases } from \"react-dates/lib/defaultPhrases.js\";\nimport DatePickerHeaderComponent from \"./DatePickerHeader/DatePickerHeader\";\nimport DateNavigationItem from \"./DateNavigationItem/DateNavigationItem\";\nimport YearPicker from \"./YearPicker/YearPicker\";\nimport { DAY_SIZE, WEEK_FIRST_DAY } from \"./constants\";\nimport { Direction, FocusInput, type Moment, type RangeDate } from \"./types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport styles from \"./DatePicker.module.scss\";\n// Make sure to update when upgrading react-dates\nimport \"./external_datepicker.scss\";\n\nexport interface DatePickerProps extends VibeComponentProps {\n  /**\n   * The first day of the week to display.\n   */\n  firstDayOfWeek?: DayOfWeekShape;\n  /**\n   * The currently selected date.\n   */\n  date?: Moment;\n  /**\n   * The end date for range selection mode.\n   */\n  endDate?: Moment;\n  /**\n   * Callback fired when a date is selected.\n   */\n  onPickDate?: (date: Moment | RangeDate) => void;\n  /**\n   * If true, hides the navigation buttons.\n   */\n  hideNavigationKeys?: boolean;\n  /**\n   * If true, allows selecting days outside the current month.\n   */\n  enableOutsideDays?: boolean;\n  /**\n   * If true, displays a column with week numbers.\n   */\n  showWeekNumber?: boolean;\n  /**\n   * The size of a single day cell.\n   */\n  daySize?: number;\n  /**\n   * Function to determine if a specific day should be disabled.\n   */\n  shouldBlockDay?: (date: Moment) => boolean;\n  /**\n   * If true, enables date range selection mode.\n   */\n  range?: boolean;\n  /**\n   * Custom phrases for accessibility and aria-labels.\n   */\n  phrases?: DayPickerPhrases;\n  /**\n   * The number of months displayed in the calendar.\n   */\n  numberOfMonths?: number;\n  /**\n   * Function to determine if a specific year should be disabled.\n   */\n  shouldBlockYear?: (year: number) => boolean;\n  /**\n   * Function to determine if a specific date range should be disabled.\n   */\n  shouldBlockRange?: (date: Moment) => boolean;\n}\n\nconst DatePicker = forwardRef(\n  (\n    {\n      id,\n      className,\n      firstDayOfWeek = WEEK_FIRST_DAY,\n      daySize = DAY_SIZE,\n      range = false,\n      shouldBlockDay,\n      shouldBlockYear,\n      numberOfMonths = 1,\n      hideNavigationKeys = false,\n      date,\n      endDate,\n      onPickDate = NOOP,\n      enableOutsideDays = false,\n      showWeekNumber = false,\n      shouldBlockRange,\n      \"data-testid\": dataTestId,\n      phrases\n    }: DatePickerProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"DatePicker\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use DatePicker from @vibe/core/next instead.\"\n    });\n\n    const [focusedInput, setFocusedInput] = useState(FocusInput.startDate);\n    const [isMonthYearSelection, setIsMonthYearSelection] = useState(false); //show Month/Year selection dropdown\n    const [overrideDateForView, setOverrideDateForView] = useState<Moment | null>(null);\n    const [yearFunc, setYearFunc] = useState(null);\n\n    const renderMonth = useCallback(\n      ({\n        month,\n        onYearSelect\n      }: {\n        month: moment.Moment;\n        onYearSelect: (currentMonth: moment.Moment, newMonthVal: string) => void;\n      }) => {\n        if (!yearFunc && onYearSelect) {\n          setYearFunc(() => onYearSelect);\n        }\n        return (\n          <DatePickerHeaderComponent\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER_HEADER, id)}\n            currentDate={month || moment()}\n            isMonthYearSelection={isMonthYearSelection}\n            onToggleMonthYearPicker={() => setIsMonthYearSelection(val => !val)}\n            hideNavigationKeys={hideNavigationKeys}\n          />\n        );\n      },\n      [isMonthYearSelection, dataTestId, id, hideNavigationKeys, yearFunc]\n    );\n\n    const renderDay = useCallback(\n      (day: Moment) => {\n        const weekNumber = firstDayOfWeek === 0 ? day.clone().add(1, \"d\").isoWeek() : day.isoWeek();\n        return (\n          <>\n            <span className={styles.calendarDayWeekNumber}>{weekNumber}</span> {day.format(\"D\")}\n          </>\n        );\n      },\n      [firstDayOfWeek]\n    );\n\n    const changeCurrentDateFromMonthYearView = useCallback(\n      (newDate: Moment | null) => {\n        const oldDate = overrideDateForView || date;\n        setOverrideDateForView(newDate);\n        setIsMonthYearSelection(false);\n        yearFunc(oldDate, moment(newDate).year());\n      },\n      [overrideDateForView, date, yearFunc]\n    );\n\n    const renderMonthYearSelection = useCallback(() => {\n      return (\n        <YearPicker\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER_YEAR_SELECTION, id)}\n          selectedDate={date}\n          isYearBlocked={shouldBlockYear}\n          changeCurrentDate={changeCurrentDateFromMonthYearView}\n        />\n      );\n    }, [dataTestId, id, overrideDateForView, date, shouldBlockYear, changeCurrentDateFromMonthYearView]);\n\n    const onDateRangeChange = useCallback(\n      (date: RangeDate) => {\n        if (!onPickDate) return;\n        if (focusedInput === FocusInput.startDate) {\n          onPickDate({ ...date, endDate: null });\n        } else {\n          onPickDate(date);\n        }\n      },\n      [focusedInput, onPickDate]\n    );\n\n    const onFocusChange = useCallback((focusedInput: FocusInput) => {\n      setFocusedInput(focusedInput || FocusInput.startDate);\n    }, []);\n\n    const mergedPhrases = { ...defaultPhrases, ...phrases };\n\n    const shouldShowNav = !hideNavigationKeys && !isMonthYearSelection;\n    return (\n      <div\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DATEPICKER, id)}\n        ref={ref}\n        id={id}\n        className={cx(styles.datepickerContainer, className, {\n          [styles.withWeekNumber]: showWeekNumber,\n          [styles.rangePickerMode]: range,\n          [styles.monthYearSelection]: isMonthYearSelection\n        })}\n        data-vibe={ComponentVibeId.DATE_PICKER}\n      >\n        {range ? (\n          <DayPickerRangeController\n            phrases={mergedPhrases}\n            renderDayContents={showWeekNumber ? renderDay : undefined}\n            firstDayOfWeek={firstDayOfWeek}\n            hideKeyboardShortcutsPanel\n            startDate={date}\n            endDate={endDate}\n            onDatesChange={onDateRangeChange}\n            focusedInput={focusedInput}\n            minimumNights={0}\n            onFocusChange={onFocusChange}\n            navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n            navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n            daySize={daySize}\n            isOutsideRange={shouldBlockRange}\n            isDayBlocked={shouldBlockDay}\n            renderMonthElement={renderMonth}\n            enableOutsideDays={enableOutsideDays || showWeekNumber}\n            numberOfMonths={numberOfMonths}\n            initialVisibleMonth={() => overrideDateForView || date || moment()}\n          />\n        ) : (\n          <DayPickerSingleDateController\n            phrases={mergedPhrases}\n            renderDayContents={showWeekNumber ? renderDay : undefined}\n            firstDayOfWeek={firstDayOfWeek}\n            hideKeyboardShortcutsPanel\n            onFocusChange={NOOP}\n            numberOfMonths={numberOfMonths}\n            date={date}\n            onDateChange={(date: Moment) => onPickDate(date)}\n            navPrev={shouldShowNav ? <DateNavigationItem kind={Direction.prev} /> : <div />}\n            navNext={shouldShowNav ? <DateNavigationItem kind={Direction.next} /> : <div />}\n            focused={true}\n            renderMonthElement={renderMonth}\n            enableOutsideDays={enableOutsideDays || showWeekNumber}\n            daySize={daySize}\n            isDayBlocked={shouldBlockDay}\n            initialVisibleMonth={() => overrideDateForView || date || moment()}\n          />\n        )}\n        {isMonthYearSelection && renderMonthYearSelection()}\n      </div>\n    );\n  }\n);\n\nexport default DatePicker;\n"],"names":["DatePicker","forwardRef","_ref","ref","id","className","_ref$firstDayOfWeek","firstDayOfWeek","WEEK_FIRST_DAY","_ref$daySize","daySize","DAY_SIZE","_ref$range","range","shouldBlockDay","shouldBlockYear","_ref$numberOfMonths","numberOfMonths","_ref$hideNavigationKe","hideNavigationKeys","date","endDate","_ref$onPickDate","onPickDate","NOOP","_ref$enableOutsideDay","enableOutsideDays","_ref$showWeekNumber","showWeekNumber","shouldBlockRange","dataTestId","phrases","useWarnDeprecated","component","message","_useState","useState","FocusInput","startDate","_useState2","_slicedToArray","focusedInput","setFocusedInput","_useState3","_useState4","isMonthYearSelection","setIsMonthYearSelection","_useState5","_useState6","overrideDateForView","setOverrideDateForView","_useState7","_useState8","yearFunc","setYearFunc","renderMonth","useCallback","_ref2","month","onYearSelect","React","DatePickerHeaderComponent","getTestId","ComponentDefaultTestId","DATEPICKER_HEADER","currentDate","moment","onToggleMonthYearPicker","val","renderDay","day","weekNumber","clone","add","isoWeek","createElement","Fragment","styles","calendarDayWeekNumber","format","changeCurrentDateFromMonthYearView","newDate","oldDate","year","renderMonthYearSelection","YearPicker","DATEPICKER_YEAR_SELECTION","selectedDate","isYearBlocked","changeCurrentDate","onDateRangeChange","onFocusChange","mergedPhrases","Object","assign","defaultPhrases","shouldShowNav","DATEPICKER","cx","datepickerContainer","_defineProperty","withWeekNumber","rangePickerMode","monthYearSelection","ComponentVibeId","DATE_PICKER","DayPickerRangeController","renderDayContents","undefined","hideKeyboardShortcutsPanel","onDatesChange","minimumNights","navPrev","DateNavigationItem","kind","Direction","prev","navNext","next","isOutsideRange","isDayBlocked","renderMonthElement","initialVisibleMonth","DayPickerSingleDateController","onDateChange","focused"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { type FC, createContext, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type DateRange, DayPicker as ReactDatePicker, InternalModifier as DayModifier } from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\nimport DatePickerHeader, { type DatePickerHeaderProps } from \"./DatePickerHeader\";\nimport { type DatePickerProps, type DatePickerRange } from \"./DatePicker.types\";\nimport {\n  AddToRangeEnd,\n  AddToRangeMiddle,\n  AddToRangeStart,\n  HalfRangeSelected,\n  HoveredDayExists,\n  RemoveFromRange,\n  addToRange,\n  addToRangeModifiers\n} from \"./utils\";\nimport { RangeDayContent } from \"./RangeDayContent\";\nimport { SingleDayContent } from \"./SingleDayContent\";\nimport { DayContentHoverContext, DayContentHoverProvider } from \"./DateContentHoverContext\";\n\nexport const DEFAULT_TIME = { hours: 9, minutes: 0 };\n\nconst MODIFIERS_CLASS_NAMES = {\n  [DayModifier.Outside]: styles.datePickerDayOutside,\n  [DayModifier.Selected]: styles.datePickerDaySelected,\n  [DayModifier.Today]: styles.datePickerDayToday,\n  [DayModifier.Disabled]: styles.datePickerDayDisabled,\n  [DayModifier.RangeStart]: styles.datePickerDayRangeStart,\n  [DayModifier.RangeEnd]: styles.datePickerDayRangeEnd,\n  [DayModifier.RangeMiddle]: styles.datePickerDayRangeMiddle,\n  [AddToRangeMiddle]: styles.datePickerAddToRangeMiddle,\n  [AddToRangeStart]: styles.datePickerAddToRangeStart,\n  [AddToRangeEnd]: styles.datePickerAddToRangeEnd,\n  [RemoveFromRange]: styles.datePickerRemoveFromRange,\n  [HoveredDayExists]: styles.datePickerHoveredDayExists,\n  [HalfRangeSelected]: styles.datePickerHalfRangeSelected\n};\n\nconst DatePickerHeaderContext = createContext<DatePickerHeaderProps>({} as DatePickerHeaderProps);\n\nconst Caption = () => (\n  <DatePickerHeaderContext.Consumer>{props => <DatePickerHeader {...props} />}</DatePickerHeaderContext.Consumer>\n);\n\nconst DatePicker: FC<DatePickerProps> = ({\n  className,\n  dayClassName,\n  selectedDayClassName,\n  id,\n  \"data-testid\": dataTestId,\n  mode = \"single\",\n  date,\n  endDate,\n  onDateChange,\n  firstDayOfWeek = 0,\n  showWeekNumber,\n  isDateDisabled,\n  locale,\n  nextButtonAriaLabel = \"Next\",\n  prevButtonAriaLabel = \"Previous\",\n  monthSelectionAriaLabel = \"Month\",\n  yearSelectionAriaLabel = \"Year\",\n  dropdownsClassName,\n  intent = \"to\",\n  dialogContainerSelector\n}) => {\n  const selected = useMemo(() => (mode === \"single\" ? date : { from: date, to: endDate }), [date, endDate, mode]);\n  const [displayMonth, setDisplayMonth] = useState(date || new Date());\n\n  const prevDateRef = useRef<Date | undefined>();\n  const prevEndDateRef = useRef<Date | undefined>();\n  const lastChangeByInnerSelection = useRef(false);\n  useEffect(() => {\n    const dateChanged = +prevDateRef.current !== +date;\n    const endDateChanged = +prevEndDateRef.current !== +endDate;\n    const shouldSetDisplayMonth = !lastChangeByInnerSelection.current;\n\n    if (dateChanged) {\n      shouldSetDisplayMonth && date && setDisplayMonth(date);\n    } else if (endDateChanged) {\n      shouldSetDisplayMonth && endDate && setDisplayMonth(endDate);\n    }\n\n    prevDateRef.current = date;\n    prevEndDateRef.current = endDate;\n    lastChangeByInnerSelection.current = false;\n  }, [date, endDate]);\n\n  const onPickerDateChange = useCallback(\n    (newValue: Date | DateRange, selectedDay: Date) => {\n      lastChangeByInnerSelection.current = true;\n\n      if (mode === \"range\") {\n        const newRange = addToRange(selectedDay, selected as DateRange, intent);\n        (onDateChange as (range: DatePickerRange) => void)({ date: newRange?.from, endDate: newRange?.to });\n      } else {\n        const newDate = newValue as Date;\n        const { hours, minutes } = date ? { hours: date.getHours(), minutes: date.getMinutes() } : DEFAULT_TIME;\n        newDate.setHours(hours, minutes);\n        (onDateChange as (date: Date | undefined) => void)(newDate);\n      }\n    },\n    [date, intent, mode, onDateChange, selected]\n  );\n\n  const DatePickerHeaderContextValue = useMemo<DatePickerHeaderProps>(\n    () => ({\n      setDisplayMonth,\n      locale,\n      nextButtonAriaLabel,\n      prevButtonAriaLabel,\n      monthSelectionAriaLabel,\n      yearSelectionAriaLabel,\n      dropdownsClassName,\n      dialogContainerSelector\n    }),\n    [\n      locale,\n      monthSelectionAriaLabel,\n      nextButtonAriaLabel,\n      setDisplayMonth,\n      prevButtonAriaLabel,\n      yearSelectionAriaLabel,\n      dropdownsClassName,\n      dialogContainerSelector\n    ]\n  );\n\n  const modifiersClassNames = useMemo(\n    () => ({\n      ...MODIFIERS_CLASS_NAMES,\n      [DayModifier.Selected]: cx(MODIFIERS_CLASS_NAMES[DayModifier.Selected], selectedDayClassName)\n    }),\n    [selectedDayClassName]\n  );\n\n  const classNames = useMemo(\n    () => ({\n      months: styles.datePickerMonths,\n      head: styles.datePickerHead,\n      table: styles.datePickerTable,\n      tbody: styles.datePickerBody,\n      day: cx(styles.datePickerDay, dayClassName)\n    }),\n    [dayClassName]\n  );\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.datePicker, { [styles.withWeekNumber]: showWeekNumber }, className)}\n      data-testid={dataTestId}\n      data-vibe=\"DatePicker\"\n    >\n      <DayContentHoverProvider>\n        <DatePickerHeaderContext.Provider value={DatePickerHeaderContextValue}>\n          <DayContentHoverContext.Consumer>\n            {({ hover }) => {\n              const modifiers = addToRangeModifiers(hover, selected as DateRange, intent);\n              return (\n                <ReactDatePicker\n                  fixedWeeks\n                  showOutsideDays\n                  showWeekNumber={showWeekNumber}\n                  mode={mode as \"single\"} // cast to avoid type errors from ReactDatePicker\n                  required\n                  weekStartsOn={firstDayOfWeek}\n                  disabled={isDateDisabled}\n                  selected={selected as Date} // cast to avoid type errors from ReactDatePicker\n                  onSelect={onPickerDateChange}\n                  month={displayMonth}\n                  onMonthChange={setDisplayMonth}\n                  components={{ Caption, DayContent: mode === \"single\" ? SingleDayContent : RangeDayContent }}\n                  classNames={classNames}\n                  modifiers={modifiers}\n                  modifiersClassNames={modifiersClassNames}\n                  locale={locale}\n                />\n              );\n            }}\n          </DayContentHoverContext.Consumer>\n        </DatePickerHeaderContext.Provider>\n      </DayContentHoverProvider>\n    </div>\n  );\n};\n\nexport default DatePicker;\n"],"names":["DEFAULT_TIME","hours","minutes","MODIFIERS_CLASS_NAMES","_defineProperty","_MODIFIERS_CLASS_NAME","DayModifier","Outside","styles","datePickerDayOutside","Selected","datePickerDaySelected","Today","datePickerDayToday","Disabled","datePickerDayDisabled","RangeStart","datePickerDayRangeStart","RangeEnd","datePickerDayRangeEnd","RangeMiddle","datePickerDayRangeMiddle","AddToRangeMiddle","datePickerAddToRangeMiddle","AddToRangeStart","datePickerAddToRangeStart","AddToRangeEnd","datePickerAddToRangeEnd","RemoveFromRange","datePickerRemoveFromRange","HoveredDayExists","datePickerHoveredDayExists","HalfRangeSelected","datePickerHalfRangeSelected","DatePickerHeaderContext","createContext","Caption","React","createElement","Consumer","props","DatePickerHeader","DatePicker","_ref","className","dayClassName","selectedDayClassName","id","dataTestId","_ref$mode","mode","date","endDate","onDateChange","_ref$firstDayOfWeek","firstDayOfWeek","showWeekNumber","isDateDisabled","locale","_ref$nextButtonAriaLa","nextButtonAriaLabel","_ref$prevButtonAriaLa","prevButtonAriaLabel","_ref$monthSelectionAr","monthSelectionAriaLabel","_ref$yearSelectionAri","yearSelectionAriaLabel","dropdownsClassName","_ref$intent","intent","dialogContainerSelector","selected","useMemo","from","to","_useState","useState","Date","_useState2","_slicedToArray","displayMonth","setDisplayMonth","prevDateRef","useRef","prevEndDateRef","lastChangeByInnerSelection","useEffect","endDateChanged","current","shouldSetDisplayMonth","onPickerDateChange","useCallback","newValue","selectedDay","newRange","addToRange","newDate","_ref2","getHours","getMinutes","setHours","DatePickerHeaderContextValue","modifiersClassNames","Object","assign","cx","classNames","months","datePickerMonths","head","datePickerHead","table","datePickerTable","tbody","datePickerBody","day","datePickerDay","datePicker","withWeekNumber","DayContentHoverProvider","Provider","value","DayContentHoverContext","_ref3","modifiers","addToRangeModifiers","hover","ReactDatePicker","fixedWeeks","showOutsideDays","required","weekStartsOn","disabled","onSelect","month","onMonthChange","components","DayContent","SingleDayContent","RangeDayContent"],"mappings":"0xBAoBaA,EAAe,CAAEC,MAAO,EAAGC,QAAS,GAE3CC,GAAqBC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAC,EAAA,GACxBC,EAAYC,QAAUC,EAAOC,sBAC7BH,EAAYI,SAAWF,EAAOG,uBAC9BL,EAAYM,MAAQJ,EAAOK,oBAC3BP,EAAYQ,SAAWN,EAAOO,uBAC9BT,EAAYU,WAAaR,EAAOS,yBAChCX,EAAYY,SAAWV,EAAOW,uBAC9Bb,EAAYc,YAAcZ,EAAOa,0BACjCC,EAAmBd,EAAOe,4BAC1BC,EAAkBhB,EAAOiB,2BACzBC,EAAgBlB,EAAOmB,yBAAuBvB,EAAAA,EAAAA,EAAAC,EAC9CuB,EAAkBpB,EAAOqB,2BACzBC,EAAmBtB,EAAOuB,4BAC1BC,EAAoBxB,EAAOyB,8BAGxBC,EAA0BC,EAAqC,CAAA,GAE/DC,EAAU,WAAH,OACXC,EAAAC,cAACJ,EAAwBK,SAAQ,MAAE,SAAAC,GAAK,OAAIH,EAACC,cAAAG,mBAAqBD,MAA6C,EAG3GE,EAAkC,SAAxBC,GAqBX,IApBHC,EAASD,EAATC,UACAC,EAAYF,EAAZE,aACAC,EAAoBH,EAApBG,qBACAC,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAaM,EAAAN,EACbO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QACAC,EAAYV,EAAZU,aAAYC,EAAAX,EACZY,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAClBE,EAAcb,EAAda,eACAC,EAAcd,EAAdc,eACAC,EAAMf,EAANe,OAAMC,EAAAhB,EACNiB,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAAAE,EAAAlB,EAC5BmB,oBAAAA,OAAsB,IAAHD,EAAG,WAAUA,EAAAE,EAAApB,EAChCqB,wBAAAA,OAA0B,IAAHD,EAAG,QAAOA,EAAAE,EAAAtB,EACjCuB,uBAAAA,OAAyB,IAAHD,EAAG,OAAMA,EAC/BE,EAAkBxB,EAAlBwB,mBAAkBC,EAAAzB,EAClB0B,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EACbE,EAAuB3B,EAAvB2B,wBAEMC,EAAWC,GAAQ,WAAA,MAAgB,WAATtB,EAAoBC,EAAO,CAAEsB,KAAMtB,EAAMuB,GAAItB,EAAU,GAAE,CAACD,EAAMC,EAASF,IACzGyB,EAAwCC,EAASzB,GAAQ,IAAI0B,MAAOC,EAAAC,EAAAJ,EAAA,GAA7DK,EAAYF,EAAA,GAAEG,GAAeH,EAAA,GAE9BI,GAAcC,IACdC,GAAiBD,IACjBE,GAA6BF,GAAO,GAC1CG,GAAU,WACR,IACMC,GAAkBH,GAAeI,UAAapC,EAC9CqC,GAAyBJ,GAA2BG,SAFrCN,GAAYM,UAAarC,EAK5CsC,GAAyBtC,GAAQ8B,GAAgB9B,GACxCoC,GACTE,GAAyBrC,GAAW6B,GAAgB7B,GAGtD8B,GAAYM,QAAUrC,EACtBiC,GAAeI,QAAUpC,EACzBiC,GAA2BG,SAAU,CACvC,GAAG,CAACrC,EAAMC,IAEV,IAAMsC,GAAqBC,GACzB,SAACC,EAA4BC,GAG3B,GAFAR,GAA2BG,SAAU,EAExB,UAATtC,EAAkB,CACpB,IAAM4C,EAAWC,EAAWF,EAAatB,EAAuBF,GAC/DhB,EAAkD,CAAEF,KAAM2C,aAAA,EAAAA,EAAUrB,KAAMrB,QAAS0C,aAAQ,EAARA,EAAUpB,IAC/F,KAAM,CACL,IAAMsB,EAAUJ,EAChBK,EAA2B9C,EAAO,CAAElD,MAAOkD,EAAK+C,WAAYhG,QAASiD,EAAKgD,cAAiBnG,EAC3FgG,EAAQI,SADKH,EAALhG,MAAcgG,EAAP/F,SAEdmD,EAAkD2C,EACpD,CACH,GACA,CAAC7C,EAAMkB,EAAQnB,EAAMG,EAAckB,IAG/B8B,GAA+B7B,GACnC,WAAA,MAAO,CACLS,gBAAAA,GACAvB,OAAAA,EACAE,oBAAAA,EACAE,oBAAAA,EACAE,wBAAAA,EACAE,uBAAAA,EACAC,mBAAAA,EACAG,wBAAAA,EACD,GACD,CACEZ,EACAM,EACAJ,EACAqB,GACAnB,EACAI,EACAC,EACAG,IAIEgC,GAAsB9B,GAC1B,WAAA,OACK+B,OAAAC,OAAAD,OAAAC,OAAA,GAAArG,GACHC,EAAA,CAAA,EAACE,EAAYI,SAAW+F,EAAGtG,EAAsBG,EAAYI,UAAWoC,OAE1E,CAACA,IAGG4D,GAAalC,GACjB,WAAA,MAAO,CACLmC,OAAQnG,EAAOoG,iBACfC,KAAMrG,EAAOsG,eACbC,MAAOvG,EAAOwG,gBACdC,MAAOzG,EAAO0G,eACdC,IAAKV,EAAGjG,EAAO4G,cAAevE,GAC/B,GACD,CAACA,IAGH,OACER,EAAAC,cAAA,MAAA,CACES,GAAIA,EACJH,UAAW6D,EAAGjG,EAAO6G,WAAUjH,EAAKI,GAAAA,EAAO8G,eAAiB9D,GAAkBZ,GACjE,cAAAI,cACH,cAEVX,EAAAC,cAACiF,EAAuB,KACtBlF,EAAAC,cAACJ,EAAwBsF,SAAS,CAAAC,MAAOpB,IACvChE,EAACC,cAAAoF,EAAuBnF,SAAQ,MAC7B,SAAAoF,GAAc,IACPC,EAAYC,EADXF,EAALG,MAC2CvD,EAAuBF,GACpE,OACEhC,EAACC,cAAAyF,EACC,CAAAC,cACAC,iBAAe,EACfzE,eAAgBA,EAChBN,KAAMA,EACNgF,UAAQ,EACRC,aAAc5E,EACd6E,SAAU3E,EACVc,SAAUA,EACV8D,SAAU3C,GACV4C,MAAOtD,EACPuD,cAAetD,GACfuD,WAAY,CAAEpG,QAAAA,EAASqG,WAAqB,WAATvF,EAAoBwF,EAAmBC,GAC1EjC,WAAYA,GACZkB,UAAWA,EACXtB,oBAAqBA,GACrB5C,OAAQA,SAS1B"}

package/dist/src/components/DatePicker/DatePicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_b68ffa0489",monthYearSelection:"monthYearSelection_7a980ecabe",rangePickerMode:"rangePickerMode_3da9d04450",withWeekNumber:"withWeekNumber_5e80bd73d5",calendarDayWeekNumber:"calendarDayWeekNumber_20710b87d3"};!function(e){const n="s_id-5bf64d458e6b_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_b68ffa0489 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_b68ffa0489 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_b68ffa0489 td {\n  border: none;\n}\n.datepickerContainer_b68ffa0489.monthYearSelection_7a980ecabe table tbody {\n  opacity: 0;\n}\n.datepickerContainer_b68ffa0489.monthYearSelection_7a980ecabe .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_b68ffa0489 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_b68ffa0489 .CalendarDay__blocked_calendar, .datepickerContainer_b68ffa0489 .CalendarDay__blocked_calendar:active, .datepickerContainer_b68ffa0489 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_b68ffa0489 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_b68ffa0489 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span, .datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span:hover::before, .datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_b68ffa0489.rangePickerMode_3da9d04450.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarDay .calendarDayWeekNumber_20710b87d3 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_20710b87d3 {\n  display: flex;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_20710b87d3 {\n  display: none;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_b68ffa0489.withWeekNumber_5e80bd73d5 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datePicker:"datePicker_3da47cb585",datePickerMonths:"datePickerMonths_1551c65eef",withWeekNumber:"withWeekNumber_05dd446d4f",datePickerHead:"datePickerHead_d019622835",datePickerBody:"datePickerBody_d019622835",datePickerTable:"datePickerTable_5b7fb92da1",datePickerDay:"datePickerDay_d6fb61407c",datePickerDayContent:"datePickerDayContent_4ece11aebe",datePickerDayDisabled:"datePickerDayDisabled_a7d079aaa5",datePickerAddToRangeStart:"datePickerAddToRangeStart_fde259ff63",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_66e388a1a5",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_1b93632bad",datePickerDayRangeStart:"datePickerDayRangeStart_fc850a92c4",datePickerDayRangeEnd:"datePickerDayRangeEnd_ac7c8988f2",datePickerDayOutside:"datePickerDayOutside_f5fefd55af",datePickerDaySelected:"datePickerDaySelected_ac7c8988f2",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_4572f7205d",datePickerRemoveFromRange:"datePickerRemoveFromRange_857d41e9fd",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_8118d40aae"};!function(e){const a="s_id-601bce29f4a5_4_0_0-alpha_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_3da47cb585 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_3da47cb585 .datePickerMonths_1551c65eef {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_3da47cb585.withWeekNumber_05dd446d4f {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_3da47cb585.withWeekNumber_05dd446d4f .datePickerHead_d019622835 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_3da47cb585.withWeekNumber_05dd446d4f .datePickerHead_d019622835 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_3da47cb585.withWeekNumber_05dd446d4f .datePickerBody_d019622835 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_3da47cb585.withWeekNumber_05dd446d4f .datePickerBody_d019622835 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_3da47cb585 .datePickerTable_5b7fb92da1 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_3da47cb585 .datePickerHead_d019622835 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c .datePickerDayContent_4ece11aebe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c:focus-visible {\n  outline: none;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c:focus-visible .datePickerDayContent_4ece11aebe {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayDisabled_a7d079aaa5 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c:not(.datePickerDayDisabled_a7d079aaa5):not(.datePickerAddToRangeStart_fde259ff63):not(.datePickerAddToRangeEnd_66e388a1a5):not(.datePickerAddToRangeMiddle_1b93632bad):not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2) .datePickerDayContent_4ece11aebe:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayOutside_f5fefd55af {\n  color: var(--disabled-text-color);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDaySelected_ac7c8988f2:not(.datePickerDayRangeMiddle_4572f7205d):not(.datePickerRemoveFromRange_857d41e9fd) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeStart_fc850a92c4:not(.datePickerDayRangeEnd_ac7c8988f2):not(.datePickerRemoveFromRange_857d41e9fd), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeEnd_ac7c8988f2:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerRemoveFromRange_857d41e9fd) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeStart_fc850a92c4.datePickerRemoveFromRange_857d41e9fd, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeEnd_ac7c8988f2.datePickerRemoveFromRange_857d41e9fd {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeStart_fc850a92c4.datePickerRemoveFromRange_857d41e9fd:not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeEnd_ac7c8988f2.datePickerRemoveFromRange_857d41e9fd:not(.datePickerDayRangeStart_fc850a92c4) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeStart_fc850a92c4:not(.datePickerDayRangeEnd_ac7c8988f2) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeEnd_ac7c8988f2:not(.datePickerDayRangeStart_fc850a92c4) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeMiddle_4572f7205d:not(.datePickerAddToRangeStart_fde259ff63):not(.datePickerAddToRangeEnd_66e388a1a5) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad, .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerDayRangeMiddle_4572f7205d:not(.datePickerAddToRangeStart_fde259ff63):not(.datePickerAddToRangeEnd_66e388a1a5) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerRemoveFromRange_857d41e9fd:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63:not(.datePickerDayRangeMiddle_4572f7205d):not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerDayRangeMiddle_4572f7205d):not(.datePickerDayRangeStart_fc850a92c4), .datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerDayRangeMiddle_4572f7205d, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerRemoveFromRange_857d41e9fd {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerDayRangeEnd_ac7c8988f2:not(.datePickerDayRangeStart_fc850a92c4) {\n  margin-inline-end: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerDayRangeMiddle_4572f7205d, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2), .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerDayRangeStart_fc850a92c4):not(.datePickerDayRangeEnd_ac7c8988f2) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerRemoveFromRange_857d41e9fd {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerDayRangeStart_fc850a92c4:not(.datePickerDayRangeEnd_ac7c8988f2) {\n  margin-inline-start: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63:not(.datePickerDayRangeMiddle_4572f7205d), .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad, .datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerDayRangeMiddle_4572f7205d),\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeStart_fde259ff63:not(.datePickerDayRangeMiddle_4572f7205d),\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeMiddle_1b93632bad,\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerDayRangeMiddle_4572f7205d) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerDaySelected_ac7c8988f2.datePickerDayRangeEnd_ac7c8988f2.datePickerAddToRangeStart_fde259ff63,\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerDaySelected_ac7c8988f2.datePickerDayRangeEnd_ac7c8988f2.datePickerAddToRangeStart_fde259ff63 {\n  border-inline-start-width: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:first-child .datePickerDay_d6fb61407c.datePickerDaySelected_ac7c8988f2.datePickerDayRangeStart_fc850a92c4.datePickerAddToRangeEnd_66e388a1a5,\n.datePicker_3da47cb585 .datePickerBody_d019622835 tr td:last-child .datePickerDay_d6fb61407c.datePickerDaySelected_ac7c8988f2.datePickerDayRangeStart_fc850a92c4.datePickerAddToRangeEnd_66e388a1a5 {\n  border-inline-end-width: 0;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDaySelected_ac7c8988f2.datePickerDayRangeEnd_ac7c8988f2.datePickerAddToRangeStart_fde259ff63 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDaySelected_ac7c8988f2.datePickerDayRangeEnd_ac7c8988f2.datePickerAddToRangeStart_fde259ff63:not(.datePickerHalfRangeSelected_8118d40aae) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDaySelected_ac7c8988f2.datePickerDayRangeStart_fc850a92c4.datePickerAddToRangeEnd_66e388a1a5 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_3da47cb585 .datePickerBody_d019622835 .datePickerDaySelected_ac7c8988f2.datePickerDayRangeStart_fc850a92c4.datePickerAddToRangeEnd_66e388a1a5:not(.datePickerHalfRangeSelected_8118d40aae) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader.js

@@ -0,0 +1,2 @@
+import e,{useCallback as n,useMemo as t}from"react";import r from"classnames";import{useDayPicker as o,useNavigation as a}from"react-day-picker";import l from"../Dropdown/Dropdown.js";import i from"./DatePickerHeader.module.scss.js";import{useMonthsOptionItems as c,useYearsOptionItems as s}from"./datePickerHooks.js";import{format as u}from"date-fns";import m from"../../../components/layout/dist/Flex/Flex.js";import f from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/DropdownChevronLeft.js";import d from"../../../icons/dist/react/DropdownChevronRight.js";var b=function(u){var b=u.setDisplayMonth,y=u.monthSelectionAriaLabel,D=u.yearSelectionAriaLabel,g=u.nextButtonAriaLabel,j=u.prevButtonAriaLabel,w=u.locale,k=u.className,M=o().month,B=a(),C=B.goToMonth,E=B.nextMonth,N=B.previousMonth,x=n((function(){return C(E)}),[C,E]),L=n((function(){return C(N)}),[C,N]),z=c({locale:w}),A=s({locale:w}),F=t((function(){return z.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[z]),O=t((function(){return A.map((function(e){return Object.assign(Object.assign({},e),{value:e.id})}))}),[A]),H=t((function(){return h(M,w)}),[M,w]),P=t((function(){return v(M,w)}),[M,w]),R=n((function(e){var n=e.value,t=new Date(M);t.setMonth(+n),b(t)}),[M,b]),I=n((function(e){var n=e.value,t=new Date(M);t.setFullYear(+n),b(t)}),[M,b]),S=t((function(){return F.find((function(e){return e.value===""+M.getMonth()}))}),[F,M]),W=t((function(){return O.find((function(e){return e.value===""+M.getFullYear()}))}),[O,M]);return e.createElement("div",{className:r(i.datePickerHeader,k)},e.createElement(m,{gap:"small"},e.createElement(l,{className:i.monthButtonDropdown,"aria-label":y,options:F,value:S,onChange:R,menuWrapperClassName:i.monthButtonDropdown,size:"small",valueRenderer:function(e){return H},searchable:!1,clearable:!1,borderless:!0}),e.createElement(l,{className:i.yearButtonDropdown,"aria-label":D,options:O,value:W,onChange:I,menuWrapperClassName:i.yearButtonDropdown,size:"small",valueRenderer:function(e){return P},searchable:!1,clearable:!1,borderless:!0})),e.createElement(m,null,e.createElement(f,{kind:"tertiary",size:"small","aria-label":j,onClick:L,icon:p}),e.createElement(f,{kind:"tertiary",size:"small","aria-label":g,onClick:x,icon:d})))};function v(e,n){return u(e,"yyyy",{locale:n})}function h(e,n){return u(e,"MMM",{locale:n})}export{b as default,h as getMonthButtonLabel,v as getYearButtonLabel};
+//# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/DatePicker/DatePickerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerHeader.js","sources":["../../../../src/components/DatePicker/DatePickerHeader.tsx"],"sourcesContent":["import React, { type FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { useDayPicker, useNavigation } from \"react-day-picker\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport Dropdown from \"../Dropdown/Dropdown\";\nimport { DropdownChevronRight, DropdownChevronLeft } from \"@vibe/icons\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { useMonthsOptionItems, useYearsOptionItems, type DatePickerDropdownItem } from \"./datePickerHooks\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerHeaderProps {\n  setDisplayMonth: (displayMonth: Date) => void;\n  monthSelectionAriaLabel?: string;\n  yearSelectionAriaLabel?: string;\n  nextButtonAriaLabel?: string;\n  prevButtonAriaLabel?: string;\n  locale?: Locale;\n  className?: string;\n  dropdownsClassName?: string;\n  dialogContainerSelector?: string;\n}\n\nconst DatePickerHeader: FC<DatePickerHeaderProps> = ({\n  setDisplayMonth,\n  monthSelectionAriaLabel,\n  yearSelectionAriaLabel,\n  nextButtonAriaLabel,\n  prevButtonAriaLabel,\n  locale,\n  className,\n  dialogContainerSelector: _dialogContainerSelector\n}) => {\n  const { month: displayMonth } = useDayPicker();\n  const { goToMonth, nextMonth, previousMonth } = useNavigation();\n  const goToNextMonth = useCallback(() => goToMonth(nextMonth), [goToMonth, nextMonth]);\n  const goToPreviousMonth = useCallback(() => goToMonth(previousMonth), [goToMonth, previousMonth]);\n  const monthsData = useMonthsOptionItems({ locale });\n  const yearsData = useYearsOptionItems({ locale });\n\n  const months = useMemo(() => monthsData.map(item => ({ ...item, value: item.id })), [monthsData]);\n  const years = useMemo(() => yearsData.map(item => ({ ...item, value: item.id })), [yearsData]);\n  const monthButtonLabel = useMemo(() => getMonthButtonLabel(displayMonth, locale), [displayMonth, locale]);\n  const yearsButtonLabel = useMemo(() => getYearButtonLabel(displayMonth, locale), [displayMonth, locale]);\n\n  const onMonthSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const month = option.value;\n      const date = new Date(displayMonth);\n      date.setMonth(+month);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const onYearSelect = useCallback(\n    (option: DatePickerDropdownItem) => {\n      const year = option.value;\n      const date = new Date(displayMonth);\n      date.setFullYear(+year);\n      setDisplayMonth(date);\n    },\n    [displayMonth, setDisplayMonth]\n  );\n\n  const selectedMonth = useMemo(\n    () => months.find(month => month.value === displayMonth.getMonth().toString()),\n    [months, displayMonth]\n  );\n  const selectedYear = useMemo(\n    () => years.find(year => year.value === displayMonth.getFullYear().toString()),\n    [years, displayMonth]\n  );\n\n  return (\n    <div className={cx(styles.datePickerHeader, className)}>\n      <Flex gap=\"small\">\n        <Dropdown\n          className={styles.monthButtonDropdown}\n          aria-label={monthSelectionAriaLabel}\n          options={months}\n          value={selectedMonth}\n          onChange={onMonthSelect}\n          menuWrapperClassName={styles.monthButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => monthButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n        <Dropdown\n          className={styles.yearButtonDropdown}\n          aria-label={yearSelectionAriaLabel}\n          options={years}\n          value={selectedYear}\n          onChange={onYearSelect}\n          menuWrapperClassName={styles.yearButtonDropdown}\n          size=\"small\"\n          valueRenderer={(_option: DatePickerDropdownItem) => yearsButtonLabel}\n          searchable={false}\n          clearable={false}\n          borderless\n        />\n      </Flex>\n      <Flex>\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          aria-label={prevButtonAriaLabel}\n          onClick={goToPreviousMonth}\n          icon={DropdownChevronLeft}\n        />\n        <IconButton\n          kind=\"tertiary\"\n          size=\"small\"\n          aria-label={nextButtonAriaLabel}\n          onClick={goToNextMonth}\n          icon={DropdownChevronRight}\n        />\n      </Flex>\n    </div>\n  );\n};\n\nexport default DatePickerHeader;\n\nexport function getYearButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"yyyy\", { locale });\n}\n\nexport function getMonthButtonLabel(displayMonth: Date, locale: Locale) {\n  return format(displayMonth, \"MMM\", { locale });\n}\n"],"names":["DatePickerHeader","_ref","setDisplayMonth","monthSelectionAriaLabel","yearSelectionAriaLabel","nextButtonAriaLabel","prevButtonAriaLabel","locale","className","displayMonth","useDayPicker","month","_useNavigation","useNavigation","goToMonth","nextMonth","previousMonth","goToNextMonth","useCallback","goToPreviousMonth","monthsData","useMonthsOptionItems","yearsData","useYearsOptionItems","months","useMemo","map","item","Object","assign","value","id","years","monthButtonLabel","getMonthButtonLabel","yearsButtonLabel","getYearButtonLabel","onMonthSelect","option","date","Date","setMonth","onYearSelect","year","setFullYear","selectedMonth","find","getMonth","selectedYear","getFullYear","React","createElement","cx","styles","datePickerHeader","Flex","gap","Dropdown","monthButtonDropdown","options","onChange","menuWrapperClassName","size","valueRenderer","_option","searchable","clearable","borderless","yearButtonDropdown","IconButton","kind","onClick","icon","DropdownChevronLeft","DropdownChevronRight","format"],"mappings":"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"}

package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js

@@ -0,0 +1,2 @@
+var e={monthButtonDropdown:"monthButtonDropdown_a01e65416a",yearButtonDropdown:"yearButtonDropdown_0db36e42fb",datePickerHeader:"datePickerHeader_682a12c9ce"};!function(e){const t="s_id-a12251d5376d_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_a01e65416a {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_0db36e42fb {\n  justify-content: space-between;\n}\n.datePickerHeader_682a12c9ce {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_682a12c9ce button:focus:not(:active), .datePickerHeader_682a12c9ce button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+//# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/DatePicker/RangeDayContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDayContent.js","sources":["../../../../src/components/DatePicker/RangeDayContent.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useEffect, useRef } from \"react\";\nimport {\n  type DayContentProps as DatePickerDayContentProps,\n  DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport { useDayContentHoverContext } from \"./DateContentHoverContext\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const RangeDayContent = (props: DatePickerDayContentProps) => {\n  const { date, activeModifiers } = props;\n  const { setHover } = useDayContentHoverContext();\n\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const td = ref.current.closest(\"td\");\n    const onMouseEnter = () => setHover(date);\n    const onMouseLeave = () => setHover(undefined);\n\n    td?.addEventListener(\"mouseenter\", onMouseEnter);\n    td?.addEventListener(\"mouseleave\", onMouseLeave);\n\n    return () => {\n      td?.removeEventListener(\"mouseenter\", onMouseEnter);\n      td?.removeEventListener(\"mouseleave\", onMouseLeave);\n    };\n  }, [date, setHover]);\n\n  return (\n    <div ref={ref} className={cx(styles.datePickerDayContent, activeModifiers)}>\n      <DatePickerDayContent {...props} />\n    </div>\n  );\n};\n"],"names":["RangeDayContent","props","date","activeModifiers","setHover","useDayContentHoverContext","ref","useRef","useEffect","td","current","closest","onMouseEnter","onMouseLeave","undefined","addEventListener","removeEventListener","React","createElement","className","cx","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"iPASaA,EAAkB,SAACC,GAC9B,IAAQC,EAA0BD,EAA1BC,KAAMC,EAAoBF,EAApBE,gBACNC,EAAaC,IAAbD,SAEFE,EAAMC,EAAuB,MAenC,OAdAC,GAAU,WACR,IAAMC,EAAKH,EAAII,QAAQC,QAAQ,MACzBC,EAAe,WAAH,OAASR,EAASF,EAAK,EACnCW,EAAe,WAAH,OAAST,OAASU,EAAU,EAK9C,OAHAL,SAAAA,EAAIM,iBAAiB,aAAcH,GACnCH,SAAAA,EAAIM,iBAAiB,aAAcF,GAE5B,WACLJ,SAAAA,EAAIO,oBAAoB,aAAcJ,GACtCH,SAAAA,EAAIO,oBAAoB,aAAcH,GAE1C,GAAG,CAACX,EAAME,IAGRa,EAAAC,cAAA,MAAA,CAAKZ,IAAKA,EAAKa,UAAWC,EAAGC,EAAOC,qBAAsBnB,IACxDc,EAAAC,cAACK,EAAyBC,OAAAC,OAAA,CAAA,EAAAxB,IAGhC"}

package/dist/src/components/DatePicker/SingleDayContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleDayContent.js","sources":["../../../../src/components/DatePicker/SingleDayContent.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  type DayContentProps as DatePickerDayContentProps,\n  DayContent as DatePickerDayContent\n} from \"react-day-picker\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport const SingleDayContent = (dayContentProps: DatePickerDayContentProps) => (\n  <div className={styles.datePickerDayContent}>\n    <DatePickerDayContent {...dayContentProps} />\n  </div>\n);\n"],"names":["SingleDayContent","dayContentProps","React","createElement","className","styles","datePickerDayContent","DatePickerDayContent","Object","assign"],"mappings":"kHAOaA,EAAmB,SAACC,GAA0C,OACzEC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,sBACrBJ,EAAAC,cAACI,EAAyBC,OAAAC,OAAA,CAAA,EAAAR,IACtB"}

package/dist/src/components/DatePicker/datePickerHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerHooks.js","sources":["../../../../src/components/DatePicker/datePickerHooks.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { format, type Locale } from \"date-fns\";\n\nexport interface DatePickerDropdownItem {\n  id: string;\n  label: string;\n  value: string;\n}\n\nconst monthsIndexes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];\nexport const useMonthsOptionItems = ({ locale }: { locale?: Locale }) =>\n  useMemo(\n    () =>\n      monthsIndexes.map(monthIndex => {\n        const month = new Date();\n        month.setMonth(monthIndex, 1);\n        return { id: monthIndex.toString(), label: format(month, \"LLL\", { locale }) };\n      }),\n    [locale]\n  );\n\n// returns a list of all years from 100 years ago to 100 years in the future\nconst YEARS_AGO = 100;\nconst YEARS_IN_FUTURE = 100;\nexport const useYearsOptionItems = ({ locale }: { locale?: Locale }) =>\n  useMemo(\n    () =>\n      Array.from({ length: YEARS_AGO + YEARS_IN_FUTURE + 1 }, (_, i) => {\n        const date = new Date();\n        date.setFullYear(date.getFullYear() - YEARS_AGO + i);\n        return date;\n      }).map(year => ({\n        id: year.getFullYear().toString(),\n        label: format(year, \"yyyy\", { locale })\n      })),\n    [locale]\n  );\n"],"names":["monthsIndexes","useMonthsOptionItems","_ref","locale","useMemo","map","monthIndex","month","Date","setMonth","id","label","format","useYearsOptionItems","_ref2","Array","from","length","YEARS_AGO","_","i","date","setFullYear","getFullYear","year"],"mappings":"kEASA,IAAMA,EAAgB,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAAI,IAC5CC,EAAuB,SAAHC,GAAA,IAAMC,EAAMD,EAANC,OAAM,OAC3CC,GACE,WAAA,OACEJ,EAAcK,KAAI,SAAAC,GAChB,IAAMC,EAAQ,IAAIC,KAElB,OADAD,EAAME,SAASH,EAAY,GACpB,CAAEI,GAAIJ,KAAuBK,MAAOC,EAAOL,EAAO,MAAO,CAAEJ,OAAAA,IACpE,MACF,CAACA,GACF,EAKUU,EAAsB,SAAHC,GAAA,IAAMX,EAAMW,EAANX,OAAM,OAC1CC,GACE,WAAA,OACEW,MAAMC,KAAK,CAAEC,OAAQC,MAAmC,SAACC,EAAGC,GAC1D,IAAMC,EAAO,IAAIb,KAEjB,OADAa,EAAKC,YAAYD,EAAKE,cAPZ,IAOwCH,GAC3CC,CACT,IAAGhB,KAAI,SAAAmB,GAAI,MAAK,CACdd,GAAIc,KAAKD,cACTZ,MAAOC,EAAOY,EAAM,OAAQ,CAAErB,OAAAA,IAC/B,MACH,CAACA,GACF"}

package/dist/src/components/DatePicker/utils.js

@@ -0,0 +1,2 @@
+import{defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isBefore as o,isSameDay as t,isAfter as f}from"date-fns";function n(r,n,e){var i=n.from,u=n.to;if(!i&&!u)return"from"===e?{from:r,to:void 0}:{from:void 0,to:r};if(!i)return o(r,u)?{from:r,to:u}:{from:u,to:r};if(!u)return o(r,i)?{from:r,to:i}:{from:i,to:r};if("to"===e){if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,i))return{from:void 0};if(o(r,i))return{from:r,to:u};if(f(r,i)&&o(r,u))return{from:i,to:r};if(f(r,u)||t(r,u))return{from:i,to:r}}else{if(t(r,i)&&t(r,u))return{from:void 0};if(t(r,u))return{from:r,to:r};if(f(r,u))return{from:i,to:r};if(o(r,u)&&f(r,i))return{from:r,to:u};if(o(r,i))return{from:r,to:u};if(t(r,u))return{from:r}}return{from:i,to:r}}var e=function(r,n){return!(!n.from||!n.to)&&((f(r,n.from)||t(r,n.from))&&(o(r,n.to)||t(r,n.to)))},i="addToRangeMiddle",u="addToRangeStart",m="addToRangeEnd",d="removeFromRange",a="HoveredDayExists",v="HalfRangeSelected";function c(r,o,f,a){if(o){var v=n(o,f,a);if(e(r,v)||e(r,f)){if(t(r,v.to)&&!t(r,f.to))return m;if(t(r,v.from)&&!t(r,f.from))return u;if(e(r,v)){if(e(r,f))return;return t(r,v.from)?u:t(r,v.to)?m:e(o,f)?void 0:i}return e(o,f)?d:void 0}}}function l(o,t,f){return r(r(r(r(r(r({},a,(function(){return!!o})),v,(function(){return!(!t||!(!t.from&&t.to||t.from&&!t.to))})),i,(function(r){return c(r,o,t,f)===i})),u,(function(r){return c(r,o,t,f)===u})),m,(function(r){return c(r,o,t,f)===m})),d,(function(r){return c(r,o,t,f)===d}))}export{m as AddToRangeEnd,i as AddToRangeMiddle,u as AddToRangeStart,v as HalfRangeSelected,a as HoveredDayExists,d as RemoveFromRange,n as addToRange,l as addToRangeModifiers,c as addToRangeNextState};
+//# sourceMappingURL=utils.js.map

package/dist/src/components/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["import { isAfter, isBefore, isSameDay } from \"date-fns\";\nimport { type DateRange, type Matcher } from \"react-day-picker\";\n\nexport type Intent = \"to\" | \"from\";\n\nexport function addToRange(day: Date, { from, to }: DateRange, intent: Intent): DateRange {\n  if (!from && !to) {\n    return intent === \"from\" ? { from: day, to: undefined } : { from: undefined, to: day };\n  }\n\n  if (!from) {\n    if (isBefore(day, to)) {\n      return { from: day, to };\n    }\n\n    return { from: to, to: day };\n  }\n\n  if (!to) {\n    if (isBefore(day, from)) {\n      return { from: day, to: from };\n    }\n\n    return { from, to: day };\n  }\n\n  if (intent === \"to\") {\n    if (isSameDay(day, from) && isSameDay(day, to)) {\n      return { from: undefined };\n    }\n\n    if (isSameDay(day, from)) {\n      // both from & to selected + user clicks on start -> clear selection\n      return { from: undefined };\n    }\n\n    if (isBefore(day, from)) {\n      return { from: day, to };\n    }\n\n    if (isAfter(day, from) && isBefore(day, to)) {\n      return { from, to: day };\n    }\n\n    if (isAfter(day, to) || isSameDay(day, to)) {\n      return { from, to: day };\n    }\n  } else {\n    // intent is from\n    if (isSameDay(day, from) && isSameDay(day, to)) {\n      return { from: undefined };\n    }\n\n    if (isSameDay(day, to)) {\n      return { from: day, to: day };\n    }\n\n    if (isAfter(day, to)) {\n      return { from, to: day };\n    }\n\n    if (isBefore(day, to) && isAfter(day, from)) {\n      return { from: day, to };\n    }\n\n    if (isBefore(day, from)) {\n      return { from: day, to };\n    }\n\n    if (isSameDay(day, to)) {\n      // both from & to selected + user clicks on end -> end becomes start\n      return { from: day };\n    }\n  }\n\n  return { from, to: day };\n}\n\nconst isInRange = (day: Date, range: DateRange): boolean => {\n  if (!range.from || !range.to) {\n    return false;\n  }\n\n  return (\n    (isAfter(day, range.from) || isSameDay(day, range.from)) && (isBefore(day, range.to) || isSameDay(day, range.to))\n  );\n};\n\nexport const AddToRangeMiddle = \"addToRangeMiddle\";\nexport const AddToRangeStart = \"addToRangeStart\";\nexport const AddToRangeEnd = \"addToRangeEnd\";\nexport const RemoveFromRange = \"removeFromRange\";\nexport const HoveredDayExists = \"HoveredDayExists\";\nexport const HalfRangeSelected = \"HalfRangeSelected\";\n\ntype GetDateNextStateResult =\n  | typeof AddToRangeMiddle\n  | typeof AddToRangeStart\n  | typeof AddToRangeEnd\n  | typeof RemoveFromRange\n  | undefined;\n\nexport function addToRangeNextState(\n  day: Date,\n  dayToAdd: Date,\n  range: DateRange,\n  intent: Intent\n): GetDateNextStateResult {\n  if (!dayToAdd) {\n    return undefined;\n  }\n\n  const nextRange = addToRange(dayToAdd, range, intent);\n\n  if (!isInRange(day, nextRange) && !isInRange(day, range)) {\n    return undefined;\n  }\n\n  if (isSameDay(day, nextRange.to) && !isSameDay(day, range.to)) {\n    return AddToRangeEnd;\n  }\n\n  if (isSameDay(day, nextRange.from) && !isSameDay(day, range.from)) {\n    return AddToRangeStart;\n  }\n\n  if (isInRange(day, nextRange)) {\n    if (isInRange(day, range)) {\n      return undefined;\n    }\n\n    if (isSameDay(day, nextRange.from)) {\n      return AddToRangeStart;\n    }\n\n    if (isSameDay(day, nextRange.to)) {\n      return AddToRangeEnd;\n    }\n\n    return !isInRange(dayToAdd, range) ? AddToRangeMiddle : undefined;\n  }\n\n  return isInRange(dayToAdd, range) ? RemoveFromRange : undefined;\n}\n\nexport function addToRangeModifiers(dayToAdd: Date, range: DateRange, intent: Intent): Record<string, Matcher> {\n  return {\n    [HoveredDayExists]: () => !!dayToAdd,\n    [HalfRangeSelected]: () => !!(range && ((!range.from && range.to) || (range.from && !range.to))),\n    [AddToRangeMiddle]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeMiddle,\n    [AddToRangeStart]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeStart,\n    [AddToRangeEnd]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === AddToRangeEnd,\n    [RemoveFromRange]: (day: Date) => addToRangeNextState(day, dayToAdd, range, intent) === RemoveFromRange\n  };\n}\n"],"names":["addToRange","day","_ref","intent","from","to","undefined","isBefore","isSameDay","isAfter","isInRange","range","AddToRangeMiddle","AddToRangeStart","AddToRangeEnd","RemoveFromRange","HoveredDayExists","HalfRangeSelected","addToRangeNextState","dayToAdd","nextRange","addToRangeModifiers","_defineProperty"],"mappings":"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"}

package/dist/src/components/Divider/Divider.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import o from"react";import{DirectionType as e}from"./DividerConstants.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticPropsWithoutForwardRef as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Divider.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";var l=m((function(e){var m=e.className,l=void 0===m?void 0:m,n=e.withoutMargin,c=void 0!==n&&n,v=e.direction,f=void 0===v?"horizontal":v,u=e.id;return o.createElement("div",{id:u,"data-testid":e["data-testid"]||r(s.DIVIDER,u),"data-vibe":p.DIVIDER,className:i(d.divider,l,a(d,f),t({},d.withoutMargin,c))})}),{directions:e});export{l as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as e}from"../../tests/testIds.js";import i from"classnames";import s from"react";import{getStyle as o}from"../../helpers/typesciptCssModulesHelper.js";import a from"./Divider.module.scss.js";import{ComponentVibeId as d}from"../../tests/constants.js";var m=function(m){var l=m.className,p=void 0===l?void 0:l,n=m.withoutMargin,v=void 0!==n&&n,c=m.direction,f=void 0===c?"horizontal":c,u=m.id;return s.createElement("div",{id:u,"data-testid":m["data-testid"]||r(e.DIVIDER,u),"data-vibe":d.DIVIDER,className:i(a.divider,p,o(a,f),t({},a.withoutMargin,v))})};export{m as default};
 //# sourceMappingURL=Divider.js.map

package/dist/src/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { DirectionType as DirectionTypeEnum } from \"./DividerConstants\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n  /**\n   * The direction of the divider.\n   */\n  direction?: DividerDirection;\n  /**\n   * If true, removes margin from the divider.\n   */\n  withoutMargin?: boolean;\n}\n\nconst Divider = ({\n  className = undefined,\n  withoutMargin = false,\n  direction = \"horizontal\",\n  id,\n  \"data-testid\": dataTestId\n}: DividerProps) => {\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n      data-vibe={ComponentVibeId.DIVIDER}\n      className={cx(styles.divider, className, getStyle(styles, direction), {\n        [styles.withoutMargin]: withoutMargin\n      })}\n    />\n  );\n};\n\ninterface DividerStaticProps {\n  directions: typeof DirectionTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<DividerProps, DividerStaticProps>(Divider, {\n  directions: DirectionTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty","directions","DirectionTypeEnum"],"mappings":"siBAqBA,IAuBeA,EAAAA,GAvBC,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC,GAM2F,CACzFe,WAAYC"}
+{"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n  /**\n   * The direction of the divider.\n   */\n  direction?: DividerDirection;\n  /**\n   * If true, removes margin from the divider.\n   */\n  withoutMargin?: boolean;\n}\n\nconst Divider = ({\n  className = undefined,\n  withoutMargin = false,\n  direction = \"horizontal\",\n  id,\n  \"data-testid\": dataTestId\n}: DividerProps) => {\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n      data-vibe={ComponentVibeId.DIVIDER}\n      className={cx(styles.divider, className, getStyle(styles, direction), {\n        [styles.withoutMargin]: withoutMargin\n      })}\n    />\n  );\n};\n\nexport default Divider;\n"],"names":["Divider","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty"],"mappings":"uXAoBA,IAAMA,EAAU,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC"}

package/dist/src/components/Divider/Divider.module.scss.js

@@ -1,2 +1,2 @@
-var e={divider:"divider_e9e493b0be",withoutMargin:"withoutMargin_9a8f5c6c9c",horizontal:"horizontal_ef0c88b048",vertical:"vertical_bd6ae68f48"};!function(e){const n="s_id-290500f5721e_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_e9e493b0be {\n  background-color: var(--layout-border-color);\n}\n\n.divider_e9e493b0be.withoutMargin_9a8f5c6c9c {\n  margin: 0;\n}\n\n.horizontal_ef0c88b048 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_bd6ae68f48 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_6464d589e2",withoutMargin:"withoutMargin_0889a9b5ca",horizontal:"horizontal_a404ecd023",vertical:"vertical_843bce707c"};!function(e){const n="s_id-8d5ec08ca0ea_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_6464d589e2 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_6464d589e2.withoutMargin_0889a9b5ca {\n  margin: 0;\n}\n\n.horizontal_a404ecd023 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_843bce707c {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useContext as u,useMemo as d,useState as p,useEffect as m,useCallback as f}from"react";import v,{createFilter as O,components as b}from"react-select";import g from"react-select/async";import j from"react-select/base";import{noop as C}from"es-toolkit";import y from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import h from"./components/option/option.js";import w from"./components/singleValue/singleValue.js";import S from"./components/ClearIndicator/ClearIndicator.js";import D from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as P,DROPDOWN_MENU_PLACEMENT as V,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as x,defaultCustomStyles as L,DROPDOWN_ID as E,DROPDOWN_MENU_ID as N,DROPDOWN_MENU_ARIA_LABEL as W,DROPDOWN_INPUT_ARIA_LABEL as A}from"./DropdownConstants.js";import T,{customTheme as z}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import{useWarnDeprecated as B}from"../../utils/warn-deprecated.js";import k from"./components/menu/menu.module.scss.js";import q from"./Dropdown.module.scss.js";import{withStaticProps as H}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as _}from"../../tests/constants.js";import G from"../../../components/layer/dist/LayerProvider/LayerContext.js";import K from"../../../components/typography/dist/Text/Text.js";var J=H(l((function(a,l){var O=a.className,P=a.optionWrapperClassName,V=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,H=a.placeholder,J=void 0===H?"":H,Q=a.allowPlaceholderEllipsis,U=a.disabled,X=void 0!==U&&U,Y=a.readOnly,Z=void 0!==Y&&Y,$=a.onMenuOpen,ee=void 0===$?C:$,ne=a.onMenuClose,oe=void 0===ne?C:ne,te=a.onFocus,re=void 0===te?C:te,ie=a.onBlur,ae=void 0===ie?C:ie,se=a.onScroll,le=void 0===se?C:se,ce=a.onMenuScrollToBottom,ue=void 0===ce?C:ce,de=a.onChange,pe=void 0===de?C:de,me=a.searchable,fe=void 0===me||me,ve=a.captureMenuScroll,Oe=void 0!==ve&&ve,be=a.options,ge=void 0===be?[]:be,je=a.defaultValue,Ce=a.value,ye=a.noOptionsMessage,Me=a.openMenuOnFocus,he=a.openMenuOnClick,we=a.clearable,Se=void 0===we||we,De=a.OptionRenderer,Ie=a.optionRenderer,Pe=a.ValueRenderer,Ve=a.valueRenderer,Re=a.menuRenderer,xe=a.menuPlacement,Le=void 0===xe?"bottom":xe,Ee=a.rtl,Ne=a.size,We=void 0===Ne?"medium":Ne,Ae=a.asyncOptions,Te=a.cacheOptions,ze=a.defaultOptions,Fe=a.isVirtualized,Be=a.menuPortalTarget,ke=a.extraStyles,qe=void 0===ke?L:ke,He=a.maxMenuHeight,_e=a.menuIsOpen,Ge=a.tabIndex,Ke=void 0===Ge?"0":Ge,Je=a.id,Qe=void 0===Je?E:Je,Ue=a.menuId,Xe=void 0===Ue?N:Ue,Ye=a.menuAriaLabel,Ze=void 0===Ye?W:Ye,$e=a.inputAriaLabel,en=void 0===$e?A:$e,nn=a.autoFocus,on=void 0!==nn&&nn,tn=a.multi,rn=void 0!==tn&&tn,an=a.multiline,sn=void 0!==an&&an,ln=a.onOptionRemove,cn=a.onOptionSelect,un=a.onClear,dn=a.onInputChange,pn=void 0===dn?C:dn,mn=a.closeMenuOnSelect,fn=void 0===mn?!rn:mn,vn=a.closeMenuOnScroll,On=void 0!==vn&&vn,bn=a.withMandatoryDefaultOptions,gn=void 0!==bn&&bn,jn=a.isOptionSelected,Cn=a.insideOverflowContainer,yn=void 0!==Cn&&Cn,Mn=a.insideOverflowWithTransformContainer,hn=void 0!==Mn&&Mn,wn=a.insideLayerContext,Sn=void 0!==wn&&wn,Dn=a.tooltipContent,In=void 0===Dn?"":Dn,Pn=a.onKeyDown,Vn=void 0===Pn?C:Pn,Rn=a.isLoading,xn=void 0!==Rn&&Rn,Ln=a.loadingMessage,En=a.ariaLabel,Nn=a.tabSelectsValue,Wn=void 0===Nn||Nn,An=a.popupsContainerSelector,Tn=a.filterOption,zn=a.menuPosition,Fn=void 0===zn?"absolute":zn,Bn=a["data-testid"],kn=a.withGroupDivider,qn=void 0!==kn&&kn,Hn=a.inputValue,_n=a.blurInputOnSelect,Gn=a.multiValueDialogClassName;B({component:"Dropdown",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown from @vibe/core/next instead."});var Kn=c(),Jn=u(G).layerRef,Qn=Sn&&(null==Jn?void 0:Jn.current)||Be||An&&document.querySelector(An),Un=d((function(){return je?Array.isArray(je)?je.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},je),{isMandatory:!0}):je}),[je]);j.prototype.renderLiveRegion=function(){return null};var Xn=p(null),Yn=e(Xn,2),Zn=Yn[0],$n=Yn[1];m((function(){I()&&(!function(){try{return"function"==typeof require&&"undefined"!=typeof module&&"undefined"!=typeof process&&"test"===process.env.NODE_ENV}catch(e){return!1}}()?import("react-windowed-select").then((function(e){$n((function(){return e.WindowedMenuList}))})):$n((function(){return require("react-windowed-select").WindowedMenuList})))}),[]);var eo=p(Un||[]),no=e(eo,2),oo=no[0],to=no[1],ro=p(""),io=e(ro,2),ao=io[0],so=io[1],lo=Ie||De,co=Ve||Pe,uo=!!Ce,po=null!=Ce?Ce:oo,mo=d((function(){return Array.isArray(po)?po.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[po]),fo=d((function(){return En||"".concat(Z?"Readonly ":""," ").concat(In," ").concat(Array.isArray(po)?"Selected: ".concat(po.map((function(e){return e.label})).join(", ")):"Select")}),[En,Z,po,In]),vo=rn?po:Ce,Oo=d((function(){var o=T({size:We,rtl:Ee,insideOverflowContainer:yn,controlRef:Kn,insideOverflowWithTransformContainer:hn,withGroupDivider:qn,searchable:fe,allowPlaceholderEllipsis:Q}),t=qe(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(rn){sn&&x.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[We,Ee,yn,hn,Q,qe,rn,sn]),bo=f((function(e){return s.createElement(y,Object.assign({},e,{id:Xe,ariaLabel:Ze,Renderer:Re,dropdownMenuWrapperClassName:R,onScroll:le}))}),[R,Re,Xe,Ze,le]),go=f((function(e){return s.createElement(M,Object.assign({},e,{size:We}))}),[We]),jo=f((function(e){return s.createElement(h,Object.assign({setFocusedOptionId:so},e,{Renderer:lo,optionWrapperClassName:P}))}),[lo,P,so]),Co=f((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(b.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!Z&&t,"aria-label":en,"aria-controls":Xe,readOnly:!fe||void 0}))}),[Xe,Z]),yo=f((function(e){return s.createElement(w,Object.assign({},e,{readOnly:Z,Renderer:co,selectedOption:po[0],singleValueWrapperClassName:V}))}),[co,Z,po,V]),Mo=f((function(e){return s.createElement(S,Object.assign({},e,{size:We}))}),[We]),ho=d((function(){return function(e,n){ln&&ln(mo[e]);var o=Array.isArray(po)?po.filter((function(n){return n.value!==e})):po;pe&&pe(o,n),to(o)}}),[pe,ln,po,mo]),wo=d((function(){return{selectedOptions:po,onSelectedDelete:ho,isMultiline:sn,insideOverflowContainer:yn,insideOverflowWithTransformContainer:hn,controlRef:Kn,tooltipContent:In,popupsContainerSelector:Sn?null==Jn?void 0:Jn.current:An,size:We,dialogClassName:Gn}}),[po,ho,sn,yn,hn,In,Jn,An,Sn,We,Gn]),So=Ae?g:v;So=So.default||So;var Do=Object.assign({},Ae&&Object.assign({loadOptions:Ae,cacheOptions:Te},ze&&{defaultOptions:ze})),Io=Object.assign(Object.assign({},!Ae&&{options:ge}),rn&&{isMulti:!0}),Po=f((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(k.dropdownMenuWrapper))&&(On||yn||hn)}),[yn,hn,On]),Vo=d((function(){return Q?s.createElement(K,{type:"text2",color:"inherit"},J):J}),[Q,J]);return s.createElement(So,Object.assign({className:i(q.dropdown,O),selectProps:wo,components:Object.assign(Object.assign({DropdownIndicator:go,Menu:bo,ClearIndicator:Mo,Input:Co,Option:jo,Control:F,SingleValue:yo},rn&&{MultiValue:C,ValueContainer:D}),Fe&&Zn&&{MenuList:Zn}),closeMenuOnScroll:Po,size:We,noOptionsMessage:ye,placeholder:Vo,isDisabled:X,isClearable:!Z&&Se,isSearchable:!Z,readOnly:Z,"aria-readonly":Z,"aria-label":fo,"aria-details":In,"aria-haspopup":"listbox",defaultValue:je,value:vo,onMenuOpen:ee,onMenuClose:oe,onFocus:re,onBlur:ae,onMenuScrollToBottom:ue,captureMenuScroll:Oe,onChange:function(e,n){switch(pe&&pe(e,n),n.action){case"select-option":var t=rn?n.option:e;cn&&cn(t),uo||to([].concat(o(po),[t]));break;case"clear":un&&un(),uo||to(gn?Un:[])}},onKeyDown:Vn,onInputChange:pn,openMenuOnFocus:Me,openMenuOnClick:he,focusedOptionId:ao,isRtl:Ee,styles:Oo,theme:z,maxMenuHeight:He,menuPortalTarget:Qn,menuPlacement:Le,menuPosition:Fn,menuIsOpen:!Z&&_e,tabIndex:Ke,id:Qe,"data-testid":Bn||t(r.DROPDOWN,Qe),"data-vibe":_.DROPDOWN,autoFocus:on,closeMenuOnSelect:fn,ref:l,withMandatoryDefaultOptions:gn,isOptionSelected:jn,isLoading:xn,loadingMessage:Ln,tabSelectsValue:Wn,filterOption:Tn,inputValue:Hn,blurInputOnSelect:_n},Do,Io))})),{sizes:a,chipColors:P,menuPlacements:V,menuPositions:R,createFilter:O});export{J as default};
+import o,{forwardRef as r,useRef as e}from"react";import t from"../../hooks/useMergeRef.js";import n from"./modes/DropdownComboboxController.js";import l from"./modes/DropdownMultiComboboxController.js";import m from"./modes/DropdownSelectController.js";import s from"./modes/DropdownMultiSelectController.js";var i=r((function(r,i){var u=!!r.searchable,d=e(null),f=t(i,d);return function(o){return o.multi}(r)?o.createElement(u?l:s,Object.assign({},r,{dropdownRef:f})):function(o){return!o.multi}(r)?o.createElement(u?n:m,Object.assign({},r,{dropdownRef:f})):null}));export{i as default};
 //# sourceMappingURL=Dropdown.js.map