@konstructio/ui 0.1.6 → 0.1.8

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 (70) hide show
  1. package/dist/check-Bekes_eB.js +14 -0
  2. package/dist/components/CopyButton/CopyButton.js +12 -12
  3. package/dist/components/DateRangePicker/DateRangePicker.js +58 -57
  4. package/dist/components/DateRangePicker/DateRangePicker.variants.js +1 -0
  5. package/dist/components/DateRangePicker/components/CalendarPanel/CalendarPanel.js +55 -54
  6. package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.js +17 -17
  7. package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/components/CalendarMonthContent/CalendarMonthContent.js +15 -14
  8. package/dist/components/DateRangePicker/components/CalendarPanel/components/IndependentModeCalendar/IndependentModeCalendar.js +1 -1
  9. package/dist/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.js +74 -55
  10. package/dist/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.js +1 -1
  11. package/dist/components/DateRangePicker/components/CalendarPanel/constants/index.js +1 -1
  12. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/index.js +1 -1
  13. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js +1 -1
  14. package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js +38 -38
  15. package/dist/components/DateRangePicker/components/CalendarPanel/utils/index.js +1 -1
  16. package/dist/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.js +60 -56
  17. package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.variants.js +21 -14
  18. package/dist/components/DateRangePicker/components/RightPanel/RightPanel.js +41 -25
  19. package/dist/components/DateRangePicker/contexts/date-range-picker/date-range-picker.provider.js +15 -14
  20. package/dist/components/Filter/Filter.variants.js +12 -7
  21. package/dist/components/Filter/components/CustomDateRangeFilterDropdown/components/MobilePresets/MobilePresets.js +39 -0
  22. package/dist/components/Filter/components/CustomDateRangeFilterDropdown/components/PanelActions/PanelActions.js +17 -14
  23. package/dist/components/Filter/components/CustomDateRangeFilterDropdown/components/Picker/Picker.js +48 -27
  24. package/dist/components/Filter/components/CustomDateRangeFilterDropdown/components/Trigger/Trigger.js +13 -12
  25. package/dist/components/Filter/components/CustomDateRangeFilterDropdown/components/Wrapper/Wrapper.js +53 -17
  26. package/dist/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.provider.js +87 -78
  27. package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js +44 -20
  28. package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js +58 -50
  29. package/dist/components/Filter/hooks/index.js +5 -2
  30. package/dist/components/Filter/hooks/useFilterSheet.js +6 -0
  31. package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js +18 -18
  32. package/dist/components/Sheet/Sheet.js +143 -139
  33. package/dist/components/Sheet/components/SheetStep/SheetStep.js +57 -55
  34. package/dist/components/Sidebar/components/NavigationOption/NavigationOption.js +1 -1
  35. package/dist/components/Stepper/components/HorizontalStepItem/HorizontalStepItem.js +42 -42
  36. package/dist/components/Stepper/components/StepIndicatorContent/StepIndicatorContent.js +25 -2
  37. package/dist/components/Stepper/components/VerticalStepItem/VerticalStepItem.js +1 -1
  38. package/dist/components/Tabs/Tabs.variants.js +4 -7
  39. package/dist/components/Tabs/components/Trigger.js +5 -5
  40. package/dist/components/Tooltip/Tooltip.js +17 -17
  41. package/dist/components/VirtualizedTable/components/Filter/Filter.js +40 -39
  42. package/dist/components/VirtualizedTable/components/Header/Header.js +2 -2
  43. package/dist/components/VirtualizedTable/constants/index.js +6 -5
  44. package/dist/components/VirtualizedTable/constants/responsive.js +2 -1
  45. package/dist/{constants-YCGllWdf.js → constants-Cw00eFTQ.js} +13 -13
  46. package/dist/lib/components/DateRangePicker/DateRangePicker.types.d.ts +6 -0
  47. package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.types.d.ts +2 -0
  48. package/dist/lib/components/DateRangePicker/components/CalendarPanel/components/TogetherModeCalendar/TogetherModeCalendar.types.d.ts +2 -0
  49. package/dist/lib/components/DateRangePicker/components/CalendarPanel/constants/dayPickerClassNames.d.ts +1 -1
  50. package/dist/lib/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.d.ts +3 -1
  51. package/dist/lib/components/DateRangePicker/contexts/date-range-picker/date-range-picker.context.d.ts +2 -0
  52. package/dist/lib/components/DateRangePicker/contexts/date-range-picker/date-range-picker.types.d.ts +1 -0
  53. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/MobilePresets/MobilePresets.d.ts +3 -0
  54. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/MobilePresets/MobilePresets.types.d.ts +3 -0
  55. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/PanelActions/PanelActions.d.ts +2 -1
  56. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/PanelActions/PanelActions.types.d.ts +4 -0
  57. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Picker/Picker.d.ts +2 -1
  58. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/components/Picker/Picker.types.d.ts +4 -0
  59. package/dist/lib/components/Filter/components/CustomDateRangeFilterDropdown/contexts/custom-date-range-filter-dropdown/custom-date-range-filter-dropdown.types.d.ts +2 -0
  60. package/dist/lib/components/Filter/components/FilterDropdown/FilterDropdown.types.d.ts +8 -0
  61. package/dist/lib/components/Filter/hooks/index.d.ts +1 -0
  62. package/dist/lib/components/Filter/hooks/useFilterSheet.d.ts +2 -0
  63. package/dist/lib/components/Sheet/Sheet.types.d.ts +12 -0
  64. package/dist/lib/components/Sheet/components/SheetStep/SheetStep.d.ts +21 -3
  65. package/dist/lib/components/VirtualizedTable/constants/responsive.d.ts +1 -0
  66. package/dist/package.json +18 -18
  67. package/dist/styles.css +1 -1
  68. package/dist/ui/utilities.css +23 -0
  69. package/package.json +18 -18
  70. package/dist/StepIndicatorContent-C6MILk4c.js +0 -36
