@veeqo/ui 14.0.3 → 14.0.4

package/dist/components/Slider/Slider.js

@@ -53,8 +53,8 @@ const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassNa
     const renderSlider = (horizontalPosition, valueNow, handle) => {
         const isActive = isDraggingHandle === handle;
         const sliderClassName = handle === 'start'
-            ? buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.startSlider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.startSlider])
-            : buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.endSlider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.endSlider]);
+            ? buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.startSlider, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.startSlider])
+            : buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.endSlider, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.endSlider]);
         const isHovered = hoveredHandle === handle;
         const isFocused = focusedHandle === handle;
         const showLabel = showValueLabel && !disabled && (isActive || isHovered || isFocused);
@@ -74,7 +74,7 @@ const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassNa
         const handleValueEnd = ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);
         const rangeWidth = handleValueEnd - handleValueStart;
         return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(SliderTrack, { left: handleValueStart, width: rangeWidth, disabled: disabled, className: buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.sliderRange, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.sliderRange]) }),
+            React__default.createElement(SliderTrack, { left: handleValueStart, width: rangeWidth, disabled: disabled, className: buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.sliderRange, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.sliderRange]) }),
             renderSlider(handleValueStart, rangeSliderValue[0], 'start'),
             renderSlider(handleValueEnd, rangeSliderValue[1], 'end')));
     };
@@ -87,14 +87,14 @@ const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassNa
         else
             handleValue = ((sliderValue - min) * 100) / (max - min);
         return (React__default.createElement(React__default.Fragment, null,
-            showFill && (React__default.createElement(SliderTrack, { left: 0, width: handleValue, disabled: disabled, className: buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.sliderRange, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.sliderRange]) })),
+            showFill && (React__default.createElement(SliderTrack, { left: 0, width: handleValue, disabled: disabled, className: buildClassnames([classNames === null || classNames === void 0 ? void 0 : classNames.sliderRange, e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.sliderRange]) })),
             renderSlider(handleValue, sliderValue, 'end')));
     };
     const render = Array.isArray(value) ? renderRangeSlider(value) : renderSingleSlider(value);
     return (React__default.createElement("div", { className: buildClassnames([
             styles.container,
-            classNames === null || classNames === undefined ? undefined : classNames.container,
-            e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container,
+            classNames === null || classNames === void 0 ? void 0 : classNames.container,
+            e2eClassNames === null || e2eClassNames === void 0 ? void 0 : e2eClassNames.container,
         ]), id: id, ref: containerRef },
         React__default.createElement("div", { className: styles.track }),
         render));

