@vibe/core 4.0.0-rc.0 → 4.0.1-alpha-649fd.0

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerItemComponent.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { useRef, useCallback, useMemo, forwardRef, useEffect } from \"react\";\nimport { contentColors } from \"../../../../utils/colors-vars-map\";\nimport ColorUtils from \"../../../../utils/colors-utils\";\nimport { Icon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type ColorPickerValueOnly } from \"../../ColorPicker.types\";\nimport { type ColorShapes, type ColorPickerSizes } from \"../../ColorPicker.types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type VibeComponentProps, type ElementContent, type ColorStyle } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./ColorPickerItemComponent.module.scss\";\n\nexport interface ColorPickerItemComponentProps extends VibeComponentProps {\n  /**\n   * The color value of the item.\n   */\n  color: ColorPickerValueOnly;\n  /**\n   * Callback fired when the color is clicked.\n   */\n  onColorClicked: (color: ColorPickerValueOnly) => void;\n  /**\n   * The style applied to the color.\n   */\n  colorStyle: ColorStyle;\n  /**\n   * If true, renders the color indicator without a background.\n   */\n  shouldRenderIndicatorWithoutBackground: boolean;\n  /**\n   * Icon displayed inside the color item.\n   */\n  ColorIndicatorIcon: SubIcon;\n  /**\n   * Icon displayed when the color is selected.\n   */\n  SelectedIndicatorIcon: SubIcon;\n  /**\n   * If true, the color is marked as selected.\n   */\n  isSelected: boolean;\n  /**\n   * The size of the color item.\n   */\n  colorSize: ColorPickerSizes;\n  /**\n   * Tooltip content for the color item.\n   */\n  tooltipContent: ElementContent;\n  /**\n   * If true, the color item is currently active.\n   */\n  isActive: boolean;\n  /**\n   * The shape of the color item.\n   */\n  colorShape: ColorShapes;\n}\n\nconst ColorPickerItemComponent = forwardRef(\n  (\n    {\n      color,\n      onColorClicked,\n      colorStyle = \"regular\",\n      shouldRenderIndicatorWithoutBackground,\n      ColorIndicatorIcon,\n      SelectedIndicatorIcon = ColorIndicatorIcon,\n      isSelected,\n      colorSize,\n      tooltipContent,\n      isActive,\n      colorShape,\n      \"data-testid\": dataTestId\n    }: ColorPickerItemComponentProps,\n    _ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const isMondayColor = useMemo(() => (contentColors as readonly string[]).includes(color), [color]); // casting to any since color can be one of the system content colors but can also be a custom one\n    const colorAsStyle = isMondayColor ? ColorUtils.getMondayColorAsStyle(color, colorStyle) : color;\n    const itemRef = useRef<HTMLDivElement>(null);\n\n    const onClick = useCallback(() => onColorClicked(color), [onColorClicked, color]);\n\n    useEffect(() => {\n      if (!itemRef?.current || shouldRenderIndicatorWithoutBackground || !isMondayColor) return;\n      const item = itemRef.current;\n      const setHoverColor = (e: MouseEvent) => {\n        if (colorStyle === \"selected\") {\n          (e.target as HTMLDivElement).style.background = ColorUtils.getMondayColorAsStyle(color, \"regular\");\n        } else {\n          (e.target as HTMLDivElement).style.background = ColorUtils.getMondayColorAsStyle(color, \"hover\");\n        }\n      };\n      const restoreToOriginalColor = (e: MouseEvent) => {\n        (e.target as HTMLDivElement).style.background = colorAsStyle;\n      };\n      item.addEventListener(\"mouseenter\", setHoverColor, false);\n      item.addEventListener(\"mouseleave\", restoreToOriginalColor, false);\n\n      return () => {\n        item.removeEventListener(\"mouseenter\", setHoverColor, false);\n        item.removeEventListener(\"mouseleave\", restoreToOriginalColor, false);\n      };\n    }, [color, colorAsStyle, colorStyle, isMondayColor, itemRef, shouldRenderIndicatorWithoutBackground]);\n\n    const shouldRenderIcon = isSelected || ColorIndicatorIcon;\n    const colorIndicatorWrapperStyle = shouldRenderIndicatorWithoutBackground ? { color: colorAsStyle } : {};\n    return (\n      <Tooltip content={tooltipContent}>\n        <li\n          className={cx(styles.itemWrapper, {\n            [styles.selectedColor]: isSelected,\n            [styles.active]: isActive,\n            [styles.circle]: colorShape === \"circle\"\n          })}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.COLOR_PICKER_ITEM, color)}\n        >\n          <div className={cx(styles.feedbackIndicator)} />\n          <Clickable\n            ref={itemRef}\n            aria-label={color}\n            className={cx(styles.colorItem, getStyle(styles, camelCase(\"color-item-size-\" + colorSize)), {\n              [styles.colorItemTextMode]: shouldRenderIndicatorWithoutBackground\n            })}\n            style={{ background: shouldRenderIndicatorWithoutBackground ? \"transparent\" : colorAsStyle }}\n            onClick={onClick}\n            tabIndex={-1}\n            onMouseDown={e => e.preventDefault()} // this is for quill to not lose the selection\n          >\n            <div className={cx(styles.colorIndicatorWrapper)} style={colorIndicatorWrapperStyle}>\n              {shouldRenderIcon && (\n                <Icon\n                  icon={isSelected ? SelectedIndicatorIcon : ColorIndicatorIcon}\n                  className={cx({\n                    [styles.colorIconWhite]: !shouldRenderIndicatorWithoutBackground\n                  })}\n                  ignoreFocusStyle\n                />\n              )}\n            </div>\n          </Clickable>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default ColorPickerItemComponent;\n"],"names":["ColorPickerItemComponent","forwardRef","_ref2","_ref","color","onColorClicked","_ref2$colorStyle","colorStyle","shouldRenderIndicatorWithoutBackground","ColorIndicatorIcon","_ref2$SelectedIndicat","SelectedIndicatorIcon","isSelected","colorSize","tooltipContent","isActive","colorShape","dataTestId","isMondayColor","useMemo","contentColors","includes","colorAsStyle","ColorUtils","getMondayColorAsStyle","itemRef","useRef","onClick","useCallback","useEffect","current","item","setHoverColor","e","target","style","background","restoreToOriginalColor","addEventListener","removeEventListener","shouldRenderIcon","colorIndicatorWrapperStyle","React","createElement","Tooltip","content","className","cx","styles","itemWrapper","_defineProperty","selectedColor","active","circle","getTestId","ComponentDefaultTestId","COLOR_PICKER_ITEM","feedbackIndicator","Clickable","ref","colorItem","getStyle","camelCase","colorItemTextMode","tabIndex","onMouseDown","preventDefault","colorIndicatorWrapper","Icon","icon","colorIconWhite","ignoreFocusStyle"],"mappings":"00BAgEMA,IAAAA,EAA2BC,GAC/B,SAAAC,EAeEC,GACE,IAdAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAsCN,EAAtCM,uCACAC,EAAkBP,EAAlBO,mBAAkBC,EAAAR,EAClBS,sBAAAA,OAAwBF,IAAHC,EAAGD,EAAkBC,EAC1CE,EAAUV,EAAVU,WACAC,EAASX,EAATW,UACAC,EAAcZ,EAAdY,eACAC,EAAQb,EAARa,SACAC,EAAUd,EAAVc,WACeC,EAAUf,EAAzB,eAIIgB,EAAgBC,GAAQ,WAAA,OAAOC,EAAoCC,SAASjB,EAAM,GAAE,CAACA,IACrFkB,EAAeJ,EAAgBK,EAAWC,sBAAsBpB,EAAOG,GAAcH,EACrFqB,EAAUC,EAAuB,MAEjCC,EAAUC,GAAY,WAAA,OAAMvB,EAAeD,EAAM,GAAE,CAACC,EAAgBD,IAE1EyB,GAAU,WACR,IAAKJ,aAAA,EAAAA,EAASK,WAAWtB,GAA2CU,EAApE,CACA,IAAMa,EAAON,EAAQK,QACfE,EAAgB,SAACC,GAElBA,EAAEC,OAA0BC,MAAMC,WAAab,EAAWC,sBAAsBpB,EADhE,aAAfG,EACsF,UAEA,UAGtF8B,EAAyB,SAACJ,GAC7BA,EAAEC,OAA0BC,MAAMC,WAAad,GAKlD,OAHAS,EAAKO,iBAAiB,aAAcN,GAAe,GACnDD,EAAKO,iBAAiB,aAAcD,GAAwB,GAErD,WACLN,EAAKQ,oBAAoB,aAAcP,GAAe,GACtDD,EAAKQ,oBAAoB,aAAcF,GAAwB,GAjBkB,CAmBrF,GAAG,CAACjC,EAAOkB,EAAcf,EAAYW,EAAeO,EAASjB,IAE7D,IAAMgC,EAAmB5B,GAAcH,EACjCgC,EAA6BjC,EAAyC,CAAEJ,MAAOkB,GAAiB,GACtG,OACEoB,EAACC,cAAAC,EAAQ,CAAAC,QAAS/B,GAChB4B,EAAAC,cAAA,KAAA,CACEG,UAAWC,EAAGC,EAAOC,YAAWC,EAAAA,EAAAA,EAAA,CAAA,EAC7BF,EAAOG,cAAgBvC,GACvBoC,EAAOI,OAASrC,GAChBiC,EAAOK,OAAwB,WAAfrC,IACjB,cACWC,GAAcqC,EAAUC,EAAuBC,kBAAmBpD,IAE/EsC,EAAKC,cAAA,MAAA,CAAAG,UAAWC,EAAGC,EAAOS,qBAC1Bf,EAACC,cAAAe,EACC,CAAAC,IAAKlC,EACO,aAAArB,EACZ0C,UAAWC,EAAGC,EAAOY,UAAWC,EAASb,EAAQc,EAAU,mBAAqBjD,IAAWqC,EAAA,CAAA,EACxFF,EAAOe,kBAAoBvD,IAE9B2B,MAAO,CAAEC,WAAY5B,EAAyC,cAAgBc,GAC9EK,QAASA,EACTqC,UAAW,EACXC,YAAa,SAAAhC,GAAC,OAAIA,EAAEiC,gBAAgB,GAEpCxB,EAAAC,cAAA,MAAA,CAAKG,UAAWC,EAAGC,EAAOmB,uBAAwBhC,MAAOM,GACtDD,GACCE,EAAAC,cAACyB,EAAI,CACHC,KAAMzD,EAAaD,EAAwBF,EAC3CqC,UAAWC,EAAEG,EACVF,CAAAA,EAAAA,EAAOsB,gBAAkB9D,IAE5B+D,kBACA,OAOhB"}
+{"version":3,"file":"ColorPickerItemComponent.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport React, { useRef, useCallback, useMemo, forwardRef, useEffect } from \"react\";\nimport { contentColors } from \"../../../../utils/colors-vars-map\";\nimport ColorUtils from \"../../../../utils/colors-utils\";\nimport { Icon } from \"@vibe/icon\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type ColorPickerValueOnly } from \"../../ColorPicker.types\";\nimport { type ColorShapes, type ColorPickerSizes } from \"../../ColorPicker.types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type VibeComponentProps, type ElementContent, type ColorStyle } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./ColorPickerItemComponent.module.scss\";\n\nexport interface ColorPickerItemComponentProps extends VibeComponentProps {\n  /**\n   * The color value of the item.\n   */\n  color: ColorPickerValueOnly;\n  /**\n   * Callback fired when the color is clicked.\n   */\n  onColorClicked: (color: ColorPickerValueOnly) => void;\n  /**\n   * The style applied to the color.\n   */\n  colorStyle: ColorStyle;\n  /**\n   * If true, renders the color indicator without a background.\n   */\n  shouldRenderIndicatorWithoutBackground: boolean;\n  /**\n   * Icon displayed inside the color item.\n   */\n  ColorIndicatorIcon: SubIcon;\n  /**\n   * Icon displayed when the color is selected.\n   */\n  SelectedIndicatorIcon: SubIcon;\n  /**\n   * If true, the color is marked as selected.\n   */\n  isSelected: boolean;\n  /**\n   * The size of the color item.\n   */\n  colorSize: ColorPickerSizes;\n  /**\n   * Tooltip content for the color item.\n   */\n  tooltipContent: ElementContent;\n  /**\n   * If true, the color item is currently active.\n   */\n  isActive: boolean;\n  /**\n   * The shape of the color item.\n   */\n  colorShape: ColorShapes;\n  /**\n   * Human-readable label for the color, used for screen reader announcements.\n   */\n  colorAriaLabel: string;\n}\n\nconst ColorPickerItemComponent = forwardRef(\n  (\n    {\n      color,\n      onColorClicked,\n      colorStyle = \"regular\",\n      shouldRenderIndicatorWithoutBackground,\n      ColorIndicatorIcon,\n      SelectedIndicatorIcon = ColorIndicatorIcon,\n      isSelected,\n      colorSize,\n      tooltipContent,\n      isActive,\n      colorShape,\n      colorAriaLabel,\n      id,\n      \"data-testid\": dataTestId\n    }: ColorPickerItemComponentProps,\n    _ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const isMondayColor = useMemo(() => (contentColors as readonly string[]).includes(color), [color]); // casting to any since color can be one of the system content colors but can also be a custom one\n    const colorAsStyle = isMondayColor ? ColorUtils.getMondayColorAsStyle(color, colorStyle) : color;\n    const itemRef = useRef<HTMLDivElement>(null);\n\n    const onClick = useCallback(() => onColorClicked(color), [onColorClicked, color]);\n\n    useEffect(() => {\n      if (!itemRef?.current || shouldRenderIndicatorWithoutBackground || !isMondayColor) return;\n      const item = itemRef.current;\n      const setHoverColor = (e: MouseEvent) => {\n        if (colorStyle === \"selected\") {\n          (e.target as HTMLDivElement).style.background = ColorUtils.getMondayColorAsStyle(color, \"regular\");\n        } else {\n          (e.target as HTMLDivElement).style.background = ColorUtils.getMondayColorAsStyle(color, \"hover\");\n        }\n      };\n      const restoreToOriginalColor = (e: MouseEvent) => {\n        (e.target as HTMLDivElement).style.background = colorAsStyle;\n      };\n      item.addEventListener(\"mouseenter\", setHoverColor, false);\n      item.addEventListener(\"mouseleave\", restoreToOriginalColor, false);\n\n      return () => {\n        item.removeEventListener(\"mouseenter\", setHoverColor, false);\n        item.removeEventListener(\"mouseleave\", restoreToOriginalColor, false);\n      };\n    }, [color, colorAsStyle, colorStyle, isMondayColor, itemRef, shouldRenderIndicatorWithoutBackground]);\n\n    const shouldRenderIcon = isSelected || ColorIndicatorIcon;\n    const colorIndicatorWrapperStyle = shouldRenderIndicatorWithoutBackground ? { color: colorAsStyle } : {};\n    return (\n      <Tooltip content={tooltipContent}>\n        <li\n          id={id}\n          role=\"option\"\n          aria-selected={isSelected}\n          className={cx(styles.itemWrapper, {\n            [styles.selectedColor]: isSelected,\n            [styles.active]: isActive,\n            [styles.circle]: colorShape === \"circle\"\n          })}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.COLOR_PICKER_ITEM, color)}\n        >\n          <div className={cx(styles.feedbackIndicator)} />\n          <Clickable\n            ref={itemRef}\n            role=\"presentation\"\n            aria-label={colorAriaLabel}\n            className={cx(styles.colorItem, getStyle(styles, camelCase(\"color-item-size-\" + colorSize)), {\n              [styles.colorItemTextMode]: shouldRenderIndicatorWithoutBackground\n            })}\n            style={{ background: shouldRenderIndicatorWithoutBackground ? \"transparent\" : colorAsStyle }}\n            onClick={onClick}\n            tabIndex={-1}\n            onMouseDown={e => e.preventDefault()} // this is for quill to not lose the selection\n          >\n            <div className={cx(styles.colorIndicatorWrapper)} style={colorIndicatorWrapperStyle}>\n              {shouldRenderIcon && (\n                <Icon\n                  icon={isSelected ? SelectedIndicatorIcon : ColorIndicatorIcon}\n                  className={cx({\n                    [styles.colorIconWhite]: !shouldRenderIndicatorWithoutBackground\n                  })}\n                  ignoreFocusStyle\n                />\n              )}\n            </div>\n          </Clickable>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default ColorPickerItemComponent;\n"],"names":["ColorPickerItemComponent","forwardRef","_ref2","_ref","color","onColorClicked","_ref2$colorStyle","colorStyle","shouldRenderIndicatorWithoutBackground","ColorIndicatorIcon","_ref2$SelectedIndicat","SelectedIndicatorIcon","isSelected","colorSize","tooltipContent","isActive","colorShape","colorAriaLabel","id","dataTestId","isMondayColor","useMemo","contentColors","includes","colorAsStyle","ColorUtils","getMondayColorAsStyle","itemRef","useRef","onClick","useCallback","useEffect","current","item","setHoverColor","e","target","style","background","restoreToOriginalColor","addEventListener","removeEventListener","shouldRenderIcon","colorIndicatorWrapperStyle","React","createElement","Tooltip","content","role","className","cx","styles","itemWrapper","_defineProperty","selectedColor","active","circle","getTestId","ComponentDefaultTestId","COLOR_PICKER_ITEM","feedbackIndicator","Clickable","ref","colorItem","getStyle","camelCase","colorItemTextMode","tabIndex","onMouseDown","preventDefault","colorIndicatorWrapper","Icon","icon","colorIconWhite","ignoreFocusStyle"],"mappings":"u1BAoEMA,IAAAA,EAA2BC,GAC/B,SAAAC,EAiBEC,GACE,IAhBAC,EAAKF,EAALE,MACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAsCN,EAAtCM,uCACAC,EAAkBP,EAAlBO,mBAAkBC,EAAAR,EAClBS,sBAAAA,OAAwBF,IAAHC,EAAGD,EAAkBC,EAC1CE,EAAUV,EAAVU,WACAC,EAASX,EAATW,UACAC,EAAcZ,EAAdY,eACAC,EAAQb,EAARa,SACAC,EAAUd,EAAVc,WACAC,EAAcf,EAAde,eACAC,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAgBC,GAAQ,WAAA,OAAOC,EAAoCC,SAASnB,EAAM,GAAE,CAACA,IACrFoB,EAAeJ,EAAgBK,EAAWC,sBAAsBtB,EAAOG,GAAcH,EACrFuB,EAAUC,EAAuB,MAEjCC,EAAUC,GAAY,WAAA,OAAMzB,EAAeD,EAAM,GAAE,CAACC,EAAgBD,IAE1E2B,GAAU,WACR,IAAKJ,aAAA,EAAAA,EAASK,WAAWxB,GAA2CY,EAApE,CACA,IAAMa,EAAON,EAAQK,QACfE,EAAgB,SAACC,GAElBA,EAAEC,OAA0BC,MAAMC,WAAab,EAAWC,sBAAsBtB,EADhE,aAAfG,EACsF,UAEA,UAGtFgC,EAAyB,SAACJ,GAC7BA,EAAEC,OAA0BC,MAAMC,WAAad,GAKlD,OAHAS,EAAKO,iBAAiB,aAAcN,GAAe,GACnDD,EAAKO,iBAAiB,aAAcD,GAAwB,GAErD,WACLN,EAAKQ,oBAAoB,aAAcP,GAAe,GACtDD,EAAKQ,oBAAoB,aAAcF,GAAwB,GAjBkB,CAmBrF,GAAG,CAACnC,EAAOoB,EAAcjB,EAAYa,EAAeO,EAASnB,IAE7D,IAAMkC,EAAmB9B,GAAcH,EACjCkC,EAA6BnC,EAAyC,CAAEJ,MAAOoB,GAAiB,GACtG,OACEoB,EAACC,cAAAC,EAAQ,CAAAC,QAASjC,GAChB8B,EAAAC,cAAA,KAAA,CACE3B,GAAIA,EACJ8B,KAAK,SAAQ,gBACEpC,EACfqC,UAAWC,EAAGC,EAAOC,YAAWC,EAAAA,EAAAA,EAAA,CAAA,EAC7BF,EAAOG,cAAgB1C,GACvBuC,EAAOI,OAASxC,GAChBoC,EAAOK,OAAwB,WAAfxC,IACjB,cACWG,GAAcsC,EAAUC,EAAuBC,kBAAmBvD,IAE/EwC,EAAKC,cAAA,MAAA,CAAAI,UAAWC,EAAGC,EAAOS,qBAC1BhB,EAAAC,cAACgB,EAAS,CACRC,IAAKnC,EACLqB,KAAK,eAAc,aACP/B,EACZgC,UAAWC,EAAGC,EAAOY,UAAWC,EAASb,EAAQc,EAAU,mBAAqBpD,IAAWwC,EAAA,CAAA,EACxFF,EAAOe,kBAAoB1D,IAE9B6B,MAAO,CAAEC,WAAY9B,EAAyC,cAAgBgB,GAC9EK,QAASA,EACTsC,UAAW,EACXC,YAAa,SAAAjC,GAAC,OAAIA,EAAEkC,gBAAgB,GAEpCzB,EAAAC,cAAA,MAAA,CAAKI,UAAWC,EAAGC,EAAOmB,uBAAwBjC,MAAOM,GACtDD,GACCE,EAAAC,cAAC0B,EAAI,CACHC,KAAM5D,EAAaD,EAAwBF,EAC3CwC,UAAWC,EAAEG,EACVF,CAAAA,EAAAA,EAAOsB,gBAAkBjE,IAE5BkE,kBACA,OAOhB"}

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_89aca29426",circle:"circle_5e21d90df5",feedbackIndicator:"feedbackIndicator_b5b1b1b25c",active:"active_141bcbc4a1",selectedColor:"selectedColor_da32598863",colorItem:"colorItem_19ad575c10",colorIndicatorWrapper:"colorIndicatorWrapper_f5929e4089",colorItemSizeSmall:"colorItemSizeSmall_e78dd72b44",colorItemSizeMedium:"colorItemSizeMedium_0b5c076bce",colorItemSizeLarge:"colorItemSizeLarge_20921614a4",colorItemTextMode:"colorItemTextMode_d1d2604c70",colorIconWhite:"colorIconWhite_24e76c3a30"};!function(e){const r="s_id-4f41e3ef6859_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_89aca29426.circle_5e21d90df5 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_89aca29426 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_89aca29426 .feedbackIndicator_b5b1b1b25c {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_89aca29426:focus,\n.itemWrapper_89aca29426:focus-visible,\n.itemWrapper_89aca29426.active_141bcbc4a1 {\n  outline: none;\n}\n\n.itemWrapper_89aca29426:focus .feedbackIndicator_b5b1b1b25c:before,\n.itemWrapper_89aca29426:focus-visible .feedbackIndicator_b5b1b1b25c:before,\n.itemWrapper_89aca29426.active_141bcbc4a1 .feedbackIndicator_b5b1b1b25c:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_89aca29426:focus .feedbackIndicator_b5b1b1b25c:after,\n.itemWrapper_89aca29426:focus-visible .feedbackIndicator_b5b1b1b25c:after,\n.itemWrapper_89aca29426.active_141bcbc4a1 .feedbackIndicator_b5b1b1b25c:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_89aca29426:hover:not(.active_141bcbc4a1):not(.selectedColor_da32598863) .feedbackIndicator_b5b1b1b25c {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_89aca29426 .colorItem_19ad575c10 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_89aca29426 .colorItem_19ad575c10 .colorIndicatorWrapper_f5929e4089 {\n  display: flex;\n}\n\n.itemWrapper_89aca29426 .colorItem_19ad575c10.colorItemSizeSmall_e78dd72b44 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_89aca29426 .colorItem_19ad575c10.colorItemSizeMedium_0b5c076bce {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_89aca29426 .colorItem_19ad575c10.colorItemSizeLarge_20921614a4 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_89aca29426.selectedColor_da32598863 {\n  position: relative;\n}\n\n.itemWrapper_89aca29426.selectedColor_da32598863:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_89aca29426.selectedColor_da32598863 .feedbackIndicator_b5b1b1b25c:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_89aca29426 .colorItemTextMode_d1d2604c70:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_89aca29426 .colorIconWhite_24e76c3a30 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_e5ed4b2ee9",circle:"circle_3c7f5615ff",feedbackIndicator:"feedbackIndicator_051f339bc1",active:"active_bd501bafab",selectedColor:"selectedColor_c8c4d3b9fa",colorItem:"colorItem_69652a4ceb",colorIndicatorWrapper:"colorIndicatorWrapper_a9da1e9cc3",colorItemSizeSmall:"colorItemSizeSmall_47badac632",colorItemSizeMedium:"colorItemSizeMedium_4ce246289e",colorItemSizeLarge:"colorItemSizeLarge_a76391c93e",colorItemTextMode:"colorItemTextMode_69141bf34f",colorIconWhite:"colorIconWhite_74482585fc"};!function(e){const r="s_id-4f41e3ef6859_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_e5ed4b2ee9.circle_3c7f5615ff {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_e5ed4b2ee9 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_e5ed4b2ee9 .feedbackIndicator_051f339bc1 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_e5ed4b2ee9:focus,\n.itemWrapper_e5ed4b2ee9:focus-visible,\n.itemWrapper_e5ed4b2ee9.active_bd501bafab {\n  outline: none;\n}\n\n.itemWrapper_e5ed4b2ee9:focus .feedbackIndicator_051f339bc1:before,\n.itemWrapper_e5ed4b2ee9:focus-visible .feedbackIndicator_051f339bc1:before,\n.itemWrapper_e5ed4b2ee9.active_bd501bafab .feedbackIndicator_051f339bc1:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_e5ed4b2ee9:focus .feedbackIndicator_051f339bc1:after,\n.itemWrapper_e5ed4b2ee9:focus-visible .feedbackIndicator_051f339bc1:after,\n.itemWrapper_e5ed4b2ee9.active_bd501bafab .feedbackIndicator_051f339bc1:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_e5ed4b2ee9:hover:not(.active_bd501bafab):not(.selectedColor_c8c4d3b9fa) .feedbackIndicator_051f339bc1 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorItem_69652a4ceb {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorItem_69652a4ceb .colorIndicatorWrapper_a9da1e9cc3 {\n  display: flex;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorItem_69652a4ceb.colorItemSizeSmall_47badac632 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorItem_69652a4ceb.colorItemSizeMedium_4ce246289e {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorItem_69652a4ceb.colorItemSizeLarge_a76391c93e {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_e5ed4b2ee9.selectedColor_c8c4d3b9fa {\n  position: relative;\n}\n\n.itemWrapper_e5ed4b2ee9.selectedColor_c8c4d3b9fa:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_e5ed4b2ee9.selectedColor_c8c4d3b9fa .feedbackIndicator_051f339bc1:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorItemTextMode_69141bf34f:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_e5ed4b2ee9 .colorIconWhite_74482585fc {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useRef as r,useState as n,useCallback as a,useMemo as l}from"react";import{camelCase as d,noop as c,isFunction as m}from"es-toolkit";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as u,ComponentDefaultTestId as v}from"../../tests/testIds.js";import b from"../../hooks/useMergeRef.js";import f from"../Search/Search.js";import{useWarnDeprecated as h}from"../../utils/warn-deprecated.js";import{defaultFilter as C}from"./ComboboxService.js";import{ComboboxItems as g}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as x}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as I,useKeyboardNavigation as y}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as O}from"./helpers.js";import{COMBOBOX_LISTBOX_ID as N}from"./components/ComboboxConstants.js";import j from"./Combobox.module.scss.js";import{ComponentVibeId as R}from"../../tests/constants.js";import S from"../../../components/typography/dist/Text/Text.js";import k from"../../../components/button/dist/Button/Button.js";var F=s((function(s,F){var H=s.className,A=void 0===H?"":H,E=s.optionClassName,L=void 0===E?"":E,w=s.searchWrapperClassName,M=s.stickyCategoryClassName,B=s.searchIcon,T=s.id,V=void 0===T?"":T,W=s.placeholder,z=void 0===W?"":W,D=s.size,P=void 0===D?"medium":D,X=s.defaultVisualFocusFirstIndex,_=s.optionLineHeight,q=void 0===_?32:_,G=s.optionsListHeight,J=s.autoFocus,K=void 0!==J&&J,Q=s.disabled,U=void 0!==Q&&Q,Y=s.options,Z=void 0===Y?[]:Y,$=s.categories,ee=s.withCategoriesDivider,oe=void 0!==ee&&ee,te=s.noResultsMessage,ie=void 0===te?"No results found":te,se=s.onAddNew,re=s.addNewLabel,ne=void 0===re?"Add new":re,ae=s.onClick,le=void 0===ae?function(e){}:ae,de=s.filter,ce=void 0===de?C:de,me=s.disableFilter,pe=void 0!==me&&me,ue=s.filterValue,ve=s.onFilterChanged,be=s.loading,fe=void 0!==be&&be,he=s.onOptionHover,Ce=void 0===he?c:he,ge=s.onOptionLeave,xe=void 0===ge?c:ge,Ie=s.shouldScrollToSelectedItem,ye=void 0===Ie||Ie,Oe=s.noResultsRenderer,Ne=s.stickyCategories,je=void 0!==Ne&&Ne,Re=s.optionRenderer,Se=void 0===Re?null:Re,ke=s.renderOnlyVisibleOptions,Fe=void 0!==ke&&ke,He=s.clearFilterOnSelection,Ae=void 0!==He&&He,Ee=s.maxOptionsWithoutScroll,Le=s.defaultFilter,we=void 0===Le?"":Le,Me=s.searchInputAriaLabel,Be=void 0===Me?"Search for content":Me,Te=s["data-testid"],Ve=s.debounceRate,We=s.searchInputRef,ze=s.renderAction,De=s.hideRenderActionOnInput;h({component:"Combobox",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead."});var Pe=r(null),Xe=r(null),_e=b(F,Pe),qe=b(Xe,We),Ge=n(ue||we),Je=e(Ge,2),Ke=Je[0],Qe=Je[1];void 0!==ue&&ue!==Ke&&Qe(ue);var Ue=a((function(e){to(-1),ve&&ve(e),Qe(e)}),[Qe,ve]),Ye=a((function(e,o,t){Ce(e,o,t)}),[Ce]),Ze=l((function(){return pe?Z:ce(Ke,Z)}),[Z,Ke,ce,pe]),$e=n(-1),eo=e($e,2),oo=eo[0],to=eo[1],io=a((function(e){return void 0!==e&&Ze[e]&&!Ze[e].disabled}),[Ze]),so=a((function(){se&&se(Ke),Qe("")}),[se,Ke,Qe]),ro=Ze.length>0,no=Ke.length>0;var ao=n(),lo=e(ao,2),co=lo[0],mo=lo[1],po=a((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==co?void 0:co.label)&&mo(null==e?void 0:e.category)}),[co]),uo=I({categories:$,options:Ze,filterValue:Ke,withCategoriesDivider:oe,optionLineHeight:q}),vo=uo.items,bo=uo.itemsMap,fo=uo.selectableItems,ho=a((function(e,o){le(fo[o]),io(o)&&to(o),Ae&&Ue("")}),[le,fo,io,Ae,Ue]),Co=y({getOptionId:O,defaultVisualFocusFirstIndex:X,onClick:ho,isChildSelectable:io,options:fo,inputRef:qe}),go=Co.visualFocusItemIndex,xo=Co.visualFocusItemId,Io=Co.onOptionClick;return i.createElement(S,{type:"text2",ref:_e,className:t(j.combobox,A,p(j,d("size-"+P)),o(o({},j.empty,!ro),j.stickyCategory,je)),id:V,"data-testid":Te||u(v.COMBOBOX,V),ellipsis:!1,"data-vibe":R.COMBOBOX},i.createElement("div",{className:j.comboboxList,style:{maxHeight:G}},i.createElement(f,{ref:qe,value:Ke,className:t(j.comboboxSearchWrapper,w),inputAriaLabel:Be,currentAriaResultId:xo,id:"combobox-search",placeholder:z,size:P,disabled:U,onChange:Ue,autoFocus:K,loading:fe,searchIconName:B,"aria-expanded":no||ro,"aria-haspopup":"listbox",searchResultsContainerId:V?"".concat(V,"-listbox"):N,debounceRate:Ve,renderAction:ze,hideRenderActionOnInput:De}),je&&i.createElement(x,{label:null==co?void 0:co.label,color:null==co?void 0:co.color,className:M}),ro&&i.createElement(g,{stickyCategories:je,categories:$,options:vo,itemsMap:bo,optionClassName:L,optionRenderer:Se,activeItemIndex:oo,onActiveCategoryChanged:po,onOptionClick:Io,onOptionEnter:Ye,onOptionLeave:xe,optionLineHeight:q,shouldScrollToSelectedItem:ye,renderOnlyVisibleOptions:Fe,maxOptionsWithoutScroll:Ee,visualFocusItemIndex:go,id:V?"".concat(V,"-listbox"):N})),no&&!ro&&!fe&&(Oe?Oe():i.createElement("div",{className:j.comboboxNoResults},i.createElement("div",{className:j.comboboxMessageWrapper},i.createElement("span",{className:j.comboboxMessage},ie)),se&&!U&&i.createElement(k,{className:j.addNewButton,size:P,kind:"tertiary",onClick:so},i.createElement("span",{className:j.buttonLabel},m(ne)?ne(Ke):ne)))))}));export{F as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import i,{forwardRef as s,useRef as r,useState as a,useCallback as n,useMemo as l}from"react";import{camelCase as d,noop as c,isFunction as m}from"es-toolkit";import{getTestId as p,ComponentDefaultTestId as u}from"../../tests/testIds.js";import v from"../Search/Search.js";import{defaultFilter as b}from"./ComboboxService.js";import{ComboboxItems as f}from"./components/ComboboxItems/ComboboxItems.js";import{StickyCategoryHeader as h}from"./components/StickyCategoryHeader/StickyCategoryHeader.js";import{useItemsData as C,useKeyboardNavigation as g}from"./ComboboxHelpers/ComboboxHelpers.js";import{getOptionId as x}from"./helpers.js";import{COMBOBOX_LISTBOX_ID as I}from"./components/ComboboxConstants.js";import y from"./Combobox.module.scss.js";import{ComponentVibeId as O}from"../../tests/constants.js";import{useWarnDeprecated as N}from"../../../shared/dist/utils/warn-deprecated.js";import j from"../../../components/typography/dist/Text/Text.js";import R from"../../../components/button/dist/Button/Button.js";import{useMergeRef as S}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as k}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var F=s((function(s,F){var H=s.className,A=void 0===H?"":H,E=s.optionClassName,L=void 0===E?"":E,w=s.searchWrapperClassName,M=s.stickyCategoryClassName,B=s.searchIcon,T=s.id,V=void 0===T?"":T,W=s.placeholder,z=void 0===W?"":W,D=s.size,P=void 0===D?"medium":D,X=s.defaultVisualFocusFirstIndex,_=s.optionLineHeight,q=void 0===_?32:_,G=s.optionsListHeight,J=s.autoFocus,K=void 0!==J&&J,Q=s.disabled,U=void 0!==Q&&Q,Y=s.options,Z=void 0===Y?[]:Y,$=s.categories,ee=s.withCategoriesDivider,oe=void 0!==ee&&ee,te=s.noResultsMessage,ie=void 0===te?"No results found":te,se=s.onAddNew,re=s.addNewLabel,ae=void 0===re?"Add new":re,ne=s.onClick,le=void 0===ne?function(e){}:ne,de=s.filter,ce=void 0===de?b:de,me=s.disableFilter,pe=void 0!==me&&me,ue=s.filterValue,ve=s.onFilterChanged,be=s.loading,fe=void 0!==be&&be,he=s.onOptionHover,Ce=void 0===he?c:he,ge=s.onOptionLeave,xe=void 0===ge?c:ge,Ie=s.shouldScrollToSelectedItem,ye=void 0===Ie||Ie,Oe=s.noResultsRenderer,Ne=s.stickyCategories,je=void 0!==Ne&&Ne,Re=s.optionRenderer,Se=void 0===Re?null:Re,ke=s.renderOnlyVisibleOptions,Fe=void 0!==ke&&ke,He=s.clearFilterOnSelection,Ae=void 0!==He&&He,Ee=s.maxOptionsWithoutScroll,Le=s.defaultFilter,we=void 0===Le?"":Le,Me=s.searchInputAriaLabel,Be=void 0===Me?"Search for content":Me,Te=s["data-testid"],Ve=s.debounceRate,We=s.searchInputRef,ze=s.renderAction,De=s.hideRenderActionOnInput;N({component:"Combobox",message:"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead."});var Pe=r(null),Xe=r(null),_e=S(F,Pe),qe=S(Xe,We),Ge=a(ue||we),Je=e(Ge,2),Ke=Je[0],Qe=Je[1];void 0!==ue&&ue!==Ke&&Qe(ue);var Ue=n((function(e){to(-1),ve&&ve(e),Qe(e)}),[Qe,ve]),Ye=n((function(e,o,t){Ce(e,o,t)}),[Ce]),Ze=l((function(){return pe?Z:ce(Ke,Z)}),[Z,Ke,ce,pe]),$e=a(-1),eo=e($e,2),oo=eo[0],to=eo[1],io=n((function(e){return void 0!==e&&Ze[e]&&!Ze[e].disabled}),[Ze]),so=n((function(){se&&se(Ke),Qe("")}),[se,Ke,Qe]),ro=Ze.length>0,ao=Ke.length>0;var no=a(),lo=e(no,2),co=lo[0],mo=lo[1],po=n((function(e){var o;(null===(o=null==e?void 0:e.category)||void 0===o?void 0:o.label)!==(null==co?void 0:co.label)&&mo(null==e?void 0:e.category)}),[co]),uo=C({categories:$,options:Ze,filterValue:Ke,withCategoriesDivider:oe,optionLineHeight:q}),vo=uo.items,bo=uo.itemsMap,fo=uo.selectableItems,ho=n((function(e,o){le(fo[o]),io(o)&&to(o),Ae&&Ue("")}),[le,fo,io,Ae,Ue]),Co=g({getOptionId:x,defaultVisualFocusFirstIndex:X,onClick:ho,isChildSelectable:io,options:fo,inputRef:qe}),go=Co.visualFocusItemIndex,xo=Co.visualFocusItemId,Io=Co.onOptionClick;return i.createElement(j,{type:"text2",ref:_e,className:t(y.combobox,A,k(y,d("size-"+P)),o(o({},y.empty,!ro),y.stickyCategory,je)),id:V,"data-testid":Te||p(u.COMBOBOX,V),ellipsis:!1,"data-vibe":O.COMBOBOX},i.createElement("div",{className:y.comboboxList,style:{maxHeight:G}},i.createElement(v,{ref:qe,value:Ke,className:t(y.comboboxSearchWrapper,w),inputAriaLabel:Be,currentAriaResultId:xo,id:"combobox-search",placeholder:z,size:P,disabled:U,onChange:Ue,autoFocus:K,loading:fe,searchIconName:B,"aria-expanded":ao||ro,"aria-haspopup":"listbox",searchResultsContainerId:V?"".concat(V,"-listbox"):I,debounceRate:Ve,renderAction:ze,hideRenderActionOnInput:De}),je&&i.createElement(h,{label:null==co?void 0:co.label,color:null==co?void 0:co.color,className:M}),ro&&i.createElement(f,{stickyCategories:je,categories:$,options:vo,itemsMap:bo,optionClassName:L,optionRenderer:Se,activeItemIndex:oo,onActiveCategoryChanged:po,onOptionClick:Io,onOptionEnter:Ye,onOptionLeave:xe,optionLineHeight:q,shouldScrollToSelectedItem:ye,renderOnlyVisibleOptions:Fe,maxOptionsWithoutScroll:Ee,visualFocusItemIndex:go,id:V?"".concat(V,"-listbox"):I})),ao&&!ro&&!fe&&(Oe?Oe():i.createElement("div",{className:y.comboboxNoResults},i.createElement("div",{className:y.comboboxMessageWrapper},i.createElement("span",{className:y.comboboxMessage},ie)),se&&!U&&i.createElement(R,{className:y.addNewButton,size:P,kind:"tertiary",onClick:so},i.createElement("span",{className:y.buttonLabel},m(ae)?ae(Ke):ae)))))}));export{F as default};
 //# sourceMappingURL=Combobox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction } from \"es-toolkit\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Search from \"../Search/Search\";\nimport { Button } from \"@vibe/button\";\nimport { Text } from \"@vibe/typography\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport {\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IComboboxOption,\n  COMBOBOX_LISTBOX_ID,\n  type IComboboxCategory\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { type ComboboxSizes } from \"./Combobox.types\";\nimport type { IconButton } from \"@vibe/icon-button\";\nimport type MenuButton from \"../MenuButton/MenuButton\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n  /**\n   * Class name applied to each option item.\n   */\n  optionClassName?: string;\n  /**\n   * Class name applied to the search wrapper.\n   */\n  searchWrapperClassName?: string;\n  /**\n   * Class name applied to the sticky category header.\n   */\n  stickyCategoryClassName?: string;\n  /**\n   * Placeholder text displayed in the search input.\n   */\n  placeholder?: string;\n  /**\n   * Message displayed when no results are found.\n   */\n  noResultsMessage?: string;\n  /**\n   * If true, the combobox is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The list of available options.\n   */\n  options?: IComboboxOption[];\n  /**\n   * The list of available categories.\n   */\n  categories?: IComboboxCategoryMap;\n  /**\n   * If true, displays a divider between category sections.\n   */\n  withCategoriesDivider?: boolean;\n  /**\n   * The size of the combobox.\n   */\n  size?: ComboboxSizes;\n  /**\n   * The height of each option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * The height of the options list.\n   */\n  optionsListHeight?: number;\n  /**\n   * If true, the search input is focused when the component mounts.\n   */\n  autoFocus?: boolean;\n  /**\n   * Callback fired when the \"Add new\" button is clicked.\n   */\n  onAddNew?: (value: string) => void;\n  /**\n   * Label displayed for the \"Add new\" button.\n   */\n  addNewLabel?: ((label: string) => ElementContent) | string;\n  /**\n   * Custom filter function for searching options.\n   */\n  filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n  /**\n   * The default search input\n   */\n  defaultFilter?: string;\n  /**\n   * If true, disables filtering.\n   */\n  disableFilter?: boolean;\n  /**\n   * Controlled search input value.\n   */\n  filterValue?: string;\n  /**\n   * Callback fired when the search input value changes.\n   */\n  onFilterChanged?: (value: string) => void;\n  /**\n   * If true, displays a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Callback fired when an option is hovered.\n   */\n  onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n  /**\n   * Callback fired when the mouse leaves an option.\n   */\n  onOptionLeave?: () => void;\n  /**\n   * If true, automatically scrolls to the selected option.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * Custom renderer for when no results are found.\n   */\n  noResultsRenderer?: () => JSX.Element;\n  /**\n   * If true, keeps categories visible when scrolling.\n   */\n  stickyCategories?: boolean;\n  /**\n   * If true, visually focuses the first item by default.\n   */\n  defaultVisualFocusFirstIndex?: boolean;\n  /**\n   * If true, clears the search input when an option is selected.\n   */\n  clearFilterOnSelection?: boolean;\n  /**\n   * Custom renderer for options.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * Maximum number of options displayed before scrolling.\n   */\n  maxOptionsWithoutScroll?: number;\n  /**\n   * If true, renders only visible options for performance optimization.\n   */\n  renderOnlyVisibleOptions?: boolean;\n  /**\n   * Callback fired when an option is clicked.\n   */\n  onClick?: (optionData: IComboboxOption) => void;\n  /**\n   * Custom search icon.\n   */\n  searchIcon?: SubIcon;\n  /**\n   * ARIA label for the search input.\n   */\n  searchInputAriaLabel?: string;\n  /**\n   * The debounce rate for filtering.\n   */\n  debounceRate?: number;\n  /**\n   * Ref for the search input element.\n   */\n  searchInputRef?: React.RefObject<HTMLInputElement>;\n  /**\n   * Additional action button inside the search input.\n   */\n  renderAction?: React.ReactElement<typeof IconButton | typeof MenuButton>;\n  /**\n   * If true, hides the additional action when the user types in the search input.\n   */\n  hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox = forwardRef(\n  (\n    {\n      className = \"\",\n      optionClassName = \"\",\n      searchWrapperClassName,\n      stickyCategoryClassName,\n      searchIcon,\n      id = \"\",\n      placeholder = \"\",\n      size = \"medium\",\n      defaultVisualFocusFirstIndex,\n      optionLineHeight = 32,\n      optionsListHeight,\n      autoFocus = false,\n      disabled = false,\n      options = [],\n      categories,\n      withCategoriesDivider = false,\n      noResultsMessage = \"No results found\",\n      onAddNew,\n      addNewLabel = \"Add new\",\n      onClick = (_optionData: IComboboxOption) => {},\n      filter = defaultFilter,\n      disableFilter = false,\n      filterValue: filterValueProp,\n      onFilterChanged,\n      loading = false,\n      onOptionHover = NOOP,\n      onOptionLeave = NOOP,\n      shouldScrollToSelectedItem = true,\n      noResultsRenderer,\n      stickyCategories = false,\n      optionRenderer = null,\n      renderOnlyVisibleOptions = false,\n      clearFilterOnSelection = false,\n      maxOptionsWithoutScroll,\n      defaultFilter: defaultFilterValue = \"\",\n      searchInputAriaLabel = \"Search for content\",\n      \"data-testid\": dataTestId,\n      debounceRate,\n      searchInputRef,\n      renderAction: RenderAction,\n      hideRenderActionOnInput\n    }: ComboboxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"Combobox\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead.\"\n    });\n\n    const componentRef = useRef(null);\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n    const [filterValue, setFilterValue] = useState(filterValueProp || defaultFilterValue);\n\n    if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n      setFilterValue(filterValueProp);\n    }\n\n    const onChangeCallback = useCallback(\n      (value: string) => {\n        setActiveOptionIndex(-1);\n        if (onFilterChanged) {\n          onFilterChanged(value);\n        }\n        setFilterValue(value);\n      },\n      [setFilterValue, onFilterChanged]\n    );\n\n    const onOptionHoverCB = useCallback(\n      (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n        onOptionHover(event, index, option);\n      },\n      [onOptionHover]\n    );\n\n    const filteredOptions: IComboboxOption[] = useMemo(() => {\n      if (disableFilter) {\n        return options;\n      }\n      return filter(filterValue, options);\n    }, [options, filterValue, filter, disableFilter]);\n\n    const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n    const isChildSelectable = useCallback(\n      (index: number) => {\n        return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n      },\n      [filteredOptions]\n    );\n\n    const onAddNewCallback = useCallback(() => {\n      onAddNew && onAddNew(filterValue);\n      // clear filter after adding\n      setFilterValue(\"\");\n    }, [onAddNew, filterValue, setFilterValue]);\n\n    const hasResults = filteredOptions.length > 0;\n    const hasFilter = filterValue.length > 0;\n\n    function getAddNewLabel() {\n      if (isFunction(addNewLabel)) {\n        return addNewLabel(filterValue);\n      }\n      return addNewLabel;\n    }\n\n    function renderNoResults() {\n      if (noResultsRenderer) {\n        return noResultsRenderer();\n      }\n\n      return (\n        <div className={styles.comboboxNoResults}>\n          <div className={styles.comboboxMessageWrapper}>\n            <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n          </div>\n          {onAddNew && !disabled && (\n            <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n              <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n            </Button>\n          )}\n        </div>\n      );\n    }\n\n    const [activeCategory, setActiveCategory] = useState<IComboboxCategory>();\n\n    const onActiveCategoryChanged = useCallback(\n      (categoryData: IComboboxItem) => {\n        if (categoryData?.category?.label !== activeCategory?.label) {\n          setActiveCategory(categoryData?.category);\n        }\n      },\n      [activeCategory]\n    );\n\n    const { items, itemsMap, selectableItems } = useItemsData({\n      categories,\n      options: filteredOptions,\n      filterValue,\n      withCategoriesDivider,\n      optionLineHeight\n    });\n\n    const overrideOnClick = useCallback(\n      (_event: React.MouseEvent | React.KeyboardEvent, itemIndex: number) => {\n        onClick(selectableItems[itemIndex]);\n        if (isChildSelectable(itemIndex)) {\n          setActiveOptionIndex(itemIndex);\n        }\n        if (clearFilterOnSelection) {\n          // clear filter after adding\n          onChangeCallback(\"\");\n        }\n      },\n      [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n    );\n\n    const {\n      visualFocusItemIndex,\n      visualFocusItemId,\n      onOptionClick: overrideOnOptionClick\n    } = useKeyboardNavigation({\n      getOptionId,\n      defaultVisualFocusFirstIndex,\n      onClick: overrideOnClick,\n      isChildSelectable,\n      options: selectableItems,\n      inputRef: mergedInputRef\n    });\n\n    return (\n      <Text\n        type=\"text2\"\n        ref={mergedRef}\n        className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n          [styles.empty]: !hasResults,\n          [styles.stickyCategory]: stickyCategories\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n        ellipsis={false}\n        data-vibe={ComponentVibeId.COMBOBOX}\n      >\n        <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n          <Search\n            ref={mergedInputRef}\n            value={filterValue}\n            className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n            inputAriaLabel={searchInputAriaLabel}\n            currentAriaResultId={visualFocusItemId}\n            id=\"combobox-search\"\n            placeholder={placeholder}\n            size={size}\n            disabled={disabled}\n            onChange={onChangeCallback}\n            autoFocus={autoFocus}\n            loading={loading}\n            searchIconName={searchIcon}\n            aria-expanded={hasFilter || hasResults}\n            aria-haspopup=\"listbox\"\n            searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n            debounceRate={debounceRate}\n            renderAction={RenderAction}\n            hideRenderActionOnInput={hideRenderActionOnInput}\n          />\n          {stickyCategories && (\n            <StickyCategoryHeader\n              label={activeCategory?.label}\n              color={activeCategory?.color}\n              className={stickyCategoryClassName}\n            />\n          )}\n          {hasResults && (\n            <ComboboxItems\n              stickyCategories={stickyCategories}\n              categories={categories}\n              options={items}\n              itemsMap={itemsMap}\n              optionClassName={optionClassName}\n              optionRenderer={optionRenderer}\n              activeItemIndex={activeOptionIndex}\n              onActiveCategoryChanged={onActiveCategoryChanged}\n              onOptionClick={overrideOnOptionClick}\n              onOptionEnter={onOptionHoverCB}\n              onOptionLeave={onOptionLeave}\n              optionLineHeight={optionLineHeight}\n              shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n              renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n              maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n              visualFocusItemIndex={visualFocusItemIndex}\n              id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n            />\n          )}\n        </div>\n        {hasFilter && !hasResults && !loading && renderNoResults()}\n      </Text>\n    );\n  }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\nexport default Combobox;\n"],"names":["Combobox","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","stickyCategoryClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","useWarnDeprecated","component","message","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategory","setActiveCategory","onActiveCategoryChanged","categoryData","category","_a","label","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","ComponentVibeId","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, useState, forwardRef, useMemo, useCallback } from \"react\";\nimport { isFunction } from \"es-toolkit\";\nimport { noop as NOOP, camelCase } from \"es-toolkit\";\nimport { getStyle, useMergeRef, useWarnDeprecated } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\n\nimport Search from \"../Search/Search\";\nimport { Button } from \"@vibe/button\";\nimport { Text } from \"@vibe/typography\";\n\nimport { defaultFilter } from \"./ComboboxService\";\nimport { ComboboxItems } from \"./components/ComboboxItems/ComboboxItems\";\nimport { StickyCategoryHeader } from \"./components/StickyCategoryHeader/StickyCategoryHeader\";\nimport { useItemsData, useKeyboardNavigation } from \"./ComboboxHelpers/ComboboxHelpers\";\nimport { getOptionId } from \"./helpers\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport {\n  type IComboboxCategoryMap,\n  type IComboboxItem,\n  type IComboboxOption,\n  COMBOBOX_LISTBOX_ID,\n  type IComboboxCategory\n} from \"./components/ComboboxConstants\";\nimport styles from \"./Combobox.module.scss\";\nimport { type ComboboxSizes } from \"./Combobox.types\";\nimport type { IconButton } from \"@vibe/icon-button\";\nimport type MenuButton from \"../MenuButton/MenuButton\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface ComboboxProps extends VibeComponentProps {\n  /**\n   * Class name applied to each option item.\n   */\n  optionClassName?: string;\n  /**\n   * Class name applied to the search wrapper.\n   */\n  searchWrapperClassName?: string;\n  /**\n   * Class name applied to the sticky category header.\n   */\n  stickyCategoryClassName?: string;\n  /**\n   * Placeholder text displayed in the search input.\n   */\n  placeholder?: string;\n  /**\n   * Message displayed when no results are found.\n   */\n  noResultsMessage?: string;\n  /**\n   * If true, the combobox is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The list of available options.\n   */\n  options?: IComboboxOption[];\n  /**\n   * The list of available categories.\n   */\n  categories?: IComboboxCategoryMap;\n  /**\n   * If true, displays a divider between category sections.\n   */\n  withCategoriesDivider?: boolean;\n  /**\n   * The size of the combobox.\n   */\n  size?: ComboboxSizes;\n  /**\n   * The height of each option item.\n   */\n  optionLineHeight?: number;\n  /**\n   * The height of the options list.\n   */\n  optionsListHeight?: number;\n  /**\n   * If true, the search input is focused when the component mounts.\n   */\n  autoFocus?: boolean;\n  /**\n   * Callback fired when the \"Add new\" button is clicked.\n   */\n  onAddNew?: (value: string) => void;\n  /**\n   * Label displayed for the \"Add new\" button.\n   */\n  addNewLabel?: ((label: string) => ElementContent) | string;\n  /**\n   * Custom filter function for searching options.\n   */\n  filter?: (filterValue: string, options: IComboboxOption[]) => IComboboxOption[];\n  /**\n   * The default search input\n   */\n  defaultFilter?: string;\n  /**\n   * If true, disables filtering.\n   */\n  disableFilter?: boolean;\n  /**\n   * Controlled search input value.\n   */\n  filterValue?: string;\n  /**\n   * Callback fired when the search input value changes.\n   */\n  onFilterChanged?: (value: string) => void;\n  /**\n   * If true, displays a loading state.\n   */\n  loading?: boolean;\n  /**\n   * Callback fired when an option is hovered.\n   */\n  onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption) => void;\n  /**\n   * Callback fired when the mouse leaves an option.\n   */\n  onOptionLeave?: () => void;\n  /**\n   * If true, automatically scrolls to the selected option.\n   */\n  shouldScrollToSelectedItem?: boolean;\n  /**\n   * Custom renderer for when no results are found.\n   */\n  noResultsRenderer?: () => JSX.Element;\n  /**\n   * If true, keeps categories visible when scrolling.\n   */\n  stickyCategories?: boolean;\n  /**\n   * If true, visually focuses the first item by default.\n   */\n  defaultVisualFocusFirstIndex?: boolean;\n  /**\n   * If true, clears the search input when an option is selected.\n   */\n  clearFilterOnSelection?: boolean;\n  /**\n   * Custom renderer for options.\n   */\n  optionRenderer?: (option: IComboboxOption) => JSX.Element;\n  /**\n   * Maximum number of options displayed before scrolling.\n   */\n  maxOptionsWithoutScroll?: number;\n  /**\n   * If true, renders only visible options for performance optimization.\n   */\n  renderOnlyVisibleOptions?: boolean;\n  /**\n   * Callback fired when an option is clicked.\n   */\n  onClick?: (optionData: IComboboxOption) => void;\n  /**\n   * Custom search icon.\n   */\n  searchIcon?: SubIcon;\n  /**\n   * ARIA label for the search input.\n   */\n  searchInputAriaLabel?: string;\n  /**\n   * The debounce rate for filtering.\n   */\n  debounceRate?: number;\n  /**\n   * Ref for the search input element.\n   */\n  searchInputRef?: React.RefObject<HTMLInputElement>;\n  /**\n   * Additional action button inside the search input.\n   */\n  renderAction?: React.ReactElement<typeof IconButton | typeof MenuButton>;\n  /**\n   * If true, hides the additional action when the user types in the search input.\n   */\n  hideRenderActionOnInput?: boolean;\n}\n\nconst Combobox = forwardRef(\n  (\n    {\n      className = \"\",\n      optionClassName = \"\",\n      searchWrapperClassName,\n      stickyCategoryClassName,\n      searchIcon,\n      id = \"\",\n      placeholder = \"\",\n      size = \"medium\",\n      defaultVisualFocusFirstIndex,\n      optionLineHeight = 32,\n      optionsListHeight,\n      autoFocus = false,\n      disabled = false,\n      options = [],\n      categories,\n      withCategoriesDivider = false,\n      noResultsMessage = \"No results found\",\n      onAddNew,\n      addNewLabel = \"Add new\",\n      onClick = (_optionData: IComboboxOption) => {},\n      filter = defaultFilter,\n      disableFilter = false,\n      filterValue: filterValueProp,\n      onFilterChanged,\n      loading = false,\n      onOptionHover = NOOP,\n      onOptionLeave = NOOP,\n      shouldScrollToSelectedItem = true,\n      noResultsRenderer,\n      stickyCategories = false,\n      optionRenderer = null,\n      renderOnlyVisibleOptions = false,\n      clearFilterOnSelection = false,\n      maxOptionsWithoutScroll,\n      defaultFilter: defaultFilterValue = \"\",\n      searchInputAriaLabel = \"Search for content\",\n      \"data-testid\": dataTestId,\n      debounceRate,\n      searchInputRef,\n      renderAction: RenderAction,\n      hideRenderActionOnInput\n    }: ComboboxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    useWarnDeprecated({\n      component: \"Combobox\",\n      message:\n        \"This component is deprecated and will be removed in the next major version. Please use Dropdown box mode from @vibe/core instead.\"\n    });\n\n    const componentRef = useRef(null);\n    const inputRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedInputRef = useMergeRef(inputRef, searchInputRef);\n\n    const [filterValue, setFilterValue] = useState(filterValueProp || defaultFilterValue);\n\n    if (filterValueProp !== undefined && filterValueProp !== filterValue) {\n      setFilterValue(filterValueProp);\n    }\n\n    const onChangeCallback = useCallback(\n      (value: string) => {\n        setActiveOptionIndex(-1);\n        if (onFilterChanged) {\n          onFilterChanged(value);\n        }\n        setFilterValue(value);\n      },\n      [setFilterValue, onFilterChanged]\n    );\n\n    const onOptionHoverCB = useCallback(\n      (event: React.MouseEvent, index: number, option: IComboboxOption) => {\n        onOptionHover(event, index, option);\n      },\n      [onOptionHover]\n    );\n\n    const filteredOptions: IComboboxOption[] = useMemo(() => {\n      if (disableFilter) {\n        return options;\n      }\n      return filter(filterValue, options);\n    }, [options, filterValue, filter, disableFilter]);\n\n    const [activeOptionIndex, setActiveOptionIndex] = useState(-1);\n\n    const isChildSelectable = useCallback(\n      (index: number) => {\n        return index !== undefined && filteredOptions[index] && !filteredOptions[index].disabled;\n      },\n      [filteredOptions]\n    );\n\n    const onAddNewCallback = useCallback(() => {\n      onAddNew && onAddNew(filterValue);\n      // clear filter after adding\n      setFilterValue(\"\");\n    }, [onAddNew, filterValue, setFilterValue]);\n\n    const hasResults = filteredOptions.length > 0;\n    const hasFilter = filterValue.length > 0;\n\n    function getAddNewLabel() {\n      if (isFunction(addNewLabel)) {\n        return addNewLabel(filterValue);\n      }\n      return addNewLabel;\n    }\n\n    function renderNoResults() {\n      if (noResultsRenderer) {\n        return noResultsRenderer();\n      }\n\n      return (\n        <div className={styles.comboboxNoResults}>\n          <div className={styles.comboboxMessageWrapper}>\n            <span className={styles.comboboxMessage}>{noResultsMessage}</span>\n          </div>\n          {onAddNew && !disabled && (\n            <Button className={styles.addNewButton} size={size} kind=\"tertiary\" onClick={onAddNewCallback}>\n              <span className={styles.buttonLabel}>{getAddNewLabel()}</span>\n            </Button>\n          )}\n        </div>\n      );\n    }\n\n    const [activeCategory, setActiveCategory] = useState<IComboboxCategory>();\n\n    const onActiveCategoryChanged = useCallback(\n      (categoryData: IComboboxItem) => {\n        if (categoryData?.category?.label !== activeCategory?.label) {\n          setActiveCategory(categoryData?.category);\n        }\n      },\n      [activeCategory]\n    );\n\n    const { items, itemsMap, selectableItems } = useItemsData({\n      categories,\n      options: filteredOptions,\n      filterValue,\n      withCategoriesDivider,\n      optionLineHeight\n    });\n\n    const overrideOnClick = useCallback(\n      (_event: React.MouseEvent | React.KeyboardEvent, itemIndex: number) => {\n        onClick(selectableItems[itemIndex]);\n        if (isChildSelectable(itemIndex)) {\n          setActiveOptionIndex(itemIndex);\n        }\n        if (clearFilterOnSelection) {\n          // clear filter after adding\n          onChangeCallback(\"\");\n        }\n      },\n      [onClick, selectableItems, isChildSelectable, clearFilterOnSelection, onChangeCallback]\n    );\n\n    const {\n      visualFocusItemIndex,\n      visualFocusItemId,\n      onOptionClick: overrideOnOptionClick\n    } = useKeyboardNavigation({\n      getOptionId,\n      defaultVisualFocusFirstIndex,\n      onClick: overrideOnClick,\n      isChildSelectable,\n      options: selectableItems,\n      inputRef: mergedInputRef\n    });\n\n    return (\n      <Text\n        type=\"text2\"\n        ref={mergedRef}\n        className={cx(styles.combobox, className, getStyle(styles, camelCase(\"size-\" + size)), {\n          [styles.empty]: !hasResults,\n          [styles.stickyCategory]: stickyCategories\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.COMBOBOX, id)}\n        ellipsis={false}\n        data-vibe={ComponentVibeId.COMBOBOX}\n      >\n        <div className={styles.comboboxList} style={{ maxHeight: optionsListHeight }}>\n          <Search\n            ref={mergedInputRef}\n            value={filterValue}\n            className={cx(styles.comboboxSearchWrapper, searchWrapperClassName)}\n            inputAriaLabel={searchInputAriaLabel}\n            currentAriaResultId={visualFocusItemId}\n            id=\"combobox-search\"\n            placeholder={placeholder}\n            size={size}\n            disabled={disabled}\n            onChange={onChangeCallback}\n            autoFocus={autoFocus}\n            loading={loading}\n            searchIconName={searchIcon}\n            aria-expanded={hasFilter || hasResults}\n            aria-haspopup=\"listbox\"\n            searchResultsContainerId={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n            debounceRate={debounceRate}\n            renderAction={RenderAction}\n            hideRenderActionOnInput={hideRenderActionOnInput}\n          />\n          {stickyCategories && (\n            <StickyCategoryHeader\n              label={activeCategory?.label}\n              color={activeCategory?.color}\n              className={stickyCategoryClassName}\n            />\n          )}\n          {hasResults && (\n            <ComboboxItems\n              stickyCategories={stickyCategories}\n              categories={categories}\n              options={items}\n              itemsMap={itemsMap}\n              optionClassName={optionClassName}\n              optionRenderer={optionRenderer}\n              activeItemIndex={activeOptionIndex}\n              onActiveCategoryChanged={onActiveCategoryChanged}\n              onOptionClick={overrideOnOptionClick}\n              onOptionEnter={onOptionHoverCB}\n              onOptionLeave={onOptionLeave}\n              optionLineHeight={optionLineHeight}\n              shouldScrollToSelectedItem={shouldScrollToSelectedItem}\n              renderOnlyVisibleOptions={renderOnlyVisibleOptions}\n              maxOptionsWithoutScroll={maxOptionsWithoutScroll}\n              visualFocusItemIndex={visualFocusItemIndex}\n              id={id ? `${id}-listbox` : COMBOBOX_LISTBOX_ID}\n            />\n          )}\n        </div>\n        {hasFilter && !hasResults && !loading && renderNoResults()}\n      </Text>\n    );\n  }\n);\n\n// Locate loading next to search icon\n// color it with --secondary-text-color\n// size it like the icon - we think it's 16px - make sure it's not fat\n\nexport default Combobox;\n"],"names":["Combobox","forwardRef","_ref","ref","_ref$className","className","_ref$optionClassName","optionClassName","searchWrapperClassName","stickyCategoryClassName","searchIcon","_ref$id","id","_ref$placeholder","placeholder","_ref$size","size","defaultVisualFocusFirstIndex","_ref$optionLineHeight","optionLineHeight","optionsListHeight","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$options","options","categories","_ref$withCategoriesDi","withCategoriesDivider","_ref$noResultsMessage","noResultsMessage","onAddNew","_ref$addNewLabel","addNewLabel","_ref$onClick","onClick","_optionData","_ref$filter","filter","defaultFilter","_ref$disableFilter","disableFilter","filterValueProp","filterValue","onFilterChanged","_ref$loading","loading","_ref$onOptionHover","onOptionHover","NOOP","_ref$onOptionLeave","onOptionLeave","_ref$shouldScrollToSe","shouldScrollToSelectedItem","noResultsRenderer","_ref$stickyCategories","stickyCategories","_ref$optionRenderer","optionRenderer","_ref$renderOnlyVisibl","renderOnlyVisibleOptions","_ref$clearFilterOnSel","clearFilterOnSelection","maxOptionsWithoutScroll","_ref$defaultFilter","defaultFilterValue","_ref$searchInputAriaL","searchInputAriaLabel","dataTestId","debounceRate","searchInputRef","RenderAction","renderAction","hideRenderActionOnInput","useWarnDeprecated","component","message","componentRef","useRef","inputRef","mergedRef","useMergeRef","mergedInputRef","_useState","useState","_useState2","_slicedToArray","setFilterValue","undefined","onChangeCallback","useCallback","value","setActiveOptionIndex","onOptionHoverCB","event","index","option","filteredOptions","useMemo","_useState3","_useState4","activeOptionIndex","isChildSelectable","onAddNewCallback","hasResults","length","hasFilter","_useState5","_useState6","activeCategory","setActiveCategory","onActiveCategoryChanged","categoryData","category","_a","label","_useItemsData","useItemsData","items","itemsMap","selectableItems","overrideOnClick","_event","itemIndex","_useKeyboardNavigatio","useKeyboardNavigation","getOptionId","visualFocusItemIndex","visualFocusItemId","overrideOnOptionClick","onOptionClick","React","createElement","Text","type","cx","styles","combobox","getStyle","camelCase","_defineProperty","empty","stickyCategory","getTestId","ComponentDefaultTestId","COMBOBOX","ellipsis","ComponentVibeId","comboboxList","style","maxHeight","Search","comboboxSearchWrapper","inputAriaLabel","currentAriaResultId","onChange","searchIconName","searchResultsContainerId","concat","COMBOBOX_LISTBOX_ID","StickyCategoryHeader","color","ComboboxItems","activeItemIndex","onOptionEnter","comboboxNoResults","comboboxMessageWrapper","comboboxMessage","Button","addNewButton","kind","buttonLabel","isFunction"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_1c13b8a890",stickyCategory:"stickyCategory_f4be94024f",comboboxCategory:"comboboxCategory_484f789435",sizeSmall:"sizeSmall_9d14281838",sizeMedium:"sizeMedium_9a52d34530",sizeLarge:"sizeLarge_9d14281838",empty:"empty_117783c554",comboboxSearchWrapper:"comboboxSearchWrapper_86931460b5",comboboxNoResults:"comboboxNoResults_e1faec1a3f",comboboxMessageWrapper:"comboboxMessageWrapper_e9f534c303",comboboxMessage:"comboboxMessage_e1644e67b9",addNewButton:"addNewButton_0300c535fe",buttonLabel:"buttonLabel_e1644e67b9",comboboxList:"comboboxList_f1a836468c"};!function(o){const e="s_id-5bf292a5a8b0_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_1c13b8a890 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_1c13b8a890.stickyCategory_f4be94024f .comboboxCategory_484f789435 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_1c13b8a890.stickyCategory_f4be94024f.sizeSmall_9d14281838 .comboboxCategory_484f789435 {\n  top: 32px;\n}\n.combobox_1c13b8a890.stickyCategory_f4be94024f.sizeMedium_9a52d34530 .comboboxCategory_484f789435 {\n  top: 40px;\n}\n.combobox_1c13b8a890.stickyCategory_f4be94024f.sizeLarge_9d14281838 .comboboxCategory_484f789435 {\n  top: 48px;\n}\n.combobox_1c13b8a890.empty_117783c554 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_86931460b5 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_e1faec1a3f {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_e1faec1a3f .comboboxMessageWrapper_e9f534c303 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_e1faec1a3f .comboboxMessageWrapper_e9f534c303 .comboboxMessage_e1644e67b9 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_e1faec1a3f .addNewButton_0300c535fe {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_e1faec1a3f .addNewButton_0300c535fe .buttonLabel_e1644e67b9 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_f1a836468c {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_74a07c26ed",stickyCategory:"stickyCategory_9c6783d997",comboboxCategory:"comboboxCategory_16f2fd85b3",sizeSmall:"sizeSmall_d62b7439d0",sizeMedium:"sizeMedium_ffca1ec575",sizeLarge:"sizeLarge_d62b7439d0",empty:"empty_05c98a1f3f",comboboxSearchWrapper:"comboboxSearchWrapper_f4111edabb",comboboxNoResults:"comboboxNoResults_52bf1e921a",comboboxMessageWrapper:"comboboxMessageWrapper_a125a2a488",comboboxMessage:"comboboxMessage_5fa522ce43",addNewButton:"addNewButton_0f3e927f4e",buttonLabel:"buttonLabel_5fa522ce43",comboboxList:"comboboxList_5538d349ef"};!function(o){const e="s_id-5bf292a5a8b0_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_74a07c26ed {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_74a07c26ed.stickyCategory_9c6783d997 .comboboxCategory_16f2fd85b3 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_74a07c26ed.stickyCategory_9c6783d997.sizeSmall_d62b7439d0 .comboboxCategory_16f2fd85b3 {\n  top: 32px;\n}\n.combobox_74a07c26ed.stickyCategory_9c6783d997.sizeMedium_ffca1ec575 .comboboxCategory_16f2fd85b3 {\n  top: 40px;\n}\n.combobox_74a07c26ed.stickyCategory_9c6783d997.sizeLarge_d62b7439d0 .comboboxCategory_16f2fd85b3 {\n  top: 48px;\n}\n.combobox_74a07c26ed.empty_05c98a1f3f {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_f4111edabb {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_52bf1e921a {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_52bf1e921a .comboboxMessageWrapper_a125a2a488 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_52bf1e921a .comboboxMessageWrapper_a125a2a488 .comboboxMessage_5fa522ce43 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_52bf1e921a .addNewButton_0f3e927f4e {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_52bf1e921a .addNewButton_0f3e927f4e .buttonLabel_5fa522ce43 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_5538d349ef {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_7ca3166681",dividerContainer:"dividerContainer_5fba48834e",divider:"divider_4c642079c3",sticky:"sticky_b91292bada"};!function(e){const n="s_id-cfec7f62c06c_4_0_0-beta_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)}(".comboboxItemContainer_7ca3166681 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_5fba48834e {\n  position: relative;\n  width: 95%;\n}\n\n.divider_4c642079c3 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_b91292bada {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_6b4e400d59",dividerContainer:"dividerContainer_87935e42e9",divider:"divider_edc5075ff4",sticky:"sticky_20c3ad5b19"};!function(e){const n="s_id-cfec7f62c06c_4_0_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)}(".comboboxItemContainer_6b4e400d59 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_87935e42e9 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_edc5075ff4 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_20c3ad5b19 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_461a683409"};!function(e){const t="s_id-ddc89c066e12_4_0_0-beta_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/* stylelint-disable selector-class-pattern */\n.comboboxCategory_461a683409 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_90569facb0"};!function(e){const t="s_id-ddc89c066e12_4_0_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/* stylelint-disable selector-class-pattern */\n.comboboxCategory_90569facb0 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_65a0642a61",optionsContainer:"optionsContainer_7c160de86b",categoryWithOptions:"categoryWithOptions_d116f42380",firstCategory:"firstCategory_056e70d561",categoryWithoutOptions:"categoryWithoutOptions_19bcce2cdc"};!function(t){const e="s_id-9dc0ac18aa3d_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_65a0642a61::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_65a0642a61::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_7c160de86b {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_d116f42380.firstCategory_056e70d561,\n.categoryWithoutOptions_19bcce2cdc.firstCategory_056e70d561 {\n  padding-top: 0;\n}\n.categoryWithOptions_d116f42380 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_19bcce2cdc {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_7e19e8abfb",optionsContainer:"optionsContainer_5d69e2aeef",categoryWithOptions:"categoryWithOptions_c0f3179b6f",firstCategory:"firstCategory_ca0840a834",categoryWithoutOptions:"categoryWithoutOptions_5d1301fbdf"};!function(e){const t="s_id-9dc0ac18aa3d_4_0_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.scrollableContainer_7e19e8abfb::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_7e19e8abfb::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_5d69e2aeef {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_c0f3179b6f.firstCategory_ca0840a834,\n.categoryWithoutOptions_5d1301fbdf.firstCategory_ca0840a834 {\n  padding-top: 0;\n}\n.categoryWithOptions_c0f3179b6f {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_5d1301fbdf {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_3b732936b6",disabled:"disabled_47f9b2109e",selected:"selected_4cd6aac0b2",active:"active_2d082ea702",activeOutline:"activeOutline_6a5477a4f3",optionLabel:"optionLabel_a7b2a60139",optionIcon:"optionIcon_8f6c1e8131",left:"left_9fabb23d76"};!function(o){const e="s_id-3db504899945_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_3b732936b6 {\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_3b732936b6.disabled_47f9b2109e {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_3b732936b6.disabled_47f9b2109e:hover {\n  background-color: transparent;\n}\n.comboboxOption_3b732936b6.selected_4cd6aac0b2 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_3b732936b6:hover:not(.disabled_47f9b2109e):not(.selected_4cd6aac0b2),\n.comboboxOption_3b732936b6.active_2d082ea702 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_3b732936b6.activeOutline_6a5477a4f3 {\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_3b732936b6 .optionLabel_a7b2a60139 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_3b732936b6 .optionIcon_8f6c1e8131 {\n  flex: 0 0 auto;\n}\n.comboboxOption_3b732936b6 .optionIcon_8f6c1e8131.left_9fabb23d76 {\n  margin-inline-end: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_be23f93254",disabled:"disabled_58daf3af67",selected:"selected_ddfddef826",active:"active_03d026d248",activeOutline:"activeOutline_829c4e4ee0",optionLabel:"optionLabel_1ce127821a",optionIcon:"optionIcon_6d15431f01",left:"left_9a490873b3"};!function(e){const o="s_id-3db504899945_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_be23f93254 {\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_be23f93254.disabled_58daf3af67 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_be23f93254.disabled_58daf3af67:hover {\n  background-color: transparent;\n}\n.comboboxOption_be23f93254.selected_ddfddef826 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_be23f93254:hover:not(.disabled_58daf3af67):not(.selected_ddfddef826),\n.comboboxOption_be23f93254.active_03d026d248 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_be23f93254.activeOutline_829c4e4ee0 {\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_be23f93254 .optionLabel_1ce127821a {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_be23f93254 .optionIcon_6d15431f01 {\n  flex: 0 0 auto;\n}\n.comboboxOption_be23f93254 .optionIcon_6d15431f01.left_9a490873b3 {\n  margin-inline-end: 4px;\n}");export{e 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_eb0d313710"};!function(e){const t="s_id-c981e92fbca0_4_0_0-beta_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_eb0d313710 {\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};
+var e={stickyCategoryHeader:"stickyCategoryHeader_50e91f1755"};!function(e){const t="s_id-c981e92fbca0_4_0_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_50e91f1755 {\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 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};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import{getTestId as o,ComponentDefaultTestId as r}from"../../tests/testIds.js";import a from"classnames";import n,{useState as s,useRef as d,useCallback as l,useEffect as c,useMemo as m}from"react";import{SwitchTransition as u,CSSTransition as f}from"react-transition-group";import v from"../../hooks/useAfterFirstRender/index.js";import p from"./Counter.module.scss.js";import{ComponentVibeId as E}from"../../tests/constants.js";import{useEventListener as b}from"../../../shared/dist/hooks/useEventListener.js";import{getStyle as x}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as N}from"../../../shared/dist/utils/function-utils.js";var h=function(h){var j=h.className,A=h.counterClassName,k=h.count,y=void 0===k?0:k,g=h.size,C=void 0===g?"large":g,M=h.kind,R=void 0===M?"fill":M,w=h.color,T=void 0===w?"primary":w,D=h.maxDigits,L=void 0===D?3:D,O=h["aria-labelledby"],U=void 0===O?"":O,z=h["aria-label"],H=void 0===z?"":z,P=h.id,_=void 0===P?"":P,B=h.prefix,F=void 0===B?"":B,I=h.onMouseDown,q=void 0===I?N:I,G=h.noAnimation,J=void 0!==G&&G,K=h["data-testid"],Q=s(!1),S=e(Q,2),V=S[0],W=S[1],X=d(null),Y=d(null),Z=l((function(){W(!0)}),[W]),$=l((function(){W(!1)}),[W]);b({eventName:"animationend",callback:$,ref:X});var ee=v();c((function(){ee.current&&Z()}),[y,ee,Z]),c((function(){L>0||console.error("Max digits must be a positive number")}),[L]);var te=m((function(){return a(p.counter,x(p,i("size-"+C)),x(p,i("kind-"+R)),x(p,i("color-"+T)),t({},p.withAnimation,V),A)}),[C,R,T,V,A]),ie="counter"+(_?"-".concat(_):""),oe=(null==y?void 0:(""+y).length)>L?"".concat(Math.pow(10,L)-1,"+"):y+"",re=n.createElement("span",{id:ie,"data-testid":K||o(r.COUNTER,_)},F+oe);return n.createElement("span",{className:j,"aria-label":"".concat(H," ").concat(oe),"aria-labelledby":U,onMouseDown:q,"data-vibe":E.COUNTER},n.createElement("div",{className:te,"aria-label":oe,ref:X},J?re:n.createElement(u,{mode:"out-in"},n.createElement(f,{key:oe,nodeRef:Y,classNames:{enter:p.fadeEnter,enterActive:p.fadeEnterActive,exit:p.fadeExit,exitActive:p.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},n.createElement("span",{ref:Y,id:ie,"data-testid":K||o(r.COUNTER,_)},F+oe)))))};export{h 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 { 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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"}
+{"version":3,"file":"Counter.js","sources":["../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\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\";\n\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_fb8cd65358",withAnimation:"withAnimation_275bfefbec",counterPopElastic:"counterPopElastic_273243f30a",sizeXs:"sizeXs_4f1bb489e9",sizeSmall:"sizeSmall_6c1ea9595a",sizeLarge:"sizeLarge_93dae1c4ca",kindFill:"kindFill_ad713a869b",colorPrimary:"colorPrimary_a462388d38",colorDark:"colorDark_c1d8aa87dd",colorNegative:"colorNegative_094e6cfb59",colorLight:"colorLight_6d86d05f09",kindLine:"kindLine_dc62c2b09c",fadeEnter:"fadeEnter_f99f2870b0",fadeEnterActive:"fadeEnterActive_a0987a1cd4",fadeExit:"fadeExit_40a1456cda",fadeExitActive:"fadeExitActive_800c333a54","counter-pop-elastic":"counter-pop-elastic_06297ad94f"};!function(n){const o="s_id-b4f9c23ba3ce_4_0_0-beta_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_fb8cd65358 {\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_06297ad94f {\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_275bfefbec {\n  animation: counterPopElastic_273243f30a var(--motion-expressive-short);\n}\n.sizeXs_4f1bb489e9 {\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_6c1ea9595a {\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_93dae1c4ca {\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_ad713a869b.colorPrimary_a462388d38 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_ad713a869b.colorDark_c1d8aa87dd {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_ad713a869b.colorNegative_094e6cfb59 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_ad713a869b.colorLight_6d86d05f09 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_dc62c2b09c {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_dc62c2b09c.colorPrimary_a462388d38 {\n  color: var(--primary-color);\n}\n.kindLine_dc62c2b09c.colorDark_c1d8aa87dd {\n  color: var(--inverted-color-background);\n}\n.kindLine_dc62c2b09c.colorNegative_094e6cfb59 {\n  color: var(--negative-color);\n}\n.kindLine_dc62c2b09c.colorLight_6d86d05f09 {\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_f99f2870b0 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_a0987a1cd4 {\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_40a1456cda {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_800c333a54 {\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_923a07e385",withAnimation:"withAnimation_94ea5e3954",counterPopElastic:"counterPopElastic_39c0ab7d1c",sizeXs:"sizeXs_b3f20780a6",sizeSmall:"sizeSmall_091a5b8673",sizeLarge:"sizeLarge_86529c5ab4",kindFill:"kindFill_79fa32a24c",colorPrimary:"colorPrimary_48043c4513",colorDark:"colorDark_0bae6311b3",colorNegative:"colorNegative_7acfd36119",colorLight:"colorLight_9f71a9d2a8",kindLine:"kindLine_54411bddb6",fadeEnter:"fadeEnter_a9db1938fe",fadeEnterActive:"fadeEnterActive_bea322632a",fadeExit:"fadeExit_18c9e5f4cc",fadeExitActive:"fadeExitActive_de29bd46b6","counter-pop-elastic":"counter-pop-elastic_4018c71e1c"};!function(n){const o="s_id-b4f9c23ba3ce_4_0_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_923a07e385 {\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_4018c71e1c {\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_94ea5e3954 {\n  animation: counterPopElastic_39c0ab7d1c var(--motion-expressive-short);\n}\n.sizeXs_b3f20780a6 {\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_091a5b8673 {\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_86529c5ab4 {\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_79fa32a24c.colorPrimary_48043c4513 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_79fa32a24c.colorDark_0bae6311b3 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_79fa32a24c.colorNegative_7acfd36119 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_79fa32a24c.colorLight_9f71a9d2a8 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_54411bddb6 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_54411bddb6.colorPrimary_48043c4513 {\n  color: var(--primary-color);\n}\n.kindLine_54411bddb6.colorDark_0bae6311b3 {\n  color: var(--inverted-color-background);\n}\n.kindLine_54411bddb6.colorNegative_7acfd36119 {\n  color: var(--negative-color);\n}\n.kindLine_54411bddb6.colorLight_9f71a9d2a8 {\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_a9db1938fe {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_bea322632a {\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_18c9e5f4cc {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_de29bd46b6 {\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/DatePicker.module.scss.js

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_bc44ad2806",datePickerMonths:"datePickerMonths_dc86918df5",withWeekNumber:"withWeekNumber_8b74d41b39",datePickerHead:"datePickerHead_aa0cc54742",datePickerBody:"datePickerBody_aa0cc54742",datePickerTable:"datePickerTable_2c0426fe0b",datePickerDay:"datePickerDay_f3179606e3",datePickerDayContent:"datePickerDayContent_17673384a0",datePickerDayDisabled:"datePickerDayDisabled_0284691998",datePickerAddToRangeStart:"datePickerAddToRangeStart_656c99383f",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_3373739d64",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_7c8994ed45",datePickerDayRangeStart:"datePickerDayRangeStart_2122abbc96",datePickerDayRangeEnd:"datePickerDayRangeEnd_225c2b3b16",datePickerDayOutside:"datePickerDayOutside_2c364a0580",datePickerDaySelected:"datePickerDaySelected_225c2b3b16",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_418cb49e47",datePickerRemoveFromRange:"datePickerRemoveFromRange_6126465dda",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_c292c75fe7"};!function(e){const a="s_id-601bce29f4a5_4_0_0-beta_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_bc44ad2806 {\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_bc44ad2806 .datePickerMonths_dc86918df5 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_bc44ad2806.withWeekNumber_8b74d41b39 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_bc44ad2806.withWeekNumber_8b74d41b39 .datePickerHead_aa0cc54742 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_bc44ad2806.withWeekNumber_8b74d41b39 .datePickerHead_aa0cc54742 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_bc44ad2806.withWeekNumber_8b74d41b39 .datePickerBody_aa0cc54742 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_bc44ad2806.withWeekNumber_8b74d41b39 .datePickerBody_aa0cc54742 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_bc44ad2806 .datePickerTable_2c0426fe0b {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_bc44ad2806 .datePickerHead_aa0cc54742 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_bc44ad2806 .datePickerBody_aa0cc54742 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3 {\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_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3 .datePickerDayContent_17673384a0 {\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_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3:focus-visible {\n  outline: none;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3:focus-visible .datePickerDayContent_17673384a0 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayDisabled_0284691998 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3:not(.datePickerDayDisabled_0284691998):not(.datePickerAddToRangeStart_656c99383f):not(.datePickerAddToRangeEnd_3373739d64):not(.datePickerAddToRangeMiddle_7c8994ed45):not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16) .datePickerDayContent_17673384a0:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayOutside_2c364a0580 {\n  color: var(--disabled-text-color);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDaySelected_225c2b3b16:not(.datePickerDayRangeMiddle_418cb49e47):not(.datePickerRemoveFromRange_6126465dda) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeStart_2122abbc96:not(.datePickerDayRangeEnd_225c2b3b16):not(.datePickerRemoveFromRange_6126465dda), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeEnd_225c2b3b16:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerRemoveFromRange_6126465dda) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeStart_2122abbc96.datePickerRemoveFromRange_6126465dda, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeEnd_225c2b3b16.datePickerRemoveFromRange_6126465dda {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeStart_2122abbc96.datePickerRemoveFromRange_6126465dda:not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeEnd_225c2b3b16.datePickerRemoveFromRange_6126465dda:not(.datePickerDayRangeStart_2122abbc96) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeStart_2122abbc96:not(.datePickerDayRangeEnd_225c2b3b16) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeEnd_225c2b3b16:not(.datePickerDayRangeStart_2122abbc96) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeMiddle_418cb49e47:not(.datePickerAddToRangeStart_656c99383f):not(.datePickerAddToRangeEnd_3373739d64) {\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_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerDayRangeMiddle_418cb49e47:not(.datePickerAddToRangeStart_656c99383f):not(.datePickerAddToRangeEnd_3373739d64) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerRemoveFromRange_6126465dda:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f:not(.datePickerDayRangeMiddle_418cb49e47):not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64:not(.datePickerDayRangeMiddle_418cb49e47):not(.datePickerDayRangeStart_2122abbc96), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerDayRangeMiddle_418cb49e47, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16) {\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_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerRemoveFromRange_6126465dda {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerDayRangeEnd_225c2b3b16:not(.datePickerDayRangeStart_2122abbc96) {\n  margin-inline-end: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerDayRangeMiddle_418cb49e47, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64:not(.datePickerDayRangeStart_2122abbc96):not(.datePickerDayRangeEnd_225c2b3b16) {\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_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerRemoveFromRange_6126465dda {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerDayRangeStart_2122abbc96:not(.datePickerDayRangeEnd_225c2b3b16) {\n  margin-inline-start: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f:not(.datePickerDayRangeMiddle_418cb49e47), .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45, .datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64:not(.datePickerDayRangeMiddle_418cb49e47),\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeStart_656c99383f:not(.datePickerDayRangeMiddle_418cb49e47),\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeMiddle_7c8994ed45,\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerAddToRangeEnd_3373739d64:not(.datePickerDayRangeMiddle_418cb49e47) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerDaySelected_225c2b3b16.datePickerDayRangeEnd_225c2b3b16.datePickerAddToRangeStart_656c99383f,\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerDaySelected_225c2b3b16.datePickerDayRangeEnd_225c2b3b16.datePickerAddToRangeStart_656c99383f {\n  border-inline-start-width: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:first-child .datePickerDay_f3179606e3.datePickerDaySelected_225c2b3b16.datePickerDayRangeStart_2122abbc96.datePickerAddToRangeEnd_3373739d64,\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 tr td:last-child .datePickerDay_f3179606e3.datePickerDaySelected_225c2b3b16.datePickerDayRangeStart_2122abbc96.datePickerAddToRangeEnd_3373739d64 {\n  border-inline-end-width: 0;\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDaySelected_225c2b3b16.datePickerDayRangeEnd_225c2b3b16.datePickerAddToRangeStart_656c99383f {\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_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDaySelected_225c2b3b16.datePickerDayRangeEnd_225c2b3b16.datePickerAddToRangeStart_656c99383f:not(.datePickerHalfRangeSelected_c292c75fe7) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDaySelected_225c2b3b16.datePickerDayRangeStart_2122abbc96.datePickerAddToRangeEnd_3373739d64 {\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_bc44ad2806 .datePickerBody_aa0cc54742 .datePickerDaySelected_225c2b3b16.datePickerDayRangeStart_2122abbc96.datePickerAddToRangeEnd_3373739d64:not(.datePickerHalfRangeSelected_c292c75fe7) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_bf75fc73ed",datePickerMonths:"datePickerMonths_29f4b5a057",withWeekNumber:"withWeekNumber_a5ad281a86",datePickerHead:"datePickerHead_a341e64e0c",datePickerBody:"datePickerBody_a341e64e0c",datePickerTable:"datePickerTable_9b954bb3d0",datePickerDay:"datePickerDay_86a4b03509",datePickerDayContent:"datePickerDayContent_9f006d2c0f",datePickerDayDisabled:"datePickerDayDisabled_af3b838d0a",datePickerAddToRangeStart:"datePickerAddToRangeStart_b69e898f0e",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_ac6f59c328",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_98c2d0392a",datePickerDayRangeStart:"datePickerDayRangeStart_1c67b236e9",datePickerDayRangeEnd:"datePickerDayRangeEnd_8e1d884565",datePickerDayOutside:"datePickerDayOutside_d765fcfcb4",datePickerDaySelected:"datePickerDaySelected_8e1d884565",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_04f0cd241f",datePickerRemoveFromRange:"datePickerRemoveFromRange_621ddd6b64",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_17c06b983e"};!function(e){const a="s_id-601bce29f4a5_4_0_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_bf75fc73ed {\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_bf75fc73ed .datePickerMonths_29f4b5a057 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_bf75fc73ed.withWeekNumber_a5ad281a86 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_bf75fc73ed.withWeekNumber_a5ad281a86 .datePickerHead_a341e64e0c 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_bf75fc73ed.withWeekNumber_a5ad281a86 .datePickerHead_a341e64e0c 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_bf75fc73ed.withWeekNumber_a5ad281a86 .datePickerBody_a341e64e0c td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_bf75fc73ed.withWeekNumber_a5ad281a86 .datePickerBody_a341e64e0c 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_bf75fc73ed .datePickerTable_9b954bb3d0 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_bf75fc73ed .datePickerHead_a341e64e0c 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_bf75fc73ed .datePickerBody_a341e64e0c td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509 {\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_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509 .datePickerDayContent_9f006d2c0f {\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_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509:focus-visible {\n  outline: none;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509:focus-visible .datePickerDayContent_9f006d2c0f {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayDisabled_af3b838d0a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509:not(.datePickerDayDisabled_af3b838d0a):not(.datePickerAddToRangeStart_b69e898f0e):not(.datePickerAddToRangeEnd_ac6f59c328):not(.datePickerAddToRangeMiddle_98c2d0392a):not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565) .datePickerDayContent_9f006d2c0f:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayOutside_d765fcfcb4 {\n  color: var(--disabled-text-color);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDaySelected_8e1d884565:not(.datePickerDayRangeMiddle_04f0cd241f):not(.datePickerRemoveFromRange_621ddd6b64) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeStart_1c67b236e9:not(.datePickerDayRangeEnd_8e1d884565):not(.datePickerRemoveFromRange_621ddd6b64), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeEnd_8e1d884565:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerRemoveFromRange_621ddd6b64) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeStart_1c67b236e9.datePickerRemoveFromRange_621ddd6b64, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeEnd_8e1d884565.datePickerRemoveFromRange_621ddd6b64 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeStart_1c67b236e9.datePickerRemoveFromRange_621ddd6b64:not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeEnd_8e1d884565.datePickerRemoveFromRange_621ddd6b64:not(.datePickerDayRangeStart_1c67b236e9) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeStart_1c67b236e9:not(.datePickerDayRangeEnd_8e1d884565) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeEnd_8e1d884565:not(.datePickerDayRangeStart_1c67b236e9) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeMiddle_04f0cd241f:not(.datePickerAddToRangeStart_b69e898f0e):not(.datePickerAddToRangeEnd_ac6f59c328) {\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_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerDayRangeMiddle_04f0cd241f:not(.datePickerAddToRangeStart_b69e898f0e):not(.datePickerAddToRangeEnd_ac6f59c328) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerRemoveFromRange_621ddd6b64:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e:not(.datePickerDayRangeMiddle_04f0cd241f):not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerDayRangeMiddle_04f0cd241f):not(.datePickerDayRangeStart_1c67b236e9), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerDayRangeMiddle_04f0cd241f, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565) {\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_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerRemoveFromRange_621ddd6b64 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerDayRangeEnd_8e1d884565:not(.datePickerDayRangeStart_1c67b236e9) {\n  margin-inline-end: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerDayRangeMiddle_04f0cd241f, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerDayRangeStart_1c67b236e9):not(.datePickerDayRangeEnd_8e1d884565) {\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_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerRemoveFromRange_621ddd6b64 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerDayRangeStart_1c67b236e9:not(.datePickerDayRangeEnd_8e1d884565) {\n  margin-inline-start: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e:not(.datePickerDayRangeMiddle_04f0cd241f), .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a, .datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerDayRangeMiddle_04f0cd241f),\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeStart_b69e898f0e:not(.datePickerDayRangeMiddle_04f0cd241f),\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeMiddle_98c2d0392a,\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerDayRangeMiddle_04f0cd241f) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerDaySelected_8e1d884565.datePickerDayRangeEnd_8e1d884565.datePickerAddToRangeStart_b69e898f0e,\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerDaySelected_8e1d884565.datePickerDayRangeEnd_8e1d884565.datePickerAddToRangeStart_b69e898f0e {\n  border-inline-start-width: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:first-child .datePickerDay_86a4b03509.datePickerDaySelected_8e1d884565.datePickerDayRangeStart_1c67b236e9.datePickerAddToRangeEnd_ac6f59c328,\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c tr td:last-child .datePickerDay_86a4b03509.datePickerDaySelected_8e1d884565.datePickerDayRangeStart_1c67b236e9.datePickerAddToRangeEnd_ac6f59c328 {\n  border-inline-end-width: 0;\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDaySelected_8e1d884565.datePickerDayRangeEnd_8e1d884565.datePickerAddToRangeStart_b69e898f0e {\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_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDaySelected_8e1d884565.datePickerDayRangeEnd_8e1d884565.datePickerAddToRangeStart_b69e898f0e:not(.datePickerHalfRangeSelected_17c06b983e) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDaySelected_8e1d884565.datePickerDayRangeStart_1c67b236e9.datePickerAddToRangeEnd_ac6f59c328 {\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_bf75fc73ed .datePickerBody_a341e64e0c .datePickerDaySelected_8e1d884565.datePickerDayRangeStart_1c67b236e9.datePickerAddToRangeEnd_ac6f59c328:not(.datePickerHalfRangeSelected_17c06b983e) {\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.module.scss.js

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_e2a7e1cdae",yearButtonDropdown:"yearButtonDropdown_5b29976e42",datePickerHeader:"datePickerHeader_19222948db"};!function(e){const t="s_id-a12251d5376d_4_0_0-beta_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_e2a7e1cdae {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_5b29976e42 {\n  justify-content: space-between;\n}\n.datePickerHeader_19222948db {\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_19222948db button:focus:not(:active), .datePickerHeader_19222948db 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};
+var e={monthButtonDropdown:"monthButtonDropdown_21461b5e9a",yearButtonDropdown:"yearButtonDropdown_77baae1d4f",datePickerHeader:"datePickerHeader_a604270d95"};!function(e){const t="s_id-a12251d5376d_4_0_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_21461b5e9a {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_77baae1d4f {\n  justify-content: space-between;\n}\n.datePickerHeader_a604270d95 {\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_a604270d95 button:focus:not(:active), .datePickerHeader_a604270d95 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/Divider/Divider.js

@@ -1,2 +1,2 @@
-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};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as s}from"../../tests/testIds.js";import r from"classnames";import e from"react";import o from"./Divider.module.scss.js";import{ComponentVibeId as a}from"../../tests/constants.js";import{getStyle as d}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(m){var l=m.className,p=void 0===l?void 0:l,n=m.withoutMargin,u=void 0!==n&&n,v=m.direction,c=void 0===v?"horizontal":v,f=m.id;return e.createElement("div",{id:f,"data-testid":m["data-testid"]||i(s.DIVIDER,f),"data-vibe":a.DIVIDER,className:r(o.divider,p,d(o,c),t({},o.withoutMargin,u))})};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 { 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"}
+{"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 \"@vibe/shared\";\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":"oYAoBA,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_74b0623a87",withoutMargin:"withoutMargin_142febbac5",horizontal:"horizontal_12ec94bfcc",vertical:"vertical_196bc6649b"};!function(e){const n="s_id-8d5ec08ca0ea_4_0_0-beta_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_74b0623a87 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_74b0623a87.withoutMargin_142febbac5 {\n  margin: 0;\n}\n\n.horizontal_12ec94bfcc {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_196bc6649b {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
+var e={divider:"divider_e86e370668",withoutMargin:"withoutMargin_13a1a7f90e",horizontal:"horizontal_543a2d068c",vertical:"vertical_daa3936237"};!function(e){const n="s_id-8d5ec08ca0ea_4_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_e86e370668 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_e86e370668.withoutMargin_13a1a7f90e {\n  margin: 0;\n}\n\n.horizontal_543a2d068c {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_daa3936237 {\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 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};
+import o,{forwardRef as r,useRef as e}from"react";import t from"./modes/DropdownComboboxController.js";import n from"./modes/DropdownMultiComboboxController.js";import l from"./modes/DropdownSelectController.js";import m from"./modes/DropdownMultiSelectController.js";import{useMergeRef as s}from"../../../shared/dist/hooks/useMergeRef.js";var i=r((function(r,i){var d=!!r.searchable,u=e(null),f=s(i,u);return function(o){return o.multi}(r)?o.createElement(d?n:m,Object.assign({},r,{dropdownRef:f})):function(o){return!o.multi}(r)?o.createElement(d?t:l,Object.assign({},r,{dropdownRef:f})):null}));export{i as default};
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport {\n  type BaseDropdownProps,\n  type DropdownMultiControllerProps,\n  type DropdownSingleControllerProps\n} from \"./Dropdown.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type BaseItemData } from \"../BaseItem\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n  <Item extends BaseItemData<Record<string, unknown>>>(\n    dropdownProps: BaseDropdownProps<Item>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSearchable = Boolean(dropdownProps.searchable);\n\n    const dropdownInternalRef = useRef<HTMLDivElement>(null);\n    const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n    if (isMultiType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    if (isSingleType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default Dropdown as <Item extends BaseItemData<Record<string, unknown>>>(\n  props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n  return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n  return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"sTAaMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport {\n  type BaseDropdownProps,\n  type DropdownMultiControllerProps,\n  type DropdownSingleControllerProps\n} from \"./Dropdown.types\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type BaseItemData } from \"../BaseItem\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n  <Item extends BaseItemData<Record<string, unknown>>>(\n    dropdownProps: BaseDropdownProps<Item>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSearchable = Boolean(dropdownProps.searchable);\n\n    const dropdownInternalRef = useRef<HTMLDivElement>(null);\n    const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n    if (isMultiType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    if (isSingleType(dropdownProps)) {\n      return isSearchable ? (\n        <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      ) : (\n        <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default Dropdown as <Item extends BaseItemData<Record<string, unknown>>>(\n  props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n  return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n  return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"oVAaMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}