@razorpay/blade 12.58.0 → 12.60.0

package/build/lib/web/development/components/CounterInput/CounterInput.web.js

@@ -0,0 +1,348 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import styled from 'styled-components';
+import { StyledCounterInput } from './StyledCounterInput.js';
+import { COUNTER_INPUT_TOKEN } from './token.js';
+import { CounterInputProvider } from './CounterInputContext.js';
+import '../Input/BaseInput/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import { getOuterMotionRef } from '../../utils/getMotionRefs.js';
+import '../Box/BaseBox/index.js';
+import '../Form/index.js';
+import { useFormId } from '../Form/useFormId.js';
+import { useId } from '../../utils/useId.js';
+import '../BladeProvider/index.js';
+import '../../utils/index.js';
+import '../Icons/index.js';
+import '../ProgressBar/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import { mergeRefs } from '../../utils/useMergeRefs.js';
+import '../../utils/getFocusRingStyles/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { FormLabel } from '../Form/FormLabel.js';
+import MinusIcon from '../Icons/MinusIcon/MinusIcon.js';
+import { BaseInput } from '../Input/BaseInput/BaseInput.js';
+import PlusIcon from '../Icons/PlusIcon/PlusIcon.js';
+import { ProgressBar } from '../ProgressBar/ProgressBar.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _excluded = ["label", "accessibilityLabel", "labelPosition", "name", "value", "defaultValue", "min", "max", "emphasis", "size", "isLoading", "isDisabled", "onChange", "onFocus", "onBlur", "testID", "_motionMeta"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledCounterButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "CounterInputweb__StyledCounterButton",
+  componentId: "l7imdl-0"
+})(["background-color:transparent;border:none;cursor:", ";display:flex;align-items:center;justify-content:center;border-radius:", "px;padding:", ";margin:", ";transition-property:background-color,color;transition-duration:", ";transition-timing-function:", ";&:focus-visible{", "}&:hover:not(:disabled){", "}"], function (props) {
+  return props.disabled ? 'not-allowed' : 'pointer';
+}, function (_ref) {
+  var theme = _ref.theme;
+  return theme.border.radius.small;
+}, function (_ref2) {
+  var $padding = _ref2.$padding;
+  return makeSpace($padding);
+}, function (_ref3) {
+  var $margin = _ref3.$margin;
+  return $margin.map(function (m) {
+    return makeSpace(m);
+  }).join(' ');
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return castWebType(makeMotionTime(getIn(theme.motion, 'duration.xquick')));
+}, function (_ref5) {
+  var theme = _ref5.theme;
+  return getIn(theme.motion, 'easing.standard');
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return getFocusRingStyles({
+    theme: theme,
+    negativeOffset: true
+  });
+}, function (_ref7) {
+  var theme = _ref7.theme,
+    $emphasis = _ref7.$emphasis;
+  if ($emphasis === 'subtle') {
+    return "\n          background-color: ".concat(theme.colors.interactive.background.gray.fadedHighlighted, " !important;\n          color: ").concat(theme.colors.interactive.icon.gray.normal, " !important;\n        ");
+  } else {
+    return "\n          background-color: ".concat(theme.colors.interactive.background.primary.fadedHighlighted, " !important;\n          color: ").concat(theme.colors.interactive.icon.primary.normal, " !important;\n        ");
+  }
+});
+
+// Icon size mapping for counter input
+var ICON_SIZE_MAP = {
+  xsmall: 'small',
+  small: 'small',
+  medium: 'large',
+  large: 'xlarge'
+};
+var _CounterInput = /*#__PURE__*/React__default.forwardRef(function (_ref8, ref) {
+  var _internalValue$toStri;
+  var label = _ref8.label,
+    accessibilityLabel = _ref8.accessibilityLabel,
+    _ref8$labelPosition = _ref8.labelPosition,
+    labelPosition = _ref8$labelPosition === void 0 ? 'top' : _ref8$labelPosition,
+    name = _ref8.name,
+    value = _ref8.value,
+    defaultValue = _ref8.defaultValue,
+    _ref8$min = _ref8.min,
+    min = _ref8$min === void 0 ? 0 : _ref8$min,
+    max = _ref8.max,
+    _ref8$emphasis = _ref8.emphasis,
+    emphasis = _ref8$emphasis === void 0 ? 'subtle' : _ref8$emphasis,
+    _ref8$size = _ref8.size,
+    size = _ref8$size === void 0 ? 'medium' : _ref8$size,
+    _ref8$isLoading = _ref8.isLoading,
+    isLoading = _ref8$isLoading === void 0 ? false : _ref8$isLoading,
+    _ref8$isDisabled = _ref8.isDisabled,
+    isDisabled = _ref8$isDisabled === void 0 ? false : _ref8$isDisabled,
+    _onChange = _ref8.onChange,
+    onFocus = _ref8.onFocus,
+    onBlur = _ref8.onBlur,
+    testID = _ref8.testID,
+    _motionMeta = _ref8._motionMeta,
+    rest = _objectWithoutProperties(_ref8, _excluded);
+  var _useControllableState = useControllableState({
+      value: value,
+      defaultValue: defaultValue,
+      onChange: function onChange(newValue) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+          value: newValue
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    internalValue = _useControllableState2[0],
+    setInternalValue = _useControllableState2[1];
+  var _useFormId = useFormId('counter-input'),
+    inputId = _useFormId.inputId;
+  var idBase = useId('counter-input');
+  var labelId = "".concat(idBase, "-label");
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _useBreakpoint = useBreakpoint({
+      breakpoints: theme.breakpoints
+    }),
+    matchedDeviceType = _useBreakpoint.matchedDeviceType;
+  var isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';
+  var emphasisTokens = COUNTER_INPUT_TOKEN.emphasis[emphasis];
+  var _isDisabled = isDisabled || isLoading;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    animationClass = _useState2[0],
+    setAnimationClass = _useState2[1];
+  var lastActionRef = useRef(null);
+  var previousValueRef = useRef(internalValue);
+  var containerRef = useRef(null);
+
+  // Track Tab navigation to show focus ring only on keyboard navigation (not mouse clicks)
+  // Note: :focus-visible doesn't work for text inputs - shows ring on both Tab and click
+  // TODO: Re-evaluate and remove later once focus style is unified from design
+  useEffect(function () {
+    var container = containerRef.current;
+    if (!container) return undefined;
+    var handleTabKey = function handleTabKey(event) {
+      if (event.key === 'Tab') {
+        container.classList.add('counter-input-keyboard-focus');
+      }
+    };
+    var handleMouseDown = function handleMouseDown() {
+      container.classList.remove('counter-input-keyboard-focus');
+    };
+    document.addEventListener('keydown', handleTabKey, true);
+    document.addEventListener('mousedown', handleMouseDown, true);
+    return function () {
+      document.removeEventListener('keydown', handleTabKey, true);
+      document.removeEventListener('mousedown', handleMouseDown, true);
+    };
+  }, []);
+
+  // Animation effect - triggers only when value actually changes
+  useEffect(function () {
+    // Only animate if:
+    // 1. We have a stored action (button was clicked)
+    // 2. Value actually changed from previous value
+    // 3. Not currently loading
+    if (lastActionRef.current && !isLoading && internalValue !== previousValueRef.current) {
+      var _animationClass = lastActionRef.current === 'increment' ? '__blade-counter-input-animate-slide-up' : '__blade-counter-input-animate-slide-down';
+      setAnimationClass(_animationClass);
+      setTimeout(function () {
+        return setAnimationClass('');
+      }, 300);
+      lastActionRef.current = null;
+    }
+    previousValueRef.current = internalValue;
+  }, [internalValue, isLoading]);
+  var handleInputChange = useCallback(function (_ref9) {
+    var inputValue = _ref9.value;
+    var numericValue = inputValue ? parseInt(inputValue, 10) : min;
+    var validValue = isNaN(numericValue) ? min : numericValue;
+    var constrainedValue = validValue;
+    if (constrainedValue < min) constrainedValue = min;
+    if (max !== undefined && constrainedValue > max) constrainedValue = max;
+    setInternalValue(function () {
+      return constrainedValue;
+    });
+  }, [min, max, _onChange, name]);
+  var handleIncrement = useCallback(function () {
+    if (_isDisabled) return;
+    var newValue = (internalValue !== null && internalValue !== void 0 ? internalValue : min) + 1;
+    var constrainedValue = max !== undefined ? Math.min(newValue, max) : newValue;
+    lastActionRef.current = 'increment';
+    setInternalValue(function () {
+      return constrainedValue;
+    });
+  }, [internalValue, min, max, _isDisabled, setInternalValue]);
+  var handleDecrement = useCallback(function () {
+    if (_isDisabled) return;
+    var newValue = (internalValue !== null && internalValue !== void 0 ? internalValue : min) - 1;
+    var constrainedValue = Math.max(newValue, min);
+    lastActionRef.current = 'decrement';
+    setInternalValue(function () {
+      return constrainedValue;
+    });
+  }, [internalValue, min, _isDisabled, setInternalValue]);
+  var isDecrementDisabled = _isDisabled || (internalValue !== null && internalValue !== void 0 ? internalValue : min) <= min;
+  var isIncrementDisabled = _isDisabled || max !== undefined && (internalValue !== null && internalValue !== void 0 ? internalValue : min) >= max;
+  var contextValue = {
+    size: size,
+    emphasis: emphasis,
+    isDisabled: isDisabled,
+    isLoading: isLoading,
+    color: emphasisTokens.color,
+    disabledTextColor: emphasisTokens.disabledColor,
+    isInsideCounterInput: true
+  };
+  return /*#__PURE__*/jsx(CounterInputProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/jsx(StyledCounterInput, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      className: "__blade-counter-input",
+      "data-emphasis": emphasis,
+      ref: mergeRefs(getOuterMotionRef({
+        _motionMeta: _motionMeta,
+        ref: ref
+      }), containerRef)
+    }, metaAttribute({
+      name: MetaConstants.CounterInput,
+      testID: testID
+    })), getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
+      children: /*#__PURE__*/jsxs(BaseBox, {
+        display: "flex",
+        flexDirection: isLabelLeftPositioned ? 'row' : 'column',
+        alignItems: isLabelLeftPositioned ? 'center' : undefined,
+        children: [label && /*#__PURE__*/jsx(FormLabel, {
+          as: "label",
+          position: labelPosition,
+          id: labelId,
+          htmlFor: inputId,
+          size: size,
+          children: label
+        }), /*#__PURE__*/jsxs(BaseBox, {
+          display: "flex",
+          position: "relative",
+          alignItems: "center",
+          flexDirection: "column",
+          backgroundColor: isLoading || isDisabled ? emphasisTokens.loadingOrDisabledBgColor : emphasisTokens.backgroundColor,
+          width: "".concat(COUNTER_INPUT_TOKEN.width[size], "px"),
+          height: "".concat(COUNTER_INPUT_TOKEN.height[size], "px"),
+          borderRadius: "medium",
+          borderWidth: "thin",
+          borderColor: _isDisabled ? emphasisTokens.disabledBorderColor : emphasisTokens.borderColor,
+          children: [/*#__PURE__*/jsxs(BaseBox, {
+            display: "flex",
+            alignItems: "center",
+            flexDirection: "row",
+            children: [/*#__PURE__*/jsx(StyledCounterButton, {
+              className: "__blade-counter-input-decrement-button",
+              onClick: handleDecrement,
+              $padding: COUNTER_INPUT_TOKEN.iconPadding[size],
+              $margin: COUNTER_INPUT_TOKEN.decrementIconMargin,
+              $emphasis: emphasis,
+              "aria-label": "Decrement value",
+              disabled: isDecrementDisabled,
+              style: {
+                color: isDecrementDisabled ? getIn(theme.colors, emphasisTokens.disabledIconColor, '') : getIn(theme.colors, emphasisTokens.iconColor, '')
+              },
+              children: /*#__PURE__*/jsx(MinusIcon, {
+                size: ICON_SIZE_MAP[size],
+                color: "currentColor"
+              })
+            }), /*#__PURE__*/jsx(BaseBox, {
+              className: animationClass,
+              children: /*#__PURE__*/jsx(BaseInput, {
+                ref: ref,
+                id: inputId,
+                as: "input",
+                name: name,
+                type: "number",
+                componentName: MetaConstants.CounterInput,
+                label: "",
+                accessibilityLabel: accessibilityLabel,
+                value: (_internalValue$toStri = internalValue === null || internalValue === void 0 ? void 0 : internalValue.toString()) !== null && _internalValue$toStri !== void 0 ? _internalValue$toStri : '',
+                onChange: handleInputChange,
+                onFocus: onFocus,
+                onBlur: onBlur,
+                isDisabled: isDisabled,
+                size: size,
+                textAlign: "center"
+                // Accessibility attributes for spinbutton
+                ,
+                role: "spinbutton",
+                "aria-valuemin": min,
+                "aria-valuemax": max,
+                "aria-valuenow": internalValue !== null && internalValue !== void 0 ? internalValue : min
+              })
+            }), /*#__PURE__*/jsx(StyledCounterButton, {
+              className: "__blade-counter-input-increment-button",
+              onClick: handleIncrement,
+              $padding: COUNTER_INPUT_TOKEN.iconPadding[size],
+              $margin: COUNTER_INPUT_TOKEN.incrementIconMargin,
+              $emphasis: emphasis,
+              "aria-label": "Increment value",
+              disabled: isIncrementDisabled,
+              style: {
+                color: isIncrementDisabled ? getIn(theme.colors, emphasisTokens.disabledIconColor, '') : getIn(theme.colors, emphasisTokens.iconColor, '')
+              },
+              children: /*#__PURE__*/jsx(PlusIcon, {
+                size: ICON_SIZE_MAP[size],
+                color: "currentColor"
+              })
+            })]
+          }), isLoading && /*#__PURE__*/jsx(BaseBox, {
+            width: "100%",
+            position: "absolute",
+            bottom: "spacing.0",
+            children: /*#__PURE__*/jsx(ProgressBar, {
+              color: emphasisTokens.progressBarColor,
+              showPercentage: false,
+              value: 1,
+              isIndeterminate: true,
+              _oscillation: true
+            })
+          })]
+        })]
+      })
+    }))
+  });
+});
+var CounterInput = /*#__PURE__*/assignWithoutSideEffects(_CounterInput, {
+  componentId: MetaConstants.CounterInput
+});
+
+export { CounterInput };
+//# sourceMappingURL=CounterInput.web.js.map