@@ -0,0 +1,14 @@
1
+ import { t as a } from "./createLucideIcon-C7E_xycG.js";
2
+ var e = {
3
+ name: "check",
4
+ size: 24,
5
+ node: [["path", {
6
+ d: "M20 6 9 17l-5-5",
7
+ key: "1gmf2c"
8
+ }]]
9
+ };
10
+ e.node;
11
+ var o = a(e);
12
+ export {
13
+ o as t
14
+ };
@@ -1,45 +1,45 @@
1
1
  import { a as v, i as w, n as N, o as B, r as P, t as j } from "../../dist-DsOk4psA.js";
2
2
  import { t as k } from "../../dist-C_jtUTU9.js";
3
3
  import { CopyIcon as z } from "../../assets/icons/components/Copy.js";
4
- import { t as i } from "../../utils-DnIJruo0.js";
4
+ import { t as a } from "../../utils-DnIJruo0.js";
5
5
  import { copyButtonVariants as D } from "./CopyButton.variants.js";
6
6
  import { useCopyToClipboard as F } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
7
7
  import { useEffect as I, useState as V } from "react";
8
8
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
9
- var $ = ({ arrowClassName: p, children: r, className: c, copiedLabel: s = "Copied!", copyLabel: l = "Copy", label: d, resetDelay: m, text: f, theme: u, tooltipClassName: h, onCopy: C, onCopyError: y, ...T }) => {
10
- const [g, a] = V(!1), { copied: e, copy: x } = F({
9
+ var $ = ({ arrowClassName: p, children: r, className: c, copiedLabel: s = "Copied!", copyLabel: l = "Copy", label: d, resetDelay: m, text: u, theme: f, tooltipClassName: h, onCopy: C, onCopyError: y, ...g }) => {
10
+ const [T, i] = V(!1), { copied: e, copy: x } = F({
11
11
  resetDelay: m,
12
12
  onCopy: C,
13
13
  onCopyError: y
14
14
  });
15
15
  I(() => {
16
- e || a(!1);
16
+ e || i(!1);
17
17
  }, [e]);
18
18
  const O = async (o) => {
19
- o.stopPropagation(), await x(f) && a(!0);
19
+ o.stopPropagation(), await x(u) && i(!0);
20
20
  }, b = (o) => {
21
21
  o.currentTarget.matches(":focus-visible") || o.preventDefault();
22
22
  };
23
23
  return /* @__PURE__ */ n(v, {
24
24
  delayDuration: 0,
25
25
  children: [/* @__PURE__ */ n(j, {
26
- open: g,
26
+ open: T,
27
27
  onOpenChange: (o) => {
28
- e || a(o);
28
+ e || i(o);
29
29
  },
30
30
  children: [/* @__PURE__ */ t(B, {
31
31
  asChild: !0,
32
32
  children: /* @__PURE__ */ t("button", {
33
33
  type: "button",
34
34
  "aria-label": `${l} ${d}`,
35
- "data-theme": u,
36
- className: i(D({
35
+ "data-theme": f,
36
+ className: a(D({
37
37
  iconOnly: !r,
38
38
  className: c
39
39
  })),
40
40
  onClick: O,
41
41
  onFocus: b,
42
- ...T,
42
+ ...g,
43
43
  children: r ?? /* @__PURE__ */ t(z, {
44
44
  size: 14,
45
45
  "aria-hidden": "true"
@@ -47,8 +47,8 @@ var $ = ({ arrowClassName: p, children: r, className: c, copiedLabel: s = "Copie
47
47
  })
48
48
  }), /* @__PURE__ */ t(w, { children: /* @__PURE__ */ n(P, {
49
49
  sideOffset: 4,
50
- className: i("z-70 rounded bg-slate-700 px-2 py-1 text-xs text-white shadow-md", "animate-in fade-in-0", h),
51
- children: [e ? s : l, /* @__PURE__ */ t(N, { className: i("fill-slate-700", p) })]
50
+ className: a("z-70 rounded bg-slate-700 px-2 py-1 text-xs text-white shadow-md", "animate-tooltip-pop origin-(--radix-tooltip-content-transform-origin) motion-reduce:animate-none", h),
51
+ children: [e ? s : l, /* @__PURE__ */ t(N, { className: a("fill-slate-700", p) })]
52
52
  }) })]
53
53
  }), /* @__PURE__ */ t(k, {
54
54
  role: "status",
@@ -1,75 +1,76 @@
1
- import { t as a } from "../../utils-DnIJruo0.js";
2
- import { Typography as i } from "../Typography/Typography.js";
3
- import { CalendarPanel as $ } from "./components/CalendarPanel/CalendarPanel.js";
4
- import { DateTimeInputs as ee } from "./components/DateTimeInputs/DateTimeInputs.js";
1
+ import { t as r } from "../../utils-DnIJruo0.js";
2
+ import { Typography as l } from "../Typography/Typography.js";
3
+ import { CalendarPanel as ee } from "./components/CalendarPanel/CalendarPanel.js";
4
+ import { DateTimeInputs as ae } from "./components/DateTimeInputs/DateTimeInputs.js";
5
5
  import { PresetPanel as re } from "./components/PresetPanel/PresetPanel.js";
6
- import { RightPanel as ae } from "./components/RightPanel/RightPanel.js";
7
- import { DateRangePickerProvider as te } from "./contexts/date-range-picker/date-range-picker.provider.js";
8
- import { dateRangePickerVariants as ne, rightPanelVariants as ie } from "./DateRangePicker.variants.js";
6
+ import { RightPanel as te } from "./components/RightPanel/RightPanel.js";
7
+ import { DateRangePickerProvider as ne } from "./contexts/date-range-picker/date-range-picker.provider.js";
8
+ import { dateRangePickerVariants as ie, rightPanelVariants as le } from "./DateRangePicker.variants.js";
9
9
  import { jsx as e, jsxs as t } from "react/jsx-runtime";
10
- var oe = ({ animationDuration: o = 500, className: l, defaultPreset: m = "custom", defaultRange: s, defaultTime: c, disabled: p = !1, isRequired: d, label: n, labelWrapperClassName: f, name: g, showTime: P = !0, theme: h, timeFormat: x = "24", blockedDays: u, blockedMonths: k, minDate: v, maxDate: N, hideDisabledNavigation: D, showOutsideDays: R, navigationMode: y = "independent", numberOfMonths: T = 2, dateDisplayFormat: j = "long", ariaLabelCalendar: I, ariaLabelPrevMonth: V, ariaLabelNextMonth: b, ariaLabelPrevMonthStart: C, ariaLabelNextMonthStart: K, ariaLabelPrevMonthEnd: L, ariaLabelNextMonthEnd: q, autoComplete: w, labelStartDate: z, labelEndDate: A, labelTime: B, requiredDates: E, ariaLabelStartDate: F, ariaLabelEndDate: G, errorInvalidDate: H, errorDateNotAvailable: J, showPresets: M = !0, presets: O, footer: Q, revealCalendarOnCustom: S = !1, labelTimePeriod: U, ariaLabelTimePeriod: W, presetLabels: X, classNames: r, onRangeChange: Y, onDateChange: Z, onPresetChange: _ }) => /* @__PURE__ */ e(te, {
11
- defaultRange: s,
12
- defaultTime: c,
13
- defaultPreset: m,
14
- presets: O,
15
- timeFormat: x,
16
- showTime: P,
17
- name: g,
18
- disabled: p,
10
+ var oe = ({ animationDuration: o = 500, className: m, defaultPreset: s = "custom", defaultRange: c, defaultTime: p, disabled: d = !1, isRequired: f, label: n, labelWrapperClassName: g, name: P, showTime: h = !0, theme: x, timeFormat: u = "24", blockedDays: k, blockedMonths: v, minDate: N, maxDate: D, hideDisabledNavigation: R, showOutsideDays: y, navigationMode: T = "independent", numberOfMonths: j = 2, fluid: i = !1, dateDisplayFormat: w = "long", ariaLabelCalendar: I, ariaLabelPrevMonth: V, ariaLabelNextMonth: b, ariaLabelPrevMonthStart: C, ariaLabelNextMonthStart: K, ariaLabelPrevMonthEnd: L, ariaLabelNextMonthEnd: q, autoComplete: z, labelStartDate: A, labelEndDate: B, labelTime: E, requiredDates: F, ariaLabelStartDate: G, ariaLabelEndDate: H, errorInvalidDate: J, errorDateNotAvailable: M, showPresets: O = !0, presets: Q, footer: S, revealCalendarOnCustom: U = !1, labelTimePeriod: W, ariaLabelTimePeriod: X, presetLabels: Y, classNames: a, onRangeChange: Z, onDateChange: _, onPresetChange: $ }) => /* @__PURE__ */ e(ne, {
11
+ defaultRange: c,
12
+ defaultTime: p,
13
+ defaultPreset: s,
14
+ presets: Q,
15
+ timeFormat: u,
16
+ showTime: h,
17
+ name: P,
18
+ disabled: d,
19
19
  animationDuration: o,
20
- blockedDays: u,
21
- blockedMonths: k,
22
- minDate: v,
23
- maxDate: N,
24
- hideDisabledNavigation: D,
25
- showOutsideDays: R,
26
- navigationMode: y,
27
- numberOfMonths: T,
28
- dateDisplayFormat: j,
29
- revealCalendarOnCustom: S,
30
- onRangeChange: Y,
31
- onDateChange: Z,
32
- onPresetChange: _,
20
+ blockedDays: k,
21
+ blockedMonths: v,
22
+ minDate: N,
23
+ maxDate: D,
24
+ hideDisabledNavigation: R,
25
+ showOutsideDays: y,
26
+ navigationMode: T,
27
+ numberOfMonths: j,
28
+ fluid: i,
29
+ dateDisplayFormat: w,
30
+ revealCalendarOnCustom: U,
31
+ onRangeChange: Z,
32
+ onDateChange: _,
33
+ onPresetChange: $,
33
34
  children: /* @__PURE__ */ t("div", {
34
35
  className: "flex flex-col gap-2",
35
- "data-theme": h,
36
+ "data-theme": x,
36
37
  children: [n ? /* @__PURE__ */ e("div", {
37
- className: a(f),
38
- children: /* @__PURE__ */ t(i, {
38
+ className: r(g),
39
+ children: /* @__PURE__ */ t(l, {
39
40
  component: "label",
40
41
  variant: "labelLarge",
41
- className: a("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium"),
42
- children: [n, d && /* @__PURE__ */ e(i, {
42
+ className: r("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium"),
43
+ children: [n, f && /* @__PURE__ */ e(l, {
43
44
  component: "span",
44
- className: a("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"),
45
+ className: r("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"),
45
46
  children: "*"
46
47
  })]
47
48
  })
48
49
  }) : null, /* @__PURE__ */ t("div", {
49
- className: a(ne({ className: l }), r?.container),
50
+ className: r(ie({ className: m }), i && "w-full max-w-none", a?.container),
50
51
  role: "group",
51
52
  "aria-label": n || "Date range picker",
52
- children: [M && /* @__PURE__ */ e(re, {
53
- labelTimePeriod: U,
54
- ariaLabelTimePeriod: W,
55
- presetLabels: X,
56
- classNames: r?.presetPanel
57
- }), /* @__PURE__ */ t(ae, {
58
- className: a(ie(), r?.rightPanel),
53
+ children: [O && /* @__PURE__ */ e(re, {
54
+ labelTimePeriod: W,
55
+ ariaLabelTimePeriod: X,
56
+ presetLabels: Y,
57
+ classNames: a?.presetPanel
58
+ }), /* @__PURE__ */ t(te, {
59
+ className: r(le(), a?.rightPanel),
59
60
  children: [
60
- /* @__PURE__ */ e(ee, {
61
- autoComplete: w,
62
- labelStartDate: z,
63
- labelEndDate: A,
64
- labelTime: B,
65
- requiredDates: E,
66
- ariaLabelStartDate: F,
67
- ariaLabelEndDate: G,
68
- errorInvalidDate: H,
69
- errorDateNotAvailable: J,
70
- classNames: r?.dateTimeInputs
61
+ /* @__PURE__ */ e(ae, {
62
+ autoComplete: z,
63
+ labelStartDate: A,
64
+ labelEndDate: B,
65
+ labelTime: E,
66
+ requiredDates: F,
67
+ ariaLabelStartDate: G,
68
+ ariaLabelEndDate: H,
69
+ errorInvalidDate: J,
70
+ errorDateNotAvailable: M,
71
+ classNames: a?.dateTimeInputs
71
72
  }),
72
- /* @__PURE__ */ e($, {
73
+ /* @__PURE__ */ e(ee, {
73
74
  ariaLabelCalendar: I,
74
75
  ariaLabelPrevMonth: V,
75
76
  ariaLabelNextMonth: b,
@@ -77,9 +78,9 @@ var oe = ({ animationDuration: o = 500, className: l, defaultPreset: m = "custom
77
78
  ariaLabelNextMonthStart: K,
78
79
  ariaLabelPrevMonthEnd: L,
79
80
  ariaLabelNextMonthEnd: q,
80
- classNames: r?.calendarPanel
81
+ classNames: a?.calendarPanel
81
82
  }),
82
- Q
83
+ S
83
84
  ]
84
85
  })]
85
86
  })]
@@ -1,6 +1,7 @@
1
1
  import { t as a } from "../../dist-B9GE4SXf.js";
2
2
  var r = a([
3
3
  "flex",
4
+ "max-lg:flex-col",
4
5
  "rounded-xl",
5
6
  "overflow-hidden",
6
7
  "max-w-fit",
@@ -1,82 +1,83 @@
1
- import { useDateRangePicker as q } from "../../contexts/date-range-picker/date-range-picker.hook.js";
2
- import { createDisabledMatcher as z } from "../../utils/disabled-dates/disabled-dates.js";
3
- import { IndependentModeCalendar as A } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
4
- import { TogetherModeCalendar as B } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
5
- import "../../../../constants-YCGllWdf.js";
1
+ import { useDateRangePicker as z } from "../../contexts/date-range-picker/date-range-picker.hook.js";
2
+ import { createDisabledMatcher as A } from "../../utils/disabled-dates/disabled-dates.js";
3
+ import { IndependentModeCalendar as B } from "./components/IndependentModeCalendar/IndependentModeCalendar.js";
4
+ import { TogetherModeCalendar as F } from "./components/TogetherModeCalendar/TogetherModeCalendar.js";
5
+ import "../../../../constants-Cw00eFTQ.js";
6
6
  import '../../../../style.css';import '../../../../CalendarPanel.css';/* empty css */
7
- import { useMemo as F } from "react";
7
+ import { useMemo as J } from "react";
8
8
  import { jsx as x } from "react/jsx-runtime";
9
- var J = ({ className: t, calendarWidth: a = 550, ariaLabelCalendar: n = "Date range picker calendar", ariaLabelPrevMonth: D = "Previous month", ariaLabelNextMonth: R = "Next month", ariaLabelPrevMonthStart: b = "Previous month for start date", ariaLabelNextMonthStart: k = "Next month for start date", ariaLabelPrevMonthEnd: S = "Previous month for end date", ariaLabelNextMonthEnd: y = "Next month for end date", classNames: o }) => {
10
- const { animationDuration: r, blockedDays: i, blockedMonths: d, canLeftNavigateNext: L, canLeftNavigatePrev: C, canNavigateNext: g, canNavigatePrev: s, canRightNavigateNext: I, canRightNavigatePrev: O, disabled: e, displayedMonths: m, hideDisabledNavigation: v, maxDate: h, minDate: c, navigationMode: l, numberOfMonths: f, range: N, showOutsideDays: p, navigateLeftNext: T, navigateLeftPrev: H, navigateNextMonth: _, navigatePrevMonth: j, navigateRightNext: w, navigateRightPrev: E, setRange: G } = q(), P = F(() => z({
11
- blockedDays: i,
12
- blockedMonths: d,
13
- minDate: c,
14
- maxDate: h
9
+ var K = ({ className: a, calendarWidth: n = 550, ariaLabelCalendar: o = "Date range picker calendar", ariaLabelPrevMonth: D = "Previous month", ariaLabelNextMonth: R = "Next month", ariaLabelPrevMonthStart: b = "Previous month for start date", ariaLabelNextMonthStart: k = "Next month for start date", ariaLabelPrevMonthEnd: S = "Previous month for end date", ariaLabelNextMonthEnd: y = "Next month for end date", classNames: r }) => {
10
+ const { animationDuration: i, blockedDays: d, blockedMonths: g, canLeftNavigateNext: L, canLeftNavigatePrev: C, canNavigateNext: s, canNavigatePrev: m, canRightNavigateNext: I, canRightNavigatePrev: O, disabled: e, displayedMonths: v, fluid: T, hideDisabledNavigation: h, maxDate: c, minDate: l, navigationMode: f, numberOfMonths: N, range: p, showOutsideDays: P, navigateLeftNext: H, navigateLeftPrev: _, navigateNextMonth: j, navigatePrevMonth: w, navigateRightNext: E, navigateRightPrev: G, setRange: W } = z(), u = J(() => A({
11
+ blockedDays: d,
12
+ blockedMonths: g,
13
+ minDate: l,
14
+ maxDate: c
15
15
  }), [
16
- i,
17
16
  d,
18
- c,
19
- h
20
- ]), M = (W) => {
21
- G(W);
22
- }, u = f === 1;
23
- return l === "independent" && !u ? /* @__PURE__ */ x(A, {
24
- className: t,
25
- calendarWidth: a,
26
- ariaLabelCalendar: n,
17
+ g,
18
+ l,
19
+ c
20
+ ]), M = (q) => {
21
+ W(q);
22
+ }, t = N === 1;
23
+ return f === "independent" && !t ? /* @__PURE__ */ x(B, {
24
+ className: a,
25
+ calendarWidth: n,
26
+ ariaLabelCalendar: o,
27
27
  ariaLabelPrevMonthStart: b,
28
28
  ariaLabelNextMonthStart: k,
29
29
  ariaLabelPrevMonthEnd: S,
30
30
  ariaLabelNextMonthEnd: y,
31
- classNames: o,
32
- range: N,
31
+ classNames: r,
32
+ range: p,
33
33
  onRangeSelect: M,
34
34
  disabled: e,
35
- disabledMatcher: P,
36
- showOutsideDays: p,
37
- hideDisabledNavigation: v,
35
+ disabledMatcher: u,
36
+ showOutsideDays: P,
37
+ hideDisabledNavigation: h,
38
38
  canLeftNavigatePrev: C,
39
39
  canLeftNavigateNext: L,
40
40
  canRightNavigatePrev: O,
41
41
  canRightNavigateNext: I,
42
- navigateLeftPrev: H,
43
- navigateLeftNext: T,
44
- navigateRightPrev: E,
45
- navigateRightNext: w,
42
+ navigateLeftPrev: _,
43
+ navigateLeftNext: H,
44
+ navigateRightPrev: G,
45
+ navigateRightNext: E,
46
46
  carouselProps: {
47
- displayedMonths: m,
48
- animationDuration: r,
49
- navigationMode: l
47
+ displayedMonths: v,
48
+ animationDuration: i,
49
+ navigationMode: f
50
50
  }
51
- }) : /* @__PURE__ */ x(B, {
52
- className: t,
53
- calendarWidth: u ? 259 : a,
54
- ariaLabelCalendar: n,
51
+ }) : /* @__PURE__ */ x(F, {
52
+ className: a,
53
+ calendarWidth: t ? 259 : n,
54
+ fluid: T && t,
55
+ ariaLabelCalendar: o,
55
56
  ariaLabelPrevMonth: D,
56
57
  ariaLabelNextMonth: R,
57
- classNames: o,
58
- range: N,
58
+ classNames: r,
59
+ range: p,
59
60
  onRangeSelect: M,
60
61
  disabled: e,
61
- disabledMatcher: P,
62
- showOutsideDays: p,
63
- hideDisabledNavigation: v,
64
- canNavigatePrev: s,
65
- canNavigateNext: g,
62
+ disabledMatcher: u,
63
+ showOutsideDays: P,
64
+ hideDisabledNavigation: h,
65
+ canNavigatePrev: m,
66
+ canNavigateNext: s,
66
67
  carouselProps: {
67
- displayedMonths: m,
68
- animationDuration: r,
68
+ displayedMonths: v,
69
+ animationDuration: i,
69
70
  disabled: e,
70
- canNavigatePrev: s,
71
- canNavigateNext: g,
71
+ canNavigatePrev: m,
72
+ canNavigateNext: s,
72
73
  navigationMode: "together",
73
- numberOfMonths: f,
74
- navigatePrevMonth: j,
75
- navigateNextMonth: _
74
+ numberOfMonths: N,
75
+ navigatePrevMonth: w,
76
+ navigateNextMonth: j
76
77
  }
77
78
  });
78
79
  };
79
- J.displayName = "DateRangePickerCalendarPanel";
80
+ K.displayName = "DateRangePickerCalendarPanel";
80
81
  export {
81
- J as CalendarPanel
82
+ K as CalendarPanel
82
83
  };
@@ -1,30 +1,30 @@
1
- import { t as r } from "../../../../../../utils-DnIJruo0.js";
2
- import { getMonthName as o } from "../../../../utils/validation/validation.js";
3
- import { calendarMonthTitleVariants as i } from "../../CalendarPanel.variants.js";
4
- import "../../../../../../constants-YCGllWdf.js";
5
- import { getWeeksInMonth as l } from "../../utils/index.js";
6
- import { Suspense as m, lazy as s } from "react";
7
- import { jsx as e, jsxs as h } from "react/jsx-runtime";
8
- var c = s(() => import("./components/CalendarMonthContent/CalendarMonthContent.js").then((t) => ({ default: t.CalendarMonthContent }))), d = (t) => `${o(t.getMonth())} ${t.getFullYear()}`, f = (t) => {
9
- const { month: a, classNames: n } = t;
10
- return /* @__PURE__ */ h("div", {
11
- style: { width: 259 },
1
+ import { t as o } from "../../../../../../utils-DnIJruo0.js";
2
+ import { getMonthName as i } from "../../../../utils/validation/validation.js";
3
+ import { calendarMonthTitleVariants as l } from "../../CalendarPanel.variants.js";
4
+ import "../../../../../../constants-Cw00eFTQ.js";
5
+ import { getWeeksInMonth as m } from "../../utils/index.js";
6
+ import { Suspense as s, lazy as h } from "react";
7
+ import { jsx as e, jsxs as d } from "react/jsx-runtime";
8
+ var c = h(() => import("./components/CalendarMonthContent/CalendarMonthContent.js").then((t) => ({ default: t.CalendarMonthContent }))), f = (t) => `${i(t.getMonth())} ${t.getFullYear()}`, p = (t) => {
9
+ const { month: a, monthWidth: n = 259, classNames: r } = t;
10
+ return /* @__PURE__ */ d("div", {
11
+ style: { width: n },
12
12
  children: [/* @__PURE__ */ e("div", {
13
13
  className: "flex items-center justify-center mb-8 h-6",
14
14
  children: /* @__PURE__ */ e("span", {
15
- className: r(i(), "flex-1 text-center", n?.monthTitle),
16
- children: d(a)
15
+ className: o(l(), "flex-1 text-center", r?.monthTitle),
16
+ children: f(a)
17
17
  })
18
- }), /* @__PURE__ */ e(m, {
18
+ }), /* @__PURE__ */ e(s, {
19
19
  fallback: /* @__PURE__ */ e("div", {
20
20
  "aria-busy": "true",
21
- style: { minHeight: 28 + l(a) * 38 }
21
+ style: { minHeight: 28 + m(a) * 38 }
22
22
  }),
23
23
  children: /* @__PURE__ */ e(c, { ...t })
24
24
  })]
25
25
  });
26
26
  };
27
- f.displayName = "CalendarMonth";
27
+ p.displayName = "CalendarMonth";
28
28
  export {
29
- f as CalendarMonth
29
+ p as CalendarMonth
30
30
  };
@@ -1,26 +1,27 @@
1
- import { t as n } from "../../../../../../../../DayPicker-D7KFB2bI.js";
2
- import { s as d } from "../../../../../../../../constants-YCGllWdf.js";
3
- import { useMemo as c } from "react";
4
- import { jsx as l } from "react/jsx-runtime";
5
- var f = ({ month: r, range: e, onRangeSelect: o, disabled: t, disabledMatcher: m, showOutsideDays: s, classNames: a }) => {
6
- const i = c(() => d(a?.dayPicker), [a?.dayPicker]);
7
- return /* @__PURE__ */ l(n, {
1
+ import { t as d } from "../../../../../../../../DayPicker-D7KFB2bI.js";
2
+ import { useDateRangePicker as c } from "../../../../../../contexts/date-range-picker/date-range-picker.hook.js";
3
+ import { s as f } from "../../../../../../../../constants-Cw00eFTQ.js";
4
+ import { useMemo as l } from "react";
5
+ import { jsx as p } from "react/jsx-runtime";
6
+ var k = ({ month: o, range: e, onRangeSelect: t, disabled: m, disabledMatcher: s, showOutsideDays: i, classNames: a }) => {
7
+ const { fluid: r } = c(), n = l(() => f(a?.dayPicker, r), [a?.dayPicker, r]);
8
+ return /* @__PURE__ */ p(d, {
8
9
  mode: "range",
9
10
  selected: {
10
11
  from: e.from,
11
12
  to: e.to
12
13
  },
13
- onSelect: o,
14
- month: r,
14
+ onSelect: t,
15
+ month: o,
15
16
  numberOfMonths: 1,
16
- disabled: m || t,
17
+ disabled: s || m,
17
18
  hideNavigation: !0,
18
19
  animate: !1,
19
- showOutsideDays: s,
20
- classNames: i
20
+ showOutsideDays: i,
21
+ classNames: n
21
22
  });
22
23
  };
23
- f.displayName = "CalendarMonthContent";
24
+ k.displayName = "CalendarMonthContent";
24
25
  export {
25
- f as CalendarMonthContent
26
+ k as CalendarMonthContent
26
27
  };
@@ -1,6 +1,6 @@
1
1
  import { t as a } from "../../../../../../utils-DnIJruo0.js";
2
2
  import { calendarGridContainerVariants as Q, calendarPanelVariants as U } from "../../CalendarPanel.variants.js";
3
- import "../../../../../../constants-YCGllWdf.js";
3
+ import "../../../../../../constants-Cw00eFTQ.js";
4
4
  import { useIndependentCarousel as X } from "../../hooks/useIndependentCarousel.js";
5
5
  import { CalendarDivider as Y } from "../CalendarDivider/CalendarDivider.js";
6
6
  import { CalendarMonth as s } from "../CalendarMonth/CalendarMonth.js";