impact-nova 2.2.2 → 2.2.4

package/dist/components/data-display/calendar/calendar-day-picker-view.js

@@ -1,104 +1,106 @@
-import { jsx as I } from "react/jsx-runtime";
+import { jsx as J } from "react/jsx-runtime";
 import "react";
-import { DayPicker as J } from "react-day-picker";
-import { cn as K } from "../../../lib/utils.js";
-import { useCalendarDayPickerConfig as O } from "./use-calendar-day-picker-config.js";
-function Z({
-  className: c,
+import { DayPicker as K } from "react-day-picker";
+import { cn as Q } from "../../../lib/utils.js";
+import { useCalendarDayPickerConfig as R } from "./use-calendar-day-picker-config.js";
+function E({
+  className: u,
   pickerType: t,
   mode: r,
   weekMode: o,
   calendarType: a,
   showOutsideDays: n,
-  captionLayout: u,
-  buttonVariant: p,
-  weekStartsOn: e,
-  formatters: f,
-  classNames: g,
-  components: d,
+  fixedWeeks: e,
+  captionLayout: p,
+  buttonVariant: d,
+  weekStartsOn: s,
+  formatters: g,
+  classNames: f,
+  components: w,
   selected: b,
-  showFooter: w,
-  pendingSelection: v,
-  selectedDaysFromWeeks: P,
-  currentMonth: s,
-  monthsFull: k,
+  showFooter: P,
+  pendingSelection: y,
+  selectedDaysFromWeeks: D,
+  currentMonth: i,
+  monthsFull: h,
   resolvedStartMonth: m,
-  resolvedEndMonth: i,
-  availableYears: C,
-  dateFnsLocale: D,
-  intlLocale: N,
-  weekRangeModifiers: _,
-  onSelect: h,
+  resolvedEndMonth: c,
+  availableYears: k,
+  dateFnsLocale: v,
+  intlLocale: C,
+  weekRangeModifiers: N,
+  onSelect: _,
   onMonthChange: l,
-  onWeekSelect: x,
-  previousMonthLabel: y,
+  onWeekSelect: S,
+  previousMonthLabel: x,
   nextMonthLabel: L,
-  monthPlaceholder: j,
-  yearPlaceholder: S,
+  monthPlaceholder: O,
+  yearPlaceholder: j,
   weekNumberLabel: V,
-  weekLabel: W,
-  formatWeekNumber: q,
-  disabled: z,
-  ...A
+  weekLabel: q,
+  formatWeekNumber: z,
+  disabled: A,
+  ...B
 }) {
-  const { dayPickerClassNames: B, dayPickerComponents: F } = O({
-    buttonVariant: p,
+  const { dayPickerClassNames: F, dayPickerComponents: G } = R({
+    buttonVariant: d,
     pickerType: t,
     calendarType: a,
     showOutsideDays: n,
-    classNames: g,
-    currentMonth: s,
-    monthsFull: k,
+    classNames: f,
+    currentMonth: i,
+    monthsFull: h,
     resolvedStartMonth: m,
-    resolvedEndMonth: i,
-    availableYears: C,
-    weekStartsOn: e,
-    previousMonthLabel: y,
+    resolvedEndMonth: c,
+    availableYears: k,
+    weekStartsOn: s,
+    previousMonthLabel: x,
     nextMonthLabel: L,
-    monthPlaceholder: j,
-    yearPlaceholder: S,
+    monthPlaceholder: O,
+    yearPlaceholder: j,
     weekNumberLabel: V,
-    weekLabel: W,
+    weekLabel: q,
     onMonthChange: l,
-    onWeekSelect: x,
-    components: d
-  }), G = r === "range" || r === "multiple" || o === "range" || o === "multiple" ? 2 : 1;
-  return /* @__PURE__ */ I(
-    J,
+    onWeekSelect: S,
+    components: w
+  }), H = r === "range" || r === "multiple" || o === "range" || o === "multiple" ? 2 : 1;
+  return /* @__PURE__ */ J(
+    K,
     {
       mode: t === "week" ? "multiple" : r,
-      selected: t === "week" ? P : w ? v : b,
-      onSelect: h,
-      month: s,
+      selected: t === "week" ? D : P ? y : b,
+      onSelect: _,
+      month: i,
       onMonthChange: l,
-      showOutsideDays: a === "fiscal" ? !0 : n,
-      weekStartsOn: e,
-      modifiers: t === "week" ? _ : void 0,
-      locale: D,
-      className: K(
+      fixedWeeks: e,
+      showOutsideDays: e || a === "fiscal" || n,
+      weekStartsOn: s,
+      modifiers: t === "week" ? N : void 0,
+      locale: v,
+      className: Q(
         "bg-canvas group/calendar p-2 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        c
+        u
       ),
-      captionLayout: u,
+      captionLayout: p,
       navLayout: "around",
       startMonth: m,
-      endMonth: i,
-      disabled: z,
-      numberOfMonths: G,
+      endMonth: c,
+      disabled: A,
+      numberOfMonths: H,
       showWeekNumber: !0,
       formatters: {
-        formatMonthDropdown: (H) => H.toLocaleString(N, { month: "short" }),
-        formatWeekNumber: q,
-        ...f
+        formatMonthDropdown: (I) => I.toLocaleString(C, { month: "short" }),
+        formatWeekNumber: z,
+        ...g
       },
-      classNames: B,
-      components: F,
-      ...A
+      classNames: F,
+      components: G,
+      ...B
     }
   );
 }
 export {
-  Z as CalendarDayPickerView
+  E as CalendarDayPickerView
 };

package/dist/components/data-display/calendar/calendar-week-number-cell.js

@@ -1,42 +1,42 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import "react";
 import { cn as a } from "../../../lib/utils.js";
 function C({
-  week: y,
+  week: x,
   weekStartsOn: c,
-  pickerType: h,
+  pickerType: p,
   weekNumberLabel: i,
-  weekLabel: p,
-  onWeekSelect: m,
+  weekLabel: h,
+  onWeekSelect: y,
   className: s,
-  ...f
+  ...k
 }) {
-  const e = y.days.find((o) => !o.outside)?.date;
+  const e = x.days.find((o) => !o.outside)?.date;
   if (!e)
-    return /* @__PURE__ */ r(
-      "td",
+    return /* @__PURE__ */ n(
+      "th",
       {
-        ...f,
+        scope: "row",
+        "aria-hidden": "true",
         className: a(
-          "select-none flex h-8 w-8 flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
+          "select-none flex h-[30px] w-[30px] flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
           s
-        ),
-        children: /* @__PURE__ */ r("div", { className: "flex size-[--cell-size] items-center justify-center text-center" })
+        )
       }
     );
-  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;
-  u.setDate(e.getDate() - g);
-  const n = Math.round(
-    (u.getTime() - D.getTime()) / (10080 * 60 * 1e3)
-  ) + 1, x = p(n);
-  if (h === "week") {
-    const o = () => m(e);
-    return /* @__PURE__ */ r(
+  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;
+  d.setDate(e.getDate() - D);
+  const r = Math.round(
+    (d.getTime() - w.getTime()) / (10080 * 60 * 1e3)
+  ) + 1, u = h(r);
+  if (p === "week") {
+    const o = () => y(e);
+    return /* @__PURE__ */ n(
       "td",
       {
-        "aria-label": x,
-        "data-week-index": n,
-        "data-week-number": n,
+        "aria-label": u,
+        "data-week-index": r,
+        "data-week-number": r,
         tabIndex: 0,
         role: "button",
         className: a(
@@ -49,21 +49,21 @@ function C({
         onKeyDown: (t) => {
           (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), o());
         },
-        children: /* @__PURE__ */ r("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-secondary-foreground", children: i(n) })
+        children: /* @__PURE__ */ n("div", { className: "flex h-8 w-full items-center justify-center text-center text-[11px] text-secondary-foreground", children: i(r) })
       }
     );
   }
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     "th",
     {
-      ...f,
-      "aria-label": x,
+      ...k,
+      "aria-label": u,
       className: a(
         "select-none flex h-[30px] w-[30px] flex-shrink-0 items-center justify-center text-[11px] text-secondary-foreground rdp-week_number",
         s
       ),
       scope: "row",
-      children: /* @__PURE__ */ r("div", { className: "flex h-8 w-full items-center justify-center text-center", children: i(n) })
+      children: /* @__PURE__ */ n("div", { className: "flex h-8 w-full items-center justify-center text-center", children: i(r) })
     }
   );
 }

package/dist/components/data-display/calendar/calendar.js

@@ -1,117 +1,118 @@
-import { jsxs as ue, jsx as h } from "react/jsx-runtime";
-import { createComponent as be } from "../../../lib/primitives/create-component.js";
-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";
-import { CalendarDayPickerView as Ae } from "./calendar-day-picker-view.js";
-import { CalendarFooter as Se } from "./calendar-footer.js";
-import { CalendarMonthPanes as Me } from "./calendar-month-panes.js";
-import { useCalendarI18n as Pe } from "./use-calendar-i18n.js";
-import { useCalendarState as fe } from "./use-calendar-state.js";
-const Re = be(
+import { jsxs as be, jsx as h } from "react/jsx-runtime";
+import { createComponent as Ce } from "../../../lib/primitives/create-component.js";
+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";
+import { CalendarDayPickerView as Se } from "./calendar-day-picker-view.js";
+import { CalendarFooter as Me } from "./calendar-footer.js";
+import { CalendarMonthPanes as Pe } from "./calendar-month-panes.js";
+import { useCalendarI18n as fe } from "./use-calendar-i18n.js";
+import { useCalendarState as De } from "./use-calendar-state.js";
+const We = Ce(
   "Calendar",
   ({
     className: P,
     classNames: f,
     showOutsideDays: D = !1,
-    captionLayout: Y = "dropdown",
-    buttonVariant: k = "ghost",
-    formatters: y,
-    components: N,
+    fixedWeeks: Y = !0,
+    captionLayout: k = "dropdown",
+    buttonVariant: y = "ghost",
+    formatters: N,
+    components: F,
     showFooter: l = !0,
-    footerFlashKey: F = 0,
-    footerFlashTarget: x,
-    disableApply: E = !1,
-    onApply: R,
-    onCancel: W,
-    onClear: _,
+    footerFlashKey: x = 0,
+    footerFlashTarget: E,
+    disableApply: R = !1,
+    onApply: W,
+    onCancel: _,
+    onClear: I,
     mode: d = "single",
     selected: m,
-    onSelect: I,
+    onSelect: j,
     pickerType: n = "date",
     weekMode: r = "single",
-    selectedWeeks: j,
-    onWeekSelect: w,
+    selectedWeeks: w,
+    onWeekSelect: H,
     calendarType: t = "calendar",
     fiscalMode: u = "basic",
     selectionMode: b = "week",
-    fiscalMonthPattern: H,
-    fiscalYearStartMonth: O = 1,
+    fiscalMonthPattern: O,
+    fiscalYearStartMonth: U = 1,
     weekStartsOn: C = 1,
     monthMode: o = "single",
     selectedMonths: g,
-    onMonthSelect: U,
-    month: V,
-    defaultMonth: q,
-    onMonthChange: z,
-    startMonth: B,
-    endMonth: G,
+    onMonthSelect: V,
+    month: q,
+    defaultMonth: z,
+    onMonthChange: B,
+    startMonth: G,
+    endMonth: J,
     ...c
-  }, J) => {
-    const { t: e, intlLocale: K, dateFnsLocale: Q, monthsFull: X, monthsShort: Z } = Pe(), p = ve({
+  }, K) => {
+    const { t: e, intlLocale: Q, dateFnsLocale: X, monthsFull: Z, monthsShort: $ } = fe(), p = Ae({
       calendarType: t,
       fiscalMode: u,
-      fiscalMonthPattern: H
-    }), s = B ?? ge, i = G ?? Ce, {
+      fiscalMonthPattern: O
+    }), s = G ?? pe, i = J ?? ge, {
       pendingSelection: L,
       currentMonth: v,
-      pendingWeekSelection: $,
+      pendingWeekSelection: T,
       pendingMonthSelection: A,
-      monthPickerYear: T,
+      monthPickerYear: ee,
       handleMonthChangeInternal: S,
-      resolveWeekFromInput: ee,
-      handleWeekClick: ae,
-      handleMonthClick: ne,
+      resolveWeekFromInput: ae,
+      handleWeekClick: ne,
+      handleMonthClick: le,
       availableYears: M,
-      selectedDaysFromWeeks: le,
-      weekRangeModifiers: re,
-      handleInternalSelect: te,
-      handleApply: oe,
-      handleCancel: de,
-      handleClear: ce,
-      isMonthSelected: se,
-      getMonthRangeProps: ie,
-      isMonthDisabled: he,
-      isApplyDisabledInternal: me
-    } = fe({
+      selectedDaysFromWeeks: re,
+      weekRangeModifiers: te,
+      handleInternalSelect: oe,
+      handleApply: de,
+      handleCancel: ce,
+      handleClear: se,
+      isMonthSelected: ie,
+      getMonthRangeProps: he,
+      isMonthDisabled: me,
+      isApplyDisabledInternal: ue
+    } = De({
       showFooter: l,
       selected: m,
-      onSelect: I,
+      onSelect: j,
       pickerType: n,
       weekMode: r,
-      selectedWeeks: j,
-      onWeekSelect: w,
+      selectedWeeks: w,
+      onWeekSelect: H,
       calendarType: t,
       fiscalMode: u,
       selectionMode: b,
       resolvedFiscalPattern: p,
-      fiscalYearStartMonth: O,
+      fiscalYearStartMonth: U,
       weekStartsOn: C,
       monthMode: o,
       selectedMonths: g,
-      onMonthSelect: U,
-      month: V,
-      defaultMonth: q,
-      onMonthChange: z,
+      onMonthSelect: V,
+      month: q,
+      defaultMonth: z,
+      onMonthChange: B,
       resolvedStartMonth: s,
       resolvedEndMonth: i,
       disabled: c.disabled,
-      onApply: R,
-      onCancel: W,
-      onClear: _
+      onApply: W,
+      onCancel: _,
+      onClear: I
     });
-    return /* @__PURE__ */ ue(
+    return /* @__PURE__ */ be(
       "div",
       {
-        ref: J,
+        ref: K,
         "data-component": "calendar",
-        "data-month-layout": Le(n, o),
-        "data-day-layout": pe(n, d, r),
+        "data-month-layout": ve(n, o),
+        "data-day-layout": Le(n, d, r),
         children: [
           n === "month" ? /* @__PURE__ */ h(
-            Me,
+            Pe,
             {
               monthMode: o,
-              monthPickerYear: T,
-              monthsShort: Z,
+              monthPickerYear: ee,
+              monthsShort: $,
               showFooter: l,
               pendingMonthSelection: A,
               selectedMonths: g,
@@ -121,14 +122,14 @@ const Re = be(
               previousYearLabel: e("calendar.previousYear"),
               nextYearLabel: e("calendar.nextYear"),
               currentMonth: v,
-              isMonthSelected: se,
-              getMonthRangeProps: ie,
-              isMonthDisabled: he,
+              isMonthSelected: ie,
+              getMonthRangeProps: he,
+              isMonthDisabled: me,
               onMonthChange: S,
-              onMonthClick: ne
+              onMonthClick: le
             }
           ) : /* @__PURE__ */ h(
-            Ae,
+            Se,
             {
               className: P,
               pickerType: n,
@@ -136,27 +137,28 @@ const Re = be(
               weekMode: r,
               calendarType: t,
               showOutsideDays: D,
-              captionLayout: Y,
-              buttonVariant: k,
+              fixedWeeks: Y,
+              captionLayout: k,
+              buttonVariant: y,
               weekStartsOn: C,
-              formatters: y,
+              formatters: N,
               classNames: f,
-              components: N,
+              components: F,
               selected: m,
               showFooter: l,
               pendingSelection: L,
-              selectedDaysFromWeeks: le,
+              selectedDaysFromWeeks: re,
               currentMonth: v,
-              monthsFull: X,
+              monthsFull: Z,
               resolvedStartMonth: s,
               resolvedEndMonth: i,
               availableYears: M,
-              dateFnsLocale: Q,
-              intlLocale: K,
-              weekRangeModifiers: re,
-              onSelect: te,
+              dateFnsLocale: X,
+              intlLocale: Q,
+              weekRangeModifiers: te,
+              onSelect: oe,
               onMonthChange: S,
-              onWeekSelect: (a) => ae(ee(a)),
+              onWeekSelect: (a) => ne(ae(a)),
               previousMonthLabel: e("calendar.previousMonth"),
               nextMonthLabel: e("calendar.nextMonth"),
               monthPlaceholder: e("calendar.monthPlaceholder"),
@@ -169,7 +171,7 @@ const Re = be(
             }
           ),
           l ? /* @__PURE__ */ h(
-            Se,
+            Me,
             {
               pickerType: n,
               mode: d,
@@ -179,12 +181,12 @@ const Re = be(
               selectionMode: b,
               resolvedFiscalPattern: p,
               pendingSelection: L,
-              pendingWeekSelection: $,
+              pendingWeekSelection: T,
               pendingMonthSelection: A,
-              disableApply: E,
-              isApplyDisabled: me,
-              footerFlashKey: F,
-              footerFlashTarget: x,
+              disableApply: R,
+              isApplyDisabled: ue,
+              footerFlashKey: x,
+              footerFlashTarget: E,
               labels: {
                 clear: e("calendar.clear"),
                 cancel: e("calendar.cancel"),
@@ -193,9 +195,9 @@ const Re = be(
                 monthSingle: e("calendar.monthRange"),
                 monthPlural: (a) => e("calendar.monthRangePlural", { count: a })
               },
-              onClear: ce,
-              onCancel: de,
-              onApply: oe
+              onClear: se,
+              onCancel: ce,
+              onApply: de
             }
           ) : null
         ]
@@ -204,5 +206,5 @@ const Re = be(
   }
 );
 export {
-  Re as Calendar
+  We as Calendar
 };

package/dist/components/data-display/calendar/calendar.types.d.ts

@@ -54,4 +54,6 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     monthMode?: "single" | "multiple" | "range";
     selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
     onMonthSelect?: (months: MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
+    /** Always render 6 week rows to prevent layout shift when navigating months. Default true. */
+    fixedWeeks?: boolean;
 }

package/dist/components/data-display/card/card.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { createComponent as d } from "../../../lib/primitives/create-component.js";
 import { createCompoundPart as a } from "../../../lib/primitives/create-compound.js";
 import { cn as s } from "../../../lib/utils.js";
-const i = d(
+const m = d(
   "Card",
   ({ className: e, ...r }, t) => /* @__PURE__ */ o(
     "div",
@@ -16,7 +16,7 @@ const i = d(
       ...r
     }
   )
-), l = a("card", {
+), i = a("card", {
   part: "header",
   displayName: "CardHeader",
   className: "flex flex-col space-y-1.5 p-6"
@@ -31,17 +31,18 @@ const i = d(
 }), N = a("card", {
   part: "content",
   displayName: "CardContent",
-  className: "p-6 pt-0"
+  className: "p-6 pt-0",
+  scrollSurface: !0
 }), x = a("card", {
   part: "footer",
   displayName: "CardFooter",
   className: "flex items-center p-6 pt-0"
 });
 export {
-  i as Card,
+  m as Card,
   N as CardContent,
   f as CardDescription,
   x as CardFooter,
-  l as CardHeader,
+  i as CardHeader,
   C as CardTitle
 };

package/dist/components/feedback/dialog/dialog.js

@@ -65,9 +65,10 @@ const C = u.forwardRef(
           l(), m?.(d);
         },
         className: v(
-          "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-canvas shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg overflow-hidden motion-reduce:animate-none motion-reduce:transition-none",
+          "fixed left-[50%] top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-canvas shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg motion-reduce:animate-none motion-reduce:transition-none",
           R,
-          i
+          i,
+          "overflow-visible"
         ),
         ...g,
         children: [
@@ -114,15 +115,16 @@ B.displayName = e.Content.displayName;
 const Y = y("dialog", {
   part: "header",
   displayName: "DialogHeader",
-  className: "relative flex flex-col justify-center border-b bg-canvas-tint p-4 pe-12 text-center sm:text-start"
+  className: "relative flex flex-col justify-center rounded-t-lg border-b bg-canvas-tint p-4 pe-12 text-center sm:text-start"
 }), q = y("dialog", {
   part: "body",
   displayName: "DialogBody",
-  className: "min-h-0 flex-1 overflow-y-auto px-6 py-6"
+  className: "min-h-0 flex-1 overflow-y-auto px-6 py-6",
+  scrollSurface: !0
 }), J = y("dialog", {
   part: "footer",
   displayName: "DialogFooter",
-  className: "flex flex-col-reverse bg-canvas-elevated px-4 py-[9px] sm:flex-row sm:items-center sm:justify-end sm:gap-2"
+  className: "flex flex-col-reverse rounded-b-lg bg-canvas-elevated px-4 py-[9px] sm:flex-row sm:items-center sm:justify-end sm:gap-2"
 }), M = c(
   "dialog",
   "title",