package/build/lib/web/development/components/CounterInput/CounterInput.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterInput.web.js","sources":["../../../../../../src/components/CounterInput/CounterInput.web.tsx"],"sourcesContent":["import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport type { CounterInputProps } from './types';\nimport { StyledCounterInput } from './StyledCounterInput';\nimport { COUNTER_INPUT_TOKEN } from './token';\nimport { CounterInputProvider } from './CounterInputContext';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { getOuterMotionRef } from '~utils/getMotionRefs';\nimport BaseBox from '~components/Box/BaseBox';\nimport { FormLabel } from '~components/Form';\nimport { useFormId } from '~components/Form/useFormId';\nimport { useId } from '~utils/useId';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint, makeSpace, castWebType, makeMotionTime } from '~utils';\nimport { MinusIcon, PlusIcon } from '~components/Icons';\nimport { ProgressBar } from '~components/ProgressBar';\nimport get from '~utils/lodashButBetter/get';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledCounterButton = styled.button<{\n  disabled?: boolean;\n  $padding: number;\n  $margin: readonly number[];\n  $emphasis: 'subtle' | 'intense';\n}>`\n  background-color: transparent;\n  border: none;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ${({ theme }) => theme.border.radius.small}px;\n  padding: ${({ $padding }) => makeSpace($padding)};\n  margin: ${({ $margin }) => $margin.map((m) => makeSpace(m)).join(' ')};\n\n  /* Transitions for smooth hover effects */\n  transition-property: background-color, color;\n  transition-duration: ${({ theme }) =>\n    castWebType(makeMotionTime(get(theme.motion, 'duration.xquick')))};\n  transition-timing-function: ${({ theme }) => get(theme.motion, 'easing.standard')};\n\n  &:focus-visible {\n    ${({ theme }) => getFocusRingStyles({ theme, negativeOffset: true })}\n  }\n\n  /* Hover styles based on emphasis */\n  &:hover:not(:disabled) {\n    ${({ theme, $emphasis }) => {\n      if ($emphasis === 'subtle') {\n        return `\n          background-color: ${theme.colors.interactive.background.gray.fadedHighlighted} !important;\n          color: ${theme.colors.interactive.icon.gray.normal} !important;\n        `;\n      } else {\n        return `\n          background-color: ${theme.colors.interactive.background.primary.fadedHighlighted} !important;\n          color: ${theme.colors.interactive.icon.primary.normal} !important;\n        `;\n      }\n    }}\n  }\n`;\n\n// Icon size mapping for counter input\nconst ICON_SIZE_MAP = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'large',\n  large: 'xlarge',\n} as const;\n\nconst _CounterInput = React.forwardRef<BladeElementRef, CounterInputProps>(\n  (\n    {\n      label,\n      accessibilityLabel,\n      labelPosition = 'top',\n      name,\n      value,\n      defaultValue,\n      min = 0,\n      max,\n      emphasis = 'subtle',\n      size = 'medium',\n      isLoading = false,\n      isDisabled = false,\n      onChange,\n      onFocus,\n      onBlur,\n      testID,\n      _motionMeta,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [internalValue, setInternalValue] = useControllableState({\n      value,\n      defaultValue,\n      onChange: (newValue) => onChange?.({ value: newValue }),\n    });\n\n    const { inputId } = useFormId('counter-input');\n    const idBase = useId('counter-input');\n    const labelId = `${idBase}-label`;\n    const { theme } = useTheme();\n    const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n    const isLabelLeftPositioned = labelPosition === 'left' && matchedDeviceType === 'desktop';\n    const emphasisTokens = COUNTER_INPUT_TOKEN.emphasis[emphasis];\n    const _isDisabled = isDisabled || isLoading;\n    const [animationClass, setAnimationClass] = useState('');\n    const lastActionRef = useRef<'increment' | 'decrement' | null>(null);\n    const previousValueRef = useRef<number | undefined>(internalValue);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    // Track Tab navigation to show focus ring only on keyboard navigation (not mouse clicks)\n    // Note: :focus-visible doesn't work for text inputs - shows ring on both Tab and click\n    // TODO: Re-evaluate and remove later once focus style is unified from design\n    useEffect(() => {\n      const container = containerRef.current;\n      if (!container) return undefined;\n\n      const handleTabKey = (event: KeyboardEvent): void => {\n        if (event.key === 'Tab') {\n          container.classList.add('counter-input-keyboard-focus');\n        }\n      };\n\n      const handleMouseDown = (): void => {\n        container.classList.remove('counter-input-keyboard-focus');\n      };\n\n      document.addEventListener('keydown', handleTabKey, true);\n      document.addEventListener('mousedown', handleMouseDown, true);\n\n      return (): void => {\n        document.removeEventListener('keydown', handleTabKey, true);\n        document.removeEventListener('mousedown', handleMouseDown, true);\n      };\n    }, []);\n\n    // Animation effect - triggers only when value actually changes\n    useEffect(() => {\n      // Only animate if:\n      // 1. We have a stored action (button was clicked)\n      // 2. Value actually changed from previous value\n      // 3. Not currently loading\n      if (lastActionRef.current && !isLoading && internalValue !== previousValueRef.current) {\n        const animationClass =\n          lastActionRef.current === 'increment'\n            ? '__blade-counter-input-animate-slide-up'\n            : '__blade-counter-input-animate-slide-down';\n        setAnimationClass(animationClass);\n        setTimeout(() => setAnimationClass(''), 300);\n        lastActionRef.current = null;\n      }\n\n      previousValueRef.current = internalValue;\n    }, [internalValue, isLoading]);\n\n    const handleInputChange = useCallback(\n      ({ value: inputValue }: { value?: string }) => {\n        const numericValue = inputValue ? parseInt(inputValue, 10) : min;\n        const validValue = isNaN(numericValue) ? min : numericValue;\n\n        let constrainedValue = validValue;\n        if (constrainedValue < min) constrainedValue = min;\n        if (max !== undefined && constrainedValue > max) constrainedValue = max;\n        setInternalValue(() => constrainedValue);\n      },\n      [min, max, onChange, name],\n    );\n\n    const handleIncrement = useCallback(() => {\n      if (_isDisabled) return;\n\n      const newValue = (internalValue ?? min) + 1;\n      const constrainedValue = max !== undefined ? Math.min(newValue, max) : newValue;\n\n      lastActionRef.current = 'increment';\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, max, _isDisabled, setInternalValue]);\n\n    const handleDecrement = useCallback(() => {\n      if (_isDisabled) return;\n\n      const newValue = (internalValue ?? min) - 1;\n      const constrainedValue = Math.max(newValue, min);\n\n      lastActionRef.current = 'decrement';\n      setInternalValue(() => constrainedValue);\n    }, [internalValue, min, _isDisabled, setInternalValue]);\n\n    const isDecrementDisabled = _isDisabled || (internalValue ?? min) <= min;\n    const isIncrementDisabled = _isDisabled || (max !== undefined && (internalValue ?? min) >= max);\n\n    const contextValue = {\n      size,\n      emphasis,\n      isDisabled,\n      isLoading,\n      color: emphasisTokens.color,\n      disabledTextColor: emphasisTokens.disabledColor,\n      isInsideCounterInput: true,\n    };\n\n    return (\n      <CounterInputProvider value={contextValue}>\n        {/* __blade-counter-input: CSS selector for animations and component-specific styles */}\n        <StyledCounterInput\n          className=\"__blade-counter-input\"\n          data-emphasis={emphasis}\n          ref={mergeRefs(getOuterMotionRef({ _motionMeta, ref }), containerRef)}\n          {...metaAttribute({ name: MetaConstants.CounterInput, testID })}\n          {...getStyledProps(rest)}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <BaseBox\n            display=\"flex\"\n            flexDirection={isLabelLeftPositioned ? 'row' : 'column'}\n            alignItems={isLabelLeftPositioned ? 'center' : undefined}\n          >\n            {label && (\n              <FormLabel\n                as=\"label\"\n                position={labelPosition}\n                id={labelId}\n                htmlFor={inputId}\n                size={size}\n              >\n                {label}\n              </FormLabel>\n            )}\n\n            <BaseBox\n              display=\"flex\"\n              position=\"relative\"\n              alignItems=\"center\"\n              flexDirection=\"column\"\n              backgroundColor={\n                isLoading || isDisabled\n                  ? emphasisTokens.loadingOrDisabledBgColor\n                  : emphasisTokens.backgroundColor\n              }\n              width={`${COUNTER_INPUT_TOKEN.width[size]}px`}\n              height={`${COUNTER_INPUT_TOKEN.height[size]}px`}\n              borderRadius=\"medium\"\n              borderWidth=\"thin\"\n              borderColor={\n                _isDisabled ? emphasisTokens.disabledBorderColor : emphasisTokens.borderColor\n              }\n            >\n              <BaseBox display=\"flex\" alignItems=\"center\" flexDirection=\"row\">\n                <StyledCounterButton\n                  className=\"__blade-counter-input-decrement-button\"\n                  onClick={handleDecrement}\n                  $padding={COUNTER_INPUT_TOKEN.iconPadding[size]}\n                  $margin={COUNTER_INPUT_TOKEN.decrementIconMargin}\n                  $emphasis={emphasis}\n                  aria-label=\"Decrement value\"\n                  disabled={isDecrementDisabled}\n                  style={{\n                    color: isDecrementDisabled\n                      ? get(theme.colors, emphasisTokens.disabledIconColor, '')\n                      : get(theme.colors, emphasisTokens.iconColor, ''),\n                  }}\n                >\n                  {/* Using currentColor allows CSS hover styles to control icon color */}\n                  <MinusIcon size={ICON_SIZE_MAP[size]} color=\"currentColor\" />\n                </StyledCounterButton>\n\n                <BaseBox className={animationClass}>\n                  <BaseInput\n                    ref={ref}\n                    id={inputId}\n                    as=\"input\"\n                    name={name}\n                    type=\"number\"\n                    componentName={MetaConstants.CounterInput}\n                    label=\"\"\n                    accessibilityLabel={accessibilityLabel}\n                    value={internalValue?.toString() ?? ''}\n                    onChange={handleInputChange}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    isDisabled={isDisabled}\n                    size={size}\n                    textAlign=\"center\"\n                    // Accessibility attributes for spinbutton\n                    role=\"spinbutton\"\n                    aria-valuemin={min}\n                    aria-valuemax={max}\n                    aria-valuenow={internalValue ?? min}\n                  />\n                </BaseBox>\n\n                <StyledCounterButton\n                  className=\"__blade-counter-input-increment-button\"\n                  onClick={handleIncrement}\n                  $padding={COUNTER_INPUT_TOKEN.iconPadding[size]}\n                  $margin={COUNTER_INPUT_TOKEN.incrementIconMargin}\n                  $emphasis={emphasis}\n                  aria-label=\"Increment value\"\n                  disabled={isIncrementDisabled}\n                  style={{\n                    color: isIncrementDisabled\n                      ? get(theme.colors, emphasisTokens.disabledIconColor, '')\n                      : get(theme.colors, emphasisTokens.iconColor, ''),\n                  }}\n                >\n                  {/* Using currentColor allows CSS hover styles to control icon color */}\n                  <PlusIcon size={ICON_SIZE_MAP[size]} color=\"currentColor\" />\n                </StyledCounterButton>\n              </BaseBox>\n              {isLoading && (\n                <BaseBox width=\"100%\" position=\"absolute\" bottom=\"spacing.0\">\n                  <ProgressBar\n                    color={emphasisTokens.progressBarColor}\n                    showPercentage={false}\n                    value={1}\n                    isIndeterminate={true}\n                    _oscillation={true}\n                  />\n                </BaseBox>\n              )}\n            </BaseBox>\n          </BaseBox>\n        </StyledCounterInput>\n      </CounterInputProvider>\n    );\n  },\n);\n\nconst CounterInput = assignWithoutSideEffects(_CounterInput, {\n  componentId: MetaConstants.CounterInput,\n});\n\nexport { CounterInput };\n"],"names":["StyledCounterButton","styled","button","withConfig","displayName","componentId","props","disabled","_ref","theme","border","radius","small","_ref2","$padding","makeSpace","_ref3","$margin","map","m","join","_ref4","castWebType","makeMotionTime","get","motion","_ref5","_ref6","getFocusRingStyles","negativeOffset","_ref7","$emphasis","concat","colors","interactive","background","gray","fadedHighlighted","icon","normal","primary","ICON_SIZE_MAP","xsmall","medium","large","_CounterInput","React","forwardRef","_ref8","ref","_internalValue$toStri","label","accessibilityLabel","_ref8$labelPosition","labelPosition","name","value","defaultValue","_ref8$min","min","max","_ref8$emphasis","emphasis","_ref8$size","size","_ref8$isLoading","isLoading","_ref8$isDisabled","isDisabled","onChange","onFocus","onBlur","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useControllableState","useControllableState","newValue","_useControllableState2","_slicedToArray","internalValue","setInternalValue","_useFormId","useFormId","inputId","idBase","useId","labelId","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isLabelLeftPositioned","emphasisTokens","COUNTER_INPUT_TOKEN","_isDisabled","_useState","useState","_useState2","animationClass","setAnimationClass","lastActionRef","useRef","previousValueRef","containerRef","useEffect","container","current","undefined","handleTabKey","event","key","classList","add","handleMouseDown","remove","document","addEventListener","removeEventListener","setTimeout","handleInputChange","useCallback","_ref9","inputValue","numericValue","parseInt","validValue","isNaN","constrainedValue","handleIncrement","Math","handleDecrement","isDecrementDisabled","isIncrementDisabled","contextValue","color","disabledTextColor","disabledColor","isInsideCounterInput","_jsx","CounterInputProvider","children","StyledCounterInput","_objectSpread","className","mergeRefs","getOuterMotionRef","metaAttribute","MetaConstants","CounterInput","getStyledProps","makeAnalyticsAttribute","_jsxs","BaseBox","display","flexDirection","alignItems","FormLabel","as","position","id","htmlFor","backgroundColor","loadingOrDisabledBgColor","width","height","borderRadius","borderWidth","borderColor","disabledBorderColor","onClick","iconPadding","decrementIconMargin","style","disabledIconColor","iconColor","MinusIcon","BaseInput","type","componentName","toString","textAlign","role","incrementIconMargin","PlusIcon","bottom","ProgressBar","progressBarColor","showPercentage","isIndeterminate","_oscillation","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/CounterInput/CounterInputContext.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+var CounterInputContext = /*#__PURE__*/React__default.createContext({
+  isInsideCounterInput: false
+});
+var CounterInputProvider = CounterInputContext.Provider;
+var useCounterInputContext = function useCounterInputContext() {
+  return React__default.useContext(CounterInputContext);
+};
+
+export { CounterInputProvider, useCounterInputContext };
+//# sourceMappingURL=CounterInputContext.js.map

