@razorpay/blade 11.18.2 → 11.19.0

package/build/lib/web/production/components/DatePicker/useControlledDates.js

@@ -0,0 +1,75 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef } from 'react';
+import { useUncontrolled } from '@mantine/hooks';
+import { useDatesContext, shiftTimezone } from '@mantine/dates';
+import '../../utils/logger/index.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+
+var getEmptyValue = function getEmptyValue(type) {
+  return type === 'range' ? [null, null] : type === 'multiple' ? [] : null;
+};
+function useUncontrolledDates(_ref) {
+  var type = _ref.type,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _onChange = _ref.onChange,
+    _ref$applyTimezone = _ref.applyTimezone,
+    applyTimezone = _ref$applyTimezone === void 0 ? true : _ref$applyTimezone;
+  var storedType = useRef(type);
+  var ctx = useDatesContext();
+  var _useUncontrolled = useUncontrolled({
+      value: shiftTimezone('add', value, ctx.getTimezone(), !applyTimezone),
+      defaultValue: shiftTimezone('add', defaultValue, ctx.getTimezone(), !applyTimezone),
+      finalValue: getEmptyValue(type),
+      onChange: function onChange(newDate) {
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(shiftTimezone('remove', newDate, ctx.getTimezone(), !applyTimezone));
+      }
+    }),
+    _useUncontrolled2 = _slicedToArray(_useUncontrolled, 3),
+    _value = _useUncontrolled2[0],
+    _setValue = _useUncontrolled2[1],
+    controlled = _useUncontrolled2[2];
+  var _finalValue = _value;
+  if (storedType.current !== type) {
+    // Type has changed. Do some checks or resets
+
+    storedType.current = type;
+    if (value === undefined) {
+      // Reset uncontrolled value as types aren't compatible
+      _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);
+      _setValue(_finalValue);
+    } else if (false) {
+      // Throw errors in dev mode in case type of value isn't correct
+      switch (type) {
+        case 'default':
+          if (value !== null && typeof value !== 'string') {
+            throwBladeError({
+              message: 'Value must be type of `null` or `string`',
+              moduleName: 'useControlledDates'
+            });
+          }
+          break;
+        case 'multiple':
+          if (!(value instanceof Array)) {
+            throwBladeError({
+              message: 'Value must be type of `string[]`',
+              moduleName: 'useControlledDates'
+            });
+          }
+          break;
+        case 'range':
+          if (!(value instanceof Array) || value.length !== 2) {
+            throwBladeError({
+              message: 'Value must be type of `[string, string]`',
+              moduleName: 'useControlledDates'
+            });
+          }
+          break;
+      }
+    }
+  }
+  return [_finalValue, _setValue, controlled];
+}
+
+export { useUncontrolledDates };
+//# sourceMappingURL=useControlledDates.js.map