package/dist/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SliderComponentProps, ClassNamesReturnPayload, DraggingHandle } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { SliderHandle } from './components/SliderHandle';\nimport { SliderTrack } from './components/SliderTrack';\nimport { useSliderDrag, useSliderKeyboard } from './hooks';\nimport styles from './Slider.module.scss';\n\nconst generateClassNames = (prefix: string | undefined): ClassNamesReturnPayload => ({\n  container: prefix ? `${prefix}-slider-container` : undefined,\n  sliderRange: prefix ? `${prefix}-slider-range` : undefined,\n  slider: prefix ? `${prefix}-slider` : undefined,\n  startSlider: prefix ? `${prefix}-start-slider` : undefined,\n  endSlider: prefix ? `${prefix}-end-slider` : undefined,\n});\n\n/**\n * Slider component for selecting a single value or a range of values.\n * Supports value labels on hover/drag, disabled state, and optional fill visualization.\n */\nexport const Slider = ({\n  id,\n\n  value,\n  min,\n  max,\n  step = 1,\n  onChange,\n\n  className,\n  e2eClassName,\n\n  showFill = false,\n  showValueLabel = false,\n  disabled = false,\n  ariaLabel = 'Slider',\n  ariaLabelledBy,\n\n  onSlideStart = () => {},\n  onSlideEnd = () => {},\n}: SliderComponentProps) => {\n  // Track which handle is being hovered/focused for value label display\n  const [hoveredHandle, setHoveredHandle] = useState<DraggingHandle>(null);\n  const [focusedHandle, setFocusedHandle] = useState<DraggingHandle>(null);\n\n  // DOM reference for drag calculations\n  const containerRef = useRef<HTMLDivElement>(null);\n  // DOM references for focus during keyboard navigation\n  const startHandleRef = useRef<HTMLDivElement>(null);\n  const endHandleRef = useRef<HTMLDivElement>(null);\n\n  const classNames = generateClassNames(className);\n  const e2eClassNames = generateClassNames(e2eClassName);\n\n  const { isDraggingHandle, handleMouseDown } = useSliderDrag({\n    containerRef,\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    onSlideStart,\n    onSlideEnd,\n  });\n\n  const { handleKeyDown } = useSliderKeyboard({\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    setFocusedHandle,\n    startHandleRef,\n    endHandleRef,\n  });\n\n  const renderSlider = (horizontalPosition: number, valueNow: number, handle: 'start' | 'end') => {\n    const isActive = isDraggingHandle === handle;\n\n    const sliderClassName =\n      handle === 'start'\n        ? buildClassnames([classNames?.startSlider, e2eClassNames?.startSlider])\n        : buildClassnames([classNames?.endSlider, e2eClassNames?.endSlider]);\n\n    const isHovered = hoveredHandle === handle;\n    const isFocused = focusedHandle === handle;\n    const showLabel = showValueLabel && !disabled && (isActive || isHovered || isFocused);\n\n    return (\n      <SliderHandle\n        ref={handle === 'start' ? startHandleRef : endHandleRef}\n        horizontalPosition={horizontalPosition}\n        value={valueNow}\n        min={min}\n        max={max}\n        disabled={disabled}\n        isActive={isActive}\n        showLabel={showLabel}\n        className={sliderClassName}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        onMouseDown={handleMouseDown(handle)}\n        onMouseEnter={() => {\n          if (disabled) return;\n          setHoveredHandle(handle);\n        }}\n        onMouseLeave={() => setHoveredHandle(null)}\n        onFocus={() => {\n          if (disabled) return;\n          setFocusedHandle(handle);\n        }}\n        onBlur={() => setFocusedHandle(null)}\n        onKeyDown={handleKeyDown(handle)}\n      />\n    );\n  };\n\n  const renderRangeSlider = (rangeSliderValue: number[]) => {\n    // handle value used to get slider position relative to container from value\n    const handleValueStart =\n      ((rangeSliderValue[0] < min ? 0 : rangeSliderValue[0] - min) * 100) / (max - min);\n    const handleValueEnd =\n      ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);\n\n    const rangeWidth = handleValueEnd - handleValueStart;\n\n    return (\n      <>\n        <SliderTrack\n          left={handleValueStart}\n          width={rangeWidth}\n          disabled={disabled}\n          className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n        />\n        {renderSlider(handleValueStart, rangeSliderValue[0], 'start')}\n        {renderSlider(handleValueEnd, rangeSliderValue[1], 'end')}\n      </>\n    );\n  };\n\n  const renderSingleSlider = (sliderValue: number) => {\n    let handleValue: number;\n\n    if (sliderValue > max) handleValue = 100;\n    else if (sliderValue < min) handleValue = 0;\n    else handleValue = ((sliderValue - min) * 100) / (max - min);\n\n    return (\n      <>\n        {showFill && (\n          <SliderTrack\n            left={0}\n            width={handleValue}\n            disabled={disabled}\n            className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n          />\n        )}\n        {renderSlider(handleValue, sliderValue, 'end')}\n      </>\n    );\n  };\n\n  const render = Array.isArray(value) ? renderRangeSlider(value) : renderSingleSlider(value);\n\n  return (\n    <div\n      className={buildClassnames([\n        styles.container,\n        classNames?.container,\n        e2eClassNames?.container,\n      ])}\n      id={id}\n      ref={containerRef}\n    >\n      <div className={styles.track} />\n      {render}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SliderComponentProps, ClassNamesReturnPayload, DraggingHandle } from './types';\nimport { buildClassnames } from '../../utils/buildClassnames';\nimport { SliderHandle } from './components/SliderHandle';\nimport { SliderTrack } from './components/SliderTrack';\nimport { useSliderDrag, useSliderKeyboard } from './hooks';\nimport styles from './Slider.module.scss';\n\nconst generateClassNames = (prefix: string | undefined): ClassNamesReturnPayload => ({\n  container: prefix ? `${prefix}-slider-container` : undefined,\n  sliderRange: prefix ? `${prefix}-slider-range` : undefined,\n  slider: prefix ? `${prefix}-slider` : undefined,\n  startSlider: prefix ? `${prefix}-start-slider` : undefined,\n  endSlider: prefix ? `${prefix}-end-slider` : undefined,\n});\n\n/**\n * Slider component for selecting a single value or a range of values.\n * Supports value labels on hover/drag, disabled state, and optional fill visualization.\n */\nexport const Slider = ({\n  id,\n\n  value,\n  min,\n  max,\n  step = 1,\n  onChange,\n\n  className,\n  e2eClassName,\n\n  showFill = false,\n  showValueLabel = false,\n  disabled = false,\n  ariaLabel = 'Slider',\n  ariaLabelledBy,\n\n  onSlideStart = () => {},\n  onSlideEnd = () => {},\n}: SliderComponentProps) => {\n  // Track which handle is being hovered/focused for value label display\n  const [hoveredHandle, setHoveredHandle] = useState<DraggingHandle>(null);\n  const [focusedHandle, setFocusedHandle] = useState<DraggingHandle>(null);\n\n  // DOM reference for drag calculations\n  const containerRef = useRef<HTMLDivElement>(null);\n  // DOM references for focus during keyboard navigation\n  const startHandleRef = useRef<HTMLDivElement>(null);\n  const endHandleRef = useRef<HTMLDivElement>(null);\n\n  const classNames = generateClassNames(className);\n  const e2eClassNames = generateClassNames(e2eClassName);\n\n  const { isDraggingHandle, handleMouseDown } = useSliderDrag({\n    containerRef,\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    onSlideStart,\n    onSlideEnd,\n  });\n\n  const { handleKeyDown } = useSliderKeyboard({\n    value,\n    min,\n    max,\n    step,\n    disabled,\n    onChange,\n    setFocusedHandle,\n    startHandleRef,\n    endHandleRef,\n  });\n\n  const renderSlider = (horizontalPosition: number, valueNow: number, handle: 'start' | 'end') => {\n    const isActive = isDraggingHandle === handle;\n\n    const sliderClassName =\n      handle === 'start'\n        ? buildClassnames([classNames?.startSlider, e2eClassNames?.startSlider])\n        : buildClassnames([classNames?.endSlider, e2eClassNames?.endSlider]);\n\n    const isHovered = hoveredHandle === handle;\n    const isFocused = focusedHandle === handle;\n    const showLabel = showValueLabel && !disabled && (isActive || isHovered || isFocused);\n\n    return (\n      <SliderHandle\n        ref={handle === 'start' ? startHandleRef : endHandleRef}\n        horizontalPosition={horizontalPosition}\n        value={valueNow}\n        min={min}\n        max={max}\n        disabled={disabled}\n        isActive={isActive}\n        showLabel={showLabel}\n        className={sliderClassName}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        onMouseDown={handleMouseDown(handle)}\n        onMouseEnter={() => {\n          if (disabled) return;\n          setHoveredHandle(handle);\n        }}\n        onMouseLeave={() => setHoveredHandle(null)}\n        onFocus={() => {\n          if (disabled) return;\n          setFocusedHandle(handle);\n        }}\n        onBlur={() => setFocusedHandle(null)}\n        onKeyDown={handleKeyDown(handle)}\n      />\n    );\n  };\n\n  const renderRangeSlider = (rangeSliderValue: number[]) => {\n    // handle value used to get slider position relative to container from value\n    const handleValueStart =\n      ((rangeSliderValue[0] < min ? 0 : rangeSliderValue[0] - min) * 100) / (max - min);\n    const handleValueEnd =\n      ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);\n\n    const rangeWidth = handleValueEnd - handleValueStart;\n\n    return (\n      <>\n        <SliderTrack\n          left={handleValueStart}\n          width={rangeWidth}\n          disabled={disabled}\n          className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n        />\n        {renderSlider(handleValueStart, rangeSliderValue[0], 'start')}\n        {renderSlider(handleValueEnd, rangeSliderValue[1], 'end')}\n      </>\n    );\n  };\n\n  const renderSingleSlider = (sliderValue: number) => {\n    let handleValue: number;\n\n    if (sliderValue > max) handleValue = 100;\n    else if (sliderValue < min) handleValue = 0;\n    else handleValue = ((sliderValue - min) * 100) / (max - min);\n\n    return (\n      <>\n        {showFill && (\n          <SliderTrack\n            left={0}\n            width={handleValue}\n            disabled={disabled}\n            className={buildClassnames([classNames?.sliderRange, e2eClassNames?.sliderRange])}\n          />\n        )}\n        {renderSlider(handleValue, sliderValue, 'end')}\n      </>\n    );\n  };\n\n  const render = Array.isArray(value) ? renderRangeSlider(value) : renderSingleSlider(value);\n\n  return (\n    <div\n      className={buildClassnames([\n        styles.container,\n        classNames?.container,\n        e2eClassNames?.container,\n      ])}\n      id={id}\n      ref={containerRef}\n    >\n      <div className={styles.track} />\n      {render}\n    </div>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAQA,MAAM,kBAAkB,GAAG,CAAC,MAA0B,MAA+B;IACnF,SAAS,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,iBAAA,CAAmB,GAAG,SAAS;IAC5D,WAAW,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,GAAG,SAAS;IAC1D,MAAM,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS,GAAG,SAAS;IAC/C,WAAW,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,GAAG,SAAS;IAC1D,SAAS,EAAE,MAAM,GAAG,CAAA,EAAG,MAAM,CAAA,WAAA,CAAa,GAAG,SAAS;AACvD,CAAA,CAAC;AAEF;;;AAGG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,EAAE,EAEF,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,GAAG,CAAC,EACR,QAAQ,EAER,SAAS,EACT,YAAY,EAEZ,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,QAAQ,EACpB,cAAc,EAEd,YAAY,GAAG,MAAK,EAAE,CAAC,EACvB,UAAU,GAAG,MAAK,EAAE,CAAC,GACA,KAAI;;IAEzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC;IACxE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC;;AAGxE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;;AAEjD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;AACnD,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEjD,IAAA,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC;AAChD,IAAA,MAAM,aAAa,GAAG,kBAAkB,CAAC,YAAY,CAAC;AAEtD,IAAA,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC;QAC1D,YAAY;QACZ,KAAK;QACL,GAAG;QACH,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,YAAY;QACZ,UAAU;AACX,KAAA,CAAC;AAEF,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC;QAC1C,KAAK;QACL,GAAG;QACH,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,gBAAgB;QAChB,cAAc;QACd,YAAY;AACb,KAAA,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,kBAA0B,EAAE,QAAgB,EAAE,MAAuB,KAAI;AAC7F,QAAA,MAAM,QAAQ,GAAG,gBAAgB,KAAK,MAAM;AAE5C,QAAA,MAAM,eAAe,GACnB,MAAM,KAAK;cACP,eAAe,CAAC,CAAC,UAAU,KAAA,IAAA,IAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAAE,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,WAAW,CAAC;cACrE,eAAe,CAAC,CAAC,UAAU,KAAA,IAAA,IAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,aAAa,aAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,SAAS,CAAC,CAAC;AAExE,QAAA,MAAM,SAAS,GAAG,aAAa,KAAK,MAAM;AAC1C,QAAA,MAAM,SAAS,GAAG,aAAa,KAAK,MAAM;AAC1C,QAAA,MAAM,SAAS,GAAG,cAAc,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,CAAC;AAErF,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EACX,GAAG,EAAE,MAAM,KAAK,OAAO,GAAG,cAAc,GAAG,YAAY,EACvD,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,QAAQ,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,eAAe,EAC1B,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,eAAe,CAAC,MAAM,CAAC,EACpC,YAAY,EAAE,MAAK;AACjB,gBAAA,IAAI,QAAQ;oBAAE;gBACd,gBAAgB,CAAC,MAAM,CAAC;AAC1B,YAAA,CAAC,EACD,YAAY,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,EAC1C,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,QAAQ;oBAAE;gBACd,gBAAgB,CAAC,MAAM,CAAC;AAC1B,YAAA,CAAC,EACD,MAAM,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,EAAA,CAChC;AAEN,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,CAAC,gBAA0B,KAAI;;AAEvD,QAAA,MAAM,gBAAgB,GACpB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC;AACnF,QAAA,MAAM,cAAc,GAClB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,gBAAgB,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC;AAErF,QAAA,MAAM,UAAU,GAAG,cAAc,GAAG,gBAAgB;AAEpD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACE,YAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,CAAC,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,WAAW,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,CAAC,EAAA,CACjF;YACD,YAAY,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;AAC5D,YAAA,YAAY,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CACxD;AAEP,IAAA,CAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,WAAmB,KAAI;AACjD,QAAA,IAAI,WAAmB;QAEvB,IAAI,WAAW,GAAG,GAAG;YAAE,WAAW,GAAG,GAAG;aACnC,IAAI,WAAW,GAAG,GAAG;YAAE,WAAW,GAAG,CAAC;;AACtC,YAAA,WAAW,GAAG,CAAC,CAAC,WAAW,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC;AAE5D,QAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACG,YAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,eAAe,CAAC,CAAC,UAAU,KAAA,IAAA,IAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,uBAAb,aAAa,CAAE,WAAW,CAAC,CAAC,GACjF,CACH;YACA,YAAY,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,CAAC,CAC7C;AAEP,IAAA,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC;AAE1F,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC;AACzB,YAAA,MAAM,CAAC,SAAS;AAChB,YAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,SAAS;AACrB,YAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,SAAS;AACzB,SAAA,CAAC,EACF,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,YAAY,EAAA;AAEjB,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,CAAI;QAC/B,MAAM,CACH;AAEV;;;;"}

package/dist/components/Slider/components/SliderHandle/SliderHandle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderHandle.cjs","sources":["../../../../../src/components/Slider/components/SliderHandle/SliderHandle.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderHandle.module.scss';\nimport { SliderHandleProps } from './types';\nimport { Text } from '../../../Text';\n\n/**\n * Slider handle component that renders the draggable handle and optional value label.\n * Positioned dynamically based on the slider value.\n */\nexport const SliderHandle = React.forwardRef<HTMLDivElement, SliderHandleProps>(\n  (\n    {\n      horizontalPosition,\n      value,\n      min,\n      max,\n      disabled,\n      isActive,\n      showLabel,\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    },\n    ref,\n  ) => {\n    const positionStyle = { left: `${horizontalPosition}%` };\n\n    return (\n      <>\n        {showLabel && (\n          <div className={styles.valueLabel} style={positionStyle} data-testid=\"slider-value-label\">\n            <Text>{value}</Text>\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"slider\"\n          aria-orientation=\"horizontal\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          className={buildClassnames([styles.slider, className])}\n          style={positionStyle}\n          data-disabled={disabled}\n          data-active={isActive}\n          data-testid=\"slider-handle\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-disabled={disabled}\n          onMouseDown={onMouseDown}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n        />\n      </>\n    );\n  },\n);\n\nSliderHandle.displayName = 'SliderHandle';\n"],"names":["React","styles","Text","buildClassnames"],"mappings":";;;;;;;;;;;AAMA;;;AAGG;MACU,YAAY,GAAGA,sBAAK,CAAC,UAAU,CAC1C,CACE,EACE,kBAAkB,EAClB,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACV,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,CAAG,EAAA,kBAAkB,CAAG,CAAA,CAAA,EAAE;AAExD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,SAAS,KACRA,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAM,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,iBAAc,oBAAoB,EAAA;AACvF,YAAAD,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,IAAA,EAAE,KAAK,CAAQ,CAChB,CACP;AACD,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACI,kBAAA,EAAA,YAAY,EACjB,YAAA,EAAA,SAAS,qBACJ,cAAc,EAC/B,SAAS,EAAEG,+BAAe,CAAC,CAACF,mBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACtD,KAAK,EAAE,aAAa,EAAA,eAAA,EACL,QAAQ,EAAA,aAAA,EACV,QAAQ,EACT,aAAA,EAAA,eAAe,EAC3B,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,eAAA,EACZ,GAAG,EACH,eAAA,EAAA,GAAG,EACH,eAAA,EAAA,KAAK,mBACL,QAAQ,EACvB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,CAAA,CACD;AAEP,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"SliderHandle.cjs","sources":["../../../../../src/components/Slider/components/SliderHandle/SliderHandle.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderHandle.module.scss';\nimport { SliderHandleProps } from './types';\nimport { Text } from '../../../Text';\n\n/**\n * Slider handle component that renders the draggable handle and optional value label.\n * Positioned dynamically based on the slider value.\n */\nexport const SliderHandle = React.forwardRef<HTMLDivElement, SliderHandleProps>(\n  (\n    {\n      horizontalPosition,\n      value,\n      min,\n      max,\n      disabled,\n      isActive,\n      showLabel,\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    },\n    ref,\n  ) => {\n    const positionStyle = { left: `${horizontalPosition}%` };\n\n    return (\n      <>\n        {showLabel && (\n          <div className={styles.valueLabel} style={positionStyle} data-testid=\"slider-value-label\">\n            <Text>{value}</Text>\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"slider\"\n          aria-orientation=\"horizontal\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          className={buildClassnames([styles.slider, className])}\n          style={positionStyle}\n          data-disabled={disabled}\n          data-active={isActive}\n          data-testid=\"slider-handle\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-disabled={disabled}\n          onMouseDown={onMouseDown}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n        />\n      </>\n    );\n  },\n);\n\nSliderHandle.displayName = 'SliderHandle';\n"],"names":["React","styles","Text","buildClassnames"],"mappings":";;;;;;;;;;;AAMA;;;AAGG;MACU,YAAY,GAAGA,sBAAK,CAAC,UAAU,CAC1C,CACE,EACE,kBAAkB,EAClB,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACV,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,CAAA,EAAG,kBAAkB,CAAA,CAAA,CAAG,EAAE;AAExD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,SAAS,KACRA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,mBAAM,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,iBAAc,oBAAoB,EAAA;AACvF,YAAAD,sBAAA,CAAA,aAAA,CAACE,SAAI,EAAA,IAAA,EAAE,KAAK,CAAQ,CAChB,CACP;AACD,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EAAA,kBAAA,EACI,YAAY,EAAA,YAAA,EACjB,SAAS,qBACJ,cAAc,EAC/B,SAAS,EAAEG,+BAAe,CAAC,CAACF,mBAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACtD,KAAK,EAAE,aAAa,EAAA,eAAA,EACL,QAAQ,EAAA,aAAA,EACV,QAAQ,EAAA,aAAA,EACT,eAAe,EAC3B,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,eAAA,EACZ,GAAG,EAAA,eAAA,EACH,GAAG,EAAA,eAAA,EACH,KAAK,mBACL,QAAQ,EACvB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAAA,CACpB,CACD;AAEP,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/components/Slider/components/SliderHandle/SliderHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderHandle.js","sources":["../../../../../src/components/Slider/components/SliderHandle/SliderHandle.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderHandle.module.scss';\nimport { SliderHandleProps } from './types';\nimport { Text } from '../../../Text';\n\n/**\n * Slider handle component that renders the draggable handle and optional value label.\n * Positioned dynamically based on the slider value.\n */\nexport const SliderHandle = React.forwardRef<HTMLDivElement, SliderHandleProps>(\n  (\n    {\n      horizontalPosition,\n      value,\n      min,\n      max,\n      disabled,\n      isActive,\n      showLabel,\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    },\n    ref,\n  ) => {\n    const positionStyle = { left: `${horizontalPosition}%` };\n\n    return (\n      <>\n        {showLabel && (\n          <div className={styles.valueLabel} style={positionStyle} data-testid=\"slider-value-label\">\n            <Text>{value}</Text>\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"slider\"\n          aria-orientation=\"horizontal\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          className={buildClassnames([styles.slider, className])}\n          style={positionStyle}\n          data-disabled={disabled}\n          data-active={isActive}\n          data-testid=\"slider-handle\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-disabled={disabled}\n          onMouseDown={onMouseDown}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n        />\n      </>\n    );\n  },\n);\n\nSliderHandle.displayName = 'SliderHandle';\n"],"names":["React"],"mappings":";;;;;AAMA;;;AAGG;MACU,YAAY,GAAGA,cAAK,CAAC,UAAU,CAC1C,CACE,EACE,kBAAkB,EAClB,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACV,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,CAAG,EAAA,kBAAkB,CAAG,CAAA,CAAA,EAAE;AAExD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,SAAS,KACRA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,iBAAc,oBAAoB,EAAA;AACvF,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,KAAK,CAAQ,CAChB,CACP;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACI,kBAAA,EAAA,YAAY,EACjB,YAAA,EAAA,SAAS,qBACJ,cAAc,EAC/B,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACtD,KAAK,EAAE,aAAa,EAAA,eAAA,EACL,QAAQ,EAAA,aAAA,EACV,QAAQ,EACT,aAAA,EAAA,eAAe,EAC3B,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,eAAA,EACZ,GAAG,EACH,eAAA,EAAA,GAAG,EACH,eAAA,EAAA,KAAK,mBACL,QAAQ,EACvB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,CAAA,CACD;AAEP,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"SliderHandle.js","sources":["../../../../../src/components/Slider/components/SliderHandle/SliderHandle.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderHandle.module.scss';\nimport { SliderHandleProps } from './types';\nimport { Text } from '../../../Text';\n\n/**\n * Slider handle component that renders the draggable handle and optional value label.\n * Positioned dynamically based on the slider value.\n */\nexport const SliderHandle = React.forwardRef<HTMLDivElement, SliderHandleProps>(\n  (\n    {\n      horizontalPosition,\n      value,\n      min,\n      max,\n      disabled,\n      isActive,\n      showLabel,\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      onMouseDown,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onKeyDown,\n    },\n    ref,\n  ) => {\n    const positionStyle = { left: `${horizontalPosition}%` };\n\n    return (\n      <>\n        {showLabel && (\n          <div className={styles.valueLabel} style={positionStyle} data-testid=\"slider-value-label\">\n            <Text>{value}</Text>\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"slider\"\n          aria-orientation=\"horizontal\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          className={buildClassnames([styles.slider, className])}\n          style={positionStyle}\n          data-disabled={disabled}\n          data-active={isActive}\n          data-testid=\"slider-handle\"\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuenow={value}\n          aria-disabled={disabled}\n          onMouseDown={onMouseDown}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          onKeyDown={onKeyDown}\n        />\n      </>\n    );\n  },\n);\n\nSliderHandle.displayName = 'SliderHandle';\n"],"names":["React"],"mappings":";;;;;AAMA;;;AAGG;MACU,YAAY,GAAGA,cAAK,CAAC,UAAU,CAC1C,CACE,EACE,kBAAkB,EAClB,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACV,EACD,GAAG,KACD;IACF,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,CAAA,EAAG,kBAAkB,CAAA,CAAA,CAAG,EAAE;AAExD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,SAAS,KACRA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,iBAAc,oBAAoB,EAAA;AACvF,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,KAAK,CAAQ,CAChB,CACP;AACD,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EAAA,kBAAA,EACI,YAAY,EAAA,YAAA,EACjB,SAAS,qBACJ,cAAc,EAC/B,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EACtD,KAAK,EAAE,aAAa,EAAA,eAAA,EACL,QAAQ,EAAA,aAAA,EACV,QAAQ,EAAA,aAAA,EACT,eAAe,EAC3B,QAAQ,EAAE,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAA,eAAA,EACZ,GAAG,EAAA,eAAA,EACH,GAAG,EAAA,eAAA,EACH,KAAK,mBACL,QAAQ,EACvB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAAA,CACpB,CACD;AAEP,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/components/Slider/components/SliderTrack/SliderTrack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderTrack.cjs","sources":["../../../../../src/components/Slider/components/SliderTrack/SliderTrack.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderTrack.module.scss';\nimport { SliderTrackProps } from './types';\n\n/**\n * SliderTrack component renders the blue, filled track portion of a slider.\n * It visually represents the active range between slider handles.\n */\nexport const SliderTrack = ({ left, width, disabled, className }: SliderTrackProps) => (\n  <div\n    className={buildClassnames([styles.range, className])}\n    style={{ left: `${left}%`, width: `${width}%` }}\n    data-disabled={disabled}\n    data-testid=\"slider-track\"\n  />\n);\n"],"names":["React","buildClassnames","styles"],"mappings":";;;;;;;;;;AAKA;;;AAGG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAoB,MAChFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACrD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,CAAG,CAAA,CAAA,EAAE,EAChC,eAAA,EAAA,QAAQ,EACX,aAAA,EAAA,cAAc,EAC1B,CAAA;;;;"}
+{"version":3,"file":"SliderTrack.cjs","sources":["../../../../../src/components/Slider/components/SliderTrack/SliderTrack.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderTrack.module.scss';\nimport { SliderTrackProps } from './types';\n\n/**\n * SliderTrack component renders the blue, filled track portion of a slider.\n * It visually represents the active range between slider handles.\n */\nexport const SliderTrack = ({ left, width, disabled, className }: SliderTrackProps) => (\n  <div\n    className={buildClassnames([styles.range, className])}\n    style={{ left: `${left}%`, width: `${width}%` }}\n    data-disabled={disabled}\n    data-testid=\"slider-track\"\n  />\n);\n"],"names":["React","buildClassnames","styles"],"mappings":";;;;;;;;;;AAKA;;;AAGG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAoB,MAChFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACrD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,EAAE,KAAK,EAAE,CAAA,EAAG,KAAK,CAAA,CAAA,CAAG,EAAE,EAAA,eAAA,EAChC,QAAQ,EAAA,aAAA,EACX,cAAc,EAAA,CAC1B;;;;"}

package/dist/components/Slider/components/SliderTrack/SliderTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/components/SliderTrack/SliderTrack.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderTrack.module.scss';\nimport { SliderTrackProps } from './types';\n\n/**\n * SliderTrack component renders the blue, filled track portion of a slider.\n * It visually represents the active range between slider handles.\n */\nexport const SliderTrack = ({ left, width, disabled, className }: SliderTrackProps) => (\n  <div\n    className={buildClassnames([styles.range, className])}\n    style={{ left: `${left}%`, width: `${width}%` }}\n    data-disabled={disabled}\n    data-testid=\"slider-track\"\n  />\n);\n"],"names":["React"],"mappings":";;;;AAKA;;;AAGG;AACU,MAAA,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAoB,MAChFA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACrD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,CAAG,CAAA,CAAA,EAAE,EAChC,eAAA,EAAA,QAAQ,EACX,aAAA,EAAA,cAAc,EAC1B,CAAA;;;;"}
+{"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/components/SliderTrack/SliderTrack.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../../../utils/buildClassnames';\nimport styles from './SliderTrack.module.scss';\nimport { SliderTrackProps } from './types';\n\n/**\n * SliderTrack component renders the blue, filled track portion of a slider.\n * It visually represents the active range between slider handles.\n */\nexport const SliderTrack = ({ left, width, disabled, className }: SliderTrackProps) => (\n  <div\n    className={buildClassnames([styles.range, className])}\n    style={{ left: `${left}%`, width: `${width}%` }}\n    data-disabled={disabled}\n    data-testid=\"slider-track\"\n  />\n);\n"],"names":["React"],"mappings":";;;;AAKA;;;AAGG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAoB,MAChFA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,EACrD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAA,EAAG,IAAI,CAAA,CAAA,CAAG,EAAE,KAAK,EAAE,CAAA,EAAG,KAAK,CAAA,CAAA,CAAG,EAAE,EAAA,eAAA,EAChC,QAAQ,EAAA,aAAA,EACX,cAAc,EAAA,CAC1B;;;;"}

package/dist/components/Slider/hooks/useSliderDrag.cjs

@@ -58,12 +58,12 @@ const useSliderDrag = ({ containerRef, value, min, max, step, disabled, onChange
     }, [containerRef, isDraggingHandle, max, min, onChange, step, value]);
     const handleMouseUp = React.useCallback(() => {
         setIsDraggingHandle(null);
-        onSlideEnd === null || onSlideEnd === undefined ? undefined : onSlideEnd();
+        onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd();
     }, [onSlideEnd]);
     const handleMouseDown = React.useCallback((handle) => (e) => {
         if (disabled)
             return;
-        onSlideStart === null || onSlideStart === undefined ? undefined : onSlideStart();
+        onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart();
         setIsDraggingHandle(handle);
         e.preventDefault();
     }, [onSlideStart, disabled]);

package/dist/components/Slider/hooks/useSliderDrag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderDrag.cjs","sources":["../../../../src/components/Slider/hooks/useSliderDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { DraggingHandle } from '../types';\nimport { UseSliderDragProps } from './types';\nimport { calculateSliderValue } from '../utils';\n\n/**\n * Hook that manages mouse drag interactions for slider handles.\n * Handles value updates, step snapping, boundary constraints, and handle crossing logic.\n * Returns the current dragging state and a mouseDown handler to attach to slider handles.\n */\nexport const useSliderDrag = ({\n  containerRef,\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  onSlideStart,\n  onSlideEnd,\n}: UseSliderDragProps) => {\n  const [isDraggingHandle, setIsDraggingHandle] = useState<DraggingHandle>(null);\n\n  /**\n   * Calculates new value based on mouse position and updates slider state.\n   * Applies step snapping, boundary constraints, and handles crossing when values equal.\n   */\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDraggingHandle || !containerRef.current) return;\n\n      let sliderValue: number;\n      if (Array.isArray(value)) {\n        sliderValue = isDraggingHandle === 'start' ? value[0] : value[1];\n      } else {\n        sliderValue = value as number;\n      }\n\n      const containerRect = containerRef.current.getBoundingClientRect();\n\n      // Slider position relative to the container in percentage\n      const positionPercent = ((e.pageX - containerRect.x) * 100) / containerRect.width;\n\n      // Calculate new value from mouse position\n      const targetValue = (max - min) * (positionPercent / 100) + min;\n\n      const newValue = calculateSliderValue({\n        currentValue: sliderValue,\n        targetValue,\n        min,\n        max,\n        step,\n      });\n\n      if (sliderValue === newValue) return;\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = isDraggingHandle === 'start' ? newValue : value[0];\n        const newEnd = isDraggingHandle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch dragging to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          setIsDraggingHandle(isDraggingHandle === 'start' ? 'end' : 'start');\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [containerRef, isDraggingHandle, max, min, onChange, step, value],\n  );\n\n  const handleMouseUp = useCallback(() => {\n    setIsDraggingHandle(null);\n    onSlideEnd?.();\n  }, [onSlideEnd]);\n\n  const handleMouseDown = useCallback(\n    (handle: DraggingHandle) => (e: React.MouseEvent) => {\n      if (disabled) return;\n      onSlideStart?.();\n      setIsDraggingHandle(handle);\n      e.preventDefault();\n    },\n    [onSlideStart, disabled],\n  );\n\n  useEffect(() => {\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [handleMouseMove, handleMouseUp]);\n\n  return {\n    isDraggingHandle,\n    handleMouseDown,\n  };\n};\n"],"names":["useState","useCallback","calculateSliderValue","useEffect"],"mappings":"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"}
+{"version":3,"file":"useSliderDrag.cjs","sources":["../../../../src/components/Slider/hooks/useSliderDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { DraggingHandle } from '../types';\nimport { UseSliderDragProps } from './types';\nimport { calculateSliderValue } from '../utils';\n\n/**\n * Hook that manages mouse drag interactions for slider handles.\n * Handles value updates, step snapping, boundary constraints, and handle crossing logic.\n * Returns the current dragging state and a mouseDown handler to attach to slider handles.\n */\nexport const useSliderDrag = ({\n  containerRef,\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  onSlideStart,\n  onSlideEnd,\n}: UseSliderDragProps) => {\n  const [isDraggingHandle, setIsDraggingHandle] = useState<DraggingHandle>(null);\n\n  /**\n   * Calculates new value based on mouse position and updates slider state.\n   * Applies step snapping, boundary constraints, and handles crossing when values equal.\n   */\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDraggingHandle || !containerRef.current) return;\n\n      let sliderValue: number;\n      if (Array.isArray(value)) {\n        sliderValue = isDraggingHandle === 'start' ? value[0] : value[1];\n      } else {\n        sliderValue = value as number;\n      }\n\n      const containerRect = containerRef.current.getBoundingClientRect();\n\n      // Slider position relative to the container in percentage\n      const positionPercent = ((e.pageX - containerRect.x) * 100) / containerRect.width;\n\n      // Calculate new value from mouse position\n      const targetValue = (max - min) * (positionPercent / 100) + min;\n\n      const newValue = calculateSliderValue({\n        currentValue: sliderValue,\n        targetValue,\n        min,\n        max,\n        step,\n      });\n\n      if (sliderValue === newValue) return;\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = isDraggingHandle === 'start' ? newValue : value[0];\n        const newEnd = isDraggingHandle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch dragging to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          setIsDraggingHandle(isDraggingHandle === 'start' ? 'end' : 'start');\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [containerRef, isDraggingHandle, max, min, onChange, step, value],\n  );\n\n  const handleMouseUp = useCallback(() => {\n    setIsDraggingHandle(null);\n    onSlideEnd?.();\n  }, [onSlideEnd]);\n\n  const handleMouseDown = useCallback(\n    (handle: DraggingHandle) => (e: React.MouseEvent) => {\n      if (disabled) return;\n      onSlideStart?.();\n      setIsDraggingHandle(handle);\n      e.preventDefault();\n    },\n    [onSlideStart, disabled],\n  );\n\n  useEffect(() => {\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [handleMouseMove, handleMouseUp]);\n\n  return {\n    isDraggingHandle,\n    handleMouseDown,\n  };\n};\n"],"names":["useState","useCallback","calculateSliderValue","useEffect"],"mappings":"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"}

package/dist/components/Slider/hooks/useSliderDrag.js

@@ -56,12 +56,12 @@ const useSliderDrag = ({ containerRef, value, min, max, step, disabled, onChange
     }, [containerRef, isDraggingHandle, max, min, onChange, step, value]);
     const handleMouseUp = useCallback(() => {
         setIsDraggingHandle(null);
-        onSlideEnd === null || onSlideEnd === undefined ? undefined : onSlideEnd();
+        onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd();
     }, [onSlideEnd]);
     const handleMouseDown = useCallback((handle) => (e) => {
         if (disabled)
             return;
-        onSlideStart === null || onSlideStart === undefined ? undefined : onSlideStart();
+        onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart();
         setIsDraggingHandle(handle);
         e.preventDefault();
     }, [onSlideStart, disabled]);

package/dist/components/Slider/hooks/useSliderDrag.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderDrag.js","sources":["../../../../src/components/Slider/hooks/useSliderDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { DraggingHandle } from '../types';\nimport { UseSliderDragProps } from './types';\nimport { calculateSliderValue } from '../utils';\n\n/**\n * Hook that manages mouse drag interactions for slider handles.\n * Handles value updates, step snapping, boundary constraints, and handle crossing logic.\n * Returns the current dragging state and a mouseDown handler to attach to slider handles.\n */\nexport const useSliderDrag = ({\n  containerRef,\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  onSlideStart,\n  onSlideEnd,\n}: UseSliderDragProps) => {\n  const [isDraggingHandle, setIsDraggingHandle] = useState<DraggingHandle>(null);\n\n  /**\n   * Calculates new value based on mouse position and updates slider state.\n   * Applies step snapping, boundary constraints, and handles crossing when values equal.\n   */\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDraggingHandle || !containerRef.current) return;\n\n      let sliderValue: number;\n      if (Array.isArray(value)) {\n        sliderValue = isDraggingHandle === 'start' ? value[0] : value[1];\n      } else {\n        sliderValue = value as number;\n      }\n\n      const containerRect = containerRef.current.getBoundingClientRect();\n\n      // Slider position relative to the container in percentage\n      const positionPercent = ((e.pageX - containerRect.x) * 100) / containerRect.width;\n\n      // Calculate new value from mouse position\n      const targetValue = (max - min) * (positionPercent / 100) + min;\n\n      const newValue = calculateSliderValue({\n        currentValue: sliderValue,\n        targetValue,\n        min,\n        max,\n        step,\n      });\n\n      if (sliderValue === newValue) return;\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = isDraggingHandle === 'start' ? newValue : value[0];\n        const newEnd = isDraggingHandle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch dragging to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          setIsDraggingHandle(isDraggingHandle === 'start' ? 'end' : 'start');\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [containerRef, isDraggingHandle, max, min, onChange, step, value],\n  );\n\n  const handleMouseUp = useCallback(() => {\n    setIsDraggingHandle(null);\n    onSlideEnd?.();\n  }, [onSlideEnd]);\n\n  const handleMouseDown = useCallback(\n    (handle: DraggingHandle) => (e: React.MouseEvent) => {\n      if (disabled) return;\n      onSlideStart?.();\n      setIsDraggingHandle(handle);\n      e.preventDefault();\n    },\n    [onSlideStart, disabled],\n  );\n\n  useEffect(() => {\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [handleMouseMove, handleMouseUp]);\n\n  return {\n    isDraggingHandle,\n    handleMouseDown,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSliderDrag.js","sources":["../../../../src/components/Slider/hooks/useSliderDrag.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { DraggingHandle } from '../types';\nimport { UseSliderDragProps } from './types';\nimport { calculateSliderValue } from '../utils';\n\n/**\n * Hook that manages mouse drag interactions for slider handles.\n * Handles value updates, step snapping, boundary constraints, and handle crossing logic.\n * Returns the current dragging state and a mouseDown handler to attach to slider handles.\n */\nexport const useSliderDrag = ({\n  containerRef,\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  onSlideStart,\n  onSlideEnd,\n}: UseSliderDragProps) => {\n  const [isDraggingHandle, setIsDraggingHandle] = useState<DraggingHandle>(null);\n\n  /**\n   * Calculates new value based on mouse position and updates slider state.\n   * Applies step snapping, boundary constraints, and handles crossing when values equal.\n   */\n  const handleMouseMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDraggingHandle || !containerRef.current) return;\n\n      let sliderValue: number;\n      if (Array.isArray(value)) {\n        sliderValue = isDraggingHandle === 'start' ? value[0] : value[1];\n      } else {\n        sliderValue = value as number;\n      }\n\n      const containerRect = containerRef.current.getBoundingClientRect();\n\n      // Slider position relative to the container in percentage\n      const positionPercent = ((e.pageX - containerRect.x) * 100) / containerRect.width;\n\n      // Calculate new value from mouse position\n      const targetValue = (max - min) * (positionPercent / 100) + min;\n\n      const newValue = calculateSliderValue({\n        currentValue: sliderValue,\n        targetValue,\n        min,\n        max,\n        step,\n      });\n\n      if (sliderValue === newValue) return;\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = isDraggingHandle === 'start' ? newValue : value[0];\n        const newEnd = isDraggingHandle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch dragging to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          setIsDraggingHandle(isDraggingHandle === 'start' ? 'end' : 'start');\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [containerRef, isDraggingHandle, max, min, onChange, step, value],\n  );\n\n  const handleMouseUp = useCallback(() => {\n    setIsDraggingHandle(null);\n    onSlideEnd?.();\n  }, [onSlideEnd]);\n\n  const handleMouseDown = useCallback(\n    (handle: DraggingHandle) => (e: React.MouseEvent) => {\n      if (disabled) return;\n      onSlideStart?.();\n      setIsDraggingHandle(handle);\n      e.preventDefault();\n    },\n    [onSlideStart, disabled],\n  );\n\n  useEffect(() => {\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n    };\n  }, [handleMouseMove, handleMouseUp]);\n\n  return {\n    isDraggingHandle,\n    handleMouseDown,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Slider/hooks/useSliderKeyboard.cjs

@@ -65,7 +65,7 @@ const useSliderKeyboard = ({ value, min, max, step, disabled, onChange, setFocus
                 const newHandle = handle === 'start' ? 'end' : 'start';
                 setFocusedHandle(newHandle);
                 const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;
-                (_a = targetRef.current) === null || _a === undefined ? undefined : _a.focus();
+                (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
             else {
                 resultValue = [newStart, newEnd];

package/dist/components/Slider/hooks/useSliderKeyboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderKeyboard.cjs","sources":["../../../../src/components/Slider/hooks/useSliderKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { calculateSliderValue } from '../utils';\nimport { UseSliderKeyboardProps } from './types';\n\n/**\n * Hook that manages keyboard navigation for slider handles.\n * Handles arrow keys, Home, and End keys with proper boundary constraints.\n * Returns a keyboard event handler to attach to slider handles.\n */\nexport const useSliderKeyboard = ({\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  setFocusedHandle,\n  startHandleRef,\n  endHandleRef,\n}: UseSliderKeyboardProps) => {\n  const handleKeyDown = useCallback(\n    (handle: 'start' | 'end') => (e: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      let currentValue: number;\n      if (Array.isArray(value)) {\n        currentValue = handle === 'start' ? value[0] : value[1];\n      } else {\n        currentValue = value as number;\n      }\n\n      let newValue: number;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue + step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue - step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'Home':\n          e.preventDefault();\n          newValue = min;\n          break;\n        case 'End':\n          e.preventDefault();\n          newValue = max;\n          break;\n        default:\n          return;\n      }\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = handle === 'start' ? newValue : value[0];\n        const newEnd = handle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch focus to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          const newHandle = handle === 'start' ? 'end' : 'start';\n          setFocusedHandle(newHandle);\n          const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;\n          targetRef.current?.focus();\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef],\n  );\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":["useCallback","calculateSliderValue"],"mappings":";;;;;AAIA;;;;AAIG;AACU,MAAA,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,GACW,KAAI;AAC3B,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,MAAuB,KAAK,CAAC,CAAsB,KAAI;;AACtD,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,IAAI,YAAoB;AACxB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,YAAY,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD;AAAM,aAAA;YACL,YAAY,GAAG,KAAe;AAC/B;AAED,QAAA,IAAI,QAAgB;QAEpB,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAGC,yCAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAGA,yCAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA;gBACE;AACH;AAED,QAAA,IAAI,WAA8B;AAElC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACzD,YAAA,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;;YAGrD,IAAI,QAAQ,GAAG,MAAM,EAAE;AACrB,gBAAA,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAChC,gBAAA,MAAM,SAAS,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,GAAG,OAAO;gBACtD,gBAAgB,CAAC,SAAS,CAAC;AAC3B,gBAAA,MAAM,SAAS,GAAG,SAAS,KAAK,OAAO,GAAG,cAAc,GAAG,YAAY;AACvE,gBAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAC3B;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC;AACjC;AACF;AAAM,aAAA;YACL,WAAW,GAAG,QAAQ;AACvB;QAED,QAAQ,CAAC,WAAW,CAAC;KACtB,EACD,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAC5F;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useSliderKeyboard.cjs","sources":["../../../../src/components/Slider/hooks/useSliderKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { calculateSliderValue } from '../utils';\nimport { UseSliderKeyboardProps } from './types';\n\n/**\n * Hook that manages keyboard navigation for slider handles.\n * Handles arrow keys, Home, and End keys with proper boundary constraints.\n * Returns a keyboard event handler to attach to slider handles.\n */\nexport const useSliderKeyboard = ({\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  setFocusedHandle,\n  startHandleRef,\n  endHandleRef,\n}: UseSliderKeyboardProps) => {\n  const handleKeyDown = useCallback(\n    (handle: 'start' | 'end') => (e: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      let currentValue: number;\n      if (Array.isArray(value)) {\n        currentValue = handle === 'start' ? value[0] : value[1];\n      } else {\n        currentValue = value as number;\n      }\n\n      let newValue: number;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue + step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue - step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'Home':\n          e.preventDefault();\n          newValue = min;\n          break;\n        case 'End':\n          e.preventDefault();\n          newValue = max;\n          break;\n        default:\n          return;\n      }\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = handle === 'start' ? newValue : value[0];\n        const newEnd = handle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch focus to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          const newHandle = handle === 'start' ? 'end' : 'start';\n          setFocusedHandle(newHandle);\n          const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;\n          targetRef.current?.focus();\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef],\n  );\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":["useCallback","calculateSliderValue"],"mappings":";;;;;AAIA;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,GACW,KAAI;AAC3B,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,MAAuB,KAAK,CAAC,CAAsB,KAAI;;AACtD,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,IAAI,YAAoB;AACxB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,YAAY,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD,QAAA;AAAM,aAAA;YACL,YAAY,GAAG,KAAe;AAC/B,QAAA;AAED,QAAA,IAAI,QAAgB;QAEpB,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAGC,yCAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAGA,yCAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA;gBACE;AACH;AAED,QAAA,IAAI,WAA8B;AAElC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACzD,YAAA,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;;YAGrD,IAAI,QAAQ,GAAG,MAAM,EAAE;AACrB,gBAAA,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAChC,gBAAA,MAAM,SAAS,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,GAAG,OAAO;gBACtD,gBAAgB,CAAC,SAAS,CAAC;AAC3B,gBAAA,MAAM,SAAS,GAAG,SAAS,KAAK,OAAO,GAAG,cAAc,GAAG,YAAY;AACvE,gBAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;AAC3B,YAAA;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC;AACjC,YAAA;AACF,QAAA;AAAM,aAAA;YACL,WAAW,GAAG,QAAQ;AACvB,QAAA;QAED,QAAQ,CAAC,WAAW,CAAC;IACvB,CAAC,EACD,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAC5F;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}

package/dist/components/Slider/hooks/useSliderKeyboard.js

@@ -63,7 +63,7 @@ const useSliderKeyboard = ({ value, min, max, step, disabled, onChange, setFocus
                 const newHandle = handle === 'start' ? 'end' : 'start';
                 setFocusedHandle(newHandle);
                 const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;
-                (_a = targetRef.current) === null || _a === undefined ? undefined : _a.focus();
+                (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
             else {
                 resultValue = [newStart, newEnd];

package/dist/components/Slider/hooks/useSliderKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderKeyboard.js","sources":["../../../../src/components/Slider/hooks/useSliderKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { calculateSliderValue } from '../utils';\nimport { UseSliderKeyboardProps } from './types';\n\n/**\n * Hook that manages keyboard navigation for slider handles.\n * Handles arrow keys, Home, and End keys with proper boundary constraints.\n * Returns a keyboard event handler to attach to slider handles.\n */\nexport const useSliderKeyboard = ({\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  setFocusedHandle,\n  startHandleRef,\n  endHandleRef,\n}: UseSliderKeyboardProps) => {\n  const handleKeyDown = useCallback(\n    (handle: 'start' | 'end') => (e: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      let currentValue: number;\n      if (Array.isArray(value)) {\n        currentValue = handle === 'start' ? value[0] : value[1];\n      } else {\n        currentValue = value as number;\n      }\n\n      let newValue: number;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue + step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue - step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'Home':\n          e.preventDefault();\n          newValue = min;\n          break;\n        case 'End':\n          e.preventDefault();\n          newValue = max;\n          break;\n        default:\n          return;\n      }\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = handle === 'start' ? newValue : value[0];\n        const newEnd = handle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch focus to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          const newHandle = handle === 'start' ? 'end' : 'start';\n          setFocusedHandle(newHandle);\n          const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;\n          targetRef.current?.focus();\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef],\n  );\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":";;;AAIA;;;;AAIG;AACU,MAAA,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,GACW,KAAI;AAC3B,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAAuB,KAAK,CAAC,CAAsB,KAAI;;AACtD,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,IAAI,YAAoB;AACxB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,YAAY,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD;AAAM,aAAA;YACL,YAAY,GAAG,KAAe;AAC/B;AAED,QAAA,IAAI,QAAgB;QAEpB,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,oBAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,oBAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA;gBACE;AACH;AAED,QAAA,IAAI,WAA8B;AAElC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACzD,YAAA,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;;YAGrD,IAAI,QAAQ,GAAG,MAAM,EAAE;AACrB,gBAAA,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAChC,gBAAA,MAAM,SAAS,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,GAAG,OAAO;gBACtD,gBAAgB,CAAC,SAAS,CAAC;AAC3B,gBAAA,MAAM,SAAS,GAAG,SAAS,KAAK,OAAO,GAAG,cAAc,GAAG,YAAY;AACvE,gBAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAC3B;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC;AACjC;AACF;AAAM,aAAA;YACL,WAAW,GAAG,QAAQ;AACvB;QAED,QAAQ,CAAC,WAAW,CAAC;KACtB,EACD,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAC5F;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}
+{"version":3,"file":"useSliderKeyboard.js","sources":["../../../../src/components/Slider/hooks/useSliderKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { calculateSliderValue } from '../utils';\nimport { UseSliderKeyboardProps } from './types';\n\n/**\n * Hook that manages keyboard navigation for slider handles.\n * Handles arrow keys, Home, and End keys with proper boundary constraints.\n * Returns a keyboard event handler to attach to slider handles.\n */\nexport const useSliderKeyboard = ({\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  setFocusedHandle,\n  startHandleRef,\n  endHandleRef,\n}: UseSliderKeyboardProps) => {\n  const handleKeyDown = useCallback(\n    (handle: 'start' | 'end') => (e: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      let currentValue: number;\n      if (Array.isArray(value)) {\n        currentValue = handle === 'start' ? value[0] : value[1];\n      } else {\n        currentValue = value as number;\n      }\n\n      let newValue: number;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue + step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue - step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'Home':\n          e.preventDefault();\n          newValue = min;\n          break;\n        case 'End':\n          e.preventDefault();\n          newValue = max;\n          break;\n        default:\n          return;\n      }\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = handle === 'start' ? newValue : value[0];\n        const newEnd = handle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch focus to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          const newHandle = handle === 'start' ? 'end' : 'start';\n          setFocusedHandle(newHandle);\n          const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;\n          targetRef.current?.focus();\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef],\n  );\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":";;;AAIA;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,GACW,KAAI;AAC3B,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAAuB,KAAK,CAAC,CAAsB,KAAI;;AACtD,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,IAAI,YAAoB;AACxB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,YAAY,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD,QAAA;AAAM,aAAA;YACL,YAAY,GAAG,KAAe;AAC/B,QAAA;AAED,QAAA,IAAI,QAAgB;QAEpB,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,oBAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,oBAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA;gBACE;AACH;AAED,QAAA,IAAI,WAA8B;AAElC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACzD,YAAA,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;;YAGrD,IAAI,QAAQ,GAAG,MAAM,EAAE;AACrB,gBAAA,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAChC,gBAAA,MAAM,SAAS,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,GAAG,OAAO;gBACtD,gBAAgB,CAAC,SAAS,CAAC;AAC3B,gBAAA,MAAM,SAAS,GAAG,SAAS,KAAK,OAAO,GAAG,cAAc,GAAG,YAAY;AACvE,gBAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;AAC3B,YAAA;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC;AACjC,YAAA;AACF,QAAA;AAAM,aAAA;YACL,WAAW,GAAG,QAAQ;AACvB,QAAA;QAED,QAAQ,CAAC,WAAW,CAAC;IACvB,CAAC,EACD,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAC5F;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}

package/dist/components/Slider/utils/calculateSliderValue.cjs

@@ -6,7 +6,7 @@
 const calculateSliderValue = ({ currentValue, targetValue, min, max, step, }) => {
     var _a, _b;
     // Fix floating point precision on inputs
-    const decimalPlaces = (_b = (_a = step.toString().split('.')[1]) === null || _a === undefined ? undefined : _a.length) !== null && _b !== undefined ? _b : 0;
+    const decimalPlaces = (_b = (_a = step.toString().split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));
     const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));
     let newValue = fixedTargetValue;

package/dist/components/Slider/utils/calculateSliderValue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calculateSliderValue.cjs","sources":["../../../../src/components/Slider/utils/calculateSliderValue.ts"],"sourcesContent":["import { CalculateSliderValueProps } from './types';\n\n/**\n * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.\n */\nexport const calculateSliderValue = ({\n  currentValue,\n  targetValue,\n  min,\n  max,\n  step,\n}: CalculateSliderValueProps): number => {\n  // Fix floating point precision on inputs\n  const decimalPlaces = step.toString().split('.')[1]?.length ?? 0;\n  const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));\n  const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));\n\n  let newValue = fixedTargetValue;\n\n  // Apply step snapping with directional bias\n  const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));\n\n  if (diff > 0) {\n    // Moving left/down: use ceil to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;\n  } else if (diff < 0) {\n    // Moving right/up: use floor to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;\n  }\n\n  // Apply boundary constraints\n  newValue = Math.max(min, Math.min(max, newValue));\n\n  // Fix floating point precision after calculations\n  return Number(newValue.toFixed(decimalPlaces));\n};\n"],"names":[],"mappings":";;AAEA;;AAEG;AACU,MAAA,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,GACsB,KAAY;;;IAEtC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gDAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAEnE,IAAI,QAAQ,GAAG,gBAAgB;;AAG/B,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,iBAAiB,GAAG,QAAQ,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAE9E,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEZ,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACnE;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEnB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACpE;;AAGD,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;;IAGjD,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChD;;;;"}
+{"version":3,"file":"calculateSliderValue.cjs","sources":["../../../../src/components/Slider/utils/calculateSliderValue.ts"],"sourcesContent":["import { CalculateSliderValueProps } from './types';\n\n/**\n * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.\n */\nexport const calculateSliderValue = ({\n  currentValue,\n  targetValue,\n  min,\n  max,\n  step,\n}: CalculateSliderValueProps): number => {\n  // Fix floating point precision on inputs\n  const decimalPlaces = step.toString().split('.')[1]?.length ?? 0;\n  const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));\n  const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));\n\n  let newValue = fixedTargetValue;\n\n  // Apply step snapping with directional bias\n  const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));\n\n  if (diff > 0) {\n    // Moving left/down: use ceil to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;\n  } else if (diff < 0) {\n    // Moving right/up: use floor to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;\n  }\n\n  // Apply boundary constraints\n  newValue = Math.max(min, Math.min(max, newValue));\n\n  // Fix floating point precision after calculations\n  return Number(newValue.toFixed(decimalPlaces));\n};\n"],"names":[],"mappings":";;AAEA;;AAEG;AACI,MAAM,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,GACsB,KAAY;;;IAEtC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,0CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAEnE,IAAI,QAAQ,GAAG,gBAAgB;;AAG/B,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,iBAAiB,GAAG,QAAQ,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAE9E,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEZ,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACnE,IAAA;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEnB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACpE,IAAA;;AAGD,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;;IAGjD,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChD;;;;"}

package/dist/components/Slider/utils/calculateSliderValue.js

@@ -4,7 +4,7 @@
 const calculateSliderValue = ({ currentValue, targetValue, min, max, step, }) => {
     var _a, _b;
     // Fix floating point precision on inputs
-    const decimalPlaces = (_b = (_a = step.toString().split('.')[1]) === null || _a === undefined ? undefined : _a.length) !== null && _b !== undefined ? _b : 0;
+    const decimalPlaces = (_b = (_a = step.toString().split('.')[1]) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
     const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));
     const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));
     let newValue = fixedTargetValue;

package/dist/components/Slider/utils/calculateSliderValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculateSliderValue.js","sources":["../../../../src/components/Slider/utils/calculateSliderValue.ts"],"sourcesContent":["import { CalculateSliderValueProps } from './types';\n\n/**\n * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.\n */\nexport const calculateSliderValue = ({\n  currentValue,\n  targetValue,\n  min,\n  max,\n  step,\n}: CalculateSliderValueProps): number => {\n  // Fix floating point precision on inputs\n  const decimalPlaces = step.toString().split('.')[1]?.length ?? 0;\n  const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));\n  const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));\n\n  let newValue = fixedTargetValue;\n\n  // Apply step snapping with directional bias\n  const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));\n\n  if (diff > 0) {\n    // Moving left/down: use ceil to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;\n  } else if (diff < 0) {\n    // Moving right/up: use floor to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;\n  }\n\n  // Apply boundary constraints\n  newValue = Math.max(min, Math.min(max, newValue));\n\n  // Fix floating point precision after calculations\n  return Number(newValue.toFixed(decimalPlaces));\n};\n"],"names":[],"mappings":"AAEA;;AAEG;AACU,MAAA,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,GACsB,KAAY;;;IAEtC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gDAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAEnE,IAAI,QAAQ,GAAG,gBAAgB;;AAG/B,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,iBAAiB,GAAG,QAAQ,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAE9E,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEZ,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACnE;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEnB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACpE;;AAGD,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;;IAGjD,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChD;;;;"}
+{"version":3,"file":"calculateSliderValue.js","sources":["../../../../src/components/Slider/utils/calculateSliderValue.ts"],"sourcesContent":["import { CalculateSliderValueProps } from './types';\n\n/**\n * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.\n */\nexport const calculateSliderValue = ({\n  currentValue,\n  targetValue,\n  min,\n  max,\n  step,\n}: CalculateSliderValueProps): number => {\n  // Fix floating point precision on inputs\n  const decimalPlaces = step.toString().split('.')[1]?.length ?? 0;\n  const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));\n  const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));\n\n  let newValue = fixedTargetValue;\n\n  // Apply step snapping with directional bias\n  const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));\n\n  if (diff > 0) {\n    // Moving left/down: use ceil to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;\n  } else if (diff < 0) {\n    // Moving right/up: use floor to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;\n  }\n\n  // Apply boundary constraints\n  newValue = Math.max(min, Math.min(max, newValue));\n\n  // Fix floating point precision after calculations\n  return Number(newValue.toFixed(decimalPlaces));\n};\n"],"names":[],"mappings":"AAEA;;AAEG;AACI,MAAM,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,GACsB,KAAY;;;IAEtC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,0CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAEnE,IAAI,QAAQ,GAAG,gBAAgB;;AAG/B,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,iBAAiB,GAAG,QAAQ,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAE9E,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEZ,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACnE,IAAA;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEnB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACpE,IAAA;;AAGD,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;;IAGjD,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChD;;;;"}

package/dist/components/Stack/Alignments.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alignments.cjs","sources":["../../../src/components/Stack/Alignments.ts"],"sourcesContent":["export enum Alignments {\n  start = 'flex-start',\n  center = 'center',\n  end = 'flex-end',\n  stretch = 'stretch',\n  between = 'space-between',\n  around = 'space-around',\n}\n"],"names":["Alignments"],"mappings":";;AAAYA;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,YAAoB;AACpB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAgB;AAChB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,eAAyB;AACzB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,cAAuB;AACzB,CAAC,EAPWA,kBAAU,KAAVA,kBAAU,GAOrB,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"Alignments.cjs","sources":["../../../src/components/Stack/Alignments.ts"],"sourcesContent":["export enum Alignments {\n  start = 'flex-start',\n  center = 'center',\n  end = 'flex-end',\n  stretch = 'stretch',\n  between = 'space-between',\n  around = 'space-around',\n}\n"],"names":["Alignments"],"mappings":";;AAAYA;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,YAAoB;AACpB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAgB;AAChB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,eAAyB;AACzB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,cAAuB;AACzB,CAAC,EAPWA,kBAAU,KAAVA,kBAAU,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/components/Stack/Alignments.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alignments.js","sources":["../../../src/components/Stack/Alignments.ts"],"sourcesContent":["export enum Alignments {\n  start = 'flex-start',\n  center = 'center',\n  end = 'flex-end',\n  stretch = 'stretch',\n  between = 'space-between',\n  around = 'space-around',\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,YAAoB;AACpB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAgB;AAChB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,eAAyB;AACzB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,cAAuB;AACzB,CAAC,EAPW,UAAU,KAAV,UAAU,GAOrB,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"Alignments.js","sources":["../../../src/components/Stack/Alignments.ts"],"sourcesContent":["export enum Alignments {\n  start = 'flex-start',\n  center = 'center',\n  end = 'flex-end',\n  stretch = 'stretch',\n  between = 'space-between',\n  around = 'space-around',\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,YAAoB;AACpB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAgB;AAChB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,eAAyB;AACzB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,cAAuB;AACzB,CAAC,EAPW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/Stack/Stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { StackProps } from './types';\nimport { Alignments } from './Alignments';\n\nimport { theme } from '../../theme';\nimport { Text } from '../Text';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = styled.div<StackProps>`\n  display: flex;\n\n  ${(props) => {\n    const { direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base' } = props;\n\n    let alignItems;\n    let justifyContent;\n    let flexDirection;\n    let itemFlex;\n    let marginTop = '';\n    let marginLeft = '';\n\n    if (direction === 'vertical') {\n      alignItems = alignX && Alignments[alignX];\n      justifyContent = alignY && Alignments[alignY];\n      marginTop = theme.sizes[spacing];\n      flexDirection = 'column';\n    } else {\n      alignItems = alignY && Alignments[alignY];\n      justifyContent = alignX && Alignments[alignX];\n      marginLeft = theme.sizes[spacing];\n      flexDirection = 'row';\n    }\n\n    // These options result in 'justify-content: stretch' which doesn't exist,\n    // so instead we set the flex of child elements\n    if (\n      (direction === 'vertical' && alignY === 'stretch') ||\n      (direction === 'horizontal' && alignX === 'stretch')\n    ) {\n      itemFlex = 1;\n    }\n\n    return `\n      align-items: ${alignItems};\n      justify-content: ${justifyContent};\n      flex-direction: ${flexDirection};\n\n      & > * {\n        flex: ${itemFlex};\n      }\n\n      & > * + *,\n      // Increase specificity to overwrite Text's Margin: 0\n      && > * + ${Text} {\n        margin-top: ${marginTop};\n        margin-left: ${marginLeft};\n      }\n    `;\n  }}\n`;\n\nStack.displayName = 'Stack';\n"],"names":["styled","Alignments","theme","Text"],"mappings":";;;;;;;;;;;AAQA;;;AAGG;AACU,MAAA,KAAK,GAAGA,uBAAM,CAAC,GAAG,CAG3B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAAA,CAAC,KAAK,KAAI;AACV,IAAA,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK;AAE9F,IAAA,IAAI,UAAU;AACd,IAAA,IAAI,cAAc;AAClB,IAAA,IAAI,aAAa;AACjB,IAAA,IAAI,QAAQ;IACZ,IAAI,SAAS,GAAG,EAAE;IAClB,IAAI,UAAU,GAAG,EAAE;IAEnB,IAAI,SAAS,KAAK,UAAU,EAAE;AAC5B,QAAA,UAAU,GAAG,MAAM,IAAIC,qBAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAIA,qBAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,SAAS,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAChC,aAAa,GAAG,QAAQ;AACzB;AAAM,SAAA;AACL,QAAA,UAAU,GAAG,MAAM,IAAID,qBAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAIA,qBAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,UAAU,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QACjC,aAAa,GAAG,KAAK;AACtB;;;IAID,IACE,CAAC,SAAS,KAAK,UAAU,IAAI,MAAM,KAAK,SAAS;SAChD,SAAS,KAAK,YAAY,IAAI,MAAM,KAAK,SAAS,CAAC,EACpD;QACA,QAAQ,GAAG,CAAC;AACb;IAED,OAAO;qBACU,UAAU,CAAA;yBACN,cAAc,CAAA;wBACf,aAAa,CAAA;;;gBAGrB,QAAQ,CAAA;;;;;iBAKPC,SAAI,CAAA;sBACC,SAAS,CAAA;uBACR,UAAU,CAAA;;KAE5B;AACH,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Stack.cjs","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { StackProps } from './types';\nimport { Alignments } from './Alignments';\n\nimport { theme } from '../../theme';\nimport { Text } from '../Text';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = styled.div<StackProps>`\n  display: flex;\n\n  ${(props) => {\n    const { direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base' } = props;\n\n    let alignItems;\n    let justifyContent;\n    let flexDirection;\n    let itemFlex;\n    let marginTop = '';\n    let marginLeft = '';\n\n    if (direction === 'vertical') {\n      alignItems = alignX && Alignments[alignX];\n      justifyContent = alignY && Alignments[alignY];\n      marginTop = theme.sizes[spacing];\n      flexDirection = 'column';\n    } else {\n      alignItems = alignY && Alignments[alignY];\n      justifyContent = alignX && Alignments[alignX];\n      marginLeft = theme.sizes[spacing];\n      flexDirection = 'row';\n    }\n\n    // These options result in 'justify-content: stretch' which doesn't exist,\n    // so instead we set the flex of child elements\n    if (\n      (direction === 'vertical' && alignY === 'stretch') ||\n      (direction === 'horizontal' && alignX === 'stretch')\n    ) {\n      itemFlex = 1;\n    }\n\n    return `\n      align-items: ${alignItems};\n      justify-content: ${justifyContent};\n      flex-direction: ${flexDirection};\n\n      & > * {\n        flex: ${itemFlex};\n      }\n\n      & > * + *,\n      // Increase specificity to overwrite Text's Margin: 0\n      && > * + ${Text} {\n        margin-top: ${marginTop};\n        margin-left: ${marginLeft};\n      }\n    `;\n  }}\n`;\n\nStack.displayName = 'Stack';\n"],"names":["styled","Alignments","theme","Text"],"mappings":";;;;;;;;;;;AAQA;;;AAGG;AACI,MAAM,KAAK,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAG3B,CAAC,KAAK,KAAI;AACV,IAAA,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK;AAE9F,IAAA,IAAI,UAAU;AACd,IAAA,IAAI,cAAc;AAClB,IAAA,IAAI,aAAa;AACjB,IAAA,IAAI,QAAQ;IACZ,IAAI,SAAS,GAAG,EAAE;IAClB,IAAI,UAAU,GAAG,EAAE;IAEnB,IAAI,SAAS,KAAK,UAAU,EAAE;AAC5B,QAAA,UAAU,GAAG,MAAM,IAAIC,qBAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAIA,qBAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,SAAS,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAChC,aAAa,GAAG,QAAQ;AACzB,IAAA;AAAM,SAAA;AACL,QAAA,UAAU,GAAG,MAAM,IAAID,qBAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAIA,qBAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,UAAU,GAAGC,WAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QACjC,aAAa,GAAG,KAAK;AACtB,IAAA;;;IAID,IACE,CAAC,SAAS,KAAK,UAAU,IAAI,MAAM,KAAK,SAAS;SAChD,SAAS,KAAK,YAAY,IAAI,MAAM,KAAK,SAAS,CAAC,EACpD;QACA,QAAQ,GAAG,CAAC;AACb,IAAA;IAED,OAAO;qBACU,UAAU,CAAA;yBACN,cAAc,CAAA;wBACf,aAAa,CAAA;;;gBAGrB,QAAQ,CAAA;;;;;iBAKPC,SAAI,CAAA;sBACC,SAAS,CAAA;uBACR,UAAU,CAAA;;KAE5B;AACH,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { StackProps } from './types';\nimport { Alignments } from './Alignments';\n\nimport { theme } from '../../theme';\nimport { Text } from '../Text';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = styled.div<StackProps>`\n  display: flex;\n\n  ${(props) => {\n    const { direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base' } = props;\n\n    let alignItems;\n    let justifyContent;\n    let flexDirection;\n    let itemFlex;\n    let marginTop = '';\n    let marginLeft = '';\n\n    if (direction === 'vertical') {\n      alignItems = alignX && Alignments[alignX];\n      justifyContent = alignY && Alignments[alignY];\n      marginTop = theme.sizes[spacing];\n      flexDirection = 'column';\n    } else {\n      alignItems = alignY && Alignments[alignY];\n      justifyContent = alignX && Alignments[alignX];\n      marginLeft = theme.sizes[spacing];\n      flexDirection = 'row';\n    }\n\n    // These options result in 'justify-content: stretch' which doesn't exist,\n    // so instead we set the flex of child elements\n    if (\n      (direction === 'vertical' && alignY === 'stretch') ||\n      (direction === 'horizontal' && alignX === 'stretch')\n    ) {\n      itemFlex = 1;\n    }\n\n    return `\n      align-items: ${alignItems};\n      justify-content: ${justifyContent};\n      flex-direction: ${flexDirection};\n\n      & > * {\n        flex: ${itemFlex};\n      }\n\n      & > * + *,\n      // Increase specificity to overwrite Text's Margin: 0\n      && > * + ${Text} {\n        margin-top: ${marginTop};\n        margin-left: ${marginLeft};\n      }\n    `;\n  }}\n`;\n\nStack.displayName = 'Stack';\n"],"names":[],"mappings":";;;;;AAQA;;;AAGG;AACU,MAAA,KAAK,GAAG,MAAM,CAAC,GAAG,CAG3B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAAA,CAAC,KAAK,KAAI;AACV,IAAA,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK;AAE9F,IAAA,IAAI,UAAU;AACd,IAAA,IAAI,cAAc;AAClB,IAAA,IAAI,aAAa;AACjB,IAAA,IAAI,QAAQ;IACZ,IAAI,SAAS,GAAG,EAAE;IAClB,IAAI,UAAU,GAAG,EAAE;IAEnB,IAAI,SAAS,KAAK,UAAU,EAAE;AAC5B,QAAA,UAAU,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAChC,aAAa,GAAG,QAAQ;AACzB;AAAM,SAAA;AACL,QAAA,UAAU,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QACjC,aAAa,GAAG,KAAK;AACtB;;;IAID,IACE,CAAC,SAAS,KAAK,UAAU,IAAI,MAAM,KAAK,SAAS;SAChD,SAAS,KAAK,YAAY,IAAI,MAAM,KAAK,SAAS,CAAC,EACpD;QACA,QAAQ,GAAG,CAAC;AACb;IAED,OAAO;qBACU,UAAU,CAAA;yBACN,cAAc,CAAA;wBACf,aAAa,CAAA;;;gBAGrB,QAAQ,CAAA;;;;;iBAKP,IAAI,CAAA;sBACC,SAAS,CAAA;uBACR,UAAU,CAAA;;KAE5B;AACH,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { StackProps } from './types';\nimport { Alignments } from './Alignments';\n\nimport { theme } from '../../theme';\nimport { Text } from '../Text';\n\n/**\n * @deprecated Replaced by {@link FlexCol} and {@link FlexRow}.\n * Layout component.\n */\nexport const Stack = styled.div<StackProps>`\n  display: flex;\n\n  ${(props) => {\n    const { direction = 'vertical', alignX = 'start', alignY = 'start', spacing = 'base' } = props;\n\n    let alignItems;\n    let justifyContent;\n    let flexDirection;\n    let itemFlex;\n    let marginTop = '';\n    let marginLeft = '';\n\n    if (direction === 'vertical') {\n      alignItems = alignX && Alignments[alignX];\n      justifyContent = alignY && Alignments[alignY];\n      marginTop = theme.sizes[spacing];\n      flexDirection = 'column';\n    } else {\n      alignItems = alignY && Alignments[alignY];\n      justifyContent = alignX && Alignments[alignX];\n      marginLeft = theme.sizes[spacing];\n      flexDirection = 'row';\n    }\n\n    // These options result in 'justify-content: stretch' which doesn't exist,\n    // so instead we set the flex of child elements\n    if (\n      (direction === 'vertical' && alignY === 'stretch') ||\n      (direction === 'horizontal' && alignX === 'stretch')\n    ) {\n      itemFlex = 1;\n    }\n\n    return `\n      align-items: ${alignItems};\n      justify-content: ${justifyContent};\n      flex-direction: ${flexDirection};\n\n      & > * {\n        flex: ${itemFlex};\n      }\n\n      & > * + *,\n      // Increase specificity to overwrite Text's Margin: 0\n      && > * + ${Text} {\n        margin-top: ${marginTop};\n        margin-left: ${marginLeft};\n      }\n    `;\n  }}\n`;\n\nStack.displayName = 'Stack';\n"],"names":[],"mappings":";;;;;AAQA;;;AAGG;AACI,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EAG3B,CAAC,KAAK,KAAI;AACV,IAAA,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK;AAE9F,IAAA,IAAI,UAAU;AACd,IAAA,IAAI,cAAc;AAClB,IAAA,IAAI,aAAa;AACjB,IAAA,IAAI,QAAQ;IACZ,IAAI,SAAS,GAAG,EAAE;IAClB,IAAI,UAAU,GAAG,EAAE;IAEnB,IAAI,SAAS,KAAK,UAAU,EAAE;AAC5B,QAAA,UAAU,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAChC,aAAa,GAAG,QAAQ;AACzB,IAAA;AAAM,SAAA;AACL,QAAA,UAAU,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AACzC,QAAA,cAAc,GAAG,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC;AAC7C,QAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QACjC,aAAa,GAAG,KAAK;AACtB,IAAA;;;IAID,IACE,CAAC,SAAS,KAAK,UAAU,IAAI,MAAM,KAAK,SAAS;SAChD,SAAS,KAAK,YAAY,IAAI,MAAM,KAAK,SAAS,CAAC,EACpD;QACA,QAAQ,GAAG,CAAC;AACb,IAAA;IAED,OAAO;qBACU,UAAU,CAAA;yBACN,cAAc,CAAA;wBACf,aAAa,CAAA;;;gBAGrB,QAAQ,CAAA;;;;;iBAKP,IAAI,CAAA;sBACC,SAAS,CAAA;uBACR,UAAU,CAAA;;KAE5B;AACH,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSizeType } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../icons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSizeType;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React","ContainerStack","StepButton","MinusIcon","theme","StepperDivider","PlusIcon"],"mappings":";;;;;;;;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,qCAACC,qBAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACG,wBAAS,EAAA,EACR,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAJ,sBAAA,CAAA,aAAA,CAACK,qBAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAI,CAAA;AACpC,QAAAL,sBAAA,CAAA,aAAA,CAACE,iBAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACM,iBAAQ,EAAA,EACP,MAAM,EAAEF,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSizeType } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../icons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSizeType;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React","ContainerStack","StepButton","MinusIcon","theme","StepperDivider","PlusIcon"],"mappings":";;;;;;;;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,qCAACC,qBAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAD,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,EACT,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACG,wBAAS,EAAA,EACR,MAAM,EAAEC,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAJ,sBAAA,CAAA,aAAA,CAACK,qBAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI;AACpC,QAAAL,sBAAA,CAAA,aAAA,CAACE,iBAAU,EAAA,EACT,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAF,sBAAA,CAAA,aAAA,CAACM,iBAAQ,EAAA,EACP,MAAM,EAAEF,WAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAEA,WAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}

package/dist/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSizeType } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../icons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSizeType;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAea,MAAA,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,6BAAC,cAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAI,CAAA;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import React from 'react';\nimport { theme } from '../../theme';\nimport { ComponentSizeType } from '../types';\n\nimport { ContainerStack, StepButton, StepperDivider } from './styled';\nimport { MinusIcon, PlusIcon } from '../../icons';\n\nexport interface StepperProps {\n  onIncrement: () => void;\n  onDecrement: () => void;\n  disabled?: boolean;\n  hasError?: boolean;\n  size?: ComponentSizeType;\n}\n\nexport const Stepper = ({ onIncrement, onDecrement, disabled, hasError, size }: StepperProps) => {\n  const compact = size === 'sm';\n\n  return (\n    <ContainerStack\n      hasError={hasError}\n      disabled={disabled}\n      direction=\"horizontal\"\n      alignY=\"center\"\n      spacing=\"none\"\n    >\n      <StepButton\n        type=\"button\"\n        aria-label=\"Decrement\"\n        onClick={onDecrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <MinusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n      <StepperDivider compact={compact} />\n      <StepButton\n        type=\"button\"\n        aria-label=\"Increment\"\n        onClick={onIncrement}\n        disabled={disabled}\n        compact={compact}\n      >\n        <PlusIcon\n          height={theme.sizes.base}\n          width={theme.sizes.base}\n          color={theme.colors.neutral.ink.base}\n        />\n      </StepButton>\n    </ContainerStack>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAgB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,IAAI,KAAK,IAAI;IAE7B,QACEA,6BAAC,cAAc,EAAA,EACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,MAAM,EAAA;AAEd,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GACpC,CACS;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,IAAI,EAAC,QAAQ,EAAA,YAAA,EACF,WAAW,EACtB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA;AAEhB,YAAAA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CACpC,CACS,CACE;AAErB;;;;"}

package/dist/components/Stepper/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":["theme","styled","Stack","inputFocusStyles"],"mappings":";;;;;;;;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAGA,WAAK;MAEI,cAAc,GAAGC,uBAAM,CAACC,WAAK,CAAC,CACnB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA,gBAAA,EAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,8FAKhFF,WAAK,CAAC,KAAK,CAAC,IAAI,4CACT,MAAM,CAAC,IAAI,CAElB,QAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA;MAG5D,UAAU,GAAGC,uBAAM,CAAC,MAAM,mJAIpB,MAAM,CAAC,IAAI,CAON,oEAAA,EAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAGtC,EAAA,EAAAE,4BAAgB;MAGP,cAAc,GAAGF,uBAAM,CAAC,GAAG,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAAD,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":["theme","styled","Stack","inputFocusStyles"],"mappings":";;;;;;;;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAGA,WAAK;MAEI,cAAc,GAAGC,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EACnB,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA,gBAAA,EAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,8FAKhFF,WAAK,CAAC,KAAK,CAAC,IAAI,4CACT,MAAM,CAAC,IAAI,CAAA,QAAA,EAElB,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA;MAG5D,UAAU,GAAGC,uBAAM,CAAC,MAAM,mJAIpB,MAAM,CAAC,IAAI,CAAA,oEAAA,EAON,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA,EAGtCE,4BAAgB;MAGP,cAAc,GAAGF,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC7BD,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAGA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;;;"}

package/dist/components/Stepper/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAG,KAAK;MAEI,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CACnB,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EAAA,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA,gBAAA,EAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,8FAKhF,KAAK,CAAC,KAAK,CAAC,IAAI,4CACT,MAAM,CAAC,IAAI,CAElB,QAAA,EAAA,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA;MAG5D,UAAU,GAAG,MAAM,CAAC,MAAM,mJAIpB,MAAM,CAAC,IAAI,CAON,oEAAA,EAAA,OAAO,CAAC,IAAI,CAAC,KAAK,CAGtC,EAAA,EAAA,gBAAgB;MAGP,cAAc,GAAG,MAAM,CAAC,GAAG,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n  colors: { neutral, secondary },\n  radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack)<FormComponentProps>`\n  --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n  --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n  box-sizing: border-box;\n  display: inline-flex;\n  background-color: var(--background-color);\n  border: ${theme.sizes.line} solid var(--border-color);\n  border-radius: ${radius.base};\n\n  height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  border-radius: ${radius.base};\n  cursor: pointer;\n\n  height: 100%;\n  aspect-ratio: 1;\n\n  &:hover {\n    background-color: ${neutral.grey.light};\n  }\n\n  ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n  width: ${theme.sizes.line};\n  background-color: ${neutral.ink.lightest};\n  height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAG,KAAK;MAEI,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,mBAAA,EACnB,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA,gBAAA,EAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,8FAKhF,KAAK,CAAC,KAAK,CAAC,IAAI,4CACT,MAAM,CAAC,IAAI,CAAA,QAAA,EAElB,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA,CAAA;MAG5D,UAAU,GAAG,MAAM,CAAC,MAAM,mJAIpB,MAAM,CAAC,IAAI,CAAA,oEAAA,EAON,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA,EAGtC,gBAAgB;MAGP,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC7B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;"}

package/dist/components/SystemBanner/SystemBanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SystemBanner.cjs","sources":["../../../src/components/SystemBanner/SystemBanner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconComponent } from 'src/icons/types';\nimport { Text } from '../Text';\nimport { Anchor } from '../Anchor';\nimport { Button } from '../Button';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { CriticalIcon, WarningIcon, InfoFillIcon, CrossIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport { SystemBannerProps, SystemBannerVariant } from './types';\n\nimport styles from './SystemBanner.module.scss';\n\nconst IconMap: Record<SystemBannerVariant, IconComponent> = {\n  error: CriticalIcon,\n  warning: WarningIcon,\n  default: InfoFillIcon,\n};\n\nexport const SystemBanner = ({\n  variant = 'default',\n  message,\n  linkText,\n  linkHref,\n  onClose,\n  className,\n  ...divProps\n}: SystemBannerProps) => {\n  const Icon = IconMap[variant];\n\n  return (\n    <FlexRow\n      role=\"alert\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexWrap=\"nowrap\"\n      className={buildClassnames([styles.banner, styles[variant], className])}\n      {...divProps}\n    >\n      <FlexRow gap=\"3\" alignItems=\"center\" justifyContent=\"center\" flexGrow={1}>\n        <Icon role=\"presentation\" />\n        <FlexRow gap=\"xs\" alignItems=\"center\" justifyContent=\"center\">\n          <Text variant=\"bodyBold\">{message}</Text>\n          {linkText && linkHref && (\n            <Anchor href={linkHref} size=\"base\">\n              {linkText}\n            </Anchor>\n          )}\n        </FlexRow>\n      </FlexRow>\n      {onClose && (\n        <Button\n          variant=\"flat\"\n          size=\"sm\"\n          iconSlot={<CrossIcon />}\n          onClick={onClose}\n          aria-label=\"Close banner\"\n          className={styles.closeButton}\n        />\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["CriticalIcon","WarningIcon","InfoFillIcon","React","FlexRow","buildClassnames","styles","Text","Anchor","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,MAAM,OAAO,GAA+C;AAC1D,IAAA,KAAK,EAAEA,2BAAY;AACnB,IAAA,OAAO,EAAEC,0BAAW;AACpB,IAAA,OAAO,EAAEC,2BAAY;CACtB;AAEY,MAAA,YAAY,GAAG,CAAC,EAC3B,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,QAAQ,EACO,KAAI;AACtB,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;AAE7B,IAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,eAAO,EACN,EAAA,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAEC,+BAAe,CAAC,CAACC,mBAAM,CAAC,MAAM,EAAEA,mBAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,KACnE,QAAQ,EAAA;AAEZ,QAAAH,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAA;AACtE,YAAAD,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,cAAc,EAAG,CAAA;AAC5B,YAAAA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA;AAC3D,gBAAAD,sBAAA,CAAA,aAAA,CAACI,SAAI,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,EAAE,OAAO,CAAQ;AACxC,gBAAA,QAAQ,IAAI,QAAQ,KACnBJ,sBAAC,CAAA,aAAA,CAAAK,aAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAA,EAChC,QAAQ,CACF,CACV,CACO,CACF;AACT,QAAA,OAAO,KACNL,sBAAC,CAAA,aAAA,CAAAM,aAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAEN,sBAAC,CAAA,aAAA,CAAAO,wBAAS,EAAG,IAAA,CAAA,EACvB,OAAO,EAAE,OAAO,EAAA,YAAA,EACL,cAAc,EACzB,SAAS,EAAEJ,mBAAM,CAAC,WAAW,EAAA,CAC7B,CACH,CACO;AAEd;;;;"}
+{"version":3,"file":"SystemBanner.cjs","sources":["../../../src/components/SystemBanner/SystemBanner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconComponent } from 'src/icons/types';\nimport { Text } from '../Text';\nimport { Anchor } from '../Anchor';\nimport { Button } from '../Button';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { CriticalIcon, WarningIcon, InfoFillIcon, CrossIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport { SystemBannerProps, SystemBannerVariant } from './types';\n\nimport styles from './SystemBanner.module.scss';\n\nconst IconMap: Record<SystemBannerVariant, IconComponent> = {\n  error: CriticalIcon,\n  warning: WarningIcon,\n  default: InfoFillIcon,\n};\n\nexport const SystemBanner = ({\n  variant = 'default',\n  message,\n  linkText,\n  linkHref,\n  onClose,\n  className,\n  ...divProps\n}: SystemBannerProps) => {\n  const Icon = IconMap[variant];\n\n  return (\n    <FlexRow\n      role=\"alert\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexWrap=\"nowrap\"\n      className={buildClassnames([styles.banner, styles[variant], className])}\n      {...divProps}\n    >\n      <FlexRow gap=\"3\" alignItems=\"center\" justifyContent=\"center\" flexGrow={1}>\n        <Icon role=\"presentation\" />\n        <FlexRow gap=\"xs\" alignItems=\"center\" justifyContent=\"center\">\n          <Text variant=\"bodyBold\">{message}</Text>\n          {linkText && linkHref && (\n            <Anchor href={linkHref} size=\"base\">\n              {linkText}\n            </Anchor>\n          )}\n        </FlexRow>\n      </FlexRow>\n      {onClose && (\n        <Button\n          variant=\"flat\"\n          size=\"sm\"\n          iconSlot={<CrossIcon />}\n          onClick={onClose}\n          aria-label=\"Close banner\"\n          className={styles.closeButton}\n        />\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["CriticalIcon","WarningIcon","InfoFillIcon","React","FlexRow","buildClassnames","styles","Text","Anchor","Button","CrossIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,MAAM,OAAO,GAA+C;AAC1D,IAAA,KAAK,EAAEA,2BAAY;AACnB,IAAA,OAAO,EAAEC,0BAAW;AACpB,IAAA,OAAO,EAAEC,2BAAY;CACtB;AAEM,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,QAAQ,EACO,KAAI;AACtB,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;AAE7B,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAEC,+BAAe,CAAC,CAACC,mBAAM,CAAC,MAAM,EAAEA,mBAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,KACnE,QAAQ,EAAA;AAEZ,QAAAH,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAA;AACtE,YAAAD,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,CAAG;AAC5B,YAAAA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA;AAC3D,gBAAAD,sBAAA,CAAA,aAAA,CAACI,SAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,OAAO,CAAQ;AACxC,gBAAA,QAAQ,IAAI,QAAQ,KACnBJ,sBAAA,CAAA,aAAA,CAACK,aAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAA,EAChC,QAAQ,CACF,CACV,CACO,CACF;AACT,QAAA,OAAO,KACNL,sBAAA,CAAA,aAAA,CAACM,aAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAEN,sBAAA,CAAA,aAAA,CAACO,wBAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,YAAA,EACL,cAAc,EACzB,SAAS,EAAEJ,mBAAM,CAAC,WAAW,EAAA,CAC7B,CACH,CACO;AAEd;;;;"}

package/dist/components/SystemBanner/SystemBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemBanner.js","sources":["../../../src/components/SystemBanner/SystemBanner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconComponent } from 'src/icons/types';\nimport { Text } from '../Text';\nimport { Anchor } from '../Anchor';\nimport { Button } from '../Button';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { CriticalIcon, WarningIcon, InfoFillIcon, CrossIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport { SystemBannerProps, SystemBannerVariant } from './types';\n\nimport styles from './SystemBanner.module.scss';\n\nconst IconMap: Record<SystemBannerVariant, IconComponent> = {\n  error: CriticalIcon,\n  warning: WarningIcon,\n  default: InfoFillIcon,\n};\n\nexport const SystemBanner = ({\n  variant = 'default',\n  message,\n  linkText,\n  linkHref,\n  onClose,\n  className,\n  ...divProps\n}: SystemBannerProps) => {\n  const Icon = IconMap[variant];\n\n  return (\n    <FlexRow\n      role=\"alert\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexWrap=\"nowrap\"\n      className={buildClassnames([styles.banner, styles[variant], className])}\n      {...divProps}\n    >\n      <FlexRow gap=\"3\" alignItems=\"center\" justifyContent=\"center\" flexGrow={1}>\n        <Icon role=\"presentation\" />\n        <FlexRow gap=\"xs\" alignItems=\"center\" justifyContent=\"center\">\n          <Text variant=\"bodyBold\">{message}</Text>\n          {linkText && linkHref && (\n            <Anchor href={linkHref} size=\"base\">\n              {linkText}\n            </Anchor>\n          )}\n        </FlexRow>\n      </FlexRow>\n      {onClose && (\n        <Button\n          variant=\"flat\"\n          size=\"sm\"\n          iconSlot={<CrossIcon />}\n          onClick={onClose}\n          aria-label=\"Close banner\"\n          className={styles.closeButton}\n        />\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,OAAO,GAA+C;AAC1D,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,YAAY;CACtB;AAEY,MAAA,YAAY,GAAG,CAAC,EAC3B,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,QAAQ,EACO,KAAI;AACtB,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;AAE7B,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,OAAO,EACN,EAAA,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,KACnE,QAAQ,EAAA;AAEZ,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAA;AACtE,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,cAAc,EAAG,CAAA;AAC5B,YAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA;AAC3D,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,OAAO,EAAC,UAAU,EAAA,EAAE,OAAO,CAAQ;AACxC,gBAAA,QAAQ,IAAI,QAAQ,KACnBA,cAAC,CAAA,aAAA,CAAA,MAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAA,EAChC,QAAQ,CACF,CACV,CACO,CACF;AACT,QAAA,OAAO,KACNA,cAAC,CAAA,aAAA,CAAA,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAG,IAAA,CAAA,EACvB,OAAO,EAAE,OAAO,EAAA,YAAA,EACL,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAC7B,CACH,CACO;AAEd;;;;"}
+{"version":3,"file":"SystemBanner.js","sources":["../../../src/components/SystemBanner/SystemBanner.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconComponent } from 'src/icons/types';\nimport { Text } from '../Text';\nimport { Anchor } from '../Anchor';\nimport { Button } from '../Button';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { CriticalIcon, WarningIcon, InfoFillIcon, CrossIcon } from '../../icons';\nimport { buildClassnames } from '../../utils';\nimport { SystemBannerProps, SystemBannerVariant } from './types';\n\nimport styles from './SystemBanner.module.scss';\n\nconst IconMap: Record<SystemBannerVariant, IconComponent> = {\n  error: CriticalIcon,\n  warning: WarningIcon,\n  default: InfoFillIcon,\n};\n\nexport const SystemBanner = ({\n  variant = 'default',\n  message,\n  linkText,\n  linkHref,\n  onClose,\n  className,\n  ...divProps\n}: SystemBannerProps) => {\n  const Icon = IconMap[variant];\n\n  return (\n    <FlexRow\n      role=\"alert\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      flexWrap=\"nowrap\"\n      className={buildClassnames([styles.banner, styles[variant], className])}\n      {...divProps}\n    >\n      <FlexRow gap=\"3\" alignItems=\"center\" justifyContent=\"center\" flexGrow={1}>\n        <Icon role=\"presentation\" />\n        <FlexRow gap=\"xs\" alignItems=\"center\" justifyContent=\"center\">\n          <Text variant=\"bodyBold\">{message}</Text>\n          {linkText && linkHref && (\n            <Anchor href={linkHref} size=\"base\">\n              {linkText}\n            </Anchor>\n          )}\n        </FlexRow>\n      </FlexRow>\n      {onClose && (\n        <Button\n          variant=\"flat\"\n          size=\"sm\"\n          iconSlot={<CrossIcon />}\n          onClick={onClose}\n          aria-label=\"Close banner\"\n          className={styles.closeButton}\n        />\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,OAAO,GAA+C;AAC1D,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,YAAY;CACtB;AAEM,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,QAAQ,EACO,KAAI;AACtB,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;AAE7B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,KACnE,QAAQ,EAAA;AAEZ,QAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAA;AACtE,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,cAAc,EAAA,CAAG;AAC5B,YAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,GAAG,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA;AAC3D,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,UAAU,EAAA,EAAE,OAAO,CAAQ;AACxC,gBAAA,QAAQ,IAAI,QAAQ,KACnBA,cAAA,CAAA,aAAA,CAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAA,EAChC,QAAQ,CACF,CACV,CACO,CACF;AACT,QAAA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,QAAQ,EAAEA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,EACvB,OAAO,EAAE,OAAO,EAAA,YAAA,EACL,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAC7B,CACH,CACO;AAEd;;;;"}

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n  backgroundColor?: string;\n  textColor?: string;\n  label?: string;\n  compact?: boolean;\n  leftIconSlot?: React.ReactNode;\n  rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n  className,\n  backgroundColor = theme.colors.neutral.grey.base,\n  textColor,\n  children,\n  label,\n  compact = false,\n  leftIconSlot,\n  rightIconSlot,\n  ...otherProps\n}: TagProps) => (\n  <FlexRow\n    flexWrap=\"nowrap\"\n    justifyContent=\"center\"\n    gap=\"xs\"\n    className={buildClassnames([styles.tag, compact && styles.compact, className])}\n    style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n    {...otherProps}\n  >\n    {leftIconSlot}\n    {children || <Text variant=\"body\">{label}</Text>}\n    {rightIconSlot}\n  </FlexRow>\n);\n"],"names":["theme","React","FlexRow","buildClassnames","styles","assignCssVars","Text"],"mappings":";;;;;;;;;;;;;;;AAmBa,MAAA,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTC,sBAAA,CAAA,aAAA,CAACC,eAAO,EACN,EAAA,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,UAAM,CAAC,GAAG,EAAE,OAAO,IAAIA,UAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIJ,qCAACK,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAE,EAAA,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n  backgroundColor?: string;\n  textColor?: string;\n  label?: string;\n  compact?: boolean;\n  leftIconSlot?: React.ReactNode;\n  rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n  className,\n  backgroundColor = theme.colors.neutral.grey.base,\n  textColor,\n  children,\n  label,\n  compact = false,\n  leftIconSlot,\n  rightIconSlot,\n  ...otherProps\n}: TagProps) => (\n  <FlexRow\n    flexWrap=\"nowrap\"\n    justifyContent=\"center\"\n    gap=\"xs\"\n    className={buildClassnames([styles.tag, compact && styles.compact, className])}\n    style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n    {...otherProps}\n  >\n    {leftIconSlot}\n    {children || <Text variant=\"body\">{label}</Text>}\n    {rightIconSlot}\n  </FlexRow>\n);\n"],"names":["theme","React","FlexRow","buildClassnames","styles","assignCssVars","Text"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,UAAM,CAAC,GAAG,EAAE,OAAO,IAAIA,UAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIJ,qCAACK,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}