package/build/lib/web/development/components/CounterInput/CounterInputContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterInputContext.js","sources":["../../../../../../src/components/CounterInput/CounterInputContext.tsx"],"sourcesContent":["import React from 'react';\nimport type { CounterInputContextType } from './types';\n\nconst CounterInputContext = React.createContext<CounterInputContextType>({\n  isInsideCounterInput: false,\n});\nconst CounterInputProvider = CounterInputContext.Provider;\n\nconst useCounterInputContext = (): CounterInputContextType => {\n  return React.useContext(CounterInputContext);\n};\n\nexport { useCounterInputContext, CounterInputProvider };\n"],"names":["CounterInputContext","React","createContext","isInsideCounterInput","CounterInputProvider","Provider","useCounterInputContext","useContext"],"mappings":";;AAGA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAA0B;AACvEC,EAAAA,oBAAoB,EAAE,KAAA;AACxB,CAAC,CAAC,CAAA;AACF,IAAMC,oBAAoB,GAAGJ,mBAAmB,CAACK,SAAQ;AAEzD,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAkC;AAC5D,EAAA,OAAOL,cAAK,CAACM,UAAU,CAACP,mBAAmB,CAAC,CAAA;AAC9C;;;;"}

package/build/lib/web/development/components/CounterInput/StyledCounterInput.js