package/build/lib/web/production/components/DatePicker/useControlledDates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledDates.js","sources":["../../../../../../src/components/DatePicker/useControlledDates.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable default-case */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport { useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { DatePickerType, DatePickerValue } from '@mantine/dates';\nimport { shiftTimezone, useDatesContext } from '@mantine/dates';\nimport { throwBladeError } from '~utils/logger';\n\ninterface UseUncontrolledDates<Type extends DatePickerType = 'default'> {\n  type: Type;\n  value: DatePickerValue<Type> | undefined;\n  defaultValue: DatePickerValue<Type> | undefined;\n  onChange: ((value: DatePickerValue<Type>) => void) | undefined;\n  applyTimezone?: boolean;\n}\n\nconst getEmptyValue = <Type extends DatePickerType = 'default'>(type: Type) =>\n  type === 'range' ? [null, null] : type === 'multiple' ? [] : null;\n\nfunction useUncontrolledDates<Type extends DatePickerType = 'default'>({\n  type,\n  value,\n  defaultValue,\n  onChange,\n  applyTimezone = true,\n}: UseUncontrolledDates<Type>) {\n  const storedType = useRef<Type>(type);\n  const ctx = useDatesContext();\n  const [_value, _setValue, controlled] = useUncontrolled<any>({\n    value: shiftTimezone('add', value, ctx.getTimezone(), !applyTimezone),\n    defaultValue: shiftTimezone('add', defaultValue, ctx.getTimezone(), !applyTimezone),\n    finalValue: getEmptyValue(type),\n    onChange: (newDate) => {\n      onChange?.(shiftTimezone('remove', newDate, ctx.getTimezone(), !applyTimezone));\n    },\n  });\n\n  let _finalValue = _value;\n\n  if (storedType.current !== type) {\n    // Type has changed. Do some checks or resets\n\n    storedType.current = type;\n    if (value === undefined) {\n      // Reset uncontrolled value as types aren't compatible\n      _finalValue = defaultValue !== undefined ? defaultValue : getEmptyValue(type);\n      _setValue(_finalValue);\n    } else if (__DEV__) {\n      // Throw errors in dev mode in case type of value isn't correct\n      switch (type) {\n        case 'default':\n          if (value !== null && typeof value !== 'string') {\n            throwBladeError({\n              message: 'Value must be type of `null` or `string`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'multiple':\n          if (!(value instanceof Array)) {\n            throwBladeError({\n              message: 'Value must be type of `string[]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n        case 'range':\n          if (!(value instanceof Array) || value.length !== 2) {\n            throwBladeError({\n              message: 'Value must be type of `[string, string]`',\n              moduleName: 'useControlledDates',\n            });\n          }\n          break;\n      }\n    }\n  }\n\n  return [_finalValue, _setValue, controlled];\n}\n\nexport { useUncontrolledDates };\n"],"names":["getEmptyValue","type","useUncontrolledDates","_ref","value","defaultValue","onChange","_ref$applyTimezone","applyTimezone","storedType","useRef","ctx","useDatesContext","_useUncontrolled","useUncontrolled","shiftTimezone","getTimezone","finalValue","newDate","_useUncontrolled2","_slicedToArray","_value","_setValue","controlled","_finalValue","current","undefined","throwBladeError","message","moduleName","Array","length"],"mappings":"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"}

package/build/lib/web/production/components/DatePicker/useDatesState.js

@@ -0,0 +1,149 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import dayjs from 'dayjs';
+import { useState, useEffect } from 'react';
+import { useUncontrolledDates } from './useControlledDates.js';
+
+function isInRange(date, range) {
+  var _range = _toConsumableArray(range).sort(function (a, b) {
+    return a.getTime() - b.getTime();
+  });
+  return dayjs(_range[0]).startOf('day').subtract(1, 'ms').isBefore(date) && dayjs(_range[1]).endOf('day').add(1, 'ms').isAfter(date);
+}
+function useDatesState(_ref) {
+  var type = _ref.type,
+    level = _ref.level,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    allowSingleDateInRange = _ref.allowSingleDateInRange,
+    allowDeselect = _ref.allowDeselect,
+    onMouseLeave = _ref.onMouseLeave,
+    _ref$applyTimezone = _ref.applyTimezone,
+    applyTimezone = _ref$applyTimezone === void 0 ? true : _ref$applyTimezone;
+  var _useUncontrolledDates = useUncontrolledDates({
+      type: type,
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange,
+      applyTimezone: applyTimezone
+    }),
+    _useUncontrolledDates2 = _slicedToArray(_useUncontrolledDates, 2),
+    _value = _useUncontrolledDates2[0],
+    setValue = _useUncontrolledDates2[1];
+  var _useState = useState(type === 'range' ? _value[0] && !_value[1] ? _value[0] : null : null),
+    _useState2 = _slicedToArray(_useState, 2),
+    pickedDate = _useState2[0],
+    setPickedDate = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoveredDate = _useState4[0],
+    setHoveredDate = _useState4[1];
+  var onDateChange = function onDateChange(date) {
+    if (type === 'range') {
+      if (pickedDate instanceof Date && !_value[1]) {
+        if (dayjs(date).isSame(pickedDate, level) && !allowSingleDateInRange) {
+          setPickedDate(null);
+          setHoveredDate(null);
+          setValue([null, null]);
+          return;
+        }
+        var result = [date, pickedDate];
+        result.sort(function (a, b) {
+          return a.getTime() - b.getTime();
+        });
+        setValue(result);
+        setHoveredDate(null);
+        setPickedDate(null);
+        return;
+      }
+      if (_value[0] && !_value[1] && dayjs(date).isSame(_value[0], level) && !allowSingleDateInRange) {
+        setPickedDate(null);
+        setHoveredDate(null);
+        setValue([null, null]);
+        return;
+      }
+      setValue([date, null]);
+      setHoveredDate(null);
+      setPickedDate(date);
+      return;
+    }
+    if (_value && allowDeselect && dayjs(date).isSame(_value, level)) {
+      setValue(null);
+    } else {
+      setValue(date);
+    }
+  };
+  var isDateInRange = function isDateInRange(date) {
+    if (pickedDate instanceof Date && hoveredDate instanceof Date) {
+      return isInRange(date, [hoveredDate, pickedDate]);
+    }
+    if (_value[0] instanceof Date && _value[1] instanceof Date) {
+      return isInRange(date, _value);
+    }
+    return false;
+  };
+  var onRootMouseLeave = type === 'range' ? function (event) {
+    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(event);
+    setHoveredDate(null);
+  } : onMouseLeave;
+  var isFirstInRange = function isFirstInRange(date) {
+    if (!(_value[0] instanceof Date)) {
+      return false;
+    }
+    if (dayjs(date).isSame(_value[0], level)) {
+      return !(hoveredDate && dayjs(hoveredDate).isBefore(_value[0]));
+    }
+    return false;
+  };
+  var isLastInRange = function isLastInRange(date) {
+    if (_value[1] instanceof Date) {
+      return dayjs(date).isSame(_value[1], level);
+    }
+    if (!(_value[0] instanceof Date) || !hoveredDate) {
+      return false;
+    }
+    return dayjs(hoveredDate).isBefore(_value[0]) && dayjs(date).isSame(_value[0], level);
+  };
+  var getControlProps = function getControlProps(date) {
+    if (type === 'range') {
+      return {
+        selected: _value.some(function (selection) {
+          return selection && dayjs(selection).isSame(date, level);
+        }),
+        inRange: isDateInRange(date),
+        firstInRange: isFirstInRange(date),
+        lastInRange: isLastInRange(date),
+        'data-autofocus': !!_value[0] && dayjs(_value[0]).isSame(date, level) || undefined,
+        'data-celltype': level,
+        'data-date': "".concat(date.getMonth(), "-").concat(date.getDate())
+      };
+    }
+    var selected = dayjs(_value).isSame(date, level);
+    return {
+      selected: selected,
+      'data-autofocus': selected || undefined,
+      'data-celltype': level,
+      'data-date': "".concat(date.getMonth(), "-").concat(date.getDate())
+    };
+  };
+  var onHoveredDateChange = type === 'range' && pickedDate ? setHoveredDate : function () {};
+  useEffect(function () {
+    if (type === 'range' && !_value[0] && !_value[1]) {
+      setPickedDate(null);
+    }
+  }, [value]);
+  return {
+    onDateChange: onDateChange,
+    onRootMouseLeave: onRootMouseLeave,
+    onHoveredDateChange: onHoveredDateChange,
+    getControlProps: getControlProps,
+    setPickedDate: setPickedDate,
+    pickedDate: pickedDate,
+    controlledValue: _value,
+    setControlledValue: setValue
+  };
+}
+
+export { useDatesState };
+//# sourceMappingURL=useDatesState.js.map

package/build/lib/web/production/components/DatePicker/useDatesState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatesState.js","sources":["../../../../../../src/components/DatePicker/useDatesState.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { DatePickerType, PickerBaseProps } from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport { useEffect, useState } from 'react';\nimport { useUncontrolledDates } from './useControlledDates';\n\ninterface UseDatesRangeInput<Type extends DatePickerType = 'default'>\n  extends PickerBaseProps<Type> {\n  level: 'year' | 'month' | 'day';\n  type: Type;\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  applyTimezone?: boolean;\n}\n\nfunction isInRange(date: Date, range: [Date, Date]) {\n  const _range = [...range].sort((a, b) => a.getTime() - b.getTime());\n  return (\n    dayjs(_range[0]).startOf('day').subtract(1, 'ms').isBefore(date) &&\n    dayjs(_range[1]).endOf('day').add(1, 'ms').isAfter(date)\n  );\n}\n\nexport function useDatesState<Type extends DatePickerType = 'default'>({\n  type,\n  level,\n  value,\n  defaultValue,\n  onChange,\n  allowSingleDateInRange,\n  allowDeselect,\n  onMouseLeave,\n  applyTimezone = true,\n}: UseDatesRangeInput<Type>) {\n  const [_value, setValue] = useUncontrolledDates({\n    type,\n    value,\n    defaultValue,\n    onChange,\n    applyTimezone,\n  });\n\n  const [pickedDate, setPickedDate] = useState<Date | null>(\n    type === 'range' ? (_value[0] && !_value[1] ? _value[0] : null) : null,\n  );\n  const [hoveredDate, setHoveredDate] = useState<Date | null>(null);\n\n  const onDateChange = (date: Date) => {\n    if (type === 'range') {\n      if (pickedDate instanceof Date && !_value[1]) {\n        if (dayjs(date).isSame(pickedDate, level) && !allowSingleDateInRange) {\n          setPickedDate(null);\n          setHoveredDate(null);\n          setValue([null, null]);\n          return;\n        }\n\n        const result: [Date, Date] = [date, pickedDate];\n        result.sort((a, b) => a.getTime() - b.getTime());\n        setValue(result);\n        setHoveredDate(null);\n        setPickedDate(null);\n        return;\n      }\n\n      if (\n        _value[0] &&\n        !_value[1] &&\n        dayjs(date).isSame(_value[0], level) &&\n        !allowSingleDateInRange\n      ) {\n        setPickedDate(null);\n        setHoveredDate(null);\n        setValue([null, null]);\n        return;\n      }\n\n      setValue([date, null]);\n      setHoveredDate(null);\n      setPickedDate(date);\n      return;\n    }\n\n    if (_value && allowDeselect && dayjs(date).isSame(_value, level)) {\n      setValue(null);\n    } else {\n      setValue(date);\n    }\n  };\n\n  const isDateInRange = (date: Date) => {\n    if (pickedDate instanceof Date && hoveredDate instanceof Date) {\n      return isInRange(date, [hoveredDate, pickedDate]);\n    }\n\n    if (_value[0] instanceof Date && _value[1] instanceof Date) {\n      return isInRange(date, _value);\n    }\n\n    return false;\n  };\n\n  const onRootMouseLeave =\n    type === 'range'\n      ? (event: React.MouseEvent<HTMLDivElement>) => {\n          onMouseLeave?.(event);\n          setHoveredDate(null);\n        }\n      : onMouseLeave;\n\n  const isFirstInRange = (date: Date) => {\n    if (!(_value[0] instanceof Date)) {\n      return false;\n    }\n\n    if (dayjs(date).isSame(_value[0], level)) {\n      return !(hoveredDate && dayjs(hoveredDate).isBefore(_value[0]));\n    }\n\n    return false;\n  };\n\n  const isLastInRange = (date: Date) => {\n    if (_value[1] instanceof Date) {\n      return dayjs(date).isSame(_value[1], level);\n    }\n\n    if (!(_value[0] instanceof Date) || !hoveredDate) {\n      return false;\n    }\n\n    return dayjs(hoveredDate).isBefore(_value[0]) && dayjs(date).isSame(_value[0], level);\n  };\n\n  const getControlProps = (date: Date) => {\n    if (type === 'range') {\n      return {\n        selected: _value.some(\n          (selection: Date) => selection && dayjs(selection).isSame(date, level),\n        ),\n        inRange: isDateInRange(date),\n        firstInRange: isFirstInRange(date),\n        lastInRange: isLastInRange(date),\n        'data-autofocus': (!!_value[0] && dayjs(_value[0]).isSame(date, level)) || undefined,\n        'data-celltype': level,\n        'data-date': `${date.getMonth()}-${date.getDate()}`,\n      };\n    }\n\n    const selected = dayjs(_value).isSame(date, level);\n    return {\n      selected,\n      'data-autofocus': selected || undefined,\n      'data-celltype': level,\n      'data-date': `${date.getMonth()}-${date.getDate()}`,\n    };\n  };\n\n  const onHoveredDateChange = type === 'range' && pickedDate ? setHoveredDate : () => {};\n\n  useEffect(() => {\n    if (type === 'range' && !_value[0] && !_value[1]) {\n      setPickedDate(null);\n    }\n  }, [value]);\n\n  return {\n    onDateChange,\n    onRootMouseLeave,\n    onHoveredDateChange,\n    getControlProps,\n    setPickedDate,\n    pickedDate,\n    controlledValue: _value,\n    setControlledValue: setValue,\n  } as const;\n}\n"],"names":["isInRange","date","range","_range","_toConsumableArray","sort","a","b","getTime","dayjs","startOf","subtract","isBefore","endOf","add","isAfter","useDatesState","_ref","type","level","value","defaultValue","onChange","allowSingleDateInRange","allowDeselect","onMouseLeave","_ref$applyTimezone","applyTimezone","_useUncontrolledDates","useUncontrolledDates","_useUncontrolledDates2","_slicedToArray","_value","setValue","_useState","useState","_useState2","pickedDate","setPickedDate","_useState3","_useState4","hoveredDate","setHoveredDate","onDateChange","Date","isSame","result","isDateInRange","onRootMouseLeave","event","isFirstInRange","isLastInRange","getControlProps","selected","some","selection","inRange","firstInRange","lastInRange","undefined","concat","getMonth","getDate","onHoveredDateChange","useEffect","controlledValue","setControlledValue"],"mappings":"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"}

package/build/lib/web/production/components/DatePicker/usePopup.js

@@ -0,0 +1,90 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useFloating, shift, flip, offset, autoUpdate, useTransitionStyles, useClick, useDismiss, useRole, useInteractions } from '@floating-ui/react';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { getFloatingPlacementParts } from '../../utils/getFloatingPlacementParts.js';
+import { spacing } from '../../tokens/global/spacing.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { size } from '../../tokens/global/size.js';
+
+var usePopup = function usePopup(_ref) {
+  var _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    placement = _ref.placement,
+    open = _ref.open,
+    _onOpenChange = _ref.onOpenChange,
+    referenceRef = _ref.referenceRef;
+  var GAP = spacing[4];
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _getFloatingPlacement = getFloatingPlacementParts(placement),
+    _getFloatingPlacement2 = _slicedToArray(_getFloatingPlacement, 1),
+    side = _getFloatingPlacement2[0];
+  var isOppositeAxis = side === 'right' || side === 'bottom';
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: function onOpenChange(isOpen, event, reason) {
+        _onOpenChange === null || _onOpenChange === void 0 ? void 0 : _onOpenChange(isOpen, event, reason);
+        if (reason === 'escape-key') {
+          var _referenceRef$current;
+          (_referenceRef$current = referenceRef.current) === null || _referenceRef$current === void 0 ? void 0 : _referenceRef$current.focus();
+        }
+      },
+      placement: placement,
+      strategy: 'fixed',
+      elements: {
+        reference: referenceRef.current
+      },
+      middleware: [shift({
+        crossAxis: false,
+        padding: GAP
+      }), flip({
+        padding: GAP,
+        fallbackAxisSideDirection: 'end'
+      }), offset(GAP)],
+      whileElementsMounted: autoUpdate
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles,
+    context = _useFloating.context,
+    computedPlacement = _useFloating.placement;
+
+  // we need to animate from the offset of the computed placement
+  // because placement can change dynamically based on available space
+  var _getFloatingPlacement3 = getFloatingPlacementParts(computedPlacement),
+    _getFloatingPlacement4 = _slicedToArray(_getFloatingPlacement3, 1),
+    computedSide = _getFloatingPlacement4[0];
+  var computedIsHorizontal = computedSide === 'left' || computedSide === 'right';
+  var animationOffset = isOppositeAxis ? -size[4] : size[4];
+  var _useTransitionStyles = useTransitionStyles(context, {
+      duration: theme.motion.duration.quick,
+      initial: {
+        opacity: 0,
+        transform: "translate".concat(computedIsHorizontal ? 'X' : 'Y', "(").concat(animationOffset, "px)")
+      }
+    }),
+    isMounted = _useTransitionStyles.isMounted,
+    animationStyles = _useTransitionStyles.styles;
+
+  // remove click handler if popover is controlled
+  var click = useClick(context);
+  var dismiss = useDismiss(context, {
+    enabled: enabled
+  });
+  var role = useRole(context);
+  var _useInteractions = useInteractions([click, dismiss, role]),
+    getReferenceProps = _useInteractions.getReferenceProps,
+    getFloatingProps = _useInteractions.getFloatingProps;
+  return {
+    refs: refs,
+    context: context,
+    isMounted: isMounted,
+    floatingStyles: floatingStyles,
+    animationStyles: animationStyles,
+    getReferenceProps: getReferenceProps,
+    getFloatingProps: getFloatingProps
+  };
+};
+
+export { usePopup };
+//# sourceMappingURL=usePopup.js.map

package/build/lib/web/production/components/DatePicker/usePopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopup.js","sources":["../../../../../../src/components/DatePicker/usePopup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport type { UseFloatingOptions } from '@floating-ui/react';\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { size, spacing } from '~tokens/global';\nimport { useTheme } from '~utils';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\n\ntype UsePopupProps = {\n  enabled?: boolean;\n  open?: boolean;\n  placement: UseFloatingOptions['placement'];\n  onOpenChange?: UseFloatingOptions['onOpenChange'];\n  referenceRef: React.RefObject<HTMLButtonElement>;\n};\n\nconst usePopup = ({\n  enabled = true,\n  placement,\n  open,\n  onOpenChange,\n  referenceRef,\n}: UsePopupProps) => {\n  const GAP = spacing[4];\n  const { theme } = useTheme();\n  const [side] = getFloatingPlacementParts(placement!);\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n    open,\n    onOpenChange: (isOpen, event, reason) => {\n      onOpenChange?.(isOpen, event, reason);\n      if (reason === 'escape-key') {\n        referenceRef.current?.focus();\n      }\n    },\n    placement,\n    strategy: 'fixed',\n    elements: {\n      reference: referenceRef.current,\n    },\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  // we need to animate from the offset of the computed placement\n  // because placement can change dynamically based on available space\n  const [computedSide] = getFloatingPlacementParts(computedPlacement);\n  const computedIsHorizontal = computedSide === 'left' || computedSide === 'right';\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n  const { isMounted, styles: animationStyles } = useTransitionStyles(context, {\n    duration: theme.motion.duration.quick,\n    initial: {\n      opacity: 0,\n      transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  // remove click handler if popover is controlled\n  const click = useClick(context);\n  const dismiss = useDismiss(context, { enabled });\n  const role = useRole(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n\n  return {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } as const;\n};\n\nexport { usePopup };\n"],"names":["usePopup","_ref","_ref$enabled","enabled","placement","open","onOpenChange","referenceRef","GAP","spacing","_useTheme","useTheme","theme","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isOppositeAxis","_useFloating","useFloating","isOpen","event","reason","_referenceRef$current","current","focus","strategy","elements","reference","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","motion","quick","initial","opacity","transform","concat","isMounted","animationStyles","styles","click","useClick","dismiss","useDismiss","role","useRole","_useInteractions","useInteractions","getReferenceProps","getFloatingProps"],"mappings":";;;;;;;;;AA0BA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAMO;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CALnBE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;IACdE,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,aAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,YAAY,GAAAN,IAAA,CAAZM,YAAY,CAAA;AAEZ,EAAA,IAAMC,GAAG,GAAGC,OAAO,CAAC,CAAC,CAAC,CAAA;AACtB,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAAC,qBAAA,GAAeC,yBAAyB,CAACV,SAAU,CAAC;IAAAW,sBAAA,GAAAC,cAAA,CAAAH,qBAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,IAAI,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;EACX,IAAMG,cAAc,GAAGD,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,QAAQ,CAAA;EAE5D,IAAAE,YAAA,GAAwEC,WAAW,CAAC;AAClFf,MAAAA,IAAI,EAAJA,IAAI;MACJC,YAAY,EAAE,SAAAA,YAACe,CAAAA,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAK;QACvCjB,aAAY,KAAA,IAAA,IAAZA,aAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,aAAY,CAAGe,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC,CAAA;QACrC,IAAIA,MAAM,KAAK,YAAY,EAAE;AAAA,UAAA,IAAAC,qBAAA,CAAA;AAC3B,UAAA,CAAAA,qBAAA,GAAAjB,YAAY,CAACkB,OAAO,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBE,KAAK,EAAE,CAAA;AAC/B,SAAA;OACD;AACDtB,MAAAA,SAAS,EAATA,SAAS;AACTuB,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,QAAQ,EAAE;QACRC,SAAS,EAAEtB,YAAY,CAACkB,OAAAA;OACzB;MACDK,UAAU,EAAE,CACVC,KAAK,CAAC;AAAEC,QAAAA,SAAS,EAAE,KAAK;AAAEC,QAAAA,OAAO,EAAEzB,GAAAA;OAAK,CAAC,EACzC0B,IAAI,CAAC;AAAED,QAAAA,OAAO,EAAEzB,GAAG;AAAE2B,QAAAA,yBAAyB,EAAE,KAAA;AAAM,OAAC,CAAC,EACxDC,MAAM,CAAC5B,GAAG,CAAC,CACZ;AACD6B,MAAAA,oBAAoB,EAAEC,UAAAA;AACxB,KAAC,CAAC;IAnBMC,IAAI,GAAApB,YAAA,CAAJoB,IAAI;IAAEC,cAAc,GAAArB,YAAA,CAAdqB,cAAc;IAAEC,OAAO,GAAAtB,YAAA,CAAPsB,OAAO;IAAaC,iBAAiB,GAAAvB,YAAA,CAA5Bf,SAAS,CAAA;;AAqBhD;AACA;AACA,EAAA,IAAAuC,sBAAA,GAAuB7B,yBAAyB,CAAC4B,iBAAiB,CAAC;IAAAE,sBAAA,GAAA5B,cAAA,CAAA2B,sBAAA,EAAA,CAAA,CAAA;AAA5DE,IAAAA,YAAY,GAAAD,sBAAA,CAAA,CAAA,CAAA,CAAA;EACnB,IAAME,oBAAoB,GAAGD,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAO,CAAA;AAChF,EAAA,IAAME,eAAe,GAAG7B,cAAc,GAAG,CAAC8B,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAA,IAAAC,oBAAA,GAA+CC,mBAAmB,CAACT,OAAO,EAAE;AAC1EU,MAAAA,QAAQ,EAAEvC,KAAK,CAACwC,MAAM,CAACD,QAAQ,CAACE,KAAK;AACrCC,MAAAA,OAAO,EAAE;AACPC,QAAAA,OAAO,EAAE,CAAC;QACVC,SAAS,EAAA,WAAA,CAAAC,MAAA,CAAcX,oBAAoB,GAAG,GAAG,GAAG,GAAG,EAAA,GAAA,CAAA,CAAAW,MAAA,CAAIV,eAAe,EAAA,KAAA,CAAA;AAC5E,OAAA;AACF,KAAC,CAAC;IANMW,SAAS,GAAAT,oBAAA,CAATS,SAAS;IAAUC,eAAe,GAAAV,oBAAA,CAAvBW,MAAM,CAAA;;AAQzB;AACA,EAAA,IAAMC,KAAK,GAAGC,QAAQ,CAACrB,OAAO,CAAC,CAAA;AAC/B,EAAA,IAAMsB,OAAO,GAAGC,UAAU,CAACvB,OAAO,EAAE;AAAEtC,IAAAA,OAAO,EAAPA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AAChD,EAAA,IAAM8D,IAAI,GAAGC,OAAO,CAACzB,OAAO,CAAC,CAAA;EAC7B,IAAA0B,gBAAA,GAAgDC,eAAe,CAAC,CAACP,KAAK,EAAEE,OAAO,EAAEE,IAAI,CAAC,CAAC;IAA/EI,iBAAiB,GAAAF,gBAAA,CAAjBE,iBAAiB;IAAEC,gBAAgB,GAAAH,gBAAA,CAAhBG,gBAAgB,CAAA;EAE3C,OAAO;AACL/B,IAAAA,IAAI,EAAJA,IAAI;AACJE,IAAAA,OAAO,EAAPA,OAAO;AACPiB,IAAAA,SAAS,EAATA,SAAS;AACTlB,IAAAA,cAAc,EAAdA,cAAc;AACdmB,IAAAA,eAAe,EAAfA,eAAe;AACfU,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBC,IAAAA,gBAAgB,EAAhBA,gBAAAA;GACD,CAAA;AACH;;;;"}

package/build/lib/web/production/components/DatePicker/utils.js

@@ -0,0 +1,39 @@
+var dayjs_locales = ['af', 'ar', 'ar-dz', 'ar-kw', 'ar-ly', 'ar-ma', 'ar-sa', 'ar-tn', 'az', 'be', 'bg', 'bm', 'bn', 'bo', 'br', 'bs', 'ca', 'cs', 'cv', 'cy', 'da', 'de', 'de-at', 'de-ch', 'dv', 'el', 'en', 'en-au', 'en-ca', 'en-gb', 'en-ie', 'en-il', 'en-nz', 'en-SG', 'eo', 'es', 'es-do', 'es-us', 'et', 'eu', 'fa', 'fi', 'fo', 'fr', 'fr-ca', 'fr-ch', 'fy', 'ga', 'gd', 'gl', 'gom-latn', 'gu', 'he', 'hi', 'hr', 'hu', 'hy-am', 'id', 'is', 'it', 'it-ch', 'ja', 'jv', 'ka', 'kk', 'km', 'kn', 'ko', 'ku', 'ky', 'lb', 'lo', 'lt', 'lv', 'me', 'mi', 'mk', 'ml', 'mn', 'mr', 'ms', 'ms-my', 'mt', 'my', 'nb', 'ne', 'nl', 'nl-be', 'nn', 'oc-lnc', 'pa-in', 'pl', 'pt', 'pt-br', 'ro', 'ru', 'sd', 'se', 'si', 'sk', 'sl', 'sq', 'sr', 'sr-cyrl', 'ss', 'sv', 'sw', 'ta', 'te', 'tet', 'tg', 'th', 'tl-ph', 'tlh', 'tr', 'tzl', 'tzm', 'tzm-latn', 'ug-cn', 'uk', 'ur', 'uz', 'uz-latn', 'vi', 'x-pseudo', 'yo', 'zh-cn', 'zh-hk', 'zh-tw'];
+
+// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261
+function patchLocale(locale) {
+  if (['en', 'en-us'].includes(locale)) return 'en';
+  if (locale === 'zn') return 'zh-cn';
+  if (locale === 'no') return 'nb';
+  if (dayjs_locales.includes(locale)) return locale;
+  return false;
+}
+function convertIntlToDayjsLocale(lang) {
+  lang = lang.toLowerCase();
+  var locale = patchLocale(lang) || lang.includes('-') && patchLocale(lang.split('-')[0]);
+  if (!locale) return 'en';
+  return "".concat(locale);
+}
+function isScriptLoaded(src) {
+  return Boolean(document.querySelector("script[src=\"".concat(src, "\"]")));
+}
+
+/**
+ * Used to dynamically load a script
+ */
+function loadScript(src, callback) {
+  if (isScriptLoaded(src)) {
+    callback === null || callback === void 0 ? void 0 : callback();
+    return;
+  }
+  var localeScript = document.createElement('script');
+  localeScript.async = true;
+  localeScript.src = src;
+  localeScript.onload = function () {
+    return callback === null || callback === void 0 ? void 0 : callback();
+  };
+  document.head.appendChild(localeScript);
+}
+
+export { convertIntlToDayjsLocale, loadScript };
+//# sourceMappingURL=utils.js.map

package/build/lib/web/production/components/DatePicker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["const dayjs_locales = [\n  'af',\n  'ar',\n  'ar-dz',\n  'ar-kw',\n  'ar-ly',\n  'ar-ma',\n  'ar-sa',\n  'ar-tn',\n  'az',\n  'be',\n  'bg',\n  'bm',\n  'bn',\n  'bo',\n  'br',\n  'bs',\n  'ca',\n  'cs',\n  'cv',\n  'cy',\n  'da',\n  'de',\n  'de-at',\n  'de-ch',\n  'dv',\n  'el',\n  'en',\n  'en-au',\n  'en-ca',\n  'en-gb',\n  'en-ie',\n  'en-il',\n  'en-nz',\n  'en-SG',\n  'eo',\n  'es',\n  'es-do',\n  'es-us',\n  'et',\n  'eu',\n  'fa',\n  'fi',\n  'fo',\n  'fr',\n  'fr-ca',\n  'fr-ch',\n  'fy',\n  'ga',\n  'gd',\n  'gl',\n  'gom-latn',\n  'gu',\n  'he',\n  'hi',\n  'hr',\n  'hu',\n  'hy-am',\n  'id',\n  'is',\n  'it',\n  'it-ch',\n  'ja',\n  'jv',\n  'ka',\n  'kk',\n  'km',\n  'kn',\n  'ko',\n  'ku',\n  'ky',\n  'lb',\n  'lo',\n  'lt',\n  'lv',\n  'me',\n  'mi',\n  'mk',\n  'ml',\n  'mn',\n  'mr',\n  'ms',\n  'ms-my',\n  'mt',\n  'my',\n  'nb',\n  'ne',\n  'nl',\n  'nl-be',\n  'nn',\n  'oc-lnc',\n  'pa-in',\n  'pl',\n  'pt',\n  'pt-br',\n  'ro',\n  'ru',\n  'sd',\n  'se',\n  'si',\n  'sk',\n  'sl',\n  'sq',\n  'sr',\n  'sr-cyrl',\n  'ss',\n  'sv',\n  'sw',\n  'ta',\n  'te',\n  'tet',\n  'tg',\n  'th',\n  'tl-ph',\n  'tlh',\n  'tr',\n  'tzl',\n  'tzm',\n  'tzm-latn',\n  'ug-cn',\n  'uk',\n  'ur',\n  'uz',\n  'uz-latn',\n  'vi',\n  'x-pseudo',\n  'yo',\n  'zh-cn',\n  'zh-hk',\n  'zh-tw',\n];\n\n// https://github.com/iamkun/dayjs/issues/732#issuecomment-554383261\nfunction patchLocale(locale: string): string | boolean {\n  if (['en', 'en-us'].includes(locale)) return 'en';\n  if (locale === 'zn') return 'zh-cn';\n  if (locale === 'no') return 'nb';\n  if (dayjs_locales.includes(locale)) return locale;\n  return false;\n}\n\nfunction convertIntlToDayjsLocale(lang: string): string {\n  lang = lang.toLowerCase();\n  const locale = patchLocale(lang) || (lang.includes('-') && patchLocale(lang.split('-')[0]));\n  if (!locale) return 'en';\n\n  return `${locale}`;\n}\n\nfunction isScriptLoaded(src: string): boolean {\n  return Boolean(document.querySelector(`script[src=\"${src}\"]`));\n}\n\n/**\n * Used to dynamically load a script\n */\nfunction loadScript(src: string, callback?: () => void): void {\n  if (isScriptLoaded(src)) {\n    callback?.();\n    return;\n  }\n  const localeScript = document.createElement('script');\n  localeScript.async = true;\n  localeScript.src = src;\n  localeScript.onload = () => callback?.();\n  document.head.appendChild(localeScript);\n}\n\nexport { convertIntlToDayjsLocale, loadScript };\n"],"names":["dayjs_locales","patchLocale","locale","includes","convertIntlToDayjsLocale","lang","toLowerCase","split","concat","isScriptLoaded","src","Boolean","document","querySelector","loadScript","callback","localeScript","createElement","async","onload","head","appendChild"],"mappings":"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"}

package/build/lib/web/production/components/Input/PhoneNumberInput/PhoneNumberInput.web.js

@@ -20,7 +20,7 @@ import { BaseInput } from '../BaseInput/BaseInput.js';
 import { MetaConstants } from '../../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["defaultCountry", "country", "onCountryChange", "label", "labelPosition", "defaultValue", "value", "name", "onChange", "necessityIndicator", "isRequired", "isDisabled", "leadingIcon", "trailingIcon", "validationState", "errorText", "helpText", "successText", "size", "onClearButtonClick", "showCountrySelector", "showDialCode", "onClick", "onBlur", "onFocus", "accessibilityLabel", "autoFocus", "testID", "keyboardReturnKeyType", "autoCompleteSuggestionType", "allowedCountries"];
+var _excluded = ["defaultCountry", "country", "onCountryChange", "label", "labelPosition", "defaultValue", "value", "name", "onChange", "necessityIndicator", "isRequired", "isDisabled", "leadingIcon", "trailingIcon", "validationState", "errorText", "helpText", "successText", "size", "onClearButtonClick", "showCountrySelector", "showDialCode", "onClick", "onBlur", "onFocus", "accessibilityLabel", "autoFocus", "testID", "keyboardReturnKeyType", "autoCompleteSuggestionType", "allowedCountries", "placeholder"];
 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 _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
@@ -61,6 +61,7 @@ var _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
     keyboardReturnKeyType = _ref$keyboardReturnKe === void 0 ? 'done' : _ref$keyboardReturnKe,
     autoCompleteSuggestionType = _ref.autoCompleteSuggestionType,
     allowedCountries = _ref.allowedCountries,
+    placeholder = _ref.placeholder,
     styledProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = React__default.useRef(null);
   var mergedRef = useMergeRefs(ref, inputRef);
@@ -167,7 +168,7 @@ var _PhoneNumberInput = function _PhoneNumberInput(_ref, ref) {
     defaultValue: defaultValue,
     value: value,
     name: name,
-    placeholder: formatPhoneNumber('1234567890', selectedCountry),
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatPhoneNumber('1234567890', selectedCountry),
     trailingIcon: trailingIcon,
     leadingIcon: leadingIcon,
     prefix: showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined,

package/build/lib/web/production/components/Input/PhoneNumberInput/PhoneNumberInput.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CountryCodeType } from '@razorpay/i18nify-js';\nimport {\n  formatPhoneNumber,\n  getDialCodeByCountryCode,\n  getFlagsForAllCountries,\n} from '@razorpay/i18nify-js';\nimport React from 'react';\nimport type { PhoneNumberInputProps } from './types';\nimport { countryNameFormatter, CountrySelector } from './CountrySelector';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { IconButton } from '~components/Button/IconButton';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { getKeyboardAndAutocompleteProps } from '~components/Input/BaseInput/utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\n\nconst _PhoneNumberInput: React.ForwardRefRenderFunction<BladeElementRef, PhoneNumberInputProps> = (\n  {\n    defaultCountry = 'IN',\n    country,\n    onCountryChange,\n    label,\n    labelPosition,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    leadingIcon,\n    trailingIcon,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    size = 'medium',\n    onClearButtonClick,\n    showCountrySelector = true,\n    showDialCode = true,\n    onClick,\n    onBlur,\n    onFocus,\n    accessibilityLabel = 'Enter phone number',\n    autoFocus,\n    testID,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    allowedCountries,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const inputWrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n  const [selectedCountry, setSelectedCountry] = useControllableState<CountryCodeType>({\n    defaultValue: defaultCountry as CountryCodeType,\n    value: country,\n    onChange: (country) => onCountryChange?.({ country }),\n  });\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  const renderTrailingInteractionElement = (): React.ReactNode => {\n    if (!shouldShowClearButton) return null;\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && inputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (inputRef.current instanceof HTMLInputElement) {\n              inputRef.current.value = '';\n              inputRef.current.focus();\n            }\n          }\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          inputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const flags = React.useMemo(() => getFlagsForAllCountries(), []);\n  const countryData = React.useMemo(() => {\n    if (allowedCountries) {\n      return allowedCountries.map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      });\n    }\n\n    return (Object.keys(flags) as CountryCodeType[])\n      .map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      })\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [allowedCountries, flags]);\n\n  const handleOnChange = ({\n    name,\n    value,\n    selectedCountry,\n  }: {\n    name?: string;\n    value?: string;\n    selectedCountry: CountryCodeType;\n  }): void => {\n    onChange?.({\n      name: name!,\n      value: value!,\n      phoneNumber: value ? formatPhoneNumber(value, selectedCountry) : undefined!,\n      dialCode: getDialCodeByCountryCode(selectedCountry),\n      country: selectedCountry,\n    });\n  };\n\n  const onItemClick = ({ name }: { name: string }): void => {\n    const selectedCountry = name as CountryCodeType;\n    setSelectedCountry(() => selectedCountry);\n    handleOnChange({\n      selectedCountry,\n      name: inputRef.current?.name,\n      value: inputRef.current?.value,\n    });\n    inputRef.current?.focus();\n  };\n\n  return (\n    <BaseInput\n      setInputWrapperRef={(node) => {\n        inputWrapperRef.current = node as HTMLInputElement;\n      }}\n      ref={mergedRef}\n      id=\"phone-number-input\"\n      componentName={MetaConstants.PhoneNumberInput}\n      label={label as string}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      placeholder={formatPhoneNumber('1234567890', selectedCountry)}\n      trailingIcon={trailingIcon}\n      leadingIcon={leadingIcon}\n      prefix={showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined}\n      trailingInteractionElement={renderTrailingInteractionElement()}\n      leadingInteractionElement={\n        showCountrySelector ? (\n          <CountrySelector\n            size={size}\n            countryData={countryData}\n            flags={flags}\n            inputWrapperRef={inputWrapperRef}\n            isDisabled={isDisabled}\n            selectedCountry={selectedCountry}\n            onItemClick={onItemClick}\n          />\n        ) : null\n      }\n      onChange={({ name, value }) => {\n        if (value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n        handleOnChange({ name, value, selectedCountry });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      isDisabled={isDisabled}\n      accessibilityLabel={accessibilityLabel}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      size={size}\n      {...getKeyboardAndAutocompleteProps({\n        type: 'number',\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize: 'none',\n      })}\n      type=\"telephone\"\n      {...styledProps}\n    />\n  );\n};\n\n/**\n * PhoneNumberInput is a component that allows users to input phone numbers.\n * It provides a country selector dropdown to select the country code.\n *\n * @example\n *\n * ```ts\n * <PhoneNumberInput />\n * ```\n */\nconst PhoneNumberInput = assignWithoutSideEffects(React.forwardRef(_PhoneNumberInput), {\n  displayName: 'PhoneNumberInput',\n});\n\nexport { PhoneNumberInput };\n"],"names":["_PhoneNumberInput","_ref","ref","_ref$defaultCountry","defaultCountry","country","onCountryChange","label","labelPosition","defaultValue","value","name","onChange","necessityIndicator","isRequired","isDisabled","leadingIcon","trailingIcon","validationState","errorText","helpText","successText","_ref$size","size","onClearButtonClick","_ref$showCountrySelec","showCountrySelector","_ref$showDialCode","showDialCode","onClick","onBlur","onFocus","_ref$accessibilityLab","accessibilityLabel","autoFocus","testID","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","allowedCountries","styledProps","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","inputWrapperRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useControllableState","useControllableState","_useControllableState2","selectedCountry","setSelectedCountry","useEffect","Boolean","renderTrailingInteractionElement","_jsx","IconButton","icon","CloseIcon","_inputRef$current","isEmpty","current","HTMLInputElement","focus","flags","useMemo","getFlagsForAllCountries","countryData","map","countryCode","code","countryNameFormatter","of","Object","keys","sort","a","b","localeCompare","handleOnChange","_ref2","phoneNumber","formatPhoneNumber","undefined","dialCode","getDialCodeByCountryCode","onItemClick","_ref3","_inputRef$current2","_inputRef$current3","_inputRef$current4","BaseInput","_objectSpread","setInputWrapperRef","node","id","componentName","MetaConstants","PhoneNumberInput","hideLabelText","placeholder","prefix","trailingInteractionElement","leadingInteractionElement","CountrySelector","_ref4","length","getKeyboardAndAutocompleteProps","type","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"PhoneNumberInput.web.js","sources":["../../../../../../../src/components/Input/PhoneNumberInput/PhoneNumberInput.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\nimport type { CountryCodeType } from '@razorpay/i18nify-js';\nimport {\n  formatPhoneNumber,\n  getDialCodeByCountryCode,\n  getFlagsForAllCountries,\n} from '@razorpay/i18nify-js';\nimport React from 'react';\nimport type { PhoneNumberInputProps } from './types';\nimport { countryNameFormatter, CountrySelector } from './CountrySelector';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { IconButton } from '~components/Button/IconButton';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { getKeyboardAndAutocompleteProps } from '~components/Input/BaseInput/utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type { BladeElementRef } from '~utils/types';\nimport { CloseIcon } from '~components/Icons';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\n\nconst _PhoneNumberInput: React.ForwardRefRenderFunction<BladeElementRef, PhoneNumberInputProps> = (\n  {\n    defaultCountry = 'IN',\n    country,\n    onCountryChange,\n    label,\n    labelPosition,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    leadingIcon,\n    trailingIcon,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    size = 'medium',\n    onClearButtonClick,\n    showCountrySelector = true,\n    showDialCode = true,\n    onClick,\n    onBlur,\n    onFocus,\n    accessibilityLabel = 'Enter phone number',\n    autoFocus,\n    testID,\n    keyboardReturnKeyType = 'done',\n    autoCompleteSuggestionType,\n    allowedCountries,\n    placeholder,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const inputRef = React.useRef<HTMLInputElement | null>(null);\n  const mergedRef = useMergeRefs(ref, inputRef);\n\n  const inputWrapperRef = React.useRef<HTMLDivElement | null>(null);\n  const [shouldShowClearButton, setShouldShowClearButton] = React.useState(false);\n  const [selectedCountry, setSelectedCountry] = useControllableState<CountryCodeType>({\n    defaultValue: defaultCountry as CountryCodeType,\n    value: country,\n    onChange: (country) => onCountryChange?.({ country }),\n  });\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(defaultValue ?? value));\n  }, [defaultValue, value]);\n\n  const renderTrailingInteractionElement = (): React.ReactNode => {\n    if (!shouldShowClearButton) return null;\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(value) && inputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (inputRef.current instanceof HTMLInputElement) {\n              inputRef.current.value = '';\n              inputRef.current.focus();\n            }\n          }\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          inputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n\n  const flags = React.useMemo(() => getFlagsForAllCountries(), []);\n  const countryData = React.useMemo(() => {\n    if (allowedCountries) {\n      return allowedCountries.map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      });\n    }\n\n    return (Object.keys(flags) as CountryCodeType[])\n      .map((countryCode) => {\n        return {\n          code: countryCode,\n          name: countryNameFormatter.of(countryCode)!,\n        };\n      })\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [allowedCountries, flags]);\n\n  const handleOnChange = ({\n    name,\n    value,\n    selectedCountry,\n  }: {\n    name?: string;\n    value?: string;\n    selectedCountry: CountryCodeType;\n  }): void => {\n    onChange?.({\n      name: name!,\n      value: value!,\n      phoneNumber: value ? formatPhoneNumber(value, selectedCountry) : undefined!,\n      dialCode: getDialCodeByCountryCode(selectedCountry),\n      country: selectedCountry,\n    });\n  };\n\n  const onItemClick = ({ name }: { name: string }): void => {\n    const selectedCountry = name as CountryCodeType;\n    setSelectedCountry(() => selectedCountry);\n    handleOnChange({\n      selectedCountry,\n      name: inputRef.current?.name,\n      value: inputRef.current?.value,\n    });\n    inputRef.current?.focus();\n  };\n\n  return (\n    <BaseInput\n      setInputWrapperRef={(node) => {\n        inputWrapperRef.current = node as HTMLInputElement;\n      }}\n      ref={mergedRef}\n      id=\"phone-number-input\"\n      componentName={MetaConstants.PhoneNumberInput}\n      label={label as string}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      defaultValue={defaultValue}\n      value={value}\n      name={name}\n      placeholder={placeholder ?? formatPhoneNumber('1234567890', selectedCountry)}\n      trailingIcon={trailingIcon}\n      leadingIcon={leadingIcon}\n      prefix={showDialCode ? getDialCodeByCountryCode(selectedCountry) : undefined}\n      trailingInteractionElement={renderTrailingInteractionElement()}\n      leadingInteractionElement={\n        showCountrySelector ? (\n          <CountrySelector\n            size={size}\n            countryData={countryData}\n            flags={flags}\n            inputWrapperRef={inputWrapperRef}\n            isDisabled={isDisabled}\n            selectedCountry={selectedCountry}\n            onItemClick={onItemClick}\n          />\n        ) : null\n      }\n      onChange={({ name, value }) => {\n        if (value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n        handleOnChange({ name, value, selectedCountry });\n      }}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      isDisabled={isDisabled}\n      accessibilityLabel={accessibilityLabel}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      size={size}\n      {...getKeyboardAndAutocompleteProps({\n        type: 'number',\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize: 'none',\n      })}\n      type=\"telephone\"\n      {...styledProps}\n    />\n  );\n};\n\n/**\n * PhoneNumberInput is a component that allows users to input phone numbers.\n * It provides a country selector dropdown to select the country code.\n *\n * @example\n *\n * ```ts\n * <PhoneNumberInput />\n * ```\n */\nconst PhoneNumberInput = assignWithoutSideEffects(React.forwardRef(_PhoneNumberInput), {\n  displayName: 'PhoneNumberInput',\n});\n\nexport { PhoneNumberInput };\n"],"names":["_PhoneNumberInput","_ref","ref","_ref$defaultCountry","defaultCountry","country","onCountryChange","label","labelPosition","defaultValue","value","name","onChange","necessityIndicator","isRequired","isDisabled","leadingIcon","trailingIcon","validationState","errorText","helpText","successText","_ref$size","size","onClearButtonClick","_ref$showCountrySelec","showCountrySelector","_ref$showDialCode","showDialCode","onClick","onBlur","onFocus","_ref$accessibilityLab","accessibilityLabel","autoFocus","testID","_ref$keyboardReturnKe","keyboardReturnKeyType","autoCompleteSuggestionType","allowedCountries","placeholder","styledProps","_objectWithoutProperties","_excluded","inputRef","React","useRef","mergedRef","useMergeRefs","inputWrapperRef","_React$useState","useState","_React$useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useControllableState","useControllableState","_useControllableState2","selectedCountry","setSelectedCountry","useEffect","Boolean","renderTrailingInteractionElement","_jsx","IconButton","icon","CloseIcon","_inputRef$current","isEmpty","current","HTMLInputElement","focus","flags","useMemo","getFlagsForAllCountries","countryData","map","countryCode","code","countryNameFormatter","of","Object","keys","sort","a","b","localeCompare","handleOnChange","_ref2","phoneNumber","formatPhoneNumber","undefined","dialCode","getDialCodeByCountryCode","onItemClick","_ref3","_inputRef$current2","_inputRef$current3","_inputRef$current4","BaseInput","_objectSpread","setInputWrapperRef","node","id","componentName","MetaConstants","PhoneNumberInput","hideLabelText","prefix","trailingInteractionElement","leadingInteractionElement","CountrySelector","_ref4","length","getKeyboardAndAutocompleteProps","type","autoCapitalize","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/production/components/index.js

@@ -19,6 +19,7 @@ import './Collapsible/index.js';
 import './Counter/index.js';
 import './Divider/index.js';
 import './Drawer/index.js';
+import './DatePicker/index.js';
 import './Dropdown/index.js';
 import './FileUpload/index.js';
 import './Icons/index.js';
@@ -92,6 +93,7 @@ export { Counter } from './Counter/Counter.js';
 export { Divider } from './Divider/Divider.js';
 export { Drawer } from './Drawer/Drawer.web.js';
 export { DrawerBody, DrawerHeader } from './Drawer/DrawerSubcomponents.web.js';
+export { DatePicker } from './DatePicker/DatePicker.web.js';
 export { Dropdown } from './Dropdown/Dropdown.js';
 export { DropdownOverlay } from './Dropdown/DropdownOverlay.web.js';
 export { DropdownButton } from './Dropdown/DropdownButton.js';

package/build/lib/web/production/components/index.js.map

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

package/build/lib/web/production/tokens/global/size.js

@@ -24,6 +24,8 @@ var size = {
   10: 10,
   /** 12 px */
   12: 12,
+  /** 15 px */
+  15: 15,
   /** 16 px */
   16: 16,
   /** 18 px */

package/build/lib/web/production/tokens/global/size.js.map

@@ -1 +1 @@
-{"version":3,"file":"size.js","sources":["../../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}
+{"version":3,"file":"size.js","sources":["../../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n  /** 0 px */\n  0: 0,\n  /** 1 px */\n  1: 1,\n  /** 2 px */\n  2: 2,\n  /** 3 px */\n  3: 3,\n  /** 4 px */\n  4: 4,\n  /** 5 px */\n  5: 5,\n  /** 6 px */\n  6: 6,\n  /** 7 px */\n  7: 7,\n  /** 8 px */\n  8: 8,\n  /** 10 px */\n  10: 10,\n  /** 12 px */\n  12: 12,\n  /** 15 px */\n  15: 15,\n  /** 16 px */\n  16: 16,\n  /** 18 px */\n  18: 18,\n  /** 20 px */\n  20: 20,\n  /** 24 px */\n  24: 24,\n  /** 28 px */\n  28: 28,\n  /** 32 px */\n  30: 30,\n  /** 32 px */\n  32: 32,\n  /** 33 px */\n  33: 33,\n  /** 36 px */\n  36: 36,\n  /** 40 px */\n  40: 40,\n  /** 44 px */\n  44: 44,\n  /** 48 px */\n  48: 48,\n  /** 56 px */\n  56: 56,\n  /** 60 px */\n  60: 60,\n  /** 64 px */\n  64: 64,\n  /** 72 px */\n  72: 72,\n  /** 100 px */\n  100: 100,\n  /** 120 px */\n  120: 120,\n  /** 140 px */\n  140: 140,\n  /** 160 px */\n  160: 160,\n  /** 176 px */\n  176: 176,\n  /** 200 px */\n  200: 200,\n  /** 240 px */\n  240: 240,\n  /** 300 px */\n  300: 300,\n  /** 314 px */\n  314: 314,\n  /** 360 px */\n  360: 360,\n  /** 400 px */\n  400: 400,\n  /** 584 px */\n  584: 584,\n  /** 640 px */\n  640: 640,\n  /** 760 px */\n  760: 760,\n  /** 800 px */\n  800: 800,\n  /** 1024 px */\n  1024: 1024,\n  /** 1136 px */\n  1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}