@razorpay/blade 12.97.0 → 12.97.1

package/build/lib/web/development/components/TimePicker/BaseTimePicker.web.js

@@ -16,6 +16,7 @@ import { usePopup } from '../DatePicker/usePopup.js';
 import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../tokens/global/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { size } from '../../tokens/global/size.js';
@@ -30,7 +31,7 @@ import { BottomSheetHeader } from '../BottomSheet/BottomSheetHeader.web.js';
 import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["value", "defaultValue", "onChange", "onApply", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "placeholder", "showFooterActions", "timeFormat", "minuteStep", "labelSuffix", "labelTrailing", "testID"];
+var _excluded = ["value", "defaultValue", "onChange", "onApply", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "placeholder", "showFooterActions", "timeFormat", "minuteStep", "labelSuffix", "labelTrailing", "testID", "zIndex"];
 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 _BaseTimePicker = function _BaseTimePicker(_ref) {
@@ -66,6 +67,8 @@ var _BaseTimePicker = function _BaseTimePicker(_ref) {
     labelSuffix = _ref.labelSuffix,
     labelTrailing = _ref.labelTrailing,
     testID = _ref.testID,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? componentZIndices.popover : _ref$zIndex,
     props = _objectWithoutProperties(_ref, _excluded);
   var referenceRef = useRef(null);
   var isMobile = useIsMobile();
@@ -222,11 +225,13 @@ var _BaseTimePicker = function _BaseTimePicker(_ref) {
       children: /*#__PURE__*/jsx(FloatingFocusManager, {
         initialFocus: -1,
         context: context,
-        guards: false,
+        guards: true,
         order: ['reference', 'content'],
+        returnFocus: true,
         children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
           ref: refs.setFloating,
-          style: floatingStyles
+          style: floatingStyles,
+          zIndex: zIndex
         }, getFloatingProps()), makeAccessible({
           labelledBy: titleId
         })), {}, {

package/build/lib/web/development/components/TimePicker/BaseTimePicker.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTimePicker.web.js","sources":["../../../../../../src/components/TimePicker/BaseTimePicker.web.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport type { TimePickerProps } from './types';\nimport { TimeInput } from './TimeInput.web';\nimport { useTimePickerState } from './useTimePickerState';\nimport { TimePickerContent } from './TimePickerContent';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme, getPopupBoxShadowString } from '~utils';\nimport { usePopup } from '~components/DatePicker/usePopup';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst _BaseTimePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size = 'medium',\n  autoFocus,\n  necessityIndicator,\n  name,\n  placeholder,\n  showFooterActions = true,\n  timeFormat = '12h',\n  minuteStep = 1,\n  labelSuffix,\n  labelTrailing,\n  testID,\n  ...props\n}: TimePickerProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const referenceRef = useRef<HTMLElement>(null);\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const titleId = useId('timepicker-title');\n  const { colorScheme } = useTheme();\n\n  const {\n    timeValue,\n    setTimeValue,\n    internalTimeValue,\n    setInternalTimeValue,\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n    isOpen: isDropdownOpen,\n    setIsOpen: setIsDropdownOpen,\n    onApply: handleApply,\n    onCancel: handleCancel,\n    createCompleteTime,\n  } = useTimePickerState({\n    value,\n    defaultValue,\n    onChange,\n    isOpen,\n    defaultIsOpen,\n    onOpenChange,\n    timeFormat,\n    showFooterActions,\n    onApply,\n  });\n\n  const {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: isDropdownOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      if (isDisabled) return;\n      setIsDropdownOpen(isOpen);\n      if (reason === 'escape-key') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n    // crossAxisOffset calculation for left label positioning:\n    // Medium: 120px (label width) + 12px (padding) = 132px\n    // Large: 176px (label width) + 16px (padding) = 192px\n    crossAxisOffset:\n      labelPosition === 'left' ? (size === 'large' ? sizeTokens[192] : sizeTokens[132]) : 0,\n  });\n\n  // Fix for React Aria contentEditable focus issue with Floating UI\n  // React Aria's contentEditable segments don't properly trigger Floating UI's dismiss\n  // See: https://github.com/adobe/react-spectrum/issues/3164\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent): void => {\n      const target = e.target as Node;\n      const isClickOnInput = referenceRef.current?.contains(target);\n      const isClickOnDropdown = refs.floating.current?.contains(target);\n\n      // On mobile, also check if click is inside TimePicker content (BottomSheet)\n      const isClickOnTimePickerContent = (target as Element).closest?.('.timepicker-content');\n\n      // Only close dropdown if click is outside input, dropdown, and TimePicker content\n      // This ensures clicking different segments within the input keeps dropdown open\n      if (isDropdownOpen && !isClickOnInput && !isClickOnDropdown) {\n        if (isClickOnTimePickerContent && showFooterActions) {\n          // Inside TimePicker with footer actions - don't close\n          return;\n        }\n        handleApply();\n      }\n    };\n\n    if (isDropdownOpen) {\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n    return undefined;\n  }, [isDropdownOpen, showFooterActions, handleCancel, handleApply]);\n\n  // Mobile: Blur input when bottom sheet opens\n  React.useEffect(() => {\n    if (isMobile && isDropdownOpen) {\n      // Find the currently focused time segment and blur it\n\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement && 'blur' in activeElement && typeof activeElement.blur === 'function') {\n        setTimeout(() => {\n          activeElement.blur();\n        }, 0);\n      }\n    }\n  }, [isMobile, isDropdownOpen]);\n\n  const content = (\n    <TimePickerContent\n      selectedTime={timeValue}\n      setSelectedTime={setTimeValue}\n      selectedHour={selectedHour}\n      selectedMinute={selectedMinute}\n      selectedPeriod={selectedPeriod}\n      timeFormat={timeFormat}\n      minuteStep={minuteStep}\n      showFooterActions={showFooterActions}\n      onApply={handleApply}\n      onCancel={handleCancel}\n    />\n  );\n\n  return (\n    <BaseBox\n      width=\"100%\"\n      {...getStyledProps(props)}\n      {...metaAttribute({ name: MetaConstants.TimePicker })}\n    >\n      <TimeInput\n        ref={referenceRef}\n        inputRef={refs.setReference}\n        referenceProps={getReferenceProps()}\n        timeValue={timeValue}\n        internalTimeValue={internalTimeValue}\n        onChange={setTimeValue}\n        onTimeValueChange={(timeValue) => {\n          if (timeValue) {\n            setInternalTimeValue(timeValue);\n          }\n        }}\n        createCompleteTime={createCompleteTime}\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        placeholder={placeholder}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        timeFormat={timeFormat}\n        isDropdownOpen={isDropdownOpen}\n        setIsDropdownOpen={setIsDropdownOpen}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel}\n        {...props}\n      />\n\n      {!isMobile && isMounted && (\n        <FloatingPortal>\n          <FloatingFocusManager\n            initialFocus={-1}\n            context={context}\n            guards={false}\n            order={['reference', 'content']}\n          >\n            <BaseBox\n              ref={refs.setFloating}\n              style={floatingStyles}\n              {...getFloatingProps()}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <BaseBox\n                borderRadius=\"medium\"\n                overflow=\"hidden\"\n                border=\"none\"\n                style={{\n                  ...animationStyles,\n                  background: theme.colors.popup.background.gray.moderate,\n                  boxShadow: getPopupBoxShadowString(theme, colorScheme),\n                  backdropFilter: `blur(${theme.backdropBlur.high}px)`,\n                }}\n              >\n                {content}\n              </BaseBox>\n            </BaseBox>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n\n      {/* Mobile Bottom Sheet */}\n      {isMobile && !isDisabled && (\n        <BottomSheet snapPoints={[0.6, 0.6, 1]} isOpen={isDropdownOpen} onDismiss={handleCancel}>\n          <BottomSheetHeader title=\"Select Time\" />\n          <BottomSheetBody>{content}</BottomSheetBody>\n        </BottomSheet>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseTimePicker = assignWithoutSideEffects(_BaseTimePicker, {\n  displayName: 'BaseTimePicker',\n  componentId: 'BaseTimePicker',\n});\n\nexport { BaseTimePicker };\n"],"names":["_BaseTimePicker","_ref","value","defaultValue","onChange","onApply","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","_ref$size","size","autoFocus","necessityIndicator","name","placeholder","_ref$showFooterAction","showFooterActions","_ref$timeFormat","timeFormat","_ref$minuteStep","minuteStep","labelSuffix","labelTrailing","testID","props","_objectWithoutProperties","_excluded","referenceRef","useRef","isMobile","useIsMobile","_useTheme","useTheme","theme","titleId","useId","_useTheme2","colorScheme","_useTimePickerState","useTimePickerState","timeValue","setTimeValue","internalTimeValue","setInternalTimeValue","selectedHour","selectedMinute","selectedPeriod","isDropdownOpen","setIsDropdownOpen","setIsOpen","handleApply","handleCancel","onCancel","createCompleteTime","_usePopup","usePopup","enabled","placement","open","_","reason","crossAxisOffset","sizeTokens","refs","context","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","React","useEffect","handleClick","e","_referenceRef$current","_refs$floating$curren","_closest","_ref2","target","isClickOnInput","current","contains","isClickOnDropdown","floating","isClickOnTimePickerContent","closest","call","document","addEventListener","removeEventListener","undefined","activeElement","blur","setTimeout","content","_jsx","TimePickerContent","selectedTime","setSelectedTime","_jsxs","BaseBox","_objectSpread","width","getStyledProps","metaAttribute","MetaConstants","TimePicker","children","TimeInput","ref","inputRef","setReference","referenceProps","onTimeValueChange","FloatingPortal","FloatingFocusManager","initialFocus","guards","order","setFloating","style","makeAccessible","labelledBy","borderRadius","overflow","border","background","colors","popup","gray","moderate","boxShadow","getPopupBoxShadowString","backdropFilter","concat","backdropBlur","high","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BaseTimePicker","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}
+{"version":3,"file":"BaseTimePicker.web.js","sources":["../../../../../../src/components/TimePicker/BaseTimePicker.web.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport type { TimePickerProps } from './types';\nimport { TimeInput } from './TimeInput.web';\nimport { useTimePickerState } from './useTimePickerState';\nimport { TimePickerContent } from './TimePickerContent';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme, getPopupBoxShadowString } from '~utils';\nimport { usePopup } from '~components/DatePicker/usePopup';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeTokens } from '~tokens/global';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst _BaseTimePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size = 'medium',\n  autoFocus,\n  necessityIndicator,\n  name,\n  placeholder,\n  showFooterActions = true,\n  timeFormat = '12h',\n  minuteStep = 1,\n  labelSuffix,\n  labelTrailing,\n  testID,\n  zIndex = componentZIndices.popover,\n  ...props\n}: TimePickerProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const referenceRef = useRef<HTMLElement>(null);\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const titleId = useId('timepicker-title');\n  const { colorScheme } = useTheme();\n\n  const {\n    timeValue,\n    setTimeValue,\n    internalTimeValue,\n    setInternalTimeValue,\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n    isOpen: isDropdownOpen,\n    setIsOpen: setIsDropdownOpen,\n    onApply: handleApply,\n    onCancel: handleCancel,\n    createCompleteTime,\n  } = useTimePickerState({\n    value,\n    defaultValue,\n    onChange,\n    isOpen,\n    defaultIsOpen,\n    onOpenChange,\n    timeFormat,\n    showFooterActions,\n    onApply,\n  });\n\n  const {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: isDropdownOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      if (isDisabled) return;\n      setIsDropdownOpen(isOpen);\n      if (reason === 'escape-key') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n    // crossAxisOffset calculation for left label positioning:\n    // Medium: 120px (label width) + 12px (padding) = 132px\n    // Large: 176px (label width) + 16px (padding) = 192px\n    crossAxisOffset:\n      labelPosition === 'left' ? (size === 'large' ? sizeTokens[192] : sizeTokens[132]) : 0,\n  });\n\n  // Fix for React Aria contentEditable focus issue with Floating UI\n  // React Aria's contentEditable segments don't properly trigger Floating UI's dismiss\n  // See: https://github.com/adobe/react-spectrum/issues/3164\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent): void => {\n      const target = e.target as Node;\n      const isClickOnInput = referenceRef.current?.contains(target);\n      const isClickOnDropdown = refs.floating.current?.contains(target);\n\n      // On mobile, also check if click is inside TimePicker content (BottomSheet)\n      const isClickOnTimePickerContent = (target as Element).closest?.('.timepicker-content');\n\n      // Only close dropdown if click is outside input, dropdown, and TimePicker content\n      // This ensures clicking different segments within the input keeps dropdown open\n      if (isDropdownOpen && !isClickOnInput && !isClickOnDropdown) {\n        if (isClickOnTimePickerContent && showFooterActions) {\n          // Inside TimePicker with footer actions - don't close\n          return;\n        }\n        handleApply();\n      }\n    };\n\n    if (isDropdownOpen) {\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n    return undefined;\n  }, [isDropdownOpen, showFooterActions, handleCancel, handleApply]);\n\n  // Mobile: Blur input when bottom sheet opens\n  React.useEffect(() => {\n    if (isMobile && isDropdownOpen) {\n      // Find the currently focused time segment and blur it\n\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement && 'blur' in activeElement && typeof activeElement.blur === 'function') {\n        setTimeout(() => {\n          activeElement.blur();\n        }, 0);\n      }\n    }\n  }, [isMobile, isDropdownOpen]);\n\n  const content = (\n    <TimePickerContent\n      selectedTime={timeValue}\n      setSelectedTime={setTimeValue}\n      selectedHour={selectedHour}\n      selectedMinute={selectedMinute}\n      selectedPeriod={selectedPeriod}\n      timeFormat={timeFormat}\n      minuteStep={minuteStep}\n      showFooterActions={showFooterActions}\n      onApply={handleApply}\n      onCancel={handleCancel}\n    />\n  );\n\n  return (\n    <BaseBox\n      width=\"100%\"\n      {...getStyledProps(props)}\n      {...metaAttribute({ name: MetaConstants.TimePicker })}\n    >\n      <TimeInput\n        ref={referenceRef}\n        inputRef={refs.setReference}\n        referenceProps={getReferenceProps()}\n        timeValue={timeValue}\n        internalTimeValue={internalTimeValue}\n        onChange={setTimeValue}\n        onTimeValueChange={(timeValue) => {\n          if (timeValue) {\n            setInternalTimeValue(timeValue);\n          }\n        }}\n        createCompleteTime={createCompleteTime}\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        placeholder={placeholder}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        timeFormat={timeFormat}\n        isDropdownOpen={isDropdownOpen}\n        setIsDropdownOpen={setIsDropdownOpen}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel}\n        {...props}\n      />\n\n      {!isMobile && isMounted && (\n        <FloatingPortal>\n          <FloatingFocusManager\n            initialFocus={-1}\n            context={context}\n            guards={true}\n            order={['reference', 'content']}\n            returnFocus\n          >\n            <BaseBox\n              ref={refs.setFloating}\n              style={floatingStyles}\n              zIndex={zIndex}\n              {...getFloatingProps()}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <BaseBox\n                borderRadius=\"medium\"\n                overflow=\"hidden\"\n                border=\"none\"\n                style={{\n                  ...animationStyles,\n                  background: theme.colors.popup.background.gray.moderate,\n                  boxShadow: getPopupBoxShadowString(theme, colorScheme),\n                  backdropFilter: `blur(${theme.backdropBlur.high}px)`,\n                }}\n              >\n                {content}\n              </BaseBox>\n            </BaseBox>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n\n      {/* Mobile Bottom Sheet */}\n      {isMobile && !isDisabled && (\n        <BottomSheet snapPoints={[0.6, 0.6, 1]} isOpen={isDropdownOpen} onDismiss={handleCancel}>\n          <BottomSheetHeader title=\"Select Time\" />\n          <BottomSheetBody>{content}</BottomSheetBody>\n        </BottomSheet>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseTimePicker = assignWithoutSideEffects(_BaseTimePicker, {\n  displayName: 'BaseTimePicker',\n  componentId: 'BaseTimePicker',\n});\n\nexport { BaseTimePicker };\n"],"names":["_BaseTimePicker","_ref","value","defaultValue","onChange","onApply","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","_ref$size","size","autoFocus","necessityIndicator","name","placeholder","_ref$showFooterAction","showFooterActions","_ref$timeFormat","timeFormat","_ref$minuteStep","minuteStep","labelSuffix","labelTrailing","testID","_ref$zIndex","zIndex","componentZIndices","popover","props","_objectWithoutProperties","_excluded","referenceRef","useRef","isMobile","useIsMobile","_useTheme","useTheme","theme","titleId","useId","_useTheme2","colorScheme","_useTimePickerState","useTimePickerState","timeValue","setTimeValue","internalTimeValue","setInternalTimeValue","selectedHour","selectedMinute","selectedPeriod","isDropdownOpen","setIsDropdownOpen","setIsOpen","handleApply","handleCancel","onCancel","createCompleteTime","_usePopup","usePopup","enabled","placement","open","_","reason","crossAxisOffset","sizeTokens","refs","context","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","React","useEffect","handleClick","e","_referenceRef$current","_refs$floating$curren","_closest","_ref2","target","isClickOnInput","current","contains","isClickOnDropdown","floating","isClickOnTimePickerContent","closest","call","document","addEventListener","removeEventListener","undefined","activeElement","blur","setTimeout","content","_jsx","TimePickerContent","selectedTime","setSelectedTime","_jsxs","BaseBox","_objectSpread","width","getStyledProps","metaAttribute","MetaConstants","TimePicker","children","TimeInput","ref","inputRef","setReference","referenceProps","onTimeValueChange","FloatingPortal","FloatingFocusManager","initialFocus","guards","order","returnFocus","setFloating","style","makeAccessible","labelledBy","borderRadius","overflow","border","background","colors","popup","gray","moderate","boxShadow","getPopupBoxShadowString","backdropFilter","concat","backdropBlur","high","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BaseTimePicker","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/_virtual/cloneDeep.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep.js.map

package/build/lib/web/production/_virtual/cloneDeep3.js

@@ -1,2 +1,2 @@
-import '../node_modules/es-toolkit/dist/compat/object/cloneDeep.js';
+import '../node_modules/es-toolkit/dist/object/cloneDeep.js';
 //# sourceMappingURL=cloneDeep3.js.map

package/build/lib/web/production/components/TimePicker/BaseTimePicker.web.js

@@ -16,6 +16,7 @@ import { usePopup } from '../DatePicker/usePopup.js';
 import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../tokens/global/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { size } from '../../tokens/global/size.js';
@@ -30,7 +31,7 @@ import { BottomSheetHeader } from '../BottomSheet/BottomSheetHeader.web.js';
 import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded = ["value", "defaultValue", "onChange", "onApply", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "placeholder", "showFooterActions", "timeFormat", "minuteStep", "labelSuffix", "labelTrailing", "testID"];
+var _excluded = ["value", "defaultValue", "onChange", "onApply", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "placeholder", "showFooterActions", "timeFormat", "minuteStep", "labelSuffix", "labelTrailing", "testID", "zIndex"];
 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 _BaseTimePicker = function _BaseTimePicker(_ref) {
@@ -66,6 +67,8 @@ var _BaseTimePicker = function _BaseTimePicker(_ref) {
     labelSuffix = _ref.labelSuffix,
     labelTrailing = _ref.labelTrailing,
     testID = _ref.testID,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? componentZIndices.popover : _ref$zIndex,
     props = _objectWithoutProperties(_ref, _excluded);
   var referenceRef = useRef(null);
   var isMobile = useIsMobile();
@@ -222,11 +225,13 @@ var _BaseTimePicker = function _BaseTimePicker(_ref) {
       children: /*#__PURE__*/jsx(FloatingFocusManager, {
         initialFocus: -1,
         context: context,
-        guards: false,
+        guards: true,
         order: ['reference', 'content'],
+        returnFocus: true,
         children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
           ref: refs.setFloating,
-          style: floatingStyles
+          style: floatingStyles,
+          zIndex: zIndex
         }, getFloatingProps()), makeAccessible({
           labelledBy: titleId
         })), {}, {

package/build/lib/web/production/components/TimePicker/BaseTimePicker.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTimePicker.web.js","sources":["../../../../../../src/components/TimePicker/BaseTimePicker.web.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport type { TimePickerProps } from './types';\nimport { TimeInput } from './TimeInput.web';\nimport { useTimePickerState } from './useTimePickerState';\nimport { TimePickerContent } from './TimePickerContent';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme, getPopupBoxShadowString } from '~utils';\nimport { usePopup } from '~components/DatePicker/usePopup';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst _BaseTimePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size = 'medium',\n  autoFocus,\n  necessityIndicator,\n  name,\n  placeholder,\n  showFooterActions = true,\n  timeFormat = '12h',\n  minuteStep = 1,\n  labelSuffix,\n  labelTrailing,\n  testID,\n  ...props\n}: TimePickerProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const referenceRef = useRef<HTMLElement>(null);\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const titleId = useId('timepicker-title');\n  const { colorScheme } = useTheme();\n\n  const {\n    timeValue,\n    setTimeValue,\n    internalTimeValue,\n    setInternalTimeValue,\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n    isOpen: isDropdownOpen,\n    setIsOpen: setIsDropdownOpen,\n    onApply: handleApply,\n    onCancel: handleCancel,\n    createCompleteTime,\n  } = useTimePickerState({\n    value,\n    defaultValue,\n    onChange,\n    isOpen,\n    defaultIsOpen,\n    onOpenChange,\n    timeFormat,\n    showFooterActions,\n    onApply,\n  });\n\n  const {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: isDropdownOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      if (isDisabled) return;\n      setIsDropdownOpen(isOpen);\n      if (reason === 'escape-key') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n    // crossAxisOffset calculation for left label positioning:\n    // Medium: 120px (label width) + 12px (padding) = 132px\n    // Large: 176px (label width) + 16px (padding) = 192px\n    crossAxisOffset:\n      labelPosition === 'left' ? (size === 'large' ? sizeTokens[192] : sizeTokens[132]) : 0,\n  });\n\n  // Fix for React Aria contentEditable focus issue with Floating UI\n  // React Aria's contentEditable segments don't properly trigger Floating UI's dismiss\n  // See: https://github.com/adobe/react-spectrum/issues/3164\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent): void => {\n      const target = e.target as Node;\n      const isClickOnInput = referenceRef.current?.contains(target);\n      const isClickOnDropdown = refs.floating.current?.contains(target);\n\n      // On mobile, also check if click is inside TimePicker content (BottomSheet)\n      const isClickOnTimePickerContent = (target as Element).closest?.('.timepicker-content');\n\n      // Only close dropdown if click is outside input, dropdown, and TimePicker content\n      // This ensures clicking different segments within the input keeps dropdown open\n      if (isDropdownOpen && !isClickOnInput && !isClickOnDropdown) {\n        if (isClickOnTimePickerContent && showFooterActions) {\n          // Inside TimePicker with footer actions - don't close\n          return;\n        }\n        handleApply();\n      }\n    };\n\n    if (isDropdownOpen) {\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n    return undefined;\n  }, [isDropdownOpen, showFooterActions, handleCancel, handleApply]);\n\n  // Mobile: Blur input when bottom sheet opens\n  React.useEffect(() => {\n    if (isMobile && isDropdownOpen) {\n      // Find the currently focused time segment and blur it\n\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement && 'blur' in activeElement && typeof activeElement.blur === 'function') {\n        setTimeout(() => {\n          activeElement.blur();\n        }, 0);\n      }\n    }\n  }, [isMobile, isDropdownOpen]);\n\n  const content = (\n    <TimePickerContent\n      selectedTime={timeValue}\n      setSelectedTime={setTimeValue}\n      selectedHour={selectedHour}\n      selectedMinute={selectedMinute}\n      selectedPeriod={selectedPeriod}\n      timeFormat={timeFormat}\n      minuteStep={minuteStep}\n      showFooterActions={showFooterActions}\n      onApply={handleApply}\n      onCancel={handleCancel}\n    />\n  );\n\n  return (\n    <BaseBox\n      width=\"100%\"\n      {...getStyledProps(props)}\n      {...metaAttribute({ name: MetaConstants.TimePicker })}\n    >\n      <TimeInput\n        ref={referenceRef}\n        inputRef={refs.setReference}\n        referenceProps={getReferenceProps()}\n        timeValue={timeValue}\n        internalTimeValue={internalTimeValue}\n        onChange={setTimeValue}\n        onTimeValueChange={(timeValue) => {\n          if (timeValue) {\n            setInternalTimeValue(timeValue);\n          }\n        }}\n        createCompleteTime={createCompleteTime}\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        placeholder={placeholder}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        timeFormat={timeFormat}\n        isDropdownOpen={isDropdownOpen}\n        setIsDropdownOpen={setIsDropdownOpen}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel}\n        {...props}\n      />\n\n      {!isMobile && isMounted && (\n        <FloatingPortal>\n          <FloatingFocusManager\n            initialFocus={-1}\n            context={context}\n            guards={false}\n            order={['reference', 'content']}\n          >\n            <BaseBox\n              ref={refs.setFloating}\n              style={floatingStyles}\n              {...getFloatingProps()}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <BaseBox\n                borderRadius=\"medium\"\n                overflow=\"hidden\"\n                border=\"none\"\n                style={{\n                  ...animationStyles,\n                  background: theme.colors.popup.background.gray.moderate,\n                  boxShadow: getPopupBoxShadowString(theme, colorScheme),\n                  backdropFilter: `blur(${theme.backdropBlur.high}px)`,\n                }}\n              >\n                {content}\n              </BaseBox>\n            </BaseBox>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n\n      {/* Mobile Bottom Sheet */}\n      {isMobile && !isDisabled && (\n        <BottomSheet snapPoints={[0.6, 0.6, 1]} isOpen={isDropdownOpen} onDismiss={handleCancel}>\n          <BottomSheetHeader title=\"Select Time\" />\n          <BottomSheetBody>{content}</BottomSheetBody>\n        </BottomSheet>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseTimePicker = assignWithoutSideEffects(_BaseTimePicker, {\n  displayName: 'BaseTimePicker',\n  componentId: 'BaseTimePicker',\n});\n\nexport { BaseTimePicker };\n"],"names":["_BaseTimePicker","_ref","value","defaultValue","onChange","onApply","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","_ref$size","size","autoFocus","necessityIndicator","name","placeholder","_ref$showFooterAction","showFooterActions","_ref$timeFormat","timeFormat","_ref$minuteStep","minuteStep","labelSuffix","labelTrailing","testID","props","_objectWithoutProperties","_excluded","referenceRef","useRef","isMobile","useIsMobile","_useTheme","useTheme","theme","titleId","useId","_useTheme2","colorScheme","_useTimePickerState","useTimePickerState","timeValue","setTimeValue","internalTimeValue","setInternalTimeValue","selectedHour","selectedMinute","selectedPeriod","isDropdownOpen","setIsDropdownOpen","setIsOpen","handleApply","handleCancel","onCancel","createCompleteTime","_usePopup","usePopup","enabled","placement","open","_","reason","crossAxisOffset","sizeTokens","refs","context","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","React","useEffect","handleClick","e","_referenceRef$current","_refs$floating$curren","_closest","_ref2","target","isClickOnInput","current","contains","isClickOnDropdown","floating","isClickOnTimePickerContent","closest","call","document","addEventListener","removeEventListener","undefined","activeElement","blur","setTimeout","content","_jsx","TimePickerContent","selectedTime","setSelectedTime","_jsxs","BaseBox","_objectSpread","width","getStyledProps","metaAttribute","MetaConstants","TimePicker","children","TimeInput","ref","inputRef","setReference","referenceProps","onTimeValueChange","FloatingPortal","FloatingFocusManager","initialFocus","guards","order","setFloating","style","makeAccessible","labelledBy","borderRadius","overflow","border","background","colors","popup","gray","moderate","boxShadow","getPopupBoxShadowString","backdropFilter","concat","backdropBlur","high","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BaseTimePicker","assignWithoutSideEffects","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EA6BkE;AAAA,EAAA,IA5BrFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IAAAC,kBAAA,GAAAT,IAAA,CACLU,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IACrBE,kBAAkB,GAAAX,IAAA,CAAlBW,kBAAkB;IAClBC,SAAS,GAAAZ,IAAA,CAATY,SAAS;IACTC,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,UAAU,GAAAd,IAAA,CAAVc,UAAU;IACVC,UAAU,GAAAf,IAAA,CAAVe,UAAU;IACVC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,eAAe,GAAAjB,IAAA,CAAfiB,eAAe;IAAAC,SAAA,GAAAlB,IAAA,CACfmB,IAAI;AAAJA,IAAAA,MAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,SAAS,GAAApB,IAAA,CAAToB,SAAS;IACTC,kBAAkB,GAAArB,IAAA,CAAlBqB,kBAAkB;IAClBC,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;IACJC,WAAW,GAAAvB,IAAA,CAAXuB,WAAW;IAAAC,qBAAA,GAAAxB,IAAA,CACXyB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,eAAA,GAAA1B,IAAA,CACxB2B,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,eAAA,GAAA5B,IAAA,CAClB6B,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,eAAA;IACdE,WAAW,GAAA9B,IAAA,CAAX8B,WAAW;IACXC,aAAa,GAAA/B,IAAA,CAAb+B,aAAa;IACbC,MAAM,GAAAhC,IAAA,CAANgC,MAAM;AACHC,IAAAA,KAAK,GAAAC,wBAAA,CAAAlC,IAAA,EAAAmC,SAAA,CAAA,CAAA;AAER,EAAA,IAAMC,YAAY,GAAGC,MAAM,CAAc,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,OAAO,GAAGC,KAAK,CAAC,kBAAkB,CAAC,CAAA;AACzC,EAAA,IAAAC,UAAA,GAAwBJ,QAAQ,EAAE;IAA1BK,WAAW,GAAAD,UAAA,CAAXC,WAAW,CAAA;EAEnB,IAAAC,mBAAA,GAaIC,kBAAkB,CAAC;AACrB/C,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,QAAQ,EAARA,QAAQ;AACRE,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,aAAa,EAAbA,aAAa;AACbC,MAAAA,YAAY,EAAZA,YAAY;AACZoB,MAAAA,UAAU,EAAVA,UAAU;AACVF,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBrB,MAAAA,OAAO,EAAPA,OAAAA;AACF,KAAC,CAAC;IAtBA6C,SAAS,GAAAF,mBAAA,CAATE,SAAS;IACTC,YAAY,GAAAH,mBAAA,CAAZG,YAAY;IACZC,iBAAiB,GAAAJ,mBAAA,CAAjBI,iBAAiB;IACjBC,oBAAoB,GAAAL,mBAAA,CAApBK,oBAAoB;IACpBC,YAAY,GAAAN,mBAAA,CAAZM,YAAY;IACZC,cAAc,GAAAP,mBAAA,CAAdO,cAAc;IACdC,cAAc,GAAAR,mBAAA,CAAdQ,cAAc;IACNC,cAAc,GAAAT,mBAAA,CAAtB1C,MAAM;IACKoD,iBAAiB,GAAAV,mBAAA,CAA5BW,SAAS;IACAC,WAAW,GAAAZ,mBAAA,CAApB3C,OAAO;IACGwD,YAAY,GAAAb,mBAAA,CAAtBc,QAAQ;IACRC,kBAAkB,GAAAf,mBAAA,CAAlBe,kBAAkB,CAAA;EAapB,IAAAC,SAAA,GAQIC,QAAQ,CAAC;MACXC,OAAO,EAAE,CAAC3B,QAAQ;AAClB4B,MAAAA,SAAS,EAAE,cAAc;AACzBC,MAAAA,IAAI,EAAEX,cAAc;MACpBjD,YAAY,EAAE,SAAdA,YAAYA,CAAGF,MAAM,EAAE+D,CAAC,EAAEC,MAAM,EAAK;AACnC,QAAA,IAAIvD,UAAU,EAAE,OAAA;QAChB2C,iBAAiB,CAACpD,MAAM,CAAC,CAAA;QACzB,IAAIgE,MAAM,KAAK,YAAY,EAAE;AAC3BT,UAAAA,YAAY,EAAE,CAAA;AAChB,SAAA;OACD;AACDxB,MAAAA,YAAY,EAAZA,YAAY;AACZ;AACA;AACA;AACAkC,MAAAA,eAAe,EACb5D,aAAa,KAAK,MAAM,GAAIS,MAAI,KAAK,OAAO,GAAGoD,IAAU,CAAC,GAAG,CAAC,GAAGA,IAAU,CAAC,GAAG,CAAC,GAAI,CAAA;AACxF,KAAC,CAAC;IAxBAC,IAAI,GAAAT,SAAA,CAAJS,IAAI;IACJC,OAAO,GAAAV,SAAA,CAAPU,OAAO;IACPC,SAAS,GAAAX,SAAA,CAATW,SAAS;IACTC,cAAc,GAAAZ,SAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,SAAA,CAAfa,eAAe;IACfC,iBAAiB,GAAAd,SAAA,CAAjBc,iBAAiB;IACjBC,gBAAgB,GAAAf,SAAA,CAAhBe,gBAAgB,CAAA;;AAoBlB;AACA;AACA;EACAC,cAAK,CAACC,SAAS,CAAC,YAAM;AACpB,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,CAAa,EAAW;AAAA,MAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,QAAA,EAAAC,KAAA,CAAA;AAC3C,MAAA,IAAMC,MAAM,GAAGL,CAAC,CAACK,MAAc,CAAA;AAC/B,MAAA,IAAMC,cAAc,GAAA,CAAAL,qBAAA,GAAG/C,YAAY,CAACqD,OAAO,MAAAN,IAAAA,IAAAA,qBAAA,uBAApBA,qBAAA,CAAsBO,QAAQ,CAACH,MAAM,CAAC,CAAA;AAC7D,MAAA,IAAMI,iBAAiB,GAAAP,CAAAA,qBAAA,GAAGZ,IAAI,CAACoB,QAAQ,CAACH,OAAO,MAAA,IAAA,IAAAL,qBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAuBM,QAAQ,CAACH,MAAM,CAAC,CAAA;;AAEjE;MACA,IAAMM,0BAA0B,IAAAR,QAAA,GAAG,CAAAC,KAAA,GAACC,MAAM,EAAaO,OAAO,cAAAT,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA3BA,QAAA,CAAAU,IAAA,CAAAT,KAAA,EAA8B,qBAAqB,CAAC,CAAA;;AAEvF;AACA;AACA,MAAA,IAAI9B,cAAc,IAAI,CAACgC,cAAc,IAAI,CAACG,iBAAiB,EAAE;QAC3D,IAAIE,0BAA0B,IAAIpE,iBAAiB,EAAE;AACnD;AACA,UAAA,OAAA;AACF,SAAA;AACAkC,QAAAA,WAAW,EAAE,CAAA;AACf,OAAA;KACD,CAAA;AAED,IAAA,IAAIH,cAAc,EAAE;AAClBwC,MAAAA,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEhB,WAAW,CAAC,CAAA;MAC/C,OAAO,YAAA;AAAA,QAAA,OAAMe,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEjB,WAAW,CAAC,CAAA;AAAA,OAAA,CAAA;AACjE,KAAA;AACA,IAAA,OAAOkB,SAAS,CAAA;GACjB,EAAE,CAAC3C,cAAc,EAAE/B,iBAAiB,EAAEmC,YAAY,EAAED,WAAW,CAAC,CAAC,CAAA;;AAElE;EACAoB,cAAK,CAACC,SAAS,CAAC,YAAM;IACpB,IAAI1C,QAAQ,IAAIkB,cAAc,EAAE;AAC9B;;AAEA,MAAA,IAAM4C,aAAa,GAAGJ,QAAQ,CAACI,aAAmC,CAAA;AAClE,MAAA,IAAIA,aAAa,IAAI,MAAM,IAAIA,aAAa,IAAI,OAAOA,aAAa,CAACC,IAAI,KAAK,UAAU,EAAE;AACxFC,QAAAA,UAAU,CAAC,YAAM;UACfF,aAAa,CAACC,IAAI,EAAE,CAAA;SACrB,EAAE,CAAC,CAAC,CAAA;AACP,OAAA;AACF,KAAA;AACF,GAAC,EAAE,CAAC/D,QAAQ,EAAEkB,cAAc,CAAC,CAAC,CAAA;AAE9B,EAAA,IAAM+C,OAAO,gBACXC,GAAA,CAACC,iBAAiB,EAAA;AAChBC,IAAAA,YAAY,EAAEzD,SAAU;AACxB0D,IAAAA,eAAe,EAAEzD,YAAa;AAC9BG,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,cAAc,EAAEA,cAAe;AAC/B5B,IAAAA,UAAU,EAAEA,UAAW;AACvBE,IAAAA,UAAU,EAAEA,UAAW;AACvBJ,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCrB,IAAAA,OAAO,EAAEuD,WAAY;AACrBE,IAAAA,QAAQ,EAAED,YAAAA;AAAa,GACxB,CACF,CAAA;EAED,oBACEgD,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,KAAK,EAAC,MAAA;AAAM,GAAA,EACRC,cAAc,CAAC/E,KAAK,CAAC,CAAA,EACrBgF,aAAa,CAAC;IAAE3F,IAAI,EAAE4F,aAAa,CAACC,UAAAA;AAAW,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAC,IAAAA,QAAA,EAErDZ,cAAAA,GAAA,CAACa,SAAS,EAAAP,aAAA,CAAA;AACRQ,MAAAA,GAAG,EAAElF,YAAa;MAClBmF,QAAQ,EAAE/C,IAAI,CAACgD,YAAa;MAC5BC,cAAc,EAAE5C,iBAAiB,EAAG;AACpC5B,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrChD,MAAAA,QAAQ,EAAE+C,YAAa;AACvBwE,MAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAGzE,SAAS,EAAK;AAChC,QAAA,IAAIA,SAAS,EAAE;UACbG,oBAAoB,CAACH,SAAS,CAAC,CAAA;AACjC,SAAA;OACA;AACFa,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCtD,MAAAA,KAAK,EAAEA,KAAM;AACbK,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,SAAS,EAAEA,SAAU;AACrBI,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,eAAe,EAAEA,eAAgB;AACjCH,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,UAAU,EAAEA,UAAW;AACvBM,MAAAA,kBAAkB,EAAEA,kBAAmB;MACvCD,SAAS,EAAEA,SAAU;AAAC;AACtBE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,WAAW,EAAEA,WAAY;AACzBJ,MAAAA,IAAI,EAAEA,MAAK;AACXT,MAAAA,aAAa,EAAEA,aAAc;AAC7BoB,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,aAAa,EAAEA,aAAc;AAC7BJ,MAAAA,UAAU,EAAEA,UAAW;AACvB6B,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCzB,MAAAA,MAAM,EAAEA,MAAO;AACfrB,MAAAA,kBAAkB,EAAEA,kBAAAA;KAChBsB,EAAAA,KAAK,CACV,CAAC,EAED,CAACK,QAAQ,IAAIoC,SAAS,iBACrB8B,GAAA,CAACmB,cAAc,EAAA;MAAAP,QAAA,eACbZ,GAAA,CAACoB,oBAAoB,EAAA;QACnBC,YAAY,EAAE,CAAC,CAAE;AACjBpD,QAAAA,OAAO,EAAEA,OAAQ;AACjBqD,QAAAA,MAAM,EAAE,KAAM;AACdC,QAAAA,KAAK,EAAE,CAAC,WAAW,EAAE,SAAS,CAAE;QAAAX,QAAA,eAEhCZ,GAAA,CAACK,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;UACNQ,GAAG,EAAE9C,IAAI,CAACwD,WAAY;AACtBC,UAAAA,KAAK,EAAEtD,cAAAA;AAAe,SAAA,EAClBG,gBAAgB,EAAE,CAAA,EAClBoD,cAAc,CAAC;AAAEC,UAAAA,UAAU,EAAExF,OAAAA;AAAQ,SAAC,CAAC,CAAA,EAAA,EAAA,EAAA;UAAAyE,QAAA,eAE3CZ,GAAA,CAACK,OAAO,EAAA;AACNuB,YAAAA,YAAY,EAAC,QAAQ;AACrBC,YAAAA,QAAQ,EAAC,QAAQ;AACjBC,YAAAA,MAAM,EAAC,MAAM;AACbL,YAAAA,KAAK,EAAAnB,aAAA,CAAAA,aAAA,KACAlC,eAAe,CAAA,EAAA,EAAA,EAAA;cAClB2D,UAAU,EAAE7F,KAAK,CAAC8F,MAAM,CAACC,KAAK,CAACF,UAAU,CAACG,IAAI,CAACC,QAAQ;AACvDC,cAAAA,SAAS,EAAEC,uBAAuB,CAACnG,KAAK,EAAEI,WAAW,CAAC;AACtDgG,cAAAA,cAAc,UAAAC,MAAA,CAAUrG,KAAK,CAACsG,YAAY,CAACC,IAAI,EAAA,KAAA,CAAA;aAC/C,CAAA;AAAA7B,YAAAA,QAAA,EAEDb,OAAAA;WACM,CAAA;SACF,CAAA,CAAA;OACW,CAAA;KACR,CACjB,EAGAjE,QAAQ,IAAI,CAACxB,UAAU,iBACtB8F,IAAA,CAACsC,WAAW,EAAA;AAACC,MAAAA,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAE;AAAC9I,MAAAA,MAAM,EAAEmD,cAAe;AAAC4F,MAAAA,SAAS,EAAExF,YAAa;MAAAwD,QAAA,EAAA,cACtFZ,GAAA,CAAC6C,iBAAiB,EAAA;AAACC,QAAAA,KAAK,EAAC,aAAA;AAAa,OAAE,CAAC,eACzC9C,GAAA,CAAC+C,eAAe,EAAA;AAAAnC,QAAAA,QAAA,EAAEb,OAAAA;AAAO,OAAkB,CAAC,CAAA;AAAA,KACjC,CACd,CAAA;AAAA,GAAA,CACM,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMiD,cAAc,gBAAGC,wBAAwB,CAAC1J,eAAe,EAAE;AAC/D2J,EAAAA,WAAW,EAAE,gBAAgB;AAC7BC,EAAAA,WAAW,EAAE,gBAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"BaseTimePicker.web.js","sources":["../../../../../../src/components/TimePicker/BaseTimePicker.web.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport type { TimePickerProps } from './types';\nimport { TimeInput } from './TimeInput.web';\nimport { useTimePickerState } from './useTimePickerState';\nimport { TimePickerContent } from './TimePickerContent';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { BottomSheet, BottomSheetBody, BottomSheetHeader } from '~components/BottomSheet';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { useTheme, getPopupBoxShadowString } from '~utils';\nimport { usePopup } from '~components/DatePicker/usePopup';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size as sizeTokens } from '~tokens/global';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst _BaseTimePicker = ({\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size = 'medium',\n  autoFocus,\n  necessityIndicator,\n  name,\n  placeholder,\n  showFooterActions = true,\n  timeFormat = '12h',\n  minuteStep = 1,\n  labelSuffix,\n  labelTrailing,\n  testID,\n  zIndex = componentZIndices.popover,\n  ...props\n}: TimePickerProps & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const referenceRef = useRef<HTMLElement>(null);\n  const isMobile = useIsMobile();\n  const { theme } = useTheme();\n  const titleId = useId('timepicker-title');\n  const { colorScheme } = useTheme();\n\n  const {\n    timeValue,\n    setTimeValue,\n    internalTimeValue,\n    setInternalTimeValue,\n    selectedHour,\n    selectedMinute,\n    selectedPeriod,\n    isOpen: isDropdownOpen,\n    setIsOpen: setIsDropdownOpen,\n    onApply: handleApply,\n    onCancel: handleCancel,\n    createCompleteTime,\n  } = useTimePickerState({\n    value,\n    defaultValue,\n    onChange,\n    isOpen,\n    defaultIsOpen,\n    onOpenChange,\n    timeFormat,\n    showFooterActions,\n    onApply,\n  });\n\n  const {\n    refs,\n    context,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: isDropdownOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      if (isDisabled) return;\n      setIsDropdownOpen(isOpen);\n      if (reason === 'escape-key') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n    // crossAxisOffset calculation for left label positioning:\n    // Medium: 120px (label width) + 12px (padding) = 132px\n    // Large: 176px (label width) + 16px (padding) = 192px\n    crossAxisOffset:\n      labelPosition === 'left' ? (size === 'large' ? sizeTokens[192] : sizeTokens[132]) : 0,\n  });\n\n  // Fix for React Aria contentEditable focus issue with Floating UI\n  // React Aria's contentEditable segments don't properly trigger Floating UI's dismiss\n  // See: https://github.com/adobe/react-spectrum/issues/3164\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent): void => {\n      const target = e.target as Node;\n      const isClickOnInput = referenceRef.current?.contains(target);\n      const isClickOnDropdown = refs.floating.current?.contains(target);\n\n      // On mobile, also check if click is inside TimePicker content (BottomSheet)\n      const isClickOnTimePickerContent = (target as Element).closest?.('.timepicker-content');\n\n      // Only close dropdown if click is outside input, dropdown, and TimePicker content\n      // This ensures clicking different segments within the input keeps dropdown open\n      if (isDropdownOpen && !isClickOnInput && !isClickOnDropdown) {\n        if (isClickOnTimePickerContent && showFooterActions) {\n          // Inside TimePicker with footer actions - don't close\n          return;\n        }\n        handleApply();\n      }\n    };\n\n    if (isDropdownOpen) {\n      document.addEventListener('click', handleClick);\n      return () => document.removeEventListener('click', handleClick);\n    }\n    return undefined;\n  }, [isDropdownOpen, showFooterActions, handleCancel, handleApply]);\n\n  // Mobile: Blur input when bottom sheet opens\n  React.useEffect(() => {\n    if (isMobile && isDropdownOpen) {\n      // Find the currently focused time segment and blur it\n\n      const activeElement = document.activeElement as HTMLElement | null;\n      if (activeElement && 'blur' in activeElement && typeof activeElement.blur === 'function') {\n        setTimeout(() => {\n          activeElement.blur();\n        }, 0);\n      }\n    }\n  }, [isMobile, isDropdownOpen]);\n\n  const content = (\n    <TimePickerContent\n      selectedTime={timeValue}\n      setSelectedTime={setTimeValue}\n      selectedHour={selectedHour}\n      selectedMinute={selectedMinute}\n      selectedPeriod={selectedPeriod}\n      timeFormat={timeFormat}\n      minuteStep={minuteStep}\n      showFooterActions={showFooterActions}\n      onApply={handleApply}\n      onCancel={handleCancel}\n    />\n  );\n\n  return (\n    <BaseBox\n      width=\"100%\"\n      {...getStyledProps(props)}\n      {...metaAttribute({ name: MetaConstants.TimePicker })}\n    >\n      <TimeInput\n        ref={referenceRef}\n        inputRef={refs.setReference}\n        referenceProps={getReferenceProps()}\n        timeValue={timeValue}\n        internalTimeValue={internalTimeValue}\n        onChange={setTimeValue}\n        onTimeValueChange={(timeValue) => {\n          if (timeValue) {\n            setInternalTimeValue(timeValue);\n          }\n        }}\n        createCompleteTime={createCompleteTime}\n        label={label}\n        helpText={helpText}\n        errorText={errorText}\n        successText={successText}\n        validationState={validationState}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        necessityIndicator={necessityIndicator}\n        autoFocus={autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n        name={name}\n        placeholder={placeholder}\n        size={size}\n        labelPosition={labelPosition}\n        labelSuffix={labelSuffix}\n        labelTrailing={labelTrailing}\n        timeFormat={timeFormat}\n        isDropdownOpen={isDropdownOpen}\n        setIsDropdownOpen={setIsDropdownOpen}\n        testID={testID}\n        accessibilityLabel={accessibilityLabel}\n        {...props}\n      />\n\n      {!isMobile && isMounted && (\n        <FloatingPortal>\n          <FloatingFocusManager\n            initialFocus={-1}\n            context={context}\n            guards={true}\n            order={['reference', 'content']}\n            returnFocus\n          >\n            <BaseBox\n              ref={refs.setFloating}\n              style={floatingStyles}\n              zIndex={zIndex}\n              {...getFloatingProps()}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <BaseBox\n                borderRadius=\"medium\"\n                overflow=\"hidden\"\n                border=\"none\"\n                style={{\n                  ...animationStyles,\n                  background: theme.colors.popup.background.gray.moderate,\n                  boxShadow: getPopupBoxShadowString(theme, colorScheme),\n                  backdropFilter: `blur(${theme.backdropBlur.high}px)`,\n                }}\n              >\n                {content}\n              </BaseBox>\n            </BaseBox>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n\n      {/* Mobile Bottom Sheet */}\n      {isMobile && !isDisabled && (\n        <BottomSheet snapPoints={[0.6, 0.6, 1]} isOpen={isDropdownOpen} onDismiss={handleCancel}>\n          <BottomSheetHeader title=\"Select Time\" />\n          <BottomSheetBody>{content}</BottomSheetBody>\n        </BottomSheet>\n      )}\n    </BaseBox>\n  );\n};\n\nconst BaseTimePicker = assignWithoutSideEffects(_BaseTimePicker, {\n  displayName: 'BaseTimePicker',\n  componentId: 'BaseTimePicker',\n});\n\nexport { BaseTimePicker };\n"],"names":["_BaseTimePicker","_ref","value","defaultValue","onChange","onApply","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","_ref$size","size","autoFocus","necessityIndicator","name","placeholder","_ref$showFooterAction","showFooterActions","_ref$timeFormat","timeFormat","_ref$minuteStep","minuteStep","labelSuffix","labelTrailing","testID","_ref$zIndex","zIndex","componentZIndices","popover","props","_objectWithoutProperties","_excluded","referenceRef","useRef","isMobile","useIsMobile","_useTheme","useTheme","theme","titleId","useId","_useTheme2","colorScheme","_useTimePickerState","useTimePickerState","timeValue","setTimeValue","internalTimeValue","setInternalTimeValue","selectedHour","selectedMinute","selectedPeriod","isDropdownOpen","setIsDropdownOpen","setIsOpen","handleApply","handleCancel","onCancel","createCompleteTime","_usePopup","usePopup","enabled","placement","open","_","reason","crossAxisOffset","sizeTokens","refs","context","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","React","useEffect","handleClick","e","_referenceRef$current","_refs$floating$curren","_closest","_ref2","target","isClickOnInput","current","contains","isClickOnDropdown","floating","isClickOnTimePickerContent","closest","call","document","addEventListener","removeEventListener","undefined","activeElement","blur","setTimeout","content","_jsx","TimePickerContent","selectedTime","setSelectedTime","_jsxs","BaseBox","_objectSpread","width","getStyledProps","metaAttribute","MetaConstants","TimePicker","children","TimeInput","ref","inputRef","setReference","referenceProps","onTimeValueChange","FloatingPortal","FloatingFocusManager","initialFocus","guards","order","returnFocus","setFloating","style","makeAccessible","labelledBy","borderRadius","overflow","border","background","colors","popup","gray","moderate","boxShadow","getPopupBoxShadowString","backdropFilter","concat","backdropBlur","high","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BaseTimePicker","assignWithoutSideEffects","displayName","componentId"],"mappings":"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"}

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/object/cloneDeep.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep2.js';
 import '../../../../../_virtual/cloneDeepWith.js';
 import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
 

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matches.js

@@ -1,9 +1,9 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
 import { __exports as matches$1 } from '../../../../../_virtual/matches2.js';
 import '../../../../../_virtual/isMatch.js';
-import '../../../../../_virtual/cloneDeep.js';
+import '../../../../../_virtual/cloneDeep3.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
 
 (function (exports) {
 	'use strict';

package/build/lib/web/production/node_modules/es-toolkit/dist/compat/predicate/matchesProperty.js

@@ -2,12 +2,12 @@ import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelper
 import { __exports as matchesProperty$1 } from '../../../../../_virtual/matchesProperty2.js';
 import '../../../../../_virtual/isMatch.js';
 import '../../../../../_virtual/toKey.js';
-import '../../../../../_virtual/cloneDeep3.js';
+import '../../../../../_virtual/cloneDeep.js';
 import '../../../../../_virtual/get.js';
 import '../../../../../_virtual/has.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
 import { __exports as toKey } from '../../../../../_virtual/toKey2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
 import { __exports as get } from '../../../../../_virtual/get2.js';
 import { __exports as has } from '../../../../../_virtual/has2.js';
 

package/build/lib/web/production/node_modules/es-toolkit/dist/object/cloneDeep.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep4.js';
 import '../../../../_virtual/cloneDeepWith3.js';
 import { __exports as cloneDeepWith } from '../../../../_virtual/cloneDeepWith4.js';
 

package/build/types/components/index.d.ts

@@ -27154,6 +27154,11 @@ type TimePickerProps = Omit<TimePickerInputProps, 'inputRef' | 'refrenceProps' |
      * When not provided, falls back to label prop
      */
     accessibilityLabel?: string;
+    /**
+     * z-index of the TimePicker dropdown
+     * @default componentZIndices.popover (1100)
+     */
+    zIndex?: number;
 };
 
 declare const TimePicker: (props: TimePickerProps) => React__default.ReactElement;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@razorpay/blade",
   "description": "The Design System that powers Razorpay",
-  "version": "12.97.0",
+  "version": "12.97.1",
   "license": "MIT",
   "engines": {
     "node": ">=18.12.1"