@@ -0,0 +1,22 @@
+import styled, { keyframes, css } from 'styled-components';
+import '../Box/BaseBox/index.js';
+import '../../utils/getFocusRingStyles/index.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
+
+// Keyframes for slide animations
+var slideUp = /*#__PURE__*/keyframes(["0%{transform:translateY(30%);opacity:0;}100%{transform:translateY(0);opacity:1;}"]);
+var slideDown = /*#__PURE__*/keyframes(["0%{transform:translateY(-30%);opacity:0;}100%{transform:translateY(0);opacity:1;}"]);
+var StyledCounterInput = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "StyledCounterInput",
+  componentId: "ljwv28-0"
+})(["&.__blade-counter-input .focus-ring-wrapper:focus-within{outline:none;}&.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within{", ";}&.__blade-counter-input .__blade-base-input-wrapper{box-shadow:none;background-color:transparent !important;}&.__blade-counter-input .__blade-counter-input-animate-slide-up{animation:", " 0.3s ease-out;}&.__blade-counter-input .__blade-counter-input-animate-slide-down{animation:", " 0.3s ease-out;}&.__blade-counter-input input[type='number']::-webkit-inner-spin-button,&.__blade-counter-input input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}&.__blade-counter-input input[type='number']{-moz-appearance:textfield;}&.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track{background-color:transparent !important;}"], function (_ref) {
+  var theme = _ref.theme;
+  return css(getFocusRingStyles({
+    theme: theme,
+    negativeOffset: true
+  }));
+}, slideUp, slideDown);
+
+export { StyledCounterInput };
+//# sourceMappingURL=StyledCounterInput.js.map

