@povio/ui 3.4.0-rc.26 → 3.4.0-rc.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/dist/{Accordion-BLPm2118.js → Accordion-BKBl-2EO.js} +4 -3
  2. package/dist/{BottomSheet-CEyxZ2Nd.js → BottomSheet-CQ9Pkvn_.js} +5 -5
  3. package/dist/{Breadcrumbs-Cbl2-M7J.js → Breadcrumbs-D0mblHwu.js} +8 -7
  4. package/dist/{Button-oSE-CM83.js → Button-D09S1dNt.js} +3 -2
  5. package/dist/{Button-CtPMeT8f.js → Button-D9J5wkMv.js} +3 -3
  6. package/dist/{Calendar-Dc1UbbAq.js → Calendar-DQxeTov4.js} +13 -11
  7. package/dist/{Checkbox-Feyideqw.js → Checkbox-B0w_4Ri0.js} +6 -5
  8. package/dist/DOMFunctions-BrQjsnDh.js +52 -0
  9. package/dist/{DatePicker-BdRp_rG7.js → DatePicker-BT46HC74.js} +9 -9
  10. package/dist/{DatePicker-EJTAeVRc.d.ts → DatePicker-COJoYiqp.d.ts} +1 -1
  11. package/dist/{DatePickerInput-CJR-w_b1.d.ts → DatePickerInput-BJi1U0fr.d.ts} +1 -1
  12. package/dist/{DatePickerInput-D3kmFpMZ.js → DatePickerInput-BK6P_VAB.js} +8 -12
  13. package/dist/{DateRangePicker-CMWUdyh1.d.ts → DateRangePicker-Bjf2hKX1.d.ts} +31 -13
  14. package/dist/{DateRangePicker-XhfuEunT.js → DateRangePicker-DH4Eg6sF.js} +105 -43
  15. package/dist/{DateTimePicker-B9cZ38EY.d.ts → DateTimePicker-BPCAME01.d.ts} +1 -1
  16. package/dist/{DateTimePicker-_PD3JGVy.js → DateTimePicker-BZcH7uNO.js} +9 -9
  17. package/dist/{Dialog-CXVxCqvL.js → Dialog-Bl7F9FUP.js} +12 -10
  18. package/dist/{Drawer-XaAwht0J.js → Drawer-BkPPB5DQ.js} +2 -2
  19. package/dist/{FileTrigger-BSzrj50r.js → FileTrigger-CjvQGNXu.js} +11 -10
  20. package/dist/{FileUpload-CNM9dv4D.js → FileUpload-BocbkafM.js} +6 -6
  21. package/dist/{Form-BX_x2VGS.d.ts → Form-BrF_Buzl.d.ts} +1 -1
  22. package/dist/{FormField-ChDNTHr4.js → FormField-Cl-t5Wi1.js} +10 -34
  23. package/dist/FormFieldHeaderTooltip-C3nmuFKW.js +38 -0
  24. package/dist/InlineTooltipWrapper-7ePcpH9g.js +24 -0
  25. package/dist/{Input-B4FVIWxn.js → Input-BefLtZJe.js} +2 -1
  26. package/dist/{InputItem-DWuSzs16.js → InputItem-BjC0bpZe.js} +12 -12
  27. package/dist/{InputUpload-BQpUaRQl.js → InputUpload-DLLtrKIG.js} +6 -6
  28. package/dist/{Inputs-B5F_klPo.d.ts → Inputs-7s_wFr8h.d.ts} +1 -1
  29. package/dist/{Inputs-D4duTr-F.js → Inputs-CErLG3k2.js} +1 -1
  30. package/dist/{Label-a10cLlQM.js → Label-BVczUvgv.js} +1 -1
  31. package/dist/{Link-iPOFlrxY.js → Link-BWbPxs6p.js} +2 -1
  32. package/dist/{Link-vPV4s0c3.js → Link-EHxXHf53.js} +1 -1
  33. package/dist/{ListBox-lSDt9Q4j.js → ListBox-Ck1UjeGo.js} +6 -5
  34. package/dist/{Menu-DDKo6fUO.js → Menu-fXWnROTU.js} +3 -3
  35. package/dist/{MenuDesktop-AnvU8TNb.js → MenuDesktop-C3_I4fdd.js} +1 -1
  36. package/dist/{Modal-BrOOpTQ4.js → Modal-CSr-DYqC.js} +3 -3
  37. package/dist/{Modal-CAAJgOQb.js → Modal-UhtruHmf.js} +4 -3
  38. package/dist/{NumberRangeInput-CBM_ycX_.js → NumberRangeInput-BFaL0_B5.js} +7 -7
  39. package/dist/{OverlayArrow-Bz_8bYjT.js → OverlayArrow-CyFI2DhX.js} +11 -44
  40. package/dist/{PaginationList-B27QL6gG.js → PaginationList-BQqvE8zu.js} +2 -2
  41. package/dist/{PasswordInput-BUZPRoOL.js → PasswordInput-CMKZF3YS.js} +1 -1
  42. package/dist/{RadioGroup-DbMmwkLQ.js → RadioGroup-lA8iM1Ry.js} +10 -8
  43. package/dist/{Segment--coTx1BD.js → Segment-BAVcQyuY.js} +3 -3
  44. package/dist/{Select-BXhqcKAI.js → Select-BEgNpIuG.js} +3 -3
  45. package/dist/{SelectionIndicator-BiAHPBz2.js → SelectionIndicator-BvWiZS2N.js} +2 -2
  46. package/dist/{Slider-YdD68ygp.js → Slider-CGESXeRj.js} +9 -8
  47. package/dist/{Stepper-Cc7qNjch.js → Stepper-CSfhZBK1.js} +1 -1
  48. package/dist/{Tag-BAFkwLDe.js → Tag-Dqo18sIY.js} +2 -2
  49. package/dist/{TextArea-B8TIZZ5i.js → TextArea-CcXiu7JQ.js} +4 -3
  50. package/dist/{TextEditor-Co_gbkPT.js → TextEditor-CKGUWpY_.js} +12 -11
  51. package/dist/{TimePicker-dftQtlWT.js → TimePicker-eWZ7lIDW.js} +8 -8
  52. package/dist/{Toast-BDoTQFr5.js → Toast-ZFTj3GGo.js} +1 -1
  53. package/dist/{Toggle-Bw15KIly.js → Toggle-bWM3RSXY.js} +4 -3
  54. package/dist/{ToggleButton-DYVFkuEk.js → ToggleButton-C01P8reg.js} +6 -4
  55. package/dist/{Tooltip-CVBOnHy-.js → Tooltip-D8YNkKCl.js} +5 -13
  56. package/dist/{TooltipWrapper-eCF5-eNP.js → TooltipWrapper-DyDsoRe-.js} +7 -21
  57. package/dist/{VisuallyHidden-src7PN5r.js → VisuallyHidden-CWgME09A.js} +1 -1
  58. package/dist/components/accordion.js +1 -1
  59. package/dist/components/action-modal.js +2 -2
  60. package/dist/components/autocomplete.js +3 -3
  61. package/dist/components/bottom-sheet.js +2 -2
  62. package/dist/components/breadcrumbs.js +1 -1
  63. package/dist/components/button.js +1 -1
  64. package/dist/components/checkbox-group.js +3 -3
  65. package/dist/components/checkbox.js +1 -1
  66. package/dist/components/date-picker.d.ts +1 -1
  67. package/dist/components/date-picker.js +1 -1
  68. package/dist/components/date-range-picker.d.ts +2 -2
  69. package/dist/components/date-range-picker.js +1 -1
  70. package/dist/components/date-time-picker.d.ts +1 -1
  71. package/dist/components/date-time-picker.js +1 -1
  72. package/dist/components/drawer.js +2 -2
  73. package/dist/components/file-upload-container.js +1 -1
  74. package/dist/components/file-upload.js +1 -1
  75. package/dist/components/form-field.js +1 -1
  76. package/dist/components/icon-button.js +2 -2
  77. package/dist/components/inline-icon-button.js +1 -1
  78. package/dist/components/input-upload.js +1 -1
  79. package/dist/components/link.js +1 -1
  80. package/dist/components/menu.js +2 -2
  81. package/dist/components/modal.js +1 -1
  82. package/dist/components/number-input.js +8 -8
  83. package/dist/components/number-range-input.js +1 -1
  84. package/dist/components/pagination-list.js +1 -1
  85. package/dist/components/pagination.js +2 -2
  86. package/dist/components/password-input.js +1 -1
  87. package/dist/components/pill-button.js +2 -2
  88. package/dist/components/pill.js +2 -2
  89. package/dist/components/query-autocomplete.js +1 -1
  90. package/dist/components/query-select.js +2 -2
  91. package/dist/components/radio-group.js +1 -1
  92. package/dist/components/responsive-popover.js +1 -1
  93. package/dist/components/segment.js +1 -1
  94. package/dist/components/select.js +1 -1
  95. package/dist/components/slider.js +1 -1
  96. package/dist/components/split-button.js +2 -2
  97. package/dist/components/stepper.js +1 -1
  98. package/dist/components/tag.js +1 -1
  99. package/dist/components/text-area.js +1 -1
  100. package/dist/components/text-button.js +1 -1
  101. package/dist/components/text-input.js +6 -6
  102. package/dist/components/time-picker.js +1 -1
  103. package/dist/components/toast.js +1 -1
  104. package/dist/components/toggle-button.js +1 -1
  105. package/dist/components/toggle.js +1 -1
  106. package/dist/components/tooltip-ellipsis.js +1 -1
  107. package/dist/components/tooltip.js +1 -1
  108. package/dist/components/use-toast.js +2 -2
  109. package/dist/config/confirmation.js +1 -1
  110. package/dist/config/resources.d.ts +1 -1
  111. package/dist/config/resources.js +1 -1
  112. package/dist/config/ui-config.d.ts +3 -3
  113. package/dist/{confirmation.context-2-6G831n.js → confirmation.context-CD-UjjK8.js} +1 -1
  114. package/dist/{context-HV79Qf_F.js → context-74MZZLC0.js} +2 -53
  115. package/dist/{date-picker-42XrbatY.d.ts → date-picker-gLc7aPL7.d.ts} +1 -1
  116. package/dist/date-range-picker-B0CQwS9a.d.ts +9 -0
  117. package/dist/{date-time-picker-BQp0fmmb.d.ts → date-time-picker-Db_pMYsD.d.ts} +1 -1
  118. package/dist/{datePickerValue.utils-469FeRCl.js → datePickerValue.utils-CA2te8RG.js} +2 -2
  119. package/dist/{dynamicInputs-CecPNXsF.d.ts → dynamicInputs-D1UI85oQ.d.ts} +8 -8
  120. package/dist/{i18n-C2TBJvnh.js → i18n-BDjNuy4Z.js} +2 -0
  121. package/dist/{i18n-DjqhCCJq.d.ts → i18n-D0Pz0p2u.d.ts} +2 -0
  122. package/dist/import-BXAtbYEe.js +73 -0
  123. package/dist/index.d.ts +9 -9
  124. package/dist/index.js +28 -28
  125. package/dist/number-DTwXo26a.js +40 -0
  126. package/dist/{numberStatic.utils-CWkou4ca.js → numberStatic.utils-DcnGigJ6.js} +7 -6
  127. package/dist/rhf/checkbox.js +1 -1
  128. package/dist/rhf/date-picker.d.ts +2 -2
  129. package/dist/rhf/date-picker.js +1 -1
  130. package/dist/rhf/date-range-picker.d.ts +3 -3
  131. package/dist/rhf/date-range-picker.js +1 -1
  132. package/dist/rhf/date-time-picker.d.ts +2 -2
  133. package/dist/rhf/date-time-picker.js +1 -1
  134. package/dist/rhf/file-upload.js +1 -1
  135. package/dist/rhf/input-upload.js +1 -1
  136. package/dist/rhf/inputs.d.ts +1 -1
  137. package/dist/rhf/number-range-input.js +1 -1
  138. package/dist/rhf/password-input.js +1 -1
  139. package/dist/rhf/radio-group.js +1 -1
  140. package/dist/rhf/segment.js +1 -1
  141. package/dist/rhf/select.js +1 -1
  142. package/dist/rhf/slider.js +1 -1
  143. package/dist/rhf/text-area.js +1 -1
  144. package/dist/rhf/text-editor.js +1 -1
  145. package/dist/rhf/time-picker.js +1 -1
  146. package/dist/rhf/toggle.js +1 -1
  147. package/dist/rhf.d.ts +9 -9
  148. package/dist/rhf.js +28 -28
  149. package/dist/{staticDateTimeSegments-BOFCK9Ub.js → staticDateTimeSegments-BJpz4raS.js} +15 -13
  150. package/dist/{staticSelect.utils-Bh1OVHuT.js → staticSelect.utils-D16Yq0j-.js} +21 -19
  151. package/dist/tanstack/checkbox.js +1 -1
  152. package/dist/tanstack/date-picker.d.ts +1 -1
  153. package/dist/tanstack/date-picker.js +1 -1
  154. package/dist/tanstack/date-range-picker.d.ts +2 -2
  155. package/dist/tanstack/date-range-picker.js +1 -1
  156. package/dist/tanstack/date-time-picker.d.ts +1 -1
  157. package/dist/tanstack/date-time-picker.js +1 -1
  158. package/dist/tanstack/file-upload.js +1 -1
  159. package/dist/tanstack/form.d.ts +1 -1
  160. package/dist/tanstack/form.js +1 -1
  161. package/dist/tanstack/input-upload.js +1 -1
  162. package/dist/tanstack/inputs.d.ts +2 -2
  163. package/dist/tanstack/inputs.js +1 -1
  164. package/dist/tanstack/number-range-input.js +1 -1
  165. package/dist/tanstack/password-input.js +1 -1
  166. package/dist/tanstack/radio-group.js +1 -1
  167. package/dist/tanstack/segment.js +1 -1
  168. package/dist/tanstack/select.js +1 -1
  169. package/dist/tanstack/slider.js +1 -1
  170. package/dist/tanstack/table.js +1 -1
  171. package/dist/tanstack/text-area.js +1 -1
  172. package/dist/tanstack/text-editor.js +1 -1
  173. package/dist/tanstack/time-picker.js +1 -1
  174. package/dist/tanstack/toggle.js +1 -1
  175. package/dist/tanstack.d.ts +9 -9
  176. package/dist/tanstack.js +39 -39
  177. package/dist/text-editor.js +1 -1
  178. package/dist/{toast.runtime--mTw_-fT.js → toast.runtime-CzHEhKmm.js} +1 -1
  179. package/dist/tooltipWrapper.cva-CUu8pI-a.js +5 -0
  180. package/dist/triangle-B5uw3vnc.js +13 -0
  181. package/dist/{uiConfig.context-B27wINPD.d.ts → uiConfig.context-H1XbHuwS.d.ts} +2 -2
  182. package/dist/{useButton-STC3gJBt.js → useButton-CTZ6UEfP.js} +2 -1
  183. package/dist/{useDescription-D8raJPFb.js → useDescription-4EIEr0rR.js} +1 -1
  184. package/dist/{useEffectEvent-DAMDuWzz.js → useEffectEvent-BdzIyMdT.js} +1 -1
  185. package/dist/{useEvent-5X8yPLOx.js → useEvent-CjGFQh-l.js} +1 -1
  186. package/dist/{useFieldAccessibility-BsEP3ts2.js → useFieldAccessibility-gWmCBTWA.js} +2 -2
  187. package/dist/{useFilter-DjR64hmy.js → useFilter-CI4X6urj.js} +1 -1
  188. package/dist/{useFormAutosave-DtYELduH.js → useFormAutosave-D-tnGPI8.js} +1 -1
  189. package/dist/{useFormReset-CFgV1v57.js → useFormReset-BmSQIMid.js} +1 -1
  190. package/dist/{useFormValidation-DWqb1ZeB.js → useFormValidation-DlNyD6aD.js} +2 -2
  191. package/dist/{useLabels-CUjKpeKj.js → useLabels-Bt2BXuQ6.js} +1 -1
  192. package/dist/{useLocalizedStringFormatter-D9TmTRN_.js → useLocalizedStringFormatter-tBB7tXBj.js} +1 -1
  193. package/dist/{useNumberFormatter-BiWwqIo9.js → useNumberFormatter-Dgd8W1FX.js} +1 -1
  194. package/dist/{useSpinButton-BxGKzVHd.js → useSpinButton-Ba23Hqso.js} +3 -3
  195. package/dist/{useStaticInputHandoff-ClwANfo-.js → useStaticInputHandoff-D8dmC_LG.js} +2 -2
  196. package/dist/{useTableColumnConfig-CR0gk7hI.js → useTableColumnConfig-C647gNJs.js} +3 -3
  197. package/dist/{useToggle-ingqhLIQ.js → useToggle-D8aP2d5t.js} +3 -2
  198. package/dist/{import-CuNJ25EP.js → utils-D-KKbY-n.js} +1 -73
  199. package/package.json +1 -1
  200. package/dist/date-range-picker-BYdeSyMU.d.ts +0 -9
