@razorpay/blade 12.47.0 → 12.48.0

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetContext.js

@@ -0,0 +1,122 @@
+import { createContext, useMemo, useContext } from 'react';
+import { isSamePreset } from './utils.js';
+import { jsx } from 'react/jsx-runtime';
+
+var PresetContext = /*#__PURE__*/createContext(null);
+var PresetProvider = function PresetProvider(_ref) {
+  var children = _ref.children,
+    presets = _ref.presets,
+    selectedPreset = _ref.selectedPreset,
+    currentDate = _ref.currentDate;
+  var contextValue = useMemo(function () {
+    // No presets provided → return empty state
+    if (!presets) {
+      return {
+        presetStates: [],
+        selectedPresetIndex: null,
+        selectedPresetLabel: null,
+        isCustomSelected: false,
+        effectiveSelectionType: null // Default when no presets
+      };
+    }
+
+    // STEP 1: Calculate each preset's value and type
+    // Example: "Last 7 days" → [2024-01-01, 2024-01-08], isCustomType: false
+    // Example: "Custom" → [null, null], isCustomType: true
+    var presetStates = presets.map(function (preset) {
+      var _presetValue, _presetValue2;
+      var presetValue = null;
+      var isCustomType = false;
+      presetValue = preset.value(currentDate); // Call function: "Last 7 days" → [startDate, endDate]
+      // Check if preset returns valid dates (defined) or null (custom)
+      isCustomType = !(((_presetValue = presetValue) === null || _presetValue === void 0 ? void 0 : _presetValue[0]) instanceof Date && ((_presetValue2 = presetValue) === null || _presetValue2 === void 0 ? void 0 : _presetValue2[1]) instanceof Date);
+      return {
+        preset: preset,
+        // Original preset object { label: "Last 7 days", value: fn }
+        value: presetValue,
+        // Calculated dates [2024-01-01, 2024-01-08] or [null, null]
+        isSelected: false,
+        // ⏳ Will calculate this next
+        isCustomType: isCustomType // true = Custom preset, false = Defined preset
+      };
+    });
+
+    // STEP 2: Figure out which preset is currently selected
+    // Example: User selected [2024-01-01, 2024-01-08] → matches "Last 7 days" preset
+    var selectedPresetIndex = null;
+    var isCustomSelected = false;
+    if (!selectedPreset) {
+      // No dates selected → find and select "Custom" preset by default
+      selectedPresetIndex = presetStates.findIndex(function (state) {
+        return state.isCustomType;
+      });
+      isCustomSelected = selectedPresetIndex !== -1;
+    } else {
+      // User has selected dates → see if they match any defined preset
+      // Example: selectedPreset = [2024-01-01, 2024-01-08], check if matches "Last 7 days"
+      selectedPresetIndex = presetStates.findIndex(function (state) {
+        return !state.isCustomType && isSamePreset(selectedPreset, state.value);
+      });
+      if (selectedPresetIndex === -1) {
+        // No match found → user made custom selection → select "Custom" preset
+        selectedPresetIndex = presetStates.findIndex(function (state) {
+          return state.isCustomType;
+        });
+        isCustomSelected = true;
+      }
+    }
+
+    // STEP 3: Mark the selected preset as selected
+    if (selectedPresetIndex !== -1) {
+      presetStates[selectedPresetIndex].isSelected = true;
+    }
+
+    // STEP 4: Get the label for display
+    // Example: selectedPresetIndex = 0 → presetStates[0].preset.label = "Last 7 days"
+    var selectedPresetLabel = selectedPresetIndex !== -1 ? presetStates[selectedPresetIndex].preset.label : null;
+
+    // STEP 5: Calculate effective selection type based on selected preset
+    // If preset returns same-day range (like "Today"), display as single date
+    var effectiveSelectionType = 'range'; // Default to range
+
+    if (selectedPresetIndex !== -1) {
+      var _selectedPresetState$, _selectedPresetState$2;
+      var selectedPresetState = presetStates[selectedPresetIndex];
+
+      // Check if selected preset represents same day (like "Today" preset)
+      if ((_selectedPresetState$ = selectedPresetState.value) !== null && _selectedPresetState$ !== void 0 && _selectedPresetState$[0] && (_selectedPresetState$2 = selectedPresetState.value) !== null && _selectedPresetState$2 !== void 0 && _selectedPresetState$2[1] && selectedPresetState.value[0].toDateString() === selectedPresetState.value[1].toDateString()) {
+        effectiveSelectionType = 'single'; // Same day = display as single
+      } else {
+        effectiveSelectionType = 'range'; // Different days = display as range
+      }
+    }
+
+    // Return final calculated state - this gets shared with all components
+    return {
+      presetStates: presetStates,
+      // Array: [{ preset, value, isSelected, isCustomType }, ...]
+      selectedPresetIndex: selectedPresetIndex,
+      // Number: 0, 1, 2... or null
+      selectedPresetLabel: selectedPresetLabel,
+      // String: "Last 7 days" or "Custom" or null
+      isCustomSelected: isCustomSelected,
+      // Boolean: true if custom dates selected
+      effectiveSelectionType: effectiveSelectionType // 'single' | 'range' based on preset analysis
+    };
+  }, [presets, selectedPreset, currentDate]); // Recalculate when any of these change
+
+  return /*#__PURE__*/jsx(PresetContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};
+var usePresetContext = function usePresetContext() {
+  var context = useContext(PresetContext);
+  if (!context) {
+    throw new Error('usePresetContext must be used within PresetProvider');
+  }
+  return context;
+};
+
+export { PresetProvider, usePresetContext };
+//# sourceMappingURL=PresetContext.js.map

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetContext.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport type { DatesRangeValue, CalendarProps } from '../types';\nimport { isSamePreset } from './utils';\n\ntype PresetState = {\n  preset: NonNullable<CalendarProps<'range'>['presets']>[0];\n  value: DatesRangeValue | null;\n  isSelected: boolean;\n  isCustomType: boolean;\n};\n\ntype PresetContextValue = {\n  presetStates: PresetState[];\n  selectedPresetIndex: number | null;\n  selectedPresetLabel: string | null;\n  isCustomSelected: boolean;\n  effectiveSelectionType: 'single' | 'range' | null;\n};\n\nconst PresetContext = createContext<PresetContextValue | null>(null);\n\ntype PresetProviderProps = {\n  children: React.ReactNode;\n  presets: CalendarProps<'range'>['presets'];\n  selectedPreset: DatesRangeValue | null;\n  currentDate: Date;\n};\n\nexport const PresetProvider = ({\n  children,\n  presets,\n  selectedPreset,\n  currentDate,\n}: PresetProviderProps): React.ReactElement => {\n  const contextValue = useMemo(() => {\n    // No presets provided → return empty state\n    if (!presets) {\n      return {\n        presetStates: [],\n        selectedPresetIndex: null,\n        selectedPresetLabel: null,\n        isCustomSelected: false,\n        effectiveSelectionType: null, // Default when no presets\n      };\n    }\n\n    // STEP 1: Calculate each preset's value and type\n    // Example: \"Last 7 days\" → [2024-01-01, 2024-01-08], isCustomType: false\n    // Example: \"Custom\" → [null, null], isCustomType: true\n    const presetStates: PresetState[] = presets.map((preset) => {\n      let presetValue: DatesRangeValue | null = null;\n      let isCustomType = false;\n\n      presetValue = preset.value(currentDate); // Call function: \"Last 7 days\" → [startDate, endDate]\n      // Check if preset returns valid dates (defined) or null (custom)\n      isCustomType = !(presetValue?.[0] instanceof Date && presetValue?.[1] instanceof Date);\n\n      return {\n        preset, // Original preset object { label: \"Last 7 days\", value: fn }\n        value: presetValue, // Calculated dates [2024-01-01, 2024-01-08] or [null, null]\n        isSelected: false, // ⏳ Will calculate this next\n        isCustomType, // true = Custom preset, false = Defined preset\n      };\n    });\n\n    // STEP 2: Figure out which preset is currently selected\n    // Example: User selected [2024-01-01, 2024-01-08] → matches \"Last 7 days\" preset\n    let selectedPresetIndex: number | null = null;\n    let isCustomSelected = false;\n\n    if (!selectedPreset) {\n      // No dates selected → find and select \"Custom\" preset by default\n      selectedPresetIndex = presetStates.findIndex((state) => state.isCustomType);\n      isCustomSelected = selectedPresetIndex !== -1;\n    } else {\n      // User has selected dates → see if they match any defined preset\n      // Example: selectedPreset = [2024-01-01, 2024-01-08], check if matches \"Last 7 days\"\n      selectedPresetIndex = presetStates.findIndex(\n        (state) => !state.isCustomType && isSamePreset(selectedPreset, state.value),\n      );\n\n      if (selectedPresetIndex === -1) {\n        // No match found → user made custom selection → select \"Custom\" preset\n        selectedPresetIndex = presetStates.findIndex((state) => state.isCustomType);\n        isCustomSelected = true;\n      }\n    }\n\n    // STEP 3: Mark the selected preset as selected\n    if (selectedPresetIndex !== -1) {\n      presetStates[selectedPresetIndex].isSelected = true;\n    }\n\n    // STEP 4: Get the label for display\n    // Example: selectedPresetIndex = 0 → presetStates[0].preset.label = \"Last 7 days\"\n    const selectedPresetLabel =\n      selectedPresetIndex !== -1 ? presetStates[selectedPresetIndex].preset.label : null;\n\n    // STEP 5: Calculate effective selection type based on selected preset\n    // If preset returns same-day range (like \"Today\"), display as single date\n    let effectiveSelectionType: 'single' | 'range' = 'range'; // Default to range\n\n    if (selectedPresetIndex !== -1) {\n      const selectedPresetState = presetStates[selectedPresetIndex];\n\n      // Check if selected preset represents same day (like \"Today\" preset)\n      if (\n        selectedPresetState.value?.[0] &&\n        selectedPresetState.value?.[1] &&\n        selectedPresetState.value[0].toDateString() === selectedPresetState.value[1].toDateString()\n      ) {\n        effectiveSelectionType = 'single'; // Same day = display as single\n      } else {\n        effectiveSelectionType = 'range'; // Different days = display as range\n      }\n    }\n\n    // Return final calculated state - this gets shared with all components\n    return {\n      presetStates, // Array: [{ preset, value, isSelected, isCustomType }, ...]\n      selectedPresetIndex, // Number: 0, 1, 2... or null\n      selectedPresetLabel, // String: \"Last 7 days\" or \"Custom\" or null\n      isCustomSelected, // Boolean: true if custom dates selected\n      effectiveSelectionType, // 'single' | 'range' based on preset analysis\n    };\n  }, [presets, selectedPreset, currentDate]); // Recalculate when any of these change\n\n  return <PresetContext.Provider value={contextValue}>{children}</PresetContext.Provider>;\n};\n\nexport const usePresetContext = (): PresetContextValue => {\n  const context = useContext(PresetContext);\n  if (!context) {\n    throw new Error('usePresetContext must be used within PresetProvider');\n  }\n  return context;\n};\n"],"names":["PresetContext","createContext","PresetProvider","_ref","children","presets","selectedPreset","currentDate","contextValue","useMemo","presetStates","selectedPresetIndex","selectedPresetLabel","isCustomSelected","effectiveSelectionType","map","preset","_presetValue","_presetValue2","presetValue","isCustomType","value","Date","isSelected","findIndex","state","isSamePreset","label","_selectedPresetState$","_selectedPresetState$2","selectedPresetState","toDateString","_jsx","Provider","usePresetContext","context","useContext","Error"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetDropdown.web.js

@@ -0,0 +1,46 @@
+import 'react';
+import { usePresetContext } from './PresetContext.js';
+import '../../ActionList/index.js';
+import '../../Dropdown/index.js';
+import { InputDropdownButton } from '../../Dropdown/InputDropdownButton.web.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dropdown } from '../../Dropdown/Dropdown.js';
+import { DropdownOverlay } from '../../Dropdown/DropdownOverlay.web.js';
+import { ActionList } from '../../ActionList/ActionList.js';
+import { ActionListItem } from '../../ActionList/ActionListItem.js';
+
+var PresetDropdown = function PresetDropdown(_ref) {
+  var onSelection = _ref.onSelection,
+    onOpenCalendar = _ref.onOpenCalendar;
+  var _usePresetContext = usePresetContext(),
+    presetStates = _usePresetContext.presetStates,
+    selectedPresetLabel = _usePresetContext.selectedPresetLabel;
+  return /*#__PURE__*/jsxs(Dropdown, {
+    children: [/*#__PURE__*/jsx(InputDropdownButton, {
+      value: selectedPresetLabel !== null && selectedPresetLabel !== void 0 ? selectedPresetLabel : 'Custom'
+    }), /*#__PURE__*/jsx(DropdownOverlay, {
+      children: /*#__PURE__*/jsx(ActionList, {
+        children: presetStates.map(function (_ref2) {
+          var preset = _ref2.preset,
+            isSelected = _ref2.isSelected,
+            isCustomType = _ref2.isCustomType;
+          return /*#__PURE__*/jsx(ActionListItem, {
+            title: preset.label,
+            value: preset.label,
+            isSelected: isSelected,
+            onClick: function onClick() {
+              onSelection(preset.value);
+              // If this is a custom preset selection, also trigger calendar opening
+              if (isCustomType && onOpenCalendar) {
+                onOpenCalendar();
+              }
+            }
+          }, preset.label);
+        })
+      })
+    })]
+  });
+};
+
+export { PresetDropdown };
+//# sourceMappingURL=PresetDropdown.web.js.map

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetDropdown.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresetDropdown.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetDropdown.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { DatesRangeValue } from '../types';\nimport { usePresetContext } from './PresetContext';\nimport { ActionList, ActionListItem } from '~components/ActionList';\nimport { Dropdown, DropdownOverlay } from '~components/Dropdown';\nimport { InputDropdownButton } from '~components/Dropdown/InputDropdownButton';\n\ntype PresetDropdownProps = {\n  onSelection: (preset: (date: Date) => DatesRangeValue) => void;\n  onOpenCalendar?: () => void;\n};\n\nconst PresetDropdown = ({\n  onSelection,\n  onOpenCalendar,\n}: PresetDropdownProps): React.ReactElement => {\n  const { presetStates, selectedPresetLabel } = usePresetContext();\n\n  return (\n    <Dropdown>\n      <InputDropdownButton value={selectedPresetLabel ?? 'Custom'} />\n      <DropdownOverlay>\n        <ActionList>\n          {presetStates.map(({ preset, isSelected, isCustomType }) => (\n            <ActionListItem\n              key={preset.label}\n              title={preset.label}\n              value={preset.label}\n              isSelected={isSelected}\n              onClick={() => {\n                onSelection(preset.value);\n                // If this is a custom preset selection, also trigger calendar opening\n                if (isCustomType && onOpenCalendar) {\n                  onOpenCalendar();\n                }\n              }}\n            />\n          ))}\n        </ActionList>\n      </DropdownOverlay>\n    </Dropdown>\n  );\n};\n\nexport { PresetDropdown };\n"],"names":["PresetDropdown","_ref","onSelection","onOpenCalendar","_usePresetContext","usePresetContext","presetStates","selectedPresetLabel","_jsxs","Dropdown","children","_jsx","InputDropdownButton","value","DropdownOverlay","ActionList","map","_ref2","preset","isSelected","isCustomType","ActionListItem","title","label","onClick"],"mappings":";;;;;;;;;;;AAYA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAG2B;AAAA,EAAA,IAF7CC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,cAAc,GAAAF,IAAA,CAAdE,cAAc,CAAA;AAEd,EAAA,IAAAC,iBAAA,GAA8CC,gBAAgB,EAAE;IAAxDC,YAAY,GAAAF,iBAAA,CAAZE,YAAY;IAAEC,mBAAmB,GAAAH,iBAAA,CAAnBG,mBAAmB,CAAA;EAEzC,oBACEC,IAAA,CAACC,QAAQ,EAAA;IAAAC,QAAA,EAAA,cACPC,GAAA,CAACC,mBAAmB,EAAA;AAACC,MAAAA,KAAK,EAAEN,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAnBA,mBAAmB,GAAI,QAAA;AAAS,KAAE,CAAC,eAC/DI,GAAA,CAACG,eAAe,EAAA;MAAAJ,QAAA,eACdC,GAAA,CAACI,UAAU,EAAA;AAAAL,QAAAA,QAAA,EACRJ,YAAY,CAACU,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,UAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;YAAEC,UAAU,GAAAF,KAAA,CAAVE,UAAU;YAAEC,YAAY,GAAAH,KAAA,CAAZG,YAAY,CAAA;UAAA,oBACnDT,GAAA,CAACU,cAAc,EAAA;YAEbC,KAAK,EAAEJ,MAAM,CAACK,KAAM;YACpBV,KAAK,EAAEK,MAAM,CAACK,KAAM;AACpBJ,YAAAA,UAAU,EAAEA,UAAW;YACvBK,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACbtB,cAAAA,WAAW,CAACgB,MAAM,CAACL,KAAK,CAAC,CAAA;AACzB;cACA,IAAIO,YAAY,IAAIjB,cAAc,EAAE;AAClCA,gBAAAA,cAAc,EAAE,CAAA;AAClB,eAAA;AACF,aAAA;WAVKe,EAAAA,MAAM,CAACK,KAWb,CAAC,CAAA;SACH,CAAA;OACS,CAAA;AAAC,KACE,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEf;;;;"}

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js

@@ -1,12 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { usePresetContext } from './PresetContext.js';
 import { QuickSelectionItem } from './QuickSelectionItem.web.js';
 import '../../Box/index.js';
-import '../../../utils/index.js';
+import '../../Box/BaseBox/index.js';
 import '../../Chip/index.js';
 import '../../Divider/index.js';
-import '../../Box/BaseBox/index.js';
-import '../../../utils/makeAccessible/index.js';
 import '../../../tokens/global/index.js';
+import '../../../utils/index.js';
+import '../../../utils/makeAccessible/index.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { Box } from '../../Box/Box.js';
 import { Divider } from '../../Divider/Divider.js';
@@ -19,18 +20,12 @@ import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web
 
 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 isSamePreset = function isSamePreset(value1, value2) {
-  if (!(value1 !== null && value1 !== void 0 && value1[0]) || !(value1 !== null && value1 !== void 0 && value1[1])) return false;
-  if (!(value2 !== null && value2 !== void 0 && value2[0]) || !(value2 !== null && value2 !== void 0 && value2[1])) return false;
-  return value1[0].toDateString() === value2[0].toDateString() && value1[1].toDateString() === value2[1].toDateString();
-};
 var PresetSideBar = function PresetSideBar(_ref) {
-  var date = _ref.date,
-    presets = _ref.presets,
-    selectedPreset = _ref.selectedPreset,
-    onSelection = _ref.onSelection,
+  var onSelection = _ref.onSelection,
     isMobile = _ref.isMobile;
-  if (!presets) return /*#__PURE__*/jsx(Fragment, {});
+  var _usePresetContext = usePresetContext(),
+    presetStates = _usePresetContext.presetStates;
+  if (presetStates.length === 0) return /*#__PURE__*/jsx(Fragment, {});
   if (isMobile) {
     return /*#__PURE__*/jsxs(Box, {
       children: [/*#__PURE__*/jsx(Divider, {
@@ -42,11 +37,15 @@ var PresetSideBar = function PresetSideBar(_ref) {
         accessibilityLabel: "Select Presets",
         onChange: function onChange(_ref2) {
           var values = _ref2.values;
-          onSelection(presets.find(function (preset) {
-            return preset.label === values[0];
-          }).value);
+          var selectedPreset = presetStates.find(function (state) {
+            return state.preset.label === values[0];
+          });
+          if (selectedPreset) {
+            onSelection(selectedPreset.preset.value);
+          }
         },
-        children: presets.map(function (preset, index) {
+        children: presetStates.map(function (_ref3, index) {
+          var preset = _ref3.preset;
           return /*#__PURE__*/jsx(Chip, {
             value: preset.label,
             "data-analytics-name": preset.label,
@@ -70,8 +69,9 @@ var PresetSideBar = function PresetSideBar(_ref) {
     role: 'listbox',
     label: 'Select Presets'
   })), {}, {
-    children: presets.map(function (preset, index) {
-      var isSelected = isSamePreset(selectedPreset, preset.value(date));
+    children: presetStates.map(function (_ref4, index) {
+      var preset = _ref4.preset,
+        isSelected = _ref4.isSelected;
       return /*#__PURE__*/jsx(QuickSelectionItem, {
         isSelected: isSelected,
         onClick: function onClick() {

package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { CalendarProps, DatesRangeValue } from '../types';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport { makeSpace } from '~utils';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { size } from '~tokens/global';\n\nconst isSamePreset = (value1: DatesRangeValue | null, value2: DatesRangeValue | null): boolean => {\n  if (!value1?.[0] || !value1?.[1]) return false;\n  if (!value2?.[0] || !value2?.[1]) return false;\n\n  return (\n    value1[0].toDateString() === value2[0].toDateString() &&\n    value1[1].toDateString() === value2[1].toDateString()\n  );\n};\n\ntype PresetSideBarProps = {\n  isMobile?: boolean;\n  date: Date;\n  presets: CalendarProps<'single'>['presets'];\n  onSelection: (value: (date: Date) => DatesRangeValue) => void;\n  selectedPreset: DatesRangeValue | null;\n};\n\nconst PresetSideBar = ({\n  date,\n  presets,\n  selectedPreset,\n  onSelection,\n  isMobile,\n}: PresetSideBarProps): React.ReactElement => {\n  if (!presets) return <></>;\n\n  if (isMobile) {\n    return (\n      <Box>\n        <Divider marginTop=\"spacing.4\" />\n        <ChipGroup\n          marginTop=\"spacing.7\"\n          size=\"small\"\n          selectionType=\"single\"\n          accessibilityLabel=\"Select Presets\"\n          onChange={({ values }) => {\n            onSelection(presets.find((preset) => preset.label === values[0])!.value);\n          }}\n        >\n          {presets.map((preset, index) => {\n            return (\n              <Chip value={preset.label} key={index} data-analytics-name={preset.label}>\n                {preset.label}\n              </Chip>\n            );\n          })}\n        </ChipGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <BaseBox\n      padding=\"spacing.5\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.2\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      minWidth={makeSpace(size[160])}\n      borderRightColor=\"surface.border.gray.muted\"\n      borderRightStyle=\"solid\"\n      borderRightWidth=\"thin\"\n      {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n    >\n      {presets.map((preset, index) => {\n        const isSelected = isSamePreset(selectedPreset, preset.value(date));\n        return (\n          <QuickSelectionItem\n            key={index}\n            isSelected={isSelected}\n            onClick={() => onSelection(preset.value)}\n          >\n            {preset.label}\n          </QuickSelectionItem>\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { PresetSideBar };\n"],"names":["isSamePreset","value1","value2","toDateString","PresetSideBar","_ref","date","presets","selectedPreset","onSelection","isMobile","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","find","preset","label","value","map","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","isSelected","QuickSelectionItem","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAA8B,EAAEC,MAA8B,EAAc;EAChG,IAAI,EAACD,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;EAC9C,IAAI,EAACC,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;AAE9C,EAAA,OACED,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,IACrDF,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,CAAA;AAEzD,CAAC,CAAA;AAUD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAM2B;AAAA,EAAA,IAL5CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ,CAAA;EAER,IAAI,CAACH,OAAO,EAAE,oBAAOI,GAAA,CAAAC,QAAA,IAAI,CAAC,CAAA;AAE1B,EAAA,IAAIF,QAAQ,EAAE;IACZ,oBACEG,IAAA,CAACC,GAAG,EAAA;MAAAC,QAAA,EAAA,cACFJ,GAAA,CAACK,OAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,WAAA;AAAW,OAAE,CAAC,eACjCN,GAAA,CAACO,SAAS,EAAA;AACRD,QAAAA,SAAS,EAAC,WAAW;AACrBE,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,aAAa,EAAC,QAAQ;AACtBC,QAAAA,kBAAkB,EAAC,gBAAgB;AACnCC,QAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAA,EAAgB;AAAA,UAAA,IAAbC,MAAM,GAAAD,KAAA,CAANC,MAAM,CAAA;AACjBf,UAAAA,WAAW,CAACF,OAAO,CAACkB,IAAI,CAAC,UAACC,MAAM,EAAA;AAAA,YAAA,OAAKA,MAAM,CAACC,KAAK,KAAKH,MAAM,CAAC,CAAC,CAAC,CAAA;WAAC,CAAA,CAAEI,KAAK,CAAC,CAAA;SACxE;QAAAb,QAAA,EAEDR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;UAC9B,oBACEnB,GAAA,CAACoB,IAAI,EAAA;YAACH,KAAK,EAAEF,MAAM,CAACC,KAAM;YAAa,qBAAqBD,EAAAA,MAAM,CAACC,KAAM;YAAAZ,QAAA,EACtEW,MAAM,CAACC,KAAAA;AAAK,WAAA,EADiBG,KAE1B,CAAC,CAAA;SAEV,CAAA;AAAC,OACO,CAAC,CAAA;AAAA,KACT,CAAC,CAAA;AAEV,GAAA;AAEA,EAAA,oBACEnB,GAAA,CAACqB,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,GAAG,EAAC,WAAW;AACfC,IAAAA,eAAe,EAAC,kCAAkC;AAClDC,IAAAA,QAAQ,EAAEC,SAAS,CAACrB,IAAI,CAAC,GAAG,CAAC,CAAE;AAC/BsB,IAAAA,gBAAgB,EAAC,2BAA2B;AAC5CC,IAAAA,gBAAgB,EAAC,OAAO;AACxBC,IAAAA,gBAAgB,EAAC,MAAA;AAAM,GAAA,EACnBC,cAAc,CAAC;AAAEC,IAAAA,IAAI,EAAE,SAAS;AAAElB,IAAAA,KAAK,EAAE,gBAAA;AAAiB,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAZ,QAAA,EAE/DR,OAAO,CAACsB,GAAG,CAAC,UAACH,MAAM,EAAEI,KAAK,EAAK;AAC9B,MAAA,IAAMgB,UAAU,GAAG9C,YAAY,CAACQ,cAAc,EAAEkB,MAAM,CAACE,KAAK,CAACtB,IAAI,CAAC,CAAC,CAAA;MACnE,oBACEK,GAAA,CAACoC,kBAAkB,EAAA;AAEjBD,QAAAA,UAAU,EAAEA,UAAW;QACvBE,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,UAAA,OAAMvC,WAAW,CAACiB,MAAM,CAACE,KAAK,CAAC,CAAA;SAAC;QAAAb,QAAA,EAExCW,MAAM,CAACC,KAAAA;AAAK,OAAA,EAJRG,KAKa,CAAC,CAAA;KAExB,CAAA;AAAC,GAAA,CACK,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"PresetSideBar.web.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/PresetSideBar.web.tsx"],"sourcesContent":["import type { DatesRangeValue } from '../types';\nimport { usePresetContext } from './PresetContext';\nimport { QuickSelectionItem } from './QuickSelectionItem.web';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Chip, ChipGroup } from '~components/Chip';\nimport { Divider } from '~components/Divider';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype PresetSideBarProps = {\n  isMobile?: boolean;\n  onSelection: (value: (date: Date) => DatesRangeValue) => void;\n};\n\nconst PresetSideBar = ({ onSelection, isMobile }: PresetSideBarProps): React.ReactElement => {\n  const { presetStates } = usePresetContext();\n\n  if (presetStates.length === 0) return <></>;\n\n  if (isMobile) {\n    return (\n      <Box>\n        <Divider marginTop=\"spacing.4\" />\n        <ChipGroup\n          marginTop=\"spacing.7\"\n          size=\"small\"\n          selectionType=\"single\"\n          accessibilityLabel=\"Select Presets\"\n          onChange={({ values }) => {\n            const selectedPreset = presetStates.find((state) => state.preset.label === values[0]);\n            if (selectedPreset) {\n              onSelection(selectedPreset.preset.value);\n            }\n          }}\n        >\n          {presetStates.map(({ preset }, index) => {\n            return (\n              <Chip value={preset.label} key={index} data-analytics-name={preset.label}>\n                {preset.label}\n              </Chip>\n            );\n          })}\n        </ChipGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <BaseBox\n      padding=\"spacing.5\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      gap=\"spacing.2\"\n      backgroundColor=\"surface.background.gray.moderate\"\n      minWidth={makeSpace(size[160])}\n      borderRightColor=\"surface.border.gray.muted\"\n      borderRightStyle=\"solid\"\n      borderRightWidth=\"thin\"\n      {...makeAccessible({ role: 'listbox', label: 'Select Presets' })}\n    >\n      {presetStates.map(({ preset, isSelected }, index) => {\n        return (\n          <QuickSelectionItem\n            key={index}\n            isSelected={isSelected}\n            onClick={() => onSelection(preset.value)}\n          >\n            {preset.label}\n          </QuickSelectionItem>\n        );\n      })}\n    </BaseBox>\n  );\n};\n\nexport { PresetSideBar };\n"],"names":["PresetSideBar","_ref","onSelection","isMobile","_usePresetContext","usePresetContext","presetStates","length","_jsx","_Fragment","_jsxs","Box","children","Divider","marginTop","ChipGroup","size","selectionType","accessibilityLabel","onChange","_ref2","values","selectedPreset","find","state","preset","label","value","map","_ref3","index","Chip","BaseBox","_objectSpread","padding","display","flexDirection","gap","backgroundColor","minWidth","makeSpace","borderRightColor","borderRightStyle","borderRightWidth","makeAccessible","role","_ref4","isSelected","QuickSelectionItem","onClick"],"mappings":"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"}

package/build/lib/web/development/components/DatePicker/QuickSelection/utils.js

@@ -0,0 +1,9 @@
+// Helper function to check if two preset values are the same
+var isSamePreset = function isSamePreset(value1, value2) {
+  if (!(value1 !== null && value1 !== void 0 && value1[0]) || !(value1 !== null && value1 !== void 0 && value1[1])) return false;
+  if (!(value2 !== null && value2 !== void 0 && value2[0]) || !(value2 !== null && value2 !== void 0 && value2[1])) return false;
+  return value1[0].toDateString() === value2[0].toDateString() && value1[1].toDateString() === value2[1].toDateString();
+};
+
+export { isSamePreset };
+//# sourceMappingURL=utils.js.map

package/build/lib/web/development/components/DatePicker/QuickSelection/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/DatePicker/QuickSelection/utils.ts"],"sourcesContent":["import type { DatesRangeValue } from '~components/DatePicker/types';\n\n// Helper function to check if two preset values are the same\nexport const isSamePreset = (\n  value1: DatesRangeValue | null,\n  value2: DatesRangeValue | null,\n): boolean => {\n  if (!value1?.[0] || !value1?.[1]) return false;\n  if (!value2?.[0] || !value2?.[1]) return false;\n\n  return (\n    value1[0].toDateString() === value2[0].toDateString() &&\n    value1[1].toDateString() === value2[1].toDateString()\n  );\n};\n"],"names":["isSamePreset","value1","value2","toDateString"],"mappings":"AAEA;AACO,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CACvBC,MAA8B,EAC9BC,MAA8B,EAClB;EACZ,IAAI,EAACD,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;EAC9C,IAAI,EAACC,MAAM,KAANA,IAAAA,IAAAA,MAAM,eAANA,MAAM,CAAG,CAAC,CAAC,CAAA,IAAI,EAACA,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAG,CAAC,CAAC,CAAE,EAAA,OAAO,KAAK,CAAA;AAE9C,EAAA,OACED,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,IACrDF,MAAM,CAAC,CAAC,CAAC,CAACE,YAAY,EAAE,KAAKD,MAAM,CAAC,CAAC,CAAC,CAACC,YAAY,EAAE,CAAA;AAEzD;;;;"}

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

@@ -13,7 +13,9 @@ var usePopup = function usePopup(_ref) {
     placement = _ref.placement,
     open = _ref.open,
     _onOpenChange = _ref.onOpenChange,
-    referenceRef = _ref.referenceRef;
+    referenceRef = _ref.referenceRef,
+    _ref$crossAxisOffset = _ref.crossAxisOffset,
+    crossAxisOffset = _ref$crossAxisOffset === void 0 ? 0 : _ref$crossAxisOffset;
   var GAP = spacing[4];
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
@@ -41,7 +43,13 @@ var usePopup = function usePopup(_ref) {
       }), flip({
         padding: GAP,
         fallbackAxisSideDirection: 'end'
-      }), offset(GAP)],
+      }),
+      // Combined offset: default GAP + custom crossAxis adjustment
+      // crossAxisOffset allows fine-tuning calendar position (e.g., align with input text vs input border)
+      offset({
+        mainAxis: GAP,
+        crossAxis: crossAxisOffset
+      })],
       whileElementsMounted: function whileElementsMounted(reference, floating, update) {
         return autoUpdate(reference, floating, update, {
           elementResize: false

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

@@ -1 +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: (reference, floating, update) =>\n      autoUpdate(reference, floating, update, {\n        elementResize: false,\n      }),\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","floating","update","autoUpdate","elementResize","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":"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"}
+{"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  crossAxisOffset?: number;\n};\n\nconst usePopup = ({\n  enabled = true,\n  placement,\n  open,\n  onOpenChange,\n  referenceRef,\n  crossAxisOffset = 0,\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      // Combined offset: default GAP + custom crossAxis adjustment\n      // crossAxisOffset allows fine-tuning calendar position (e.g., align with input text vs input border)\n      offset({ mainAxis: GAP, crossAxis: crossAxisOffset }),\n    ],\n    whileElementsMounted: (reference, floating, update) =>\n      autoUpdate(reference, floating, update, {\n        elementResize: false,\n      }),\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","_ref$crossAxisOffset","crossAxisOffset","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","mainAxis","whileElementsMounted","floating","update","autoUpdate","elementResize","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":";;;;;;;;;AA2BA,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAOO;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CANnBE,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;IAAAC,oBAAA,GAAAP,IAAA,CACZQ,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,oBAAA,CAAA;AAEnB,EAAA,IAAME,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,CAACZ,SAAU,CAAC;IAAAa,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;AAClFjB,MAAAA,IAAI,EAAJA,IAAI;MACJC,YAAY,EAAE,SAAAA,YAACiB,CAAAA,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAK;QACvCnB,aAAY,KAAA,IAAA,IAAZA,aAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,aAAY,CAAGiB,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC,CAAA;QACrC,IAAIA,MAAM,KAAK,YAAY,EAAE;AAAA,UAAA,IAAAC,qBAAA,CAAA;AAC3B,UAAA,CAAAA,qBAAA,GAAAnB,YAAY,CAACoB,OAAO,MAAA,IAAA,IAAAD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBE,KAAK,EAAE,CAAA;AAC/B,SAAA;OACD;AACDxB,MAAAA,SAAS,EAATA,SAAS;AACTyB,MAAAA,QAAQ,EAAE,OAAO;AACjBC,MAAAA,QAAQ,EAAE;QACRC,SAAS,EAAExB,YAAY,CAACoB,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;AACxD;AACA;AACAC,MAAAA,MAAM,CAAC;AAAEC,QAAAA,QAAQ,EAAE7B,GAAG;AAAEwB,QAAAA,SAAS,EAAEzB,eAAAA;AAAgB,OAAC,CAAC,CACtD;AACD+B,MAAAA,oBAAoB,EAAE,SAAAA,oBAAAA,CAACT,SAAS,EAAEU,QAAQ,EAAEC,MAAM,EAAA;AAAA,QAAA,OAChDC,UAAU,CAACZ,SAAS,EAAEU,QAAQ,EAAEC,MAAM,EAAE;AACtCE,UAAAA,aAAa,EAAE,KAAA;AACjB,SAAC,CAAC,CAAA;AAAA,OAAA;AACN,KAAC,CAAC;IAxBMC,IAAI,GAAAxB,YAAA,CAAJwB,IAAI;IAAEC,cAAc,GAAAzB,YAAA,CAAdyB,cAAc;IAAEC,OAAO,GAAA1B,YAAA,CAAP0B,OAAO;IAAaC,iBAAiB,GAAA3B,YAAA,CAA5BjB,SAAS,CAAA;;AA0BhD;AACA;AACA,EAAA,IAAA6C,sBAAA,GAAuBjC,yBAAyB,CAACgC,iBAAiB,CAAC;IAAAE,sBAAA,GAAAhC,cAAA,CAAA+B,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,GAAGjC,cAAc,GAAG,CAACkC,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAA,IAAAC,oBAAA,GAA+CC,mBAAmB,CAACT,OAAO,EAAE;AAC1EU,MAAAA,QAAQ,EAAE3C,KAAK,CAAC4C,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;AAAE5C,IAAAA,OAAO,EAAPA,OAAAA;AAAQ,GAAC,CAAC,CAAA;AAChD,EAAA,IAAMoE,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;;;;"}