package/build/lib/web/development/components/CounterInput/StyledCounterInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCounterInput.js","sources":["../../../../../../src/components/CounterInput/StyledCounterInput.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\nimport type { CSSObject } from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\n// Keyframes for slide animations\nconst slideUp = keyframes`\n  0% {\n    transform: translateY(30%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nconst slideDown = keyframes`\n  0% {\n    transform: translateY(-30%);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nconst StyledCounterInput = styled(BaseBox)`\n  /* Hide focus ring by default */\n  &.__blade-counter-input .focus-ring-wrapper:focus-within {\n    outline: none;\n  }\n\n  /* Show focus ring only during keyboard navigation */\n  &.__blade-counter-input.counter-input-keyboard-focus .focus-ring-wrapper:focus-within {\n    ${({ theme }) => css(getFocusRingStyles({ theme, negativeOffset: true }) as CSSObject)};\n  }\n\n  &.__blade-counter-input .__blade-base-input-wrapper {\n    box-shadow: none;\n    background-color: transparent !important;\n  }\n\n  /* Animation classes */\n  &.__blade-counter-input .__blade-counter-input-animate-slide-up {\n    animation: ${slideUp} 0.3s ease-out;\n  }\n\n  &.__blade-counter-input .__blade-counter-input-animate-slide-down {\n    animation: ${slideDown} 0.3s ease-out;\n  }\n\n  /* Hide number input arrows */\n  &.__blade-counter-input input[type='number']::-webkit-inner-spin-button,\n  &.__blade-counter-input input[type='number']::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  &.__blade-counter-input input[type='number'] {\n    -moz-appearance: textfield; /* Firefox */\n  }\n\n  /* Remove ProgressBar background */\n  &.__blade-counter-input [data-blade-component='progress-bar'] .__blade-progress-bar-track {\n    background-color: transparent !important;\n  }\n`;\n\nexport { StyledCounterInput };\n"],"names":["slideUp","keyframes","slideDown","StyledCounterInput","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","css","getFocusRingStyles","negativeOffset"],"mappings":";;;;;;AAKA;AACA,IAAMA,OAAO,gBAAGC,SAAS,CASxB,CAAA,kFAAA,CAAA,CAAA,CAAA;AAED,IAAMC,SAAS,gBAAGD,SAAS,CAS1B,CAAA,mFAAA,CAAA,CAAA,CAAA;AAED,IAAME,kBAAkB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,oBAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAA,CAAA,+JAAA,EAAA,2LAAA,EAAA,8FAAA,EAAA,+YAAA,CAAA,EAQpC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAOC,GAAG,CAACC,kBAAkB,CAAC;AAAEF,IAAAA,KAAK,EAALA,KAAK;AAAEG,IAAAA,cAAc,EAAE,IAAA;AAAK,GAAC,CAAc,CAAC,CAAA;AAAA,CAUzEb,EAAAA,OAAO,EAIPE,SAAS;;;;"}