@@ -3,27 +3,30 @@ import { t as ChevronDown } from "./chevron-down-Ciz9yP9R.js";
3
3
  import { t as ChevronLeft } from "./chevron-left-VO8YZrXZ.js";
4
4
  import { t as ChevronRight } from "./chevron-right-C_M98bh3.js";
5
5
  import { n as ChevronsLeft, t as ChevronsRight } from "./chevrons-right-BXdmZ2TS.js";
6
- import { t as FormField } from "./FormField-ChDNTHr4.js";
7
- import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-D3kmFpMZ.js";
6
+ import { i as CalendarGrid, n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
8
7
  import { t as clsx } from "./clsx-CnD0nOiA.js";
9
- import { _ as $5dc95899b306f630$export$c9058316764c140e, b as $bdb11010cef70236$export$f680877a34711e37, g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-CuNJ25EP.js";
10
- import { n as $d4ee10de306f2510$export$4282f70798064fe0, t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
11
- import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BiAHPBz2.js";
12
- import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-D8raJPFb.js";
13
- import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-BOFCK9Ub.js";
14
- import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-oSE-CM83.js";
15
- import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D9TmTRN_.js";
8
+ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $5dc95899b306f630$export$c9058316764c140e, h as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-D-KKbY-n.js";
9
+ import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
10
+ import { o as $9bf71ea28793e738$export$c5251b9e124bf29 } from "./SelectionIndicator-BvWiZS2N.js";
11
+ import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-BXAtbYEe.js";
12
+ import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
13
+ import { C as $dfb4eba373ed9493$exports, S as $3dfb0f96be0d6a08$export$4a931266a3838b86, h as useRangeCalendarState, i as getStaticDateTimeFocusTarget, m as useDateRangePickerState, o as DateTimeDialogFooter, r as getStaticDateRangeSegments, s as DateTimeDialog, v as $16f0b7bb276bc17e$export$300019f83c56d282, w as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, x as $16f0b7bb276bc17e$export$7b3062cd49e80452 } from "./staticDateTimeSegments-BJpz4raS.js";
14
+ import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-D09S1dNt.js";
15
+ import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
16
+ import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
16
17
  import { n as $e5be200c675c3b3a$export$a763b9476acd3eb, r as $e5be200c675c3b3a$export$dad6ae84456c676a, t as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "./useFormValidationState-Bpry7Uk5.js";
18
+ import { t as Toggle } from "./Toggle-bWM3RSXY.js";
17
19
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
18
20
  import { t as Typography } from "./Typography-AcUd9df8.js";
19
21
  import { InlineIconButton } from "./components/inline-icon-button.js";
20
22
  import { PillButton } from "./components/pill-button.js";
21
23
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
22
- import "./i18n-C2TBJvnh.js";
23
- import { t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
24
- import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-ClwANfo-.js";
24
+ import { t as FormField } from "./FormField-Cl-t5Wi1.js";
25
+ import "./i18n-BDjNuy4Z.js";
26
+ import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
27
+ import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
25
28
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
26
- import { t as Select } from "./Select-BXhqcKAI.js";
29
+ import { t as Select } from "./Select-BEgNpIuG.js";
27
30
  import { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
28
31
  import { createCalendar, endOfMonth, endOfWeek, endOfYear, getLocalTimeZone, startOfMonth, startOfWeek, startOfYear, toCalendarDate, today } from "@internationalized/date";
29
32
  import { useFocusWithin } from "@react-aria/interactions";
@@ -464,7 +467,7 @@ const RangeCalendar = ({ className, leftCalendarState, rightCalendarState, calen
464
467
  const DateRangePickerBase = (props) => {
465
468
  const ui = UIConfig.useConfig();
466
469
  const { t } = useTranslation();
467
- const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeOptions = [], onRelativeChange, minValue, maxValue, ...rest } = props;
470
+ const { ref, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isDirty, headerClassName, errorClassName, isHeaderHidden, error, onChange, onBlur, value, disableDropdown, className, hideSidebar, placeholder, inputClassName, hideLabel: hideLabelProp, variant: variantProp, as: asProp, size: sizeProp, isClearable: isClearableProp, isClearableIfDisabled, todayIcon: todayIconProp, todayIconButtonSize: todayIconButtonSizeProp, todayIconButtonComponent: todayIconButtonComponentProp, todayIconPlacement: todayIconPlacementProp, shouldForceLeadingZeros: shouldForceLeadingZerosProp, disableManualEntry: disableManualEntryProp, autoFixYear: autoFixYearProp, allowPartialRange: allowPartialRangeProp, mode = "absolute", relativeValue, relativeResolvedValue, relativeOptions = [], onRelativeChange, enableRelativeMode, onModeChange, minValue, maxValue, ...rest } = props;
468
471
  const hideLabel = hideLabelProp ?? ui.input.hideLabel;
469
472
  const variant = variantProp ?? ui.input.variant;
470
473
  const as = asProp ?? ui.input.as;
@@ -581,6 +584,9 @@ const DateRangePickerBase = (props) => {
581
584
  maxValue
582
585
  });
583
586
  const [activePreset, setActivePreset] = useState(mode === "relative" ? relativeValue ?? null : null);
587
+ useEffect(() => {
588
+ setActivePreset(mode === "relative" ? relativeValue ?? null : null);
589
+ }, [mode, relativeValue]);
584
590
  const [rangeSelection, setRangeSelection] = useState({
585
591
  start: value?.start || null,
586
592
  end: value?.end || null,
@@ -846,7 +852,8 @@ const DateRangePickerBase = (props) => {
846
852
  ]);
847
853
  const onApply = () => {
848
854
  if (mode === "relative") {
849
- onRelativeChange?.(activePreset);
855
+ const preset = presets.find((option) => option.value === activePreset);
856
+ onRelativeChange?.(activePreset, preset?.clampedValue ?? null);
850
857
  state.toggle();
851
858
  return;
852
859
  }
@@ -881,7 +888,7 @@ const DateRangePickerBase = (props) => {
881
888
  const onInputClear = () => {
882
889
  if (mode === "relative") {
883
890
  setActivePreset(null);
884
- onRelativeChange?.(null);
891
+ onRelativeChange?.(null, null);
885
892
  return;
886
893
  }
887
894
  fieldRangeRef.current = null;
@@ -1045,16 +1052,21 @@ const DateRangePickerBase = (props) => {
1045
1052
  }),
1046
1053
  keepEnabledUnlessFutureMin: true
1047
1054
  }),
1048
- ...relativeOptions.map((option) => ({
1049
- value: option.value,
1050
- label: option.label,
1051
- getValue: () => ({
1052
- start: todayDate,
1053
- end: todayDate
1054
- }),
1055
- clampedValue: null,
1056
- isDisabled: option.isDisabled ?? false
1057
- }))
1055
+ ...relativeOptions.map((option) => {
1056
+ const resolvedValue = option.getValue();
1057
+ const range = {
1058
+ start: DateTimeUtils.fromUTCISOToCalendarDate(resolvedValue.start),
1059
+ end: DateTimeUtils.fromUTCISOToCalendarDate(resolvedValue.end)
1060
+ };
1061
+ const clampedValue = clampRangeToBounds(range);
1062
+ return {
1063
+ value: option.value,
1064
+ label: option.label,
1065
+ getValue: () => range,
1066
+ clampedValue,
1067
+ isDisabled: (option.isDisabled ?? false) || !clampedValue
1068
+ };
1069
+ })
1058
1070
  ];
1059
1071
  const selectPreset = (preset) => {
1060
1072
  if (preset.isDisabled || mode !== "relative" && !preset.clampedValue) return;
@@ -1073,6 +1085,22 @@ const DateRangePickerBase = (props) => {
1073
1085
  if (mode === "relative") setActivePreset(preset.value);
1074
1086
  };
1075
1087
  const activeRelativeOption = mode === "relative" ? presets.find((preset) => preset.value === relativeValue) : void 0;
1088
+ const relativeDisplayRange = relativeResolvedValue ?? activeRelativeOption?.clampedValue;
1089
+ const relativeDisplayValue = activeRelativeOption ? /* @__PURE__ */ jsxs("div", {
1090
+ className: "flex min-w-0 items-center gap-1",
1091
+ children: [/* @__PURE__ */ jsxs(Typography, {
1092
+ size: "label-1",
1093
+ className: "shrink-0",
1094
+ children: [activeRelativeOption.label, relativeDisplayRange ? " ·" : ""]
1095
+ }), relativeDisplayRange && getStaticDateRangeSegments({
1096
+ start: relativeDisplayRange.start,
1097
+ end: relativeDisplayRange.end,
1098
+ locale,
1099
+ shouldForceLeadingZeros,
1100
+ isDisabled: !!isDisabled,
1101
+ disableManualEntry: true
1102
+ })]
1103
+ }) : void 0;
1076
1104
  return /* @__PURE__ */ jsx(TooltipWrapper, {
1077
1105
  as,
1078
1106
  error,
@@ -1128,7 +1156,7 @@ const DateRangePickerBase = (props) => {
1128
1156
  todayIconPlacement,
1129
1157
  isDirty,
1130
1158
  disableManualEntry: mode === "relative" || disableManualEntry,
1131
- displayValue: activeRelativeOption?.label,
1159
+ displayContent: relativeDisplayValue,
1132
1160
  autoFixYear,
1133
1161
  placeholder,
1134
1162
  className: inputClassName,
@@ -1137,9 +1165,14 @@ const DateRangePickerBase = (props) => {
1137
1165
  onClear: onInputClear
1138
1166
  }), /* @__PURE__ */ jsx(DateTimeDialog, {
1139
1167
  hideSidebar,
1140
- sidebar: /* @__PURE__ */ jsx("div", {
1168
+ sidebar: /* @__PURE__ */ jsxs("div", {
1141
1169
  className: "flex w-full flex-row overflow-auto border-elevation-outline-default-1 border-solid [-ms-overflow-style:none] [scrollbar-width:none] md:max-h-[344px] md:w-[156px] md:flex-col md:border-r [&::-webkit-scrollbar]:hidden",
1142
- children: presets.map((preset) => /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
1170
+ children: [enableRelativeMode && /* @__PURE__ */ jsx(Toggle, {
1171
+ isSelected: mode === "relative",
1172
+ onChange: onModeChange,
1173
+ className: "shrink-0 px-2 py-2 md:px-list-side-item-left",
1174
+ children: t(($) => $.ui.datePicker.relativeMode, { ns: "ui" })
1175
+ }), presets.map((preset) => /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
1143
1176
  isDisabled: preset.isDisabled,
1144
1177
  onClick: () => selectPreset(preset),
1145
1178
  className: clsx("w-full px-2 py-1 text-left md:px-list-side-item-left md:py-list-height-item disabled:text-interactive-text-secondary-disabled!", activePreset !== (mode === "relative" ? preset.value : preset.label) && "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover", activePreset === (mode === "relative" ? preset.value : preset.label) && "bg-interactive-contained-primary-idle text-interactive-text-secondary-idle-inverted"),
@@ -1150,7 +1183,7 @@ const DateRangePickerBase = (props) => {
1150
1183
  className: "whitespace-nowrap",
1151
1184
  children: preset.label
1152
1185
  })
1153
- }, mode === "relative" ? preset.value : preset.label))
1186
+ }, mode === "relative" ? preset.value : preset.label))]
1154
1187
  }),
1155
1188
  footer: /* @__PURE__ */ jsx(DateTimeDialogFooter, {
1156
1189
  isDisabled,
@@ -1210,6 +1243,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1210
1243
  }
1211
1244
  });
1212
1245
  const normalizedValue = props.value ?? null;
1246
+ const isRelativeValue = (value) => !!value && typeof value === "object" && "relativeValue" in value;
1247
+ const [isRelativeMode, setIsRelativeMode] = useState(props.enableRelativeMode === true && isRelativeValue(normalizedValue));
1248
+ const mode = isRelativeMode ? "relative" : "absolute";
1249
+ useEffect(() => {
1250
+ if (!props.enableRelativeMode || normalizedValue === null) return;
1251
+ setIsRelativeMode(isRelativeValue(normalizedValue));
1252
+ }, [normalizedValue, props.enableRelativeMode]);
1213
1253
  const formatDateRange = (range) => {
1214
1254
  if (!range || !range.start && !range.end || !allowPartialRange && (!range.start || !range.end)) return null;
1215
1255
  if (fullIso) return {
@@ -1253,7 +1293,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1253
1293
  maxValue,
1254
1294
  parseCalendarDate
1255
1295
  ]);
1256
- const normalizedRange = normalizedValue;
1296
+ const normalizedRange = isRelativeValue(normalizedValue) ? normalizedValue.resolvedValue : normalizedValue;
1257
1297
  if (!renderInput) {
1258
1298
  const relativeOptions = [
1259
1299
  {
@@ -1294,10 +1334,10 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1294
1334
  },
1295
1335
  ...ui.dateInput.dateRangeOptions
1296
1336
  ];
1297
- const relativeLabel = props.mode === "relative" ? relativeOptions.find((option) => option.value === normalizedValue)?.label : void 0;
1337
+ const relativeLabel = mode === "relative" ? relativeOptions.find((option) => option.value === (isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null))?.label : void 0;
1298
1338
  const startDateValue = parseCalendarDate(normalizedRange?.start ?? null);
1299
1339
  const endDateValue = parseCalendarDate(normalizedRange?.end ?? null);
1300
- const hasProvidedRangeValue = props.mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
1340
+ const hasProvidedRangeValue = mode === "relative" ? !!relativeLabel : !!(normalizedRange?.start || normalizedRange?.end);
1301
1341
  const as = props.as ?? ui.input.as;
1302
1342
  const size = props.size ?? ui.input.size;
1303
1343
  const isDisabled = isFormControlDisabled || !!props.isDisabled;
@@ -1311,7 +1351,7 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1311
1351
  size: todayIconButtonSize,
1312
1352
  todayIconButtonComponent
1313
1353
  });
1314
- const disableManualEntry = props.mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
1354
+ const disableManualEntry = mode === "relative" || (props.disableManualEntry ?? ui.dateInput.disableManualEntry);
1315
1355
  const showDropdown = !props.disableDropdown || disableManualEntry;
1316
1356
  const staticSegments = getStaticDateRangeSegments({
1317
1357
  start: startDateValue,
@@ -1357,10 +1397,13 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1357
1397
  onClick: () => {},
1358
1398
  altText: ""
1359
1399
  } : void 0,
1360
- children: relativeLabel ? /* @__PURE__ */ jsx(Typography, {
1361
- size: "label-1",
1362
- className: "truncate",
1363
- children: relativeLabel
1400
+ children: relativeLabel ? /* @__PURE__ */ jsxs("div", {
1401
+ className: "flex min-w-0 items-center gap-1",
1402
+ children: [/* @__PURE__ */ jsxs(Typography, {
1403
+ size: "label-1",
1404
+ className: "shrink-0",
1405
+ children: [relativeLabel, " ·"]
1406
+ }), staticSegments]
1364
1407
  }) : staticSegments
1365
1408
  });
1366
1409
  }
@@ -1368,11 +1411,30 @@ const DateRangePickerInner = ({ fullIso = true, minValue, maxValue, renderStatic
1368
1411
  ...props,
1369
1412
  ...dateLimits,
1370
1413
  ref: $5dc95899b306f630$export$c9058316764c140e(props.ref, inputRef),
1371
- mode: props.mode,
1372
- relativeValue: props.mode === "relative" ? normalizedValue : null,
1373
- relativeOptions: props.mode === "relative" ? ui.dateInput.dateRangeOptions : [],
1374
- onRelativeChange: (value) => props.onChange?.(value),
1375
- value: props.mode === "relative" ? null : parseDateRange(normalizedRange),
1414
+ mode,
1415
+ enableRelativeMode: props.enableRelativeMode,
1416
+ onModeChange: (relative) => {
1417
+ setIsRelativeMode(relative);
1418
+ props.onChange?.(null);
1419
+ },
1420
+ relativeValue: mode === "relative" && isRelativeValue(normalizedValue) ? normalizedValue.relativeValue : null,
1421
+ relativeResolvedValue: mode === "relative" && isRelativeValue(normalizedValue) ? parseDateRange(normalizedValue.resolvedValue) : null,
1422
+ relativeOptions: mode === "relative" ? ui.dateInput.dateRangeOptions : [],
1423
+ onRelativeChange: (relativeValue, resolvedValue) => {
1424
+ const formattedResolvedValue = formatDateRange(resolvedValue);
1425
+ if (!relativeValue || !formattedResolvedValue?.start || !formattedResolvedValue.end) {
1426
+ props.onChange?.(null);
1427
+ return;
1428
+ }
1429
+ props.onChange?.({
1430
+ relativeValue,
1431
+ resolvedValue: {
1432
+ start: formattedResolvedValue.start,
1433
+ end: formattedResolvedValue.end
1434
+ }
1435
+ });
1436
+ },
1437
+ value: mode === "relative" ? null : parseDateRange(normalizedRange),
1376
1438
  onChange: (value) => props.onChange?.(formatDateRange(value))
1377
1439
  });
1378
1440
  };
@@ -3,7 +3,7 @@ import { n as FieldValues } from "./form.binding-DWlFTecs.js";
3
3
  import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
4
4
  import { n as FormFieldProps } from "./FormField-CpPQoyv_.js";
5
5
  import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
6
- import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-CJR-w_b1.js";
6
+ import { a as DatePickerTodayIconPlacement, i as DatePickerTodayIconButtonSize, n as DatePickerTodayIcon, r as DatePickerTodayIconButtonComponent, t as DatePickerInputHandle } from "./DatePickerInput-BJi1U0fr.js";
7
7
  import { FocusEvent, Ref } from "react";
8
8
  //#region src/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts
9
9
  interface DateTimePickerBaseProps extends FormFieldProps, InputVariantProps, Omit<DatePickerStateOptions<DateValue>, "granularity" | "shouldCloseOnSelect" | "label" | "onBlur"> {
@@ -1,16 +1,16 @@
1
1
  import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
2
- import { t as FormField } from "./FormField-ChDNTHr4.js";
3
- import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-D3kmFpMZ.js";
2
+ import { n as renderDatePickerTodayIcon, r as datePickerInputContentRowDefinition, t as DatePickerInput } from "./DatePickerInput-BK6P_VAB.js";
4
3
  import { t as clsx } from "./clsx-CnD0nOiA.js";
5
- import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25EP.js";
6
- import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
7
- import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-BOFCK9Ub.js";
8
- import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-Dc1UbbAq.js";
4
+ import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
5
+ import { d as useCalendarState, i as getStaticDateTimeFocusTarget, n as getStaticCalendarDateTimeSegments, o as DateTimeDialogFooter, p as useDatePickerState, s as DateTimeDialog } from "./staticDateTimeSegments-BJpz4raS.js";
6
+ import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
7
+ import { r as $6057a3d2a53a12fd$export$42df105a73306d51, t as Calendar } from "./Calendar-DQxeTov4.js";
9
8
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
10
9
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
11
- import { t as TooltipWrapper } from "./TooltipWrapper-eCF5-eNP.js";
12
- import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-ClwANfo-.js";
13
- import { t as normalizeDatePickerValue } from "./datePickerValue.utils-469FeRCl.js";
10
+ import { t as FormField } from "./FormField-Cl-t5Wi1.js";
11
+ import { t as TooltipWrapper } from "./TooltipWrapper-DyDsoRe-.js";
12
+ import { n as InputFrame, t as useStaticInputHandoff } from "./useStaticInputHandoff-D8dmC_LG.js";
13
+ import { t as normalizeDatePickerValue } from "./datePickerValue.utils-CA2te8RG.js";
14
14
  import { t as DateTimeUtils } from "./date-time.utils-0F9qduim.js";
15
15
  import { memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
16
16
  import { Time, createCalendar, getLocalTimeZone, toCalendarDate, toCalendarDateTime, today } from "@internationalized/date";
@@ -1,19 +1,21 @@
1
1
  import { r as __require, t as __commonJSMin } from "./rolldown-runtime-B-lAHAz2.js";
2
2
  import { i as $4e85f108e88277b8$export$d688439359537581, r as $4e85f108e88277b8$export$b0d3ecf7112093a7, t as $4e85f108e88277b8$export$698f465ec27e93df } from "./RSPContexts-DHQi1l7F.js";
3
- import { S as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$2881499e37b75b9a, b as $bdb11010cef70236$export$f680877a34711e37, c as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, d as $64fa3d84918910a7$export$df3a06d6289f983e, g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as useHover$1, m as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$29f1550f4b0d4415, p as $64fa3d84918910a7$export$fabf2dc03a41866e, s as $64fa3d84918910a7$export$4d86445c2cf5e3, u as $64fa3d84918910a7$export$c62b8e45d58ddad9, v as $ff5963eb1fccf552$export$e08e3b67e392101e, x as $b5e257d569688ac6$export$535bd6ca7f90a273, y as $bdb11010cef70236$export$b4cc09c592e8fdb8 } from "./import-CuNJ25EP.js";
4
- import { n as $d4ee10de306f2510$export$4282f70798064fe0, o as $431fbd86ca7dc216$export$b204af158042fbac, r as $d4ee10de306f2510$export$cd4e5573fbe2b576, s as $431fbd86ca7dc216$export$f21a1ffae260145a, t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-HV79Qf_F.js";
5
- import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, c as $b4b717babfbb907b$export$bebd5a1431fec25d, i as $9bf71ea28793e738$export$20e40289641fbbb6, n as $c8a5a149f625efcf$export$758399f318e6385a, r as $9bf71ea28793e738$export$1258395f99bf9cbf, t as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-BiAHPBz2.js";
3
+ import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, g as $b5e257d569688ac6$export$535bd6ca7f90a273, h as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, l as $64fa3d84918910a7$export$fabf2dc03a41866e, m as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $64fa3d84918910a7$export$29f1550f4b0d4415, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, p as $ff5963eb1fccf552$export$e08e3b67e392101e, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e, t as $64fa3d84918910a7$export$2881499e37b75b9a, u as $df56164dff5785e2$export$4338b53315abf666 } from "./utils-D-KKbY-n.js";
4
+ import { a as $431fbd86ca7dc216$export$b204af158042fbac, n as $d4ee10de306f2510$export$cd4e5573fbe2b576, o as $431fbd86ca7dc216$export$f21a1ffae260145a, t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
5
+ import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa, c as $b4b717babfbb907b$export$bebd5a1431fec25d, i as $9bf71ea28793e738$export$20e40289641fbbb6, n as $c8a5a149f625efcf$export$758399f318e6385a, r as $9bf71ea28793e738$export$1258395f99bf9cbf, t as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-BvWiZS2N.js";
6
+ import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as useHover$1 } from "./import-BXAtbYEe.js";
6
7
  import { t as $7215afc6de606d6b$export$de79e2c695e052f3 } from "./focusWithoutScrolling-DEPiLwKq.js";
7
8
  import { a as $c87311424ea30a05$export$9ac100e40613ea10, c as $c87311424ea30a05$export$e1865c3bedcd822b, l as $c87311424ea30a05$export$fedb369cb70207f1 } from "./platform-df1ZXSJE.js";
8
9
  import { a as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, i as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, r as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, t as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./openLink-CIHtr0U7.js";
9
- import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CUjKpeKj.js";
10
- import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-DAMDuWzz.js";
11
- import { a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, d as $d3f049242431219c$export$6d3443f2c48bfc20, f as $9daab02d461809db$export$683480f191c0e3ea, i as $96b38030c423d352$export$9fc1347d4195ccb3, o as $dd149f63282afbbf$export$f6211563215e3b37, r as $fc909762b330b746$export$61c6a8c84e605fb6, t as $44f671af83e7d9e0$export$2de4954e8ae13b9f, u as $d3f049242431219c$export$45fda7c47f93fd48 } from "./OverlayArrow-Bz_8bYjT.js";
12
- import { t as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-5X8yPLOx.js";
10
+ import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bt2BXuQ6.js";
11
+ import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
12
+ import { a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, c as $d3f049242431219c$export$6d3443f2c48bfc20, i as $96b38030c423d352$export$9fc1347d4195ccb3, l as $9daab02d461809db$export$683480f191c0e3ea, o as $dd149f63282afbbf$export$f6211563215e3b37, r as $fc909762b330b746$export$61c6a8c84e605fb6, s as $d3f049242431219c$export$45fda7c47f93fd48, t as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-CyFI2DhX.js";
13
+ import { t as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-CjGFQh-l.js";
13
14
  import { t as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-Bk39gTui.js";
14
- import { t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-oSE-CM83.js";
15
- import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D9TmTRN_.js";
16
- import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-src7PN5r.js";
15
+ import { t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-D09S1dNt.js";
16
+ import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-74MZZLC0.js";
17
+ import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
18
+ import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CWgME09A.js";
17
19
  import { n as $f39a9eba43920ace$export$8dc98ba7eadeaa56, r as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-BtagiSrf.js";
18
20
  import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
19
21
  import $HgANd$react, { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
@@ -1,7 +1,7 @@
1
1
  import { n as __exportAll } from "./rolldown-runtime-B-lAHAz2.js";
2
2
  import { t as clsx } from "./clsx-CnD0nOiA.js";
3
- import { n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "./Dialog-CXVxCqvL.js";
4
- import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-CAAJgOQb.js";
3
+ import { n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "./Dialog-Bl7F9FUP.js";
4
+ import { n as $f3f84453ead64de5$export$8948f78d83984c69, t as $f3f84453ead64de5$export$2b77a92f1a5ad772 } from "./Modal-UhtruHmf.js";
5
5
  import { r as modalOverlay } from "./modal.cva-CbziPHSN.js";
6
6
  import { c } from "react/compiler-runtime";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,17 +1,18 @@
1
1
  import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
2
- import { S as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$2881499e37b75b9a, d as $64fa3d84918910a7$export$df3a06d6289f983e, g as $3ef42575df84b30b$export$9d1611c77c2fe928, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as useHover$1, m as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$29f1550f4b0d4415, s as $64fa3d84918910a7$export$4d86445c2cf5e3, v as $ff5963eb1fccf552$export$e08e3b67e392101e, y as $bdb11010cef70236$export$b4cc09c592e8fdb8 } from "./import-CuNJ25EP.js";
3
- import { n as $d4ee10de306f2510$export$4282f70798064fe0 } from "./context-HV79Qf_F.js";
4
- import { s as $b4b717babfbb907b$export$4c063cf1350e6fed } from "./SelectionIndicator-BiAHPBz2.js";
2
+ import { _ as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, m as $bdb11010cef70236$export$b4cc09c592e8fdb8, n as $64fa3d84918910a7$export$29f1550f4b0d4415, p as $ff5963eb1fccf552$export$e08e3b67e392101e, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e, t as $64fa3d84918910a7$export$2881499e37b75b9a, u as $df56164dff5785e2$export$4338b53315abf666 } from "./utils-D-KKbY-n.js";
3
+ import { t as $d4ee10de306f2510$export$4282f70798064fe0 } from "./DOMFunctions-BrQjsnDh.js";
4
+ import { s as $b4b717babfbb907b$export$4c063cf1350e6fed } from "./SelectionIndicator-BvWiZS2N.js";
5
+ import { a as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as useHover$1 } from "./import-BXAtbYEe.js";
5
6
  import { a as $c87311424ea30a05$export$9ac100e40613ea10, i as $c87311424ea30a05$export$7bef049ce92e4224 } from "./platform-df1ZXSJE.js";
6
- import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CUjKpeKj.js";
7
- import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-DAMDuWzz.js";
8
- import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-D8raJPFb.js";
9
- import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-D9TmTRN_.js";
7
+ import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bt2BXuQ6.js";
8
+ import { t as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useEffectEvent-BdzIyMdT.js";
9
+ import { t as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "./useDescription-4EIEr0rR.js";
10
+ import { n as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-tBB7tXBj.js";
10
11
  import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
11
- import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-src7PN5r.js";
12
- import { t as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-STC3gJBt.js";
12
+ import { t as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CWgME09A.js";
13
+ import { t as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-CTZ6UEfP.js";
13
14
  import { t as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BTtw_Syz.js";
14
- import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-B4FVIWxn.js";
15
+ import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input-BefLtZJe.js";
15
16
  import { t as $df39c1238ae2b5f3$exports } from "./intlStrings-DrQB127v.js";
16
17
  import $HgANd$react, { createContext, forwardRef, useEffect, useRef, useState } from "react";
17
18
  import { PressResponder, useFocus, useInteractionModality } from "@react-aria/interactions";
@@ -1,18 +1,18 @@
1
1
  import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
2
2
  import { t as UIConfig } from "./uiConfig.context-B_wBkrQZ.js";
3
- import { t as FormField } from "./FormField-ChDNTHr4.js";
4
- import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-BSzrj50r.js";
3
+ import { n as $cb088e721efb9218$export$3c6489d84dc98b6, r as Upload, t as $1e2864c73f66a4da$export$6fb4a10d2c950550 } from "./FileTrigger-CjvQGNXu.js";
5
4
  import { t as X } from "./x-BYOEO0gW.js";
6
5
  import { t as clsx } from "./clsx-CnD0nOiA.js";
7
- import { _ as $5dc95899b306f630$export$c9058316764c140e } from "./import-CuNJ25EP.js";
8
- import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CUjKpeKj.js";
6
+ import { f as $5dc95899b306f630$export$c9058316764c140e } from "./utils-D-KKbY-n.js";
7
+ import { t as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Bt2BXuQ6.js";
9
8
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
10
9
  import { t as Typography } from "./Typography-AcUd9df8.js";
11
- import { t as Button } from "./Button-CtPMeT8f.js";
10
+ import { t as Button } from "./Button-D9J5wkMv.js";
12
11
  import { InlineIconButton } from "./components/inline-icon-button.js";
13
12
  import { TextButton } from "./components/text-button.js";
14
13
  import { t as FieldController } from "./form.binding-DyZ4fH8l.js";
15
- import "./i18n-C2TBJvnh.js";
14
+ import { t as FormField } from "./FormField-Cl-t5Wi1.js";
15
+ import "./i18n-BDjNuy4Z.js";
16
16
  import { t as FileUtils } from "./file.utils-DqQxnuAm.js";
17
17
  import { t as ProgressBar } from "./ProgressBar-C8dtVA-1.js";
18
18
  import { memo, useCallback, useMemo, useState } from "react";
@@ -1,5 +1,5 @@
1
1
  import { c as ZodObject, h as output } from "./schemas-CAtYiHoz.js";
2
- import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-CecPNXsF.js";
2
+ import { c as InputComponentProps, i as DefaultComponentType, r as AllowedComponentType, u as InputDefBaseProps } from "./dynamicInputs-D1UI85oQ.js";
3
3
  import { c as UIForm, l as UseFormProps, o as FormSubmitErrorHandler, s as FormSubmitHandler } from "./form.binding-DWlFTecs.js";
4
4
  import { DependencyList, ReactNode } from "react";
5
5
  //#region src/hooks/useAutosave.d.ts
@@ -1,37 +1,12 @@
1
- import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
2
- import { t as Tooltip } from "./Tooltip-CVBOnHy-.js";
3
1
  import { t as clsx } from "./clsx-CnD0nOiA.js";
4
- import { t as Focusable } from "./import-CuNJ25EP.js";
5
- import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-a10cLlQM.js";
2
+ import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-BVczUvgv.js";
6
3
  import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
7
4
  import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
8
5
  import { t as Typography } from "./Typography-AcUd9df8.js";
9
6
  import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
10
7
  import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
8
+ import { Suspense, lazy } from "react";
11
9
  import { jsx, jsxs } from "react/jsx-runtime";
12
- /**
13
- * @license lucide-react v1.28.0 - ISC
14
- *
15
- * This source code is licensed under the ISC license.
16
- * See the LICENSE file in the root directory of this source tree.
17
- */
18
- const Info = createLucideIcon("info", [
19
- ["circle", {
20
- cx: "12",
21
- cy: "12",
22
- r: "10",
23
- key: "1mglay"
24
- }],
25
- ["path", {
26
- d: "M12 16v-4",
27
- key: "1dtifu"
28
- }],
29
- ["path", {
30
- d: "M12 8h.01",
31
- key: "e9boi3"
32
- }]
33
- ]);
34
- //#endregion
35
10
  //#region src/components/inputs/FormField/formFieldHeader.cva.ts
36
11
  const formFieldHeaderDefinition = UIOverrides.defineConfig({
37
12
  base: [""],
@@ -137,6 +112,7 @@ const FormFieldLabel = ({ ref, as, label, isRequired, isDisabled, labelProps, cl
137
112
  };
138
113
  //#endregion
139
114
  //#region src/components/inputs/FormField/FormFieldHeader.tsx
115
+ const FormFieldHeaderTooltip = lazy(() => import("./FormFieldHeaderTooltip-C3nmuFKW.js"));
140
116
  const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightContent, isHeaderHidden, isDisabled, className, labelProps }) => {
141
117
  const formFieldHeaderCva = UIOverrides.useCva("formField.headerCva", formFieldHeaderDefinition);
142
118
  return /* @__PURE__ */ jsxs("div", {
@@ -150,13 +126,13 @@ const FormFieldHeader = ({ label, tooltipText, helperText, isRequired, rightCont
150
126
  isRequired,
151
127
  isDisabled,
152
128
  labelProps
153
- }), tooltipText && /* @__PURE__ */ jsx(Tooltip, {
154
- text: tooltipText,
155
- children: /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx(Info, {
156
- className: clsx("size-6", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"),
157
- tabIndex: 0
158
- }) })
159
- })]
129
+ }), tooltipText ? /* @__PURE__ */ jsx(Suspense, {
130
+ fallback: /* @__PURE__ */ jsx("span", { className: "size-6" }),
131
+ children: /* @__PURE__ */ jsx(FormFieldHeaderTooltip, {
132
+ text: tooltipText,
133
+ isDisabled
134
+ })
135
+ }) : null]
160
136
  }), rightContent]
161
137
  }), helperText && /* @__PURE__ */ jsx(Typography, {
162
138
  slot: "description",
@@ -0,0 +1,38 @@
1
+ import { t as createLucideIcon } from "./createLucideIcon-CskCrR9z.js";
2
+ import { t as Tooltip } from "./Tooltip-D8YNkKCl.js";
3
+ import { t as clsx } from "./clsx-CnD0nOiA.js";
4
+ import { t as Focusable } from "./import-BXAtbYEe.js";
5
+ import { jsx } from "react/jsx-runtime";
6
+ /**
7
+ * @license lucide-react v1.28.0 - ISC
8
+ *
9
+ * This source code is licensed under the ISC license.
10
+ * See the LICENSE file in the root directory of this source tree.
11
+ */
12
+ const Info = createLucideIcon("info", [
13
+ ["circle", {
14
+ cx: "12",
15
+ cy: "12",
16
+ r: "10",
17
+ key: "1mglay"
18
+ }],
19
+ ["path", {
20
+ d: "M12 16v-4",
21
+ key: "1dtifu"
22
+ }],
23
+ ["path", {
24
+ d: "M12 8h.01",
25
+ key: "e9boi3"
26
+ }]
27
+ ]);
28
+ //#endregion
29
+ //#region src/components/inputs/FormField/FormFieldHeaderTooltip.tsx
30
+ const FormFieldHeaderTooltip = ({ text, isDisabled }) => /* @__PURE__ */ jsx(Tooltip, {
31
+ text,
32
+ children: /* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx(Info, {
33
+ className: clsx("size-6", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"),
34
+ tabIndex: 0
35
+ }) })
36
+ });
37
+ //#endregion
38
+ export { FormFieldHeaderTooltip as default };
@@ -0,0 +1,24 @@
1
+ import { t as Tooltip } from "./Tooltip-D8YNkKCl.js";
2
+ import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
3
+ import { t as tooltipWrapperTriggerDefinition } from "./tooltipWrapper.cva-CUu8pI-a.js";
4
+ import { jsx } from "react/jsx-runtime";
5
+ //#region src/components/inputs/shared/InlineTooltipWrapper.tsx
6
+ const InlineTooltipWrapper = ({ children, error, triggerClassName, triggerTabIndex }) => {
7
+ const tooltipWrapperTriggerCva = UIOverrides.useCva("tooltipWrapper.triggerCva", tooltipWrapperTriggerDefinition);
8
+ return /* @__PURE__ */ jsx(Tooltip, {
9
+ text: error || void 0,
10
+ placement: "bottom",
11
+ color: "error",
12
+ hidden: !error,
13
+ isNonInteractiveTrigger: true,
14
+ triggerClassName: tooltipWrapperTriggerCva({ className: triggerClassName }),
15
+ triggerTabIndex,
16
+ children: /* @__PURE__ */ jsx("div", {
17
+ tabIndex: -1,
18
+ className: tooltipWrapperTriggerCva({}),
19
+ children
20
+ })
21
+ });
22
+ };
23
+ //#endregion
24
+ export { InlineTooltipWrapper as default };
@@ -1,4 +1,5 @@
1
- import { d as $64fa3d84918910a7$export$df3a06d6289f983e, g as $3ef42575df84b30b$export$9d1611c77c2fe928, i as useHover, o as $64fa3d84918910a7$export$29f1550f4b0d4415, s as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./import-CuNJ25EP.js";
1
+ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $64fa3d84918910a7$export$29f1550f4b0d4415, r as $64fa3d84918910a7$export$4d86445c2cf5e3, s as $64fa3d84918910a7$export$df3a06d6289f983e } from "./utils-D-KKbY-n.js";
2
+ import { i as useHover } from "./import-BXAtbYEe.js";
2
3
  import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cd0lBvKO.js";
3
4
  import { t as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-BtagiSrf.js";
4
5
  import $HgANd$react, { createContext } from "react";
@@ -1,21 +1,21 @@
1
- import { t as PasswordInput } from "./PasswordInput-BUZPRoOL.js";
2
- import { t as Checkbox } from "./Checkbox-Feyideqw.js";
3
- import { t as Slider } from "./Slider-YdD68ygp.js";
4
- import { t as DateRangePicker } from "./DateRangePicker-XhfuEunT.js";
5
- import { t as Toggle } from "./Toggle-Bw15KIly.js";
6
- import { t as TextArea } from "./TextArea-B8TIZZ5i.js";
1
+ import { t as PasswordInput } from "./PasswordInput-CMKZF3YS.js";
2
+ import { t as Checkbox } from "./Checkbox-B0w_4Ri0.js";
3
+ import { t as Slider } from "./Slider-CGESXeRj.js";
4
+ import { t as DateRangePicker } from "./DateRangePicker-DH4Eg6sF.js";
5
+ import { t as Toggle } from "./Toggle-bWM3RSXY.js";
6
+ import { t as TextArea } from "./TextArea-CcXiu7JQ.js";
7
7
  import { TextInput } from "./components/text-input.js";
8
8
  import { Autocomplete } from "./components/autocomplete.js";
9
9
  import { CheckboxGroup } from "./components/checkbox-group.js";
10
- import { t as DatePicker } from "./DatePicker-BdRp_rG7.js";
11
- import { t as Select } from "./Select-BXhqcKAI.js";
12
- import { t as DateTimePicker } from "./DateTimePicker-_PD3JGVy.js";
10
+ import { t as DatePicker } from "./DatePicker-BT46HC74.js";
11
+ import { t as Select } from "./Select-BEgNpIuG.js";
12
+ import { t as DateTimePicker } from "./DateTimePicker-BZcH7uNO.js";
13
13
  import { NumberInput } from "./components/number-input.js";
14
- import { t as NumberRangeInput } from "./NumberRangeInput-CBM_ycX_.js";
14
+ import { t as NumberRangeInput } from "./NumberRangeInput-BFaL0_B5.js";
15
15
  import { QueryAutocomplete } from "./components/query-autocomplete.js";
16
16
  import { QuerySelect } from "./components/query-select.js";
17
- import { t as Segment } from "./Segment--coTx1BD.js";
18
- import { t as TimePicker } from "./TimePicker-dftQtlWT.js";
17
+ import { t as Segment } from "./Segment-BAVcQyuY.js";
18
+ import { t as TimePicker } from "./TimePicker-eWZ7lIDW.js";
19
19
  import { useMemo } from "react";
20
20
  import { jsx } from "react/jsx-runtime";
21
21
  //#region src/components/inputs/Inputs/InputItem.tsx