impact-nova 2.2.1 → 2.2.3

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 (68) hide show
  1. package/dist/components/data/ag-grid-react/ag-grid-header-dom.d.ts +8 -0
  2. package/dist/components/data/ag-grid-react/ag-grid-header-dom.js +11 -0
  3. package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.d.ts +4 -1
  4. package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.js +14 -3
  5. package/dist/components/data/ag-grid-react/headers/column-menu/column-header-settings-menu.d.ts +19 -0
  6. package/dist/components/data/ag-grid-react/headers/column-menu/column-header-settings-menu.js +74 -0
  7. package/dist/components/data/ag-grid-react/headers/column-menu/column-settings-menu.d.ts +4 -5
  8. package/dist/components/data/ag-grid-react/headers/column-menu/column-settings-menu.js +110 -144
  9. package/dist/components/data/ag-grid-react/headers/components/header-info.d.ts +2 -1
  10. package/dist/components/data/ag-grid-react/headers/components/header-info.js +73 -70
  11. package/dist/components/data/ag-grid-react/headers/context/grid-header-context.d.ts +0 -8
  12. package/dist/components/data/ag-grid-react/headers/custom-header.js +112 -118
  13. package/dist/components/data/ag-grid-react/headers/custom-inner-header-group.js +27 -23
  14. package/dist/components/data/ag-grid-react/headers/resolve-header-info-params.d.ts +10 -0
  15. package/dist/components/data/ag-grid-react/headers/resolve-header-info-params.js +19 -0
  16. package/dist/components/data/ag-grid-react/index.js +169 -210
  17. package/dist/components/data/ag-grid-react/info-system-story-columns.d.ts +12 -0
  18. package/dist/components/data/ag-grid-react/merge-column-group-defs.d.ts +3 -0
  19. package/dist/components/data/ag-grid-react/merge-column-group-defs.js +27 -0
  20. package/dist/components/data/ag-grid-react/use-ag-grid-truncation-tooltip.d.ts +2 -1
  21. package/dist/components/data/ag-grid-react/use-ag-grid-truncation-tooltip.js +7 -7
  22. package/dist/components/data/data-table/data-table-view-menu.d.ts +1 -0
  23. package/dist/components/data/expandable-list-item/expandable-list-item-attributes.js +6 -7
  24. package/dist/components/data-display/calendar/calendar-day-picker-view.d.ts +3 -2
  25. package/dist/components/data-display/calendar/calendar-day-picker-view.js +70 -68
  26. package/dist/components/data-display/calendar/calendar-week-number-cell.js +29 -29
  27. package/dist/components/data-display/calendar/calendar.js +96 -94
  28. package/dist/components/data-display/calendar/calendar.types.d.ts +2 -0
  29. package/dist/components/feedback/dialog/dialog.js +107 -61
  30. package/dist/components/feedback/dropdown-menu/dropdown-menu.d.ts +1 -0
  31. package/dist/components/feedback/dropdown-menu/dropdown-menu.js +83 -76
  32. package/dist/components/feedback/popover/popover.d.ts +5 -2
  33. package/dist/components/feedback/popover/popover.js +43 -40
  34. package/dist/components/feedback/sheet/sheet.js +149 -102
  35. package/dist/components/feedback/tooltip/tab-tooltip-render.js +2 -3
  36. package/dist/components/flows/filter-panel/filter-panel.js +79 -76
  37. package/dist/components/forms/date-picker/date-input-behavior.d.ts +10 -4
  38. package/dist/components/forms/date-picker/date-input-behavior.js +86 -67
  39. package/dist/components/forms/date-picker/date-picker.js +59 -52
  40. package/dist/components/forms/date-picker/date-range-picker.js +26 -25
  41. package/dist/components/forms/date-picker/month-picker.js +76 -69
  42. package/dist/components/forms/date-picker/month-range-picker.js +41 -40
  43. package/dist/components/forms/date-picker/multi-date-picker.js +31 -31
  44. package/dist/components/forms/date-picker/multi-month-picker.js +27 -27
  45. package/dist/components/forms/date-picker/multi-week-picker.js +37 -37
  46. package/dist/components/forms/date-picker/week-picker.js +85 -78
  47. package/dist/components/forms/date-picker/week-range-picker.js +67 -66
  48. package/dist/components/forms/select/components/SelectMenuPanel.js +19 -15
  49. package/dist/components/forms/select/components/SelectOptionRow.js +110 -90
  50. package/dist/components/forms/select/components/Submenu.js +39 -34
  51. package/dist/components/forms/select/hooks/useSelectOpenEffects.js +65 -70
  52. package/dist/components/forms/select/select.js +228 -223
  53. package/dist/components/forms/select/select.types.d.ts +8 -0
  54. package/dist/impact-nova-components.css +59 -15
  55. package/dist/impact-nova.css +1 -1
  56. package/dist/lib/overlay/merge-element-refs.d.ts +2 -0
  57. package/dist/lib/overlay/merge-element-refs.js +17 -0
  58. package/dist/lib/overlay/overlay-host.constants.d.ts +4 -0
  59. package/dist/lib/overlay/overlay-host.constants.js +5 -0
  60. package/dist/lib/overlay/overlay-portal-context.d.ts +26 -0
  61. package/dist/lib/overlay/overlay-portal-context.js +65 -0
  62. package/dist/lib/overlay/use-overlay-portal-container-state.d.ts +5 -0
  63. package/dist/lib/overlay/use-overlay-portal-container-state.js +13 -0
  64. package/dist/llms/rules/installation.js +1 -1
  65. package/dist/llms/rules/requirements.js +1 -1
  66. package/package.json +23 -8
  67. package/dist/components/forms/select/components/LabelWithSequence.d.ts +0 -13
  68. package/dist/components/forms/select/components/LabelWithSequence.js +0 -18
@@ -4,14 +4,13 @@ import { FilterPopoverContent as h } from "../../flows/filter-strip/filter-tag-l
4
4
  import { Popover as u, PopoverTrigger as f } from "../../feedback/popover/popover.js";
5
5
  import { Tag as x } from "../../primitives/tag/tag.js";
6
6
  import { Tooltip as b, TooltipTrigger as g, TooltipContent as v } from "../../feedback/tooltip/tooltip.js";
7
- import "react";
8
- function P({
7
+ function I({
9
8
  tags: n,
10
9
  title: i = "Attributes",
11
10
  maxVisibleTags: a = 4,
12
11
  formatOverflow: s
13
12
  }) {
14
- const c = n.slice(0, a), t = n.slice(a), o = t.length, m = s?.(o) ?? (o > 0 ? `+${o}` : null);
13
+ const c = n.slice(0, a), t = n.slice(a), o = t.length, d = s?.(o) ?? (o > 0 ? `+${o}` : null);
15
14
  return /* @__PURE__ */ r(
16
15
  "div",
17
16
  {
@@ -20,7 +19,7 @@ function P({
20
19
  children: [
21
20
  /* @__PURE__ */ e("p", { className: "text-xs font-semibold leading-5 text-content-heading", children: i }),
22
21
  /* @__PURE__ */ r("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [
23
- c.map((l, d) => /* @__PURE__ */ e(
22
+ c.map((l, m) => /* @__PURE__ */ e(
24
23
  p,
25
24
  {
26
25
  variant: "subtle",
@@ -30,7 +29,7 @@ function P({
30
29
  className: "max-w-full",
31
30
  children: l
32
31
  },
33
- `${d}-${l}`
32
+ `${m}-${l}`
34
33
  )),
35
34
  t.length > 0 ? /* @__PURE__ */ r(u, { children: [
36
35
  /* @__PURE__ */ r(b, { children: [
@@ -44,7 +43,7 @@ function P({
44
43
  tabIndex: 0,
45
44
  role: "button",
46
45
  "aria-label": `${t.length} more attributes for ${i}`,
47
- children: m
46
+ children: d
48
47
  }
49
48
  ) }) }),
50
49
  /* @__PURE__ */ r(v, { variant: "tertiary", side: "top", children: [
@@ -69,5 +68,5 @@ function P({
69
68
  );
70
69
  }
71
70
  export {
72
- P as ExpandableListItemAttributes
71
+ I as ExpandableListItemAttributes
73
72
  };
@@ -5,12 +5,13 @@ import { CalendarProps } from './calendar.types';
5
5
  import { WeekPickerInput } from './calendar-week-utils';
6
6
  import * as React from "react";
7
7
  type DayPickerProps = React.ComponentProps<typeof DayPicker>;
8
- export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFooter" | "disableApply" | "onApply" | "onCancel" | "onClear" | "pickerType" | "weekMode" | "selectedWeeks" | "onWeekSelect" | "monthMode" | "selectedMonths" | "onMonthSelect" | "defaultMonth" | "fiscalMode" | "fiscalMonthPattern" | "fiscalYearStartMonth" | "selectionMode" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "calendarType" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
8
+ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFooter" | "disableApply" | "onApply" | "onCancel" | "onClear" | "pickerType" | "weekMode" | "selectedWeeks" | "onWeekSelect" | "monthMode" | "selectedMonths" | "onMonthSelect" | "defaultMonth" | "fiscalMode" | "fiscalMonthPattern" | "fiscalYearStartMonth" | "selectionMode" | "buttonVariant" | "components" | "classNames" | "formatters" | "captionLayout" | "showOutsideDays" | "fixedWeeks" | "calendarType" | "weekStartsOn" | "startMonth" | "endMonth" | "month" | "onMonthChange" | "selected" | "onSelect" | "mode"> {
9
9
  pickerType: "date" | "week";
10
10
  mode: NonNullable<CalendarProps["mode"]>;
11
11
  weekMode: NonNullable<CalendarProps["weekMode"]>;
12
12
  calendarType: NonNullable<CalendarProps["calendarType"]>;
13
13
  showOutsideDays: boolean;
14
+ fixedWeeks: boolean;
14
15
  captionLayout: NonNullable<CalendarProps["captionLayout"]>;
15
16
  buttonVariant: React.ComponentProps<typeof Button>["variant"];
16
17
  weekStartsOn: NonNullable<CalendarProps["weekStartsOn"]>;
@@ -40,5 +41,5 @@ export interface CalendarDayPickerViewProps extends Omit<CalendarProps, "showFoo
40
41
  weekLabel: (weekOfMonth: number) => string;
41
42
  formatWeekNumber: (weekNumber: number) => string;
42
43
  }
43
- export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarType, showOutsideDays, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, resolvedStartMonth, resolvedEndMonth, availableYears, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, formatWeekNumber, disabled, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
44
+ export declare function CalendarDayPickerView({ className, pickerType, mode, weekMode, calendarType, showOutsideDays, fixedWeeks, captionLayout, buttonVariant, weekStartsOn, formatters, classNames, components, selected, showFooter, pendingSelection, selectedDaysFromWeeks, currentMonth, monthsFull, resolvedStartMonth, resolvedEndMonth, availableYears, dateFnsLocale, intlLocale, weekRangeModifiers, onSelect, onMonthChange, onWeekSelect, previousMonthLabel, nextMonthLabel, monthPlaceholder, yearPlaceholder, weekNumberLabel, weekLabel, formatWeekNumber, disabled, ...props }: CalendarDayPickerViewProps): import("react/jsx-runtime").JSX.Element;
44
45
  export {};
@@ -1,104 +1,106 @@
1
- import { jsx as I } from "react/jsx-runtime";
1
+ import { jsx as J } from "react/jsx-runtime";
2
2
  import "react";
3
- import { DayPicker as J } from "react-day-picker";
4
- import { cn as K } from "../../../lib/utils.js";
5
- import { useCalendarDayPickerConfig as O } from "./use-calendar-day-picker-config.js";
6
- function Z({
7
- className: c,
3
+ import { DayPicker as K } from "react-day-picker";
4
+ import { cn as Q } from "../../../lib/utils.js";
5
+ import { useCalendarDayPickerConfig as R } from "./use-calendar-day-picker-config.js";
6
+ function E({
7
+ className: u,
8
8
  pickerType: t,
9
9
  mode: r,
10
10
  weekMode: o,
11
11
  calendarType: a,
12
12
  showOutsideDays: n,
13
- captionLayout: u,
14
- buttonVariant: p,
15
- weekStartsOn: e,
16
- formatters: f,
17
- classNames: g,
18
- components: d,
13
+ fixedWeeks: e,
14
+ captionLayout: p,
15
+ buttonVariant: d,
16
+ weekStartsOn: s,
17
+ formatters: g,
18
+ classNames: f,
19
+ components: w,
19
20
  selected: b,
20
- showFooter: w,
21
- pendingSelection: v,
22
- selectedDaysFromWeeks: P,
23
- currentMonth: s,
24
- monthsFull: k,
21
+ showFooter: P,
22
+ pendingSelection: y,
23
+ selectedDaysFromWeeks: D,
24
+ currentMonth: i,
25
+ monthsFull: h,
25
26
  resolvedStartMonth: m,
26
- resolvedEndMonth: i,
27
- availableYears: C,
28
- dateFnsLocale: D,
29
- intlLocale: N,
30
- weekRangeModifiers: _,
31
- onSelect: h,
27
+ resolvedEndMonth: c,
28
+ availableYears: k,
29
+ dateFnsLocale: v,
30
+ intlLocale: C,
31
+ weekRangeModifiers: N,
32
+ onSelect: _,
32
33
  onMonthChange: l,
33
- onWeekSelect: x,
34
- previousMonthLabel: y,
34
+ onWeekSelect: S,
35
+ previousMonthLabel: x,
35
36
  nextMonthLabel: L,
36
- monthPlaceholder: j,
37
- yearPlaceholder: S,
37
+ monthPlaceholder: O,
38
+ yearPlaceholder: j,
38
39
  weekNumberLabel: V,
39
- weekLabel: W,
40
- formatWeekNumber: q,
41
- disabled: z,
42
- ...A
40
+ weekLabel: q,
41
+ formatWeekNumber: z,
42
+ disabled: A,
43
+ ...B
43
44
  }) {
44
- const { dayPickerClassNames: B, dayPickerComponents: F } = O({
45
- buttonVariant: p,
45
+ const { dayPickerClassNames: F, dayPickerComponents: G } = R({
46
+ buttonVariant: d,
46
47
  pickerType: t,
47
48
  calendarType: a,
48
49
  showOutsideDays: n,
49
- classNames: g,
50
- currentMonth: s,
51
- monthsFull: k,
50
+ classNames: f,
51
+ currentMonth: i,
52
+ monthsFull: h,
52
53
  resolvedStartMonth: m,
53
- resolvedEndMonth: i,
54
- availableYears: C,
55
- weekStartsOn: e,
56
- previousMonthLabel: y,
54
+ resolvedEndMonth: c,
55
+ availableYears: k,
56
+ weekStartsOn: s,
57
+ previousMonthLabel: x,
57
58
  nextMonthLabel: L,
58
- monthPlaceholder: j,
59
- yearPlaceholder: S,
59
+ monthPlaceholder: O,
60
+ yearPlaceholder: j,
60
61
  weekNumberLabel: V,
61
- weekLabel: W,
62
+ weekLabel: q,
62
63
  onMonthChange: l,
63
- onWeekSelect: x,
64
- components: d
65
- }), G = r === "range" || r === "multiple" || o === "range" || o === "multiple" ? 2 : 1;
66
- return /* @__PURE__ */ I(
67
- J,
64
+ onWeekSelect: S,
65
+ components: w
66
+ }), H = r === "range" || r === "multiple" || o === "range" || o === "multiple" ? 2 : 1;
67
+ return /* @__PURE__ */ J(
68
+ K,
68
69
  {
69
70
  mode: t === "week" ? "multiple" : r,
70
- selected: t === "week" ? P : w ? v : b,
71
- onSelect: h,
72
- month: s,
71
+ selected: t === "week" ? D : P ? y : b,
72
+ onSelect: _,
73
+ month: i,
73
74
  onMonthChange: l,
74
- showOutsideDays: a === "fiscal" ? !0 : n,
75
- weekStartsOn: e,
76
- modifiers: t === "week" ? _ : void 0,
77
- locale: D,
78
- className: K(
75
+ fixedWeeks: e,
76
+ showOutsideDays: e || a === "fiscal" || n,
77
+ weekStartsOn: s,
78
+ modifiers: t === "week" ? N : void 0,
79
+ locale: v,
80
+ className: Q(
79
81
  "bg-canvas group/calendar p-2 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
80
82
  String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
81
83
  String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
82
- c
84
+ u
83
85
  ),
84
- captionLayout: u,
86
+ captionLayout: p,
85
87
  navLayout: "around",
86
88
  startMonth: m,
87
- endMonth: i,
88
- disabled: z,
89
- numberOfMonths: G,
89
+ endMonth: c,
90
+ disabled: A,
91
+ numberOfMonths: H,
90
92
  showWeekNumber: !0,
91
93
  formatters: {
92
- formatMonthDropdown: (H) => H.toLocaleString(N, { month: "short" }),
93
- formatWeekNumber: q,
94
- ...f
94
+ formatMonthDropdown: (I) => I.toLocaleString(C, { month: "short" }),
95
+ formatWeekNumber: z,
96
+ ...g
95
97
  },
96
- classNames: B,
97
- components: F,
98
- ...A
98
+ classNames: F,
99
+ components: G,
100
+ ...B
99
101
  }
100
102
  );
101
103
  }
102
104
  export {
103
- Z as CalendarDayPickerView
105
+ E as CalendarDayPickerView
104
106
  };
@@ -1,42 +1,42 @@
1
- import { jsx as r } from "react/jsx-runtime";
1
+ import { jsx as n } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { cn as a } from "../../../lib/utils.js";
4
4
  function C({
5
- week: y,
5
+ week: x,
6
6
  weekStartsOn: c,
7
- pickerType: h,
7
+ pickerType: p,
8
8
  weekNumberLabel: i,
9
- weekLabel: p,
10
- onWeekSelect: m,
9
+ weekLabel: h,
10
+ onWeekSelect: y,
11
11
  className: s,
12
- ...f
12
+ ...k
13
13
  }) {
14
- const e = y.days.find((o) => !o.outside)?.date;
14
+ const e = x.days.find((o) => !o.outside)?.date;
15
15
  if (!e)
16
- return /* @__PURE__ */ r(
17
- "td",
16
+ return /* @__PURE__ */ n(
17
+ "th",
18
18
  {
19
- ...f,
19
+ scope: "row",
20
+ "aria-hidden": "true",
20
21
  className: a(
21
- "select-none flex h-8 w-8 flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
22
+ "select-none flex h-[30px] w-[30px] flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
22
23
  s
23
- ),
24
- children: /* @__PURE__ */ r("div", { className: "flex size-[--cell-size] items-center justify-center text-center" })
24
+ )
25
25
  }
26
26
  );
27
- const l = e.getFullYear(), d = e.getMonth(), k = (new Date(l, d, 1).getDay() + 7 - c) % 7, D = new Date(l, d, 1 - k), u = new Date(e), g = (e.getDay() + 7 - c) % 7;
28
- u.setDate(e.getDate() - g);
29
- const n = Math.round(
30
- (u.getTime() - D.getTime()) / (10080 * 60 * 1e3)
31
- ) + 1, x = p(n);
32
- if (h === "week") {
33
- const o = () => m(e);
34
- return /* @__PURE__ */ r(
27
+ const f = e.getFullYear(), l = e.getMonth(), m = (new Date(f, l, 1).getDay() + 7 - c) % 7, w = new Date(f, l, 1 - m), d = new Date(e), D = (e.getDay() + 7 - c) % 7;
28
+ d.setDate(e.getDate() - D);
29
+ const r = Math.round(
30
+ (d.getTime() - w.getTime()) / (10080 * 60 * 1e3)
31
+ ) + 1, u = h(r);
32
+ if (p === "week") {
33
+ const o = () => y(e);
34
+ return /* @__PURE__ */ n(
35
35
  "td",
36
36
  {
37
- "aria-label": x,
38
- "data-week-index": n,
39
- "data-week-number": n,
37
+ "aria-label": u,
38
+ "data-week-index": r,
39
+ "data-week-number": r,
40
40
  tabIndex: 0,
41
41
  role: "button",
42
42
  className: a(
@@ -49,21 +49,21 @@ function C({
49
49
  onKeyDown: (t) => {
50
50
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), o());
51
51
  },
52
- children: /* @__PURE__ */ r("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-secondary-foreground", children: i(n) })
52
+ children: /* @__PURE__ */ n("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-secondary-foreground", children: i(r) })
53
53
  }
54
54
  );
55
55
  }
56
- return /* @__PURE__ */ r(
56
+ return /* @__PURE__ */ n(
57
57
  "th",
58
58
  {
59
- ...f,
60
- "aria-label": x,
59
+ ...k,
60
+ "aria-label": u,
61
61
  className: a(
62
62
  "select-none flex h-[30px] w-[30px] flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
63
63
  s
64
64
  ),
65
65
  scope: "row",
66
- children: /* @__PURE__ */ r("div", { className: "flex h-8 w-full items-center justify-center text-center", children: i(n) })
66
+ children: /* @__PURE__ */ n("div", { className: "flex h-8 w-full items-center justify-center text-center", children: i(r) })
67
67
  }
68
68
  );
69
69
  }
@@ -1,117 +1,118 @@
1
- import { jsxs as ue, jsx as h } from "react/jsx-runtime";
2
- import { createComponent as be } from "../../../lib/primitives/create-component.js";
3
- import { CALENDAR_DEFAULT_END_MONTH as Ce, CALENDAR_DEFAULT_START_MONTH as ge, getCalendarDayLayoutAttr as pe, getCalendarMonthLayoutAttr as Le, resolveFiscalPattern as ve } from "./calendar-config.js";
4
- import { CalendarDayPickerView as Ae } from "./calendar-day-picker-view.js";
5
- import { CalendarFooter as Se } from "./calendar-footer.js";
6
- import { CalendarMonthPanes as Me } from "./calendar-month-panes.js";
7
- import { useCalendarI18n as Pe } from "./use-calendar-i18n.js";
8
- import { useCalendarState as fe } from "./use-calendar-state.js";
9
- const Re = be(
1
+ import { jsxs as be, jsx as h } from "react/jsx-runtime";
2
+ import { createComponent as Ce } from "../../../lib/primitives/create-component.js";
3
+ import { CALENDAR_DEFAULT_END_MONTH as ge, CALENDAR_DEFAULT_START_MONTH as pe, getCalendarDayLayoutAttr as Le, getCalendarMonthLayoutAttr as ve, resolveFiscalPattern as Ae } from "./calendar-config.js";
4
+ import { CalendarDayPickerView as Se } from "./calendar-day-picker-view.js";
5
+ import { CalendarFooter as Me } from "./calendar-footer.js";
6
+ import { CalendarMonthPanes as Pe } from "./calendar-month-panes.js";
7
+ import { useCalendarI18n as fe } from "./use-calendar-i18n.js";
8
+ import { useCalendarState as De } from "./use-calendar-state.js";
9
+ const We = Ce(
10
10
  "Calendar",
11
11
  ({
12
12
  className: P,
13
13
  classNames: f,
14
14
  showOutsideDays: D = !1,
15
- captionLayout: Y = "dropdown",
16
- buttonVariant: k = "ghost",
17
- formatters: y,
18
- components: N,
15
+ fixedWeeks: Y = !0,
16
+ captionLayout: k = "dropdown",
17
+ buttonVariant: y = "ghost",
18
+ formatters: N,
19
+ components: F,
19
20
  showFooter: l = !0,
20
- footerFlashKey: F = 0,
21
- footerFlashTarget: x,
22
- disableApply: E = !1,
23
- onApply: R,
24
- onCancel: W,
25
- onClear: _,
21
+ footerFlashKey: x = 0,
22
+ footerFlashTarget: E,
23
+ disableApply: R = !1,
24
+ onApply: W,
25
+ onCancel: _,
26
+ onClear: I,
26
27
  mode: d = "single",
27
28
  selected: m,
28
- onSelect: I,
29
+ onSelect: j,
29
30
  pickerType: n = "date",
30
31
  weekMode: r = "single",
31
- selectedWeeks: j,
32
- onWeekSelect: w,
32
+ selectedWeeks: w,
33
+ onWeekSelect: H,
33
34
  calendarType: t = "calendar",
34
35
  fiscalMode: u = "basic",
35
36
  selectionMode: b = "week",
36
- fiscalMonthPattern: H,
37
- fiscalYearStartMonth: O = 1,
37
+ fiscalMonthPattern: O,
38
+ fiscalYearStartMonth: U = 1,
38
39
  weekStartsOn: C = 1,
39
40
  monthMode: o = "single",
40
41
  selectedMonths: g,
41
- onMonthSelect: U,
42
- month: V,
43
- defaultMonth: q,
44
- onMonthChange: z,
45
- startMonth: B,
46
- endMonth: G,
42
+ onMonthSelect: V,
43
+ month: q,
44
+ defaultMonth: z,
45
+ onMonthChange: B,
46
+ startMonth: G,
47
+ endMonth: J,
47
48
  ...c
48
- }, J) => {
49
- const { t: e, intlLocale: K, dateFnsLocale: Q, monthsFull: X, monthsShort: Z } = Pe(), p = ve({
49
+ }, K) => {
50
+ const { t: e, intlLocale: Q, dateFnsLocale: X, monthsFull: Z, monthsShort: $ } = fe(), p = Ae({
50
51
  calendarType: t,
51
52
  fiscalMode: u,
52
- fiscalMonthPattern: H
53
- }), s = B ?? ge, i = G ?? Ce, {
53
+ fiscalMonthPattern: O
54
+ }), s = G ?? pe, i = J ?? ge, {
54
55
  pendingSelection: L,
55
56
  currentMonth: v,
56
- pendingWeekSelection: $,
57
+ pendingWeekSelection: T,
57
58
  pendingMonthSelection: A,
58
- monthPickerYear: T,
59
+ monthPickerYear: ee,
59
60
  handleMonthChangeInternal: S,
60
- resolveWeekFromInput: ee,
61
- handleWeekClick: ae,
62
- handleMonthClick: ne,
61
+ resolveWeekFromInput: ae,
62
+ handleWeekClick: ne,
63
+ handleMonthClick: le,
63
64
  availableYears: M,
64
- selectedDaysFromWeeks: le,
65
- weekRangeModifiers: re,
66
- handleInternalSelect: te,
67
- handleApply: oe,
68
- handleCancel: de,
69
- handleClear: ce,
70
- isMonthSelected: se,
71
- getMonthRangeProps: ie,
72
- isMonthDisabled: he,
73
- isApplyDisabledInternal: me
74
- } = fe({
65
+ selectedDaysFromWeeks: re,
66
+ weekRangeModifiers: te,
67
+ handleInternalSelect: oe,
68
+ handleApply: de,
69
+ handleCancel: ce,
70
+ handleClear: se,
71
+ isMonthSelected: ie,
72
+ getMonthRangeProps: he,
73
+ isMonthDisabled: me,
74
+ isApplyDisabledInternal: ue
75
+ } = De({
75
76
  showFooter: l,
76
77
  selected: m,
77
- onSelect: I,
78
+ onSelect: j,
78
79
  pickerType: n,
79
80
  weekMode: r,
80
- selectedWeeks: j,
81
- onWeekSelect: w,
81
+ selectedWeeks: w,
82
+ onWeekSelect: H,
82
83
  calendarType: t,
83
84
  fiscalMode: u,
84
85
  selectionMode: b,
85
86
  resolvedFiscalPattern: p,
86
- fiscalYearStartMonth: O,
87
+ fiscalYearStartMonth: U,
87
88
  weekStartsOn: C,
88
89
  monthMode: o,
89
90
  selectedMonths: g,
90
- onMonthSelect: U,
91
- month: V,
92
- defaultMonth: q,
93
- onMonthChange: z,
91
+ onMonthSelect: V,
92
+ month: q,
93
+ defaultMonth: z,
94
+ onMonthChange: B,
94
95
  resolvedStartMonth: s,
95
96
  resolvedEndMonth: i,
96
97
  disabled: c.disabled,
97
- onApply: R,
98
- onCancel: W,
99
- onClear: _
98
+ onApply: W,
99
+ onCancel: _,
100
+ onClear: I
100
101
  });
101
- return /* @__PURE__ */ ue(
102
+ return /* @__PURE__ */ be(
102
103
  "div",
103
104
  {
104
- ref: J,
105
+ ref: K,
105
106
  "data-component": "calendar",
106
- "data-month-layout": Le(n, o),
107
- "data-day-layout": pe(n, d, r),
107
+ "data-month-layout": ve(n, o),
108
+ "data-day-layout": Le(n, d, r),
108
109
  children: [
109
110
  n === "month" ? /* @__PURE__ */ h(
110
- Me,
111
+ Pe,
111
112
  {
112
113
  monthMode: o,
113
- monthPickerYear: T,
114
- monthsShort: Z,
114
+ monthPickerYear: ee,
115
+ monthsShort: $,
115
116
  showFooter: l,
116
117
  pendingMonthSelection: A,
117
118
  selectedMonths: g,
@@ -121,14 +122,14 @@ const Re = be(
121
122
  previousYearLabel: e("calendar.previousYear"),
122
123
  nextYearLabel: e("calendar.nextYear"),
123
124
  currentMonth: v,
124
- isMonthSelected: se,
125
- getMonthRangeProps: ie,
126
- isMonthDisabled: he,
125
+ isMonthSelected: ie,
126
+ getMonthRangeProps: he,
127
+ isMonthDisabled: me,
127
128
  onMonthChange: S,
128
- onMonthClick: ne
129
+ onMonthClick: le
129
130
  }
130
131
  ) : /* @__PURE__ */ h(
131
- Ae,
132
+ Se,
132
133
  {
133
134
  className: P,
134
135
  pickerType: n,
@@ -136,27 +137,28 @@ const Re = be(
136
137
  weekMode: r,
137
138
  calendarType: t,
138
139
  showOutsideDays: D,
139
- captionLayout: Y,
140
- buttonVariant: k,
140
+ fixedWeeks: Y,
141
+ captionLayout: k,
142
+ buttonVariant: y,
141
143
  weekStartsOn: C,
142
- formatters: y,
144
+ formatters: N,
143
145
  classNames: f,
144
- components: N,
146
+ components: F,
145
147
  selected: m,
146
148
  showFooter: l,
147
149
  pendingSelection: L,
148
- selectedDaysFromWeeks: le,
150
+ selectedDaysFromWeeks: re,
149
151
  currentMonth: v,
150
- monthsFull: X,
152
+ monthsFull: Z,
151
153
  resolvedStartMonth: s,
152
154
  resolvedEndMonth: i,
153
155
  availableYears: M,
154
- dateFnsLocale: Q,
155
- intlLocale: K,
156
- weekRangeModifiers: re,
157
- onSelect: te,
156
+ dateFnsLocale: X,
157
+ intlLocale: Q,
158
+ weekRangeModifiers: te,
159
+ onSelect: oe,
158
160
  onMonthChange: S,
159
- onWeekSelect: (a) => ae(ee(a)),
161
+ onWeekSelect: (a) => ne(ae(a)),
160
162
  previousMonthLabel: e("calendar.previousMonth"),
161
163
  nextMonthLabel: e("calendar.nextMonth"),
162
164
  monthPlaceholder: e("calendar.monthPlaceholder"),
@@ -169,7 +171,7 @@ const Re = be(
169
171
  }
170
172
  ),
171
173
  l ? /* @__PURE__ */ h(
172
- Se,
174
+ Me,
173
175
  {
174
176
  pickerType: n,
175
177
  mode: d,
@@ -179,12 +181,12 @@ const Re = be(
179
181
  selectionMode: b,
180
182
  resolvedFiscalPattern: p,
181
183
  pendingSelection: L,
182
- pendingWeekSelection: $,
184
+ pendingWeekSelection: T,
183
185
  pendingMonthSelection: A,
184
- disableApply: E,
185
- isApplyDisabled: me,
186
- footerFlashKey: F,
187
- footerFlashTarget: x,
186
+ disableApply: R,
187
+ isApplyDisabled: ue,
188
+ footerFlashKey: x,
189
+ footerFlashTarget: E,
188
190
  labels: {
189
191
  clear: e("calendar.clear"),
190
192
  cancel: e("calendar.cancel"),
@@ -193,9 +195,9 @@ const Re = be(
193
195
  monthSingle: e("calendar.monthRange"),
194
196
  monthPlural: (a) => e("calendar.monthRangePlural", { count: a })
195
197
  },
196
- onClear: ce,
197
- onCancel: de,
198
- onApply: oe
198
+ onClear: se,
199
+ onCancel: ce,
200
+ onApply: de
199
201
  }
200
202
  ) : null
201
203
  ]
@@ -204,5 +206,5 @@ const Re = be(
204
206
  }
205
207
  );
206
208
  export {
207
- Re as Calendar
209
+ We as Calendar
208
210
  };
@@ -54,4 +54,6 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
54
54
  monthMode?: "single" | "multiple" | "range";
55
55
  selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
56
56
  onMonthSelect?: (months: MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
57
+ /** Always render 6 week rows to prevent layout shift when navigating months. Default true. */
58
+ fixedWeeks?: boolean;
57
59
  }