package/build/lib/web/development/components/CounterInput/index.js

@@ -0,0 +1,2 @@
+export { CounterInput } from './CounterInput.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/CounterInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/components/CounterInput/token.js

@@ -0,0 +1,50 @@
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+import { spacing } from '../../tokens/global/spacing.js';
+
+var COUNTER_INPUT_TOKEN = {
+  width: {
+    xsmall: size[78],
+    medium: size[94],
+    large: size[122]
+  },
+  height: {
+    xsmall: size[30],
+    medium: size[38],
+    large: size[50]
+  },
+  decrementIconMargin: [spacing[2], spacing[0], spacing[2], spacing[2]],
+  incrementIconMargin: [spacing[2], spacing[2], spacing[2], spacing[0]],
+  iconPadding: {
+    xsmall: spacing[2],
+    medium: spacing[2],
+    large: spacing[3]
+  },
+  emphasis: {
+    subtle: {
+      color: 'surface.text.gray.subtle',
+      disabledColor: 'surface.text.gray.disabled',
+      iconColor: 'interactive.icon.gray.subtle',
+      disabledIconColor: 'interactive.icon.gray.disabled',
+      borderColor: 'interactive.border.gray.default',
+      disabledBorderColor: 'interactive.border.gray.default',
+      backgroundColor: 'surface.background.gray.intense',
+      loadingOrDisabledBgColor: 'surface.background.gray.subtle',
+      progressBarColor: 'neutral'
+    },
+    intense: {
+      color: 'interactive.text.primary.subtle',
+      disabledColor: 'interactive.text.primary.disabled',
+      iconColor: 'interactive.icon.primary.subtle',
+      disabledIconColor: 'interactive.icon.primary.disabled',
+      borderColor: 'interactive.border.primary.highlighted',
+      disabledBorderColor: 'interactive.border.primary.disabled',
+      backgroundColor: 'surface.background.gray.intense',
+      loadingOrDisabledBgColor: 'surface.background.gray.subtle',
+      progressBarColor: undefined
+    }
+  }
+};
+
+export { COUNTER_INPUT_TOKEN };
+//# sourceMappingURL=token.js.map

package/build/lib/web/development/components/CounterInput/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sources":["../../../../../../src/components/CounterInput/token.ts"],"sourcesContent":["import { size as sizeTokens, spacing } from '~tokens/global';\n\nexport const COUNTER_INPUT_TOKEN = {\n  width: {\n    xsmall: sizeTokens[78],\n    medium: sizeTokens[94],\n    large: sizeTokens[122],\n  },\n  height: {\n    xsmall: sizeTokens[30],\n    medium: sizeTokens[38],\n    large: sizeTokens[50],\n  },\n\n  decrementIconMargin: [spacing[2], spacing[0], spacing[2], spacing[2]],\n  incrementIconMargin: [spacing[2], spacing[2], spacing[2], spacing[0]],\n\n  iconPadding: {\n    xsmall: spacing[2],\n    medium: spacing[2],\n    large: spacing[3],\n  },\n\n  emphasis: {\n    subtle: {\n      color: 'surface.text.gray.subtle',\n      disabledColor: 'surface.text.gray.disabled',\n      iconColor: 'interactive.icon.gray.subtle',\n      disabledIconColor: 'interactive.icon.gray.disabled',\n      borderColor: 'interactive.border.gray.default',\n      disabledBorderColor: 'interactive.border.gray.default',\n      backgroundColor: 'surface.background.gray.intense',\n      loadingOrDisabledBgColor: 'surface.background.gray.subtle',\n      progressBarColor: 'neutral',\n    },\n    intense: {\n      color: 'interactive.text.primary.subtle',\n      disabledColor: 'interactive.text.primary.disabled',\n      iconColor: 'interactive.icon.primary.subtle',\n      disabledIconColor: 'interactive.icon.primary.disabled',\n      borderColor: 'interactive.border.primary.highlighted',\n      disabledBorderColor: 'interactive.border.primary.disabled',\n      backgroundColor: 'surface.background.gray.intense',\n      loadingOrDisabledBgColor: 'surface.background.gray.subtle',\n      progressBarColor: undefined,\n    },\n  },\n} as const;\n"],"names":["COUNTER_INPUT_TOKEN","width","xsmall","sizeTokens","medium","large","height","decrementIconMargin","spacing","incrementIconMargin","iconPadding","emphasis","subtle","color","disabledColor","iconColor","disabledIconColor","borderColor","disabledBorderColor","backgroundColor","loadingOrDisabledBgColor","progressBarColor","intense","undefined"],"mappings":";;;;AAEO,IAAMA,mBAAmB,GAAG;AACjCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,IAAU,CAAC,EAAE,CAAC;AACtBC,IAAAA,MAAM,EAAED,IAAU,CAAC,EAAE,CAAC;IACtBE,KAAK,EAAEF,IAAU,CAAC,GAAG,CAAA;GACtB;AACDG,EAAAA,MAAM,EAAE;AACNJ,IAAAA,MAAM,EAAEC,IAAU,CAAC,EAAE,CAAC;AACtBC,IAAAA,MAAM,EAAED,IAAU,CAAC,EAAE,CAAC;IACtBE,KAAK,EAAEF,IAAU,CAAC,EAAE,CAAA;GACrB;EAEDI,mBAAmB,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,CAAC;EACrEC,mBAAmB,EAAE,CAACD,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,EAAEA,OAAO,CAAC,CAAC,CAAC,CAAC;AAErEE,EAAAA,WAAW,EAAE;AACXR,IAAAA,MAAM,EAAEM,OAAO,CAAC,CAAC,CAAC;AAClBJ,IAAAA,MAAM,EAAEI,OAAO,CAAC,CAAC,CAAC;IAClBH,KAAK,EAAEG,OAAO,CAAC,CAAC,CAAA;GACjB;AAEDG,EAAAA,QAAQ,EAAE;AACRC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,0BAA0B;AACjCC,MAAAA,aAAa,EAAE,4BAA4B;AAC3CC,MAAAA,SAAS,EAAE,8BAA8B;AACzCC,MAAAA,iBAAiB,EAAE,gCAAgC;AACnDC,MAAAA,WAAW,EAAE,iCAAiC;AAC9CC,MAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,MAAAA,eAAe,EAAE,iCAAiC;AAClDC,MAAAA,wBAAwB,EAAE,gCAAgC;AAC1DC,MAAAA,gBAAgB,EAAE,SAAA;KACnB;AACDC,IAAAA,OAAO,EAAE;AACPT,MAAAA,KAAK,EAAE,iCAAiC;AACxCC,MAAAA,aAAa,EAAE,mCAAmC;AAClDC,MAAAA,SAAS,EAAE,iCAAiC;AAC5CC,MAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,MAAAA,WAAW,EAAE,wCAAwC;AACrDC,MAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,MAAAA,eAAe,EAAE,iCAAiC;AAClDC,MAAAA,wBAAwB,EAAE,gCAAgC;AAC1DC,MAAAA,gBAAgB,EAAEE,SAAAA;AACpB,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/development/components/Form/CharacterCounter/CharacterCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharacterCounter.js","sources":["../../../../../../../src/components/Form/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { hintTextSize } from '../formTokens';\nimport { Text } from '~components/Typography';\n\ntype CharacterCounterProps = {\n  currentCount: number;\n  maxCount: number;\n  size?: 'medium' | 'large';\n};\n\nexport const CharacterCounter = ({\n  currentCount,\n  maxCount,\n  size = 'medium',\n}: CharacterCounterProps): ReactElement => (\n  <Text\n    variant=\"caption\"\n    size={hintTextSize[size]}\n    weight=\"regular\"\n    color=\"surface.text.gray.muted\"\n  >\n    {currentCount}/{maxCount}\n  </Text>\n);\n"],"names":["CharacterCounter","_ref","currentCount","maxCount","_ref$size","size","_jsxs","Text","variant","hintTextSize","weight","color","children"],"mappings":";;;;;IAUaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC3BC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CACRI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA,CAAA;EAAA,oBAEfE,IAAA,CAACC,IAAI,EAAA;AACHC,IAAAA,OAAO,EAAC,SAAS;AACjBH,IAAAA,IAAI,EAAEI,YAAY,CAACJ,IAAI,CAAE;AACzBK,IAAAA,MAAM,EAAC,SAAS;AAChBC,IAAAA,KAAK,EAAC,yBAAyB;AAAAC,IAAAA,QAAA,EAE9BV,CAAAA,YAAY,EAAC,GAAC,EAACC,QAAQ,CAAA;AAAA,GACpB,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"CharacterCounter.js","sources":["../../../../../../../src/components/Form/CharacterCounter/CharacterCounter.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { hintTextSize } from '../formTokens';\nimport { Text } from '~components/Typography';\n\ntype CharacterCounterProps = {\n  currentCount: number;\n  maxCount: number;\n  size?: 'xsmall' | 'medium' | 'large';\n};\n\nexport const CharacterCounter = ({\n  currentCount,\n  maxCount,\n  size = 'medium',\n}: CharacterCounterProps): ReactElement => (\n  <Text\n    variant=\"caption\"\n    size={hintTextSize[size]}\n    weight=\"regular\"\n    color=\"surface.text.gray.muted\"\n  >\n    {currentCount}/{maxCount}\n  </Text>\n);\n"],"names":["CharacterCounter","_ref","currentCount","maxCount","_ref$size","size","_jsxs","Text","variant","hintTextSize","weight","color","children"],"mappings":";;;;;IAUaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC3BC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CACRI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA,CAAA;EAAA,oBAEfE,IAAA,CAACC,IAAI,EAAA;AACHC,IAAAA,OAAO,EAAC,SAAS;AACjBH,IAAAA,IAAI,EAAEI,YAAY,CAACJ,IAAI,CAAE;AACzBK,IAAAA,MAAM,EAAC,SAAS;AAChBC,IAAAA,KAAK,EAAC,yBAAyB;AAAAC,IAAAA,QAAA,EAE9BV,CAAAA,YAAY,EAAC,GAAC,EAACC,QAAQ,CAAA;AAAA,GACpB,CAAC,CAAA;AAAA;;;;"}

package/build/lib/web/development/components/Form/FormHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHint.js","sources":["../../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text\n          <Box flexShrink={0} marginTop=\"spacing.1\">\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":"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"}
+{"version":3,"file":"FormHint.js","sources":["../../../../../../src/components/Form/FormHint.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport type { ReactElement } from 'react';\nimport React from 'react';\nimport { FormHintWrapper } from './FormHintWrapper';\nimport { hintIconSize, hintMarginTop, hintTextSize } from './formTokens';\nimport type { TextProps } from '~components/Typography/Text';\nimport { Text } from '~components/Typography/Text';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport { CheckIcon, InfoIcon } from '~components/Icons';\nimport { getPlatformType } from '~utils/getPlatformType';\nimport { Box } from '~components/Box';\n\ntype HintTextProps = {\n  icon?: IconComponent;\n  children: string;\n  id?: string;\n  color: TextProps<{ variant: 'caption' }>['color'];\n  size: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst HintText = ({ icon: Icon, children, id, color, size }: HintTextProps): ReactElement => {\n  const isReactNative = getPlatformType() === 'react-native';\n\n  return (\n    <BaseBox marginTop={hintMarginTop[size]} id={id}>\n      <FormHintWrapper>\n        {Icon ? (\n          // offset block element 2px down to align with text\n          <Box flexShrink={0} marginTop=\"spacing.1\">\n            <Icon />\n          </Box>\n        ) : null}\n        <Text\n          as={isReactNative ? undefined : 'span'}\n          color={color}\n          size={hintTextSize[size]}\n          variant=\"caption\"\n          wordBreak=\"break-word\"\n        >\n          {children}\n        </Text>\n      </FormHintWrapper>\n    </BaseBox>\n  );\n};\n\nexport type FormHintProps = {\n  type: 'help' | 'error' | 'success';\n  /**\n   * Help text for the group\n   */\n  helpText?: string;\n  /**\n   * Error text for the group\n   *\n   * Renders when `state` is set to 'error'\n   */\n  errorText?: string;\n  /**\n   * Success text for the group\n   *\n   * Renders when `state` is set to 'success'\n   */\n  successText?: string;\n  /**\n   * Sets the id on errorText.\n   * Needed for accessibility reasons.\n   */\n  errorTextId?: string;\n  /**\n   * Sets the id on helpText.\n   * Needed for accessibility reasons.\n   */\n  helpTextId?: string;\n  /**\n   * Sets the id on successText.\n   * Needed for accessibility reasons.\n   */\n  successTextId?: string;\n  /**\n   * Sets the size of the hint\n   * @default medium\n   */\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n};\n\nconst Icons = {\n  error: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <InfoIcon\n      display={'block' as never}\n      color=\"feedback.icon.negative.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n  success: ({ size }: { size: 'xsmall' | 'small' | 'medium' | 'large' }): ReactElement => (\n    <CheckIcon\n      display={'block' as never}\n      color=\"feedback.icon.positive.intense\"\n      size={hintIconSize[size]}\n    />\n  ),\n};\n\nconst FormHint = ({\n  type,\n  helpText,\n  errorText,\n  successText,\n  helpTextId,\n  errorTextId,\n  successTextId,\n  size = 'medium',\n}: FormHintProps): React.ReactElement => {\n  const colors: Record<string, TextProps<{ variant: 'caption' }>['color']> = {\n    help: 'surface.text.gray.muted',\n    error: 'feedback.text.negative.intense',\n    success: 'feedback.text.positive.intense',\n  };\n\n  const showError = type === 'error' && errorText;\n  const showSuccess = type === 'success' && successText;\n  const showHelp = !showError && !showSuccess && helpText;\n\n  return (\n    <>\n      {showHelp && (\n        <HintText size={size} id={helpTextId} color={colors.help}>\n          {helpText}\n        </HintText>\n      )}\n\n      {showError && (\n        <HintText\n          size={size}\n          id={errorTextId}\n          icon={() => Icons.error({ size })}\n          color={colors.error}\n        >\n          {errorText}\n        </HintText>\n      )}\n\n      {showSuccess && (\n        <HintText\n          size={size}\n          id={successTextId}\n          icon={() => Icons.success({ size })}\n          color={colors.success}\n        >\n          {successText}\n        </HintText>\n      )}\n    </>\n  );\n};\n\nexport { FormHint };\n"],"names":["HintText","_ref","Icon","icon","children","id","color","size","isReactNative","getPlatformType","_jsx","BaseBox","marginTop","hintMarginTop","_jsxs","FormHintWrapper","Box","flexShrink","Text","as","undefined","hintTextSize","variant","wordBreak","Icons","error","_ref2","InfoIcon","display","hintIconSize","success","_ref3","CheckIcon","FormHint","_ref4","type","helpText","errorText","successText","helpTextId","errorTextId","successTextId","_ref4$size","colors","help","showError","showSuccess","showHelp","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAAA;;AAqBA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAA+E;AAAA,EAAA,IAAnEC,IAAI,GAAAD,IAAA,CAAVE,IAAI;IAAQC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAEC,IAAI,GAAAN,IAAA,CAAJM,IAAI,CAAA;AACvD,EAAA,IAAMC,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;EAE1D,oBACEC,GAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAEC,aAAa,CAACN,IAAI,CAAE;AAACF,IAAAA,EAAE,EAAEA,EAAG;IAAAD,QAAA,eAC9CU,IAAA,CAACC,eAAe,EAAA;AAAAX,MAAAA,QAAA,GACbF,IAAI;AAAA;AACH;AACAQ,MAAAA,GAAA,CAACM,GAAG,EAAA;AAACC,QAAAA,UAAU,EAAE,CAAE;AAACL,QAAAA,SAAS,EAAC,WAAW;AAAAR,QAAAA,QAAA,eACvCM,GAAA,CAACR,IAAI,EAAE,EAAA,CAAA;AAAC,OACL,CAAC,GACJ,IAAI,eACRQ,GAAA,CAACQ,IAAI,EAAA;AACHC,QAAAA,EAAE,EAAEX,aAAa,GAAGY,SAAS,GAAG,MAAO;AACvCd,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,IAAI,EAAEc,YAAY,CAACd,IAAI,CAAE;AACzBe,QAAAA,OAAO,EAAC,SAAS;AACjBC,QAAAA,SAAS,EAAC,YAAY;AAAAnB,QAAAA,QAAA,EAErBA,QAAAA;AAAQ,OACL,CAAC,CAAA;KACQ,CAAA;AAAC,GACX,CAAC,CAAA;AAEd,CAAC,CAAA;AA0CD,IAAMoB,KAAK,GAAG;AACZC,EAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKnB,IAAI,GAAAmB,KAAA,CAAJnB,IAAI,CAAA;IAAA,oBACZG,GAAA,CAACiB,QAAQ,EAAA;AACPC,MAAAA,OAAO,EAAE,OAAiB;AAC1BtB,MAAAA,KAAK,EAAC,gCAAgC;MACtCC,IAAI,EAAEsB,YAAY,CAACtB,IAAI,CAAA;AAAE,KAC1B,CAAC,CAAA;GACH;AACDuB,EAAAA,OAAO,EAAE,SAATA,OAAOA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKxB,IAAI,GAAAwB,KAAA,CAAJxB,IAAI,CAAA;IAAA,oBACdG,GAAA,CAACsB,SAAS,EAAA;AACRJ,MAAAA,OAAO,EAAE,OAAiB;AAC1BtB,MAAAA,KAAK,EAAC,gCAAgC;MACtCC,IAAI,EAAEsB,YAAY,CAACtB,IAAI,CAAA;AAAE,KAC1B,CAAC,CAAA;AAAA,GAAA;AAEN,CAAC,CAAA;AAED,IAAM0B,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAS2B;AAAA,EAAA,IARvCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,KAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,KAAA,CAAXI,WAAW;IACXC,UAAU,GAAAL,KAAA,CAAVK,UAAU;IACVC,WAAW,GAAAN,KAAA,CAAXM,WAAW;IACXC,aAAa,GAAAP,KAAA,CAAbO,aAAa;IAAAC,UAAA,GAAAR,KAAA,CACb3B,IAAI;AAAJA,IAAAA,IAAI,GAAAmC,UAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,UAAA,CAAA;AAEf,EAAA,IAAMC,MAAkE,GAAG;AACzEC,IAAAA,IAAI,EAAE,yBAAyB;AAC/BnB,IAAAA,KAAK,EAAE,gCAAgC;AACvCK,IAAAA,OAAO,EAAE,gCAAA;GACV,CAAA;AAED,EAAA,IAAMe,SAAS,GAAGV,IAAI,KAAK,OAAO,IAAIE,SAAS,CAAA;AAC/C,EAAA,IAAMS,WAAW,GAAGX,IAAI,KAAK,SAAS,IAAIG,WAAW,CAAA;EACrD,IAAMS,QAAQ,GAAG,CAACF,SAAS,IAAI,CAACC,WAAW,IAAIV,QAAQ,CAAA;EAEvD,oBACEtB,IAAA,CAAAkC,QAAA,EAAA;AAAA5C,IAAAA,QAAA,EACG2C,CAAAA,QAAQ,iBACPrC,GAAA,CAACV,QAAQ,EAAA;AAACO,MAAAA,IAAI,EAAEA,IAAK;AAACF,MAAAA,EAAE,EAAEkC,UAAW;MAACjC,KAAK,EAAEqC,MAAM,CAACC,IAAK;AAAAxC,MAAAA,QAAA,EACtDgC,QAAAA;AAAQ,KACD,CACX,EAEAS,SAAS,iBACRnC,GAAA,CAACV,QAAQ,EAAA;AACPO,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,EAAE,EAAEmC,WAAY;MAChBrC,IAAI,EAAE,SAANA,IAAIA,GAAA;QAAA,OAAQqB,KAAK,CAACC,KAAK,CAAC;AAAElB,UAAAA,IAAI,EAAJA,IAAAA;AAAK,SAAC,CAAC,CAAA;OAAC;MAClCD,KAAK,EAAEqC,MAAM,CAAClB,KAAM;AAAArB,MAAAA,QAAA,EAEnBiC,SAAAA;AAAS,KACF,CACX,EAEAS,WAAW,iBACVpC,GAAA,CAACV,QAAQ,EAAA;AACPO,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,EAAE,EAAEoC,aAAc;MAClBtC,IAAI,EAAE,SAANA,IAAIA,GAAA;QAAA,OAAQqB,KAAK,CAACM,OAAO,CAAC;AAAEvB,UAAAA,IAAI,EAAJA,IAAAA;AAAK,SAAC,CAAC,CAAA;OAAC;MACpCD,KAAK,EAAEqC,MAAM,CAACb,OAAQ;AAAA1B,MAAAA,QAAA,EAErBkC,WAAAA;AAAW,KACJ,CACX,CAAA;AAAA,GACD,CAAC,CAAA;AAEP;;;;"}