impact-nova 2.2.8 → 2.3.0

package/dist/components/data/ag-grid-react/ag-grid-header-dom.js

@@ -1,11 +1,9 @@
-const E = "ag-grid-header-label-cluster", _ = ".ag-header-group-cell-label", L = ".ag-header-cell-label", l = `.${E}`;
-function r(e) {
-  return e === "group" ? _ : L;
+const l = ".ag-header-group-cell-label", r = ".ag-header-cell-label";
+function E(e) {
+  return e === "group" ? l : r;
 }
 export {
-  L as AG_GRID_HEADER_CELL_LABEL_SELECTOR,
-  _ as AG_GRID_HEADER_GROUP_LABEL_SELECTOR,
-  E as AG_GRID_HEADER_LABEL_CLUSTER_CLASS,
-  l as AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR,
-  r as resolveAgGridHeaderLabelShellSelector
+  r as AG_GRID_HEADER_CELL_LABEL_SELECTOR,
+  l as AG_GRID_HEADER_GROUP_LABEL_SELECTOR,
+  E as resolveAgGridHeaderLabelShellSelector
 };

package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.d.ts

@@ -3,5 +3,5 @@ import { AgGridHeaderTooltipKind } from './ag-grid-header-dom';
 export type AgGridTooltipOverflowMode = TextOverflowMode;
 /** Matches AG Grid `_isElementOverflowingCallback` (horizontal or vertical). */
 export declare function isAgGridTextOverflowing(element: HTMLElement, mode?: AgGridTooltipOverflowMode): boolean;
-/** Header label tooltips: ellipsis on the text node, else content wider than the label shell. */
+/** Header label tooltips: text-node overflow only; shell fallback ignores info-icon cluster width. */
 export declare function isAgGridHeaderLabelTooltipOverflowing(element: HTMLElement, headerKind: AgGridHeaderTooltipKind): boolean;

package/dist/components/data/ag-grid-react/ag-grid-tooltip-overflow.js

@@ -1,18 +1,30 @@
-import { isTextOverflowing as o } from "../../../lib/overflow/is-text-overflowing.js";
-import { resolveAgGridHeaderLabelShellSelector as n, AG_GRID_HEADER_LABEL_CLUSTER_SELECTOR as c } from "./ag-grid-header-dom.js";
-function h(t, l = "line-clamp") {
-  return o(t, l);
+import { isLineClampTextVisuallyClipped as o } from "../../../lib/overflow/is-line-clamp-text-clipped.js";
+import { isTextOverflowing as n, TEXT_OVERFLOW_EPSILON_PX as t } from "../../../lib/overflow/is-text-overflowing.js";
+import { resolveAgGridHeaderLabelShellSelector as c } from "./ag-grid-header-dom.js";
+const s = 16;
+function l(r, i) {
+  return r - i > t;
 }
-function u(t, l) {
-  if (t.clientWidth < t.scrollWidth)
-    return !0;
-  const e = t.closest(n(l));
-  if (!e || typeof e.clientWidth != "number")
+function f(r) {
+  const i = r.scrollHeight - r.clientHeight;
+  if (i <= t)
     return !1;
-  const i = e, r = t.closest(c);
-  return (r && typeof r.scrollWidth == "number" ? r.scrollWidth : t.scrollWidth) > i.clientWidth;
+  const e = parseFloat(getComputedStyle(r).lineHeight) || s;
+  return i > e + t;
+}
+function p(r, i = "line-clamp") {
+  return n(r, i);
+}
+function g(r, i) {
+  if (l(r.scrollWidth, r.clientWidth) || f(r) || o(r))
+    return !0;
+  const e = r.closest(c(i));
+  return !e || typeof e.clientWidth != "number" ? !1 : l(
+    r.scrollWidth,
+    e.clientWidth
+  );
 }
 export {
-  u as isAgGridHeaderLabelTooltipOverflowing,
-  h as isAgGridTextOverflowing
+  g as isAgGridHeaderLabelTooltipOverflowing,
+  p as isAgGridTextOverflowing
 };

package/dist/components/data/ag-grid-react/headers/custom-header.js

@@ -128,7 +128,7 @@ const ce = ({ api: r }) => {
     enableBooleanParsing: O,
     enableDateParsing: U
   } = r, I = M(null);
-  re(h, t ?? "", I, "ellipsis", "leaf");
+  re(h, t ?? "", I, "line-clamp", "leaf");
   const u = $(), { t: S } = R(), i = l.getColDef(), m = l.getColId(), [de, K] = F(0);
   L(() => ie(() => {
     K((b) => b + 1);

package/dist/components/data/ag-grid-react/headers/custom-inner-header-group.js

@@ -1,19 +1,19 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useRef as p } from "react";
-import { HeaderInfo as m } from "./components/header-info.js";
+import { useRef as m } from "react";
+import { HeaderInfo as p } from "./components/header-info.js";
 import { useAgGridTruncationTooltip as c } from "../use-ag-grid-truncation-tooltip.js";
 import { ColumnGroupSettingsMenu as f } from "./column-menu/column-header-settings-menu.js";
 function I(t) {
-  const { displayName: a, setTooltip: l, showInfoIcon: s = !1, columnGroup: i, api: u } = t, r = p(null), e = a || "";
-  if (c(l, e, r, "ellipsis", "group"), !e && s === !1)
+  const { displayName: a, setTooltip: l, showInfoIcon: s = !1, columnGroup: u, api: i } = t, r = m(null), e = a || "";
+  if (c(l, e, r, "line-clamp", "group"), !e && s === !1)
     return null;
-  const n = i?.getGroupId();
+  const n = u?.getGroupId();
   return /* @__PURE__ */ d("div", { className: "ag-grid-header-label-cluster", children: [
     n ? /* @__PURE__ */ o(
       f,
       {
         columnGroupId: n,
-        gridApi: u,
+        gridApi: i,
         headerLabelRef: r,
         children: e
       }
@@ -26,7 +26,7 @@ function I(t) {
         children: e
       }
     ),
-    /* @__PURE__ */ o(m, { ...t, className: "shrink-0" })
+    /* @__PURE__ */ o(p, { ...t, className: "shrink-0" })
   ] });
 }
 export {

package/dist/components/data/ag-grid-react/headers/utils/filter-utils.js

@@ -1,4 +1,4 @@
-import { DEFAULT_DATE_DISPLAY_FORMAT as O, isoToDisplay as S, getTodayStr as b, getYesterdayStr as W, getMonthRange as F, getYearRange as x } from "./date-utils.js";
+import { DEFAULT_DATE_DISPLAY_FORMAT as O, isoToDisplay as C, getTodayStr as b, getYesterdayStr as W, getMonthRange as S, getYearRange as F } from "./date-utils.js";
 const v = {
   yes: !0,
   true: !0,
@@ -96,14 +96,14 @@ function E(i, n = !1, e = !1) {
     if (a === "today") return { operator: "equals", value: b() };
     if (a === "yesterday") return { operator: "equals", value: W() };
     if (/^\d{4}$/.test(t)) {
-      const r = x(Number(t));
+      const r = F(Number(t));
       return { operator: "inRange", value: r.from, valueTo: r.to };
     }
     const o = t.match(/^([a-zA-Z]+)\s*(\d{4})$/);
     if (o) {
       const r = $[o[1].toLowerCase()];
       if (r) {
-        const l = F(r, Number(o[2]));
+        const l = S(r, Number(o[2]));
         return { operator: "inRange", value: l.from, valueTo: l.to };
       }
     }
@@ -137,7 +137,7 @@ function m(i, n = O) {
   if (Array.isArray(i))
     return i.map((e) => m(e, n)).join(", ");
   if (/^\d{4}-\d{2}-\d{2}/.test(i)) {
-    const e = S(i, n);
+    const e = C(i, n);
     if (e) return e;
   }
   return i;
@@ -175,7 +175,7 @@ function N(i, n = O) {
       return e;
   }
 }
-const C = {
+const x = {
   contains: "contains",
   notContains: "notContains",
   equals: "equals",
@@ -211,7 +211,7 @@ function A(i, n, e = O) {
   }
   const t = n;
   if ("type" in t && t.type) {
-    const s = t.type, c = C[s] || s, p = t.filter !== void 0 ? String(t.filter) : t.dateFrom !== void 0 ? String(t.dateFrom) : "", a = t.filterTo !== void 0 ? String(t.filterTo) : t.dateTo !== void 0 ? String(t.dateTo) : void 0;
+    const s = t.type, c = x[s] || s, p = t.filter !== void 0 ? String(t.filter) : t.dateFrom !== void 0 ? String(t.dateFrom) : "", a = t.filterTo !== void 0 ? String(t.filterTo) : t.dateTo !== void 0 ? String(t.dateTo) : void 0;
     return N({
       operator: c,
       value: p,
@@ -269,7 +269,7 @@ function h(i) {
   }
 }
 function M(i, n, e) {
-  return e === "number" ? "number" : e === "date" ? "date" : e === "select" || e === "set" || Array.isArray(n) ? i === "notEqual" || i === "notContains" ? "text" : "set" : typeof n == "string" && /^\d{4}-\d{2}-\d{2}/.test(n) ? "date" : ["greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "inRange"].includes(i) && n && !I(n) && !isNaN(Number(n)) || typeof n == "string" && n && /^-?\d+(\.\d+)?$/.test(n.trim()) ? "number" : "text";
+  return e === "number" ? "number" : e === "date" ? "date" : e === "text" ? "text" : e === "select" || e === "set" || Array.isArray(n) ? i === "notEqual" || i === "notContains" ? "text" : "set" : typeof n == "string" && /^\d{4}-\d{2}-\d{2}/.test(n) ? "date" : ["greaterThan", "greaterThanOrEqual", "lessThan", "lessThanOrEqual", "inRange"].includes(i) && n && !I(n) && !isNaN(Number(n)) || typeof n == "string" && n && /^-?\d+(\.\d+)?$/.test(n.trim()) ? "number" : "text";
 }
 function I(i) {
   return Array.isArray(i);
@@ -443,7 +443,7 @@ function V(i) {
         return o.conditions.flatMap((d) => p(d));
       if ("filterType" in o && o.filterType === "multi" && o.filterModels)
         return o.filterModels?.filter((d) => d != null).flatMap((d) => p(d)) ?? [];
-      const r = o, l = "type" in r && r.type ? r.type : "equals", u = r.filterType === "set" ? "equals" : C[l] || "contains", f = r.values, g = r.filter !== void 0 ? String(r.filter) : r.dateFrom !== void 0 ? String(r.dateFrom) : f ? f.filter((d) => d != null) : "";
+      const r = o, l = "type" in r && r.type ? r.type : "equals", u = r.filterType === "set" ? "equals" : x[l] || "contains", f = r.values, g = r.filter !== void 0 ? String(r.filter) : r.dateFrom !== void 0 ? String(r.dateFrom) : f ? f.filter((d) => d != null) : "";
       return [{
         id: R(),
         columnId: t,
@@ -462,7 +462,7 @@ function V(i) {
   };
 }
 export {
-  C as agToInternalOperator,
+  x as agToInternalOperator,
   V as convertFromAgGridFilterModel,
   k as convertToAgGridFilterModel,
   D as createEmptyRule,

package/dist/components/data/ag-grid-react/strip-column-min-width-constraints.d.ts

@@ -0,0 +1,3 @@
+import { ColDef, ColGroupDef } from 'ag-grid-community';
+export type ColumnDefTree = ColDef | ColGroupDef;
+export declare function stripColumnMinWidthConstraints(columnDefinitions: ColumnDefTree[]): ColumnDefTree[];

package/dist/components/data/data-table/data-table.d.ts

@@ -13,4 +13,4 @@ export declare function DataTableContent<TData>(props: DataTableContentProps<TDa
 /**
  * Top bar above the grid. Optional — omit to remove the toolbar from the DOM.
  */
-export declare const DataTableToolbar: ({ children, className, }: DataTableToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTableToolbar: ({ children, className, ...rest }: DataTableToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/data-table/data-table.js

@@ -13,27 +13,27 @@ const R = {
   comfort: 52
 }, re = ({
   children: a,
-  className: o
+  className: r
 }) => {
-  const [r, e] = h(null), [t, s] = h("medium"), [n, m] = h("full"), [l, c] = h("default"), u = p(() => L(), []), d = b((f) => {
+  const [t, e] = h(null), [o, s] = h("medium"), [n, m] = h("full"), [l, c] = h("default"), u = p(() => L(), []), d = b((f) => {
     u.registerScopedSheetDepth(f);
   }, [u]), g = b((f) => {
     e(f);
   }, []);
   D(() => {
-    if (r)
-      return k(r);
-  }, [r]);
+    if (t)
+      return k(t);
+  }, [t]);
   const T = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[t], H = `${R[l]}px`, x = p(
+  }[o], H = `${R[l]}px`, x = p(
     () => ({
-      gridApi: r,
+      gridApi: t,
       registerApi: g,
       registerScopedSheetDepth: d,
-      fontSize: t,
+      fontSize: o,
       setFontSize: s,
       numericFormat: n,
       setNumericFormat: m,
@@ -41,10 +41,10 @@ const R = {
       setRowHeight: c
     }),
     [
-      r,
+      t,
       g,
       d,
-      t,
+      o,
       n,
       l
     ]
@@ -59,7 +59,7 @@ const R = {
           "data-component": "data-table",
           className: _(
             "flex flex-col w-full min-h-0 rounded-[inherit]",
-            o
+            r
           ),
           style: {
             "--ag-font-size": T,
@@ -77,21 +77,21 @@ const R = {
   b: "bil",
   full_precision: "full_precision"
 }, V = A(function() {
-  const { setSheetTarget: o } = P();
+  const { setSheetTarget: r } = P();
   return /* @__PURE__ */ i(
     "div",
     {
-      ref: o,
+      ref: r,
       className: "absolute inset-0 pointer-events-none z-[39] flex overflow-hidden"
     }
   );
 }), Y = A(function({
-  className: o,
-  children: r
+  className: r,
+  children: t
 }) {
-  const { scopedSheetOpen: e } = P(), t = O(null), [s, n] = h(!1);
+  const { scopedSheetOpen: e } = P(), o = O(null), [s, n] = h(!1);
   !e && s && n(!1), N(() => {
-    if (!e || (t.current?.clientHeight ?? 0) >= v)
+    if (!e || (o.current?.clientHeight ?? 0) >= v)
       return;
     const c = window.setTimeout(() => {
       n(!0);
@@ -104,23 +104,23 @@ const R = {
   return /* @__PURE__ */ I(
     "div",
     {
-      ref: t,
+      ref: o,
       className: _(
         "relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom",
-        o
+        r
       ),
       style: m ? { minHeight: v } : void 0,
       children: [
-        r,
+        t,
         /* @__PURE__ */ i(V, {})
       ]
     }
   );
 }), $ = A(function({
-  resolvedRowHeight: o,
-  mergedContext: r,
+  resolvedRowHeight: r,
+  mergedContext: t,
   onGridReady: e,
-  columnDefs: t,
+  columnDefs: o,
   maintainColumnOrder: s = !0,
   ...n
 }) {
@@ -128,20 +128,20 @@ const R = {
     M,
     {
       ...n,
-      columnDefs: t,
-      rowHeight: o,
+      columnDefs: o,
+      rowHeight: r,
       onGridReady: e,
-      context: r,
+      context: t,
       maintainColumnOrder: s
     }
   );
 });
 function ne(a) {
   const {
-    registerApi: o,
-    rowHeight: r,
+    registerApi: r,
+    rowHeight: t,
     gridApi: e,
-    numericFormat: t
+    numericFormat: o
   } = B(), {
     className: s,
     onGridReady: n,
@@ -152,7 +152,7 @@ function ne(a) {
     suppressInitialRuntimeState: d,
     maintainColumnOrder: g = !0,
     ...T
-  } = a, H = R[r], x = m ?? H, { runtimeColumnDefs: f, extractedRuntimeDefaults: w } = p(
+  } = a, H = R[t], x = m ?? H, { runtimeColumnDefs: f, extractedRuntimeDefaults: w } = p(
     () => W(c ?? void 0),
     [c]
   ), C = p(
@@ -165,26 +165,26 @@ function ne(a) {
   ), E = p(
     () => ({
       ...l,
-      formatType: y[t]
+      formatType: y[o]
     }),
-    [l, t]
+    [l, o]
   );
   D(() => {
     e?.resetRowHeights();
-  }, [r, e]), D(() => {
+  }, [t, e]), D(() => {
     if (e) {
       const S = e.getGridOption("context") || {};
       e.setGridOption("context", {
         ...S,
-        formatType: y[t]
+        formatType: y[o]
       }), e.refreshCells({ force: !0 });
     }
-  }, [t, e]);
+  }, [o, e]);
   const G = b(
     (S) => {
-      o(S.api), n?.(S);
+      r(S.api), n?.(S);
     },
-    [o, n]
+    [r, n]
   );
   return /* @__PURE__ */ i(Y, { className: s, children: /* @__PURE__ */ i(
     $,
@@ -201,15 +201,17 @@ function ne(a) {
 }
 const ie = ({
   children: a,
-  className: o
+  className: r,
+  ...t
 }) => /* @__PURE__ */ i(
   "div",
   {
     "data-component": "data-table-toolbar",
     className: _(
       "flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]",
-      o
+      r
     ),
+    ...t,
     children: a
   }
 );

package/dist/components/data/data-table/data-table.types.d.ts

@@ -31,7 +31,7 @@ export type DataTableToolbarProps = {
     children: React.ReactNode;
     /** Extra classes on the toolbar root (`data-component="data-table-toolbar"`). */
     className?: string;
-};
+} & Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'className'>;
 /**
  * Scoped settings panel state. Renders inside the `DataTable` container (not a viewport modal).
  *

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

@@ -1,52 +1,53 @@
-import { jsx as n, jsxs as k } from "react/jsx-runtime";
+import { jsx as n, jsxs as R } from "react/jsx-runtime";
 import * as p from "react";
 import "react-day-picker";
 import { ChevronRight as C } from "impact-nova-icons";
-import { cn as d } from "../../../lib/utils.js";
+import { cn as s } from "../../../lib/utils.js";
 import { Button as N } from "../../primitives/button/button.js";
 import { Select as D } from "../../forms/select/select.js";
-import { CalendarCaptionHeader as z } from "./calendar-caption-header.js";
-import { CalendarDayButton as O } from "./calendar-day-button.js";
+import { CalendarCaptionHeader as Y } from "./calendar-caption-header.js";
+import { CalendarDayButton as z } from "./calendar-day-button.js";
 import { PanelIndexContext as h } from "./calendar-panel-context.js";
-import { CalendarWeekNumberCell as W } from "./calendar-week-number-cell.js";
+import { CalendarWeekNumberCell as O } from "./calendar-week-number-cell.js";
 import { getAvailableMonths as A } from "./calendar-month-utils.js";
-function X({
+import { isCalendarPaddingWeek as F } from "./calendar-padding-week.utils.js";
+function _({
   buttonVariant: u,
   pickerType: f,
-  currentMonth: i,
+  currentMonth: d,
   monthsFull: w,
   resolvedStartMonth: b,
-  resolvedEndMonth: I,
+  resolvedEndMonth: k,
   availableYears: v,
-  weekStartsOn: M,
-  previousMonthLabel: x,
-  nextMonthLabel: g,
-  monthPlaceholder: S,
-  yearPlaceholder: y,
-  weekNumberLabel: B,
-  weekLabel: P,
+  weekStartsOn: I,
+  previousMonthLabel: g,
+  nextMonthLabel: x,
+  monthPlaceholder: M,
+  yearPlaceholder: P,
+  weekNumberLabel: S,
+  weekLabel: W,
   onMonthChange: m,
-  onWeekSelect: R,
-  components: Y
+  onWeekSelect: y,
+  components: B
 }) {
   return {
-    Root: ({ className: e, rootRef: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: t, className: d(e), ...a }),
+    Root: ({ className: e, rootRef: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "calendar", ref: t, className: s(e), ...a }),
     Chevron: ({ className: e, orientation: t, ...a }) => t === "left" ? /* @__PURE__ */ n(
       C,
       {
         size: 16,
-        className: d("rotate-180 text-content", e),
+        className: s("rotate-180 text-content", e),
         ...a
       }
-    ) : t === "right" ? /* @__PURE__ */ n(C, { size: 16, className: d("text-content", e), ...a }) : /* @__PURE__ */ n("span", {}),
+    ) : t === "right" ? /* @__PURE__ */ n(C, { size: 16, className: s("text-content", e), ...a }) : /* @__PURE__ */ n("span", {}),
     PreviousMonthButton: (e) => /* @__PURE__ */ n(
       N,
       {
         variant: u,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": x,
-        title: x,
+        "aria-label": g,
+        title: g,
         ...e
       }
     ),
@@ -56,35 +57,35 @@ function X({
         variant: u,
         size: "icon",
         className: "h-7 w-7",
-        "aria-label": g,
-        title: g,
+        "aria-label": x,
+        title: x,
         ...e
       }
     ),
     MonthCaption: ({ displayIndex: e, calendarMonth: t, ...a }) => /* @__PURE__ */ n(h.Provider, { value: e, children: /* @__PURE__ */ n("div", { ...a }) }),
-    Month: ({ calendarMonth: e, displayIndex: t, className: a, children: r, ...l }) => {
-      const o = p.Children.toArray(r), s = o[o.length - 1], c = o.slice(0, -1);
-      return /* @__PURE__ */ k("div", { className: d(a), ...l, children: [
-        c.length > 0 ? /* @__PURE__ */ n(z, { children: c }) : null,
-        s
+    Month: ({ calendarMonth: e, displayIndex: t, className: a, children: l, ...r }) => {
+      const o = p.Children.toArray(l), i = o[o.length - 1], c = o.slice(0, -1);
+      return /* @__PURE__ */ R("div", { className: s(a), ...r, children: [
+        c.length > 0 ? /* @__PURE__ */ n(Y, { children: c }) : null,
+        i
       ] });
     },
-    Months: ({ className: e, children: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "day-months", className: d(e), ...a, children: t }),
+    Months: ({ className: e, children: t, ...a }) => /* @__PURE__ */ n("div", { "data-slot": "day-months", className: s(e), ...a, children: t }),
     MonthsDropdown: ({ value: e }) => {
-      const t = p.useContext(h), a = t > 0, l = new Date(i.getFullYear(), i.getMonth() + t, 1).getFullYear(), o = A(
-        l,
+      const t = p.useContext(h), a = t > 0, r = new Date(d.getFullYear(), d.getMonth() + t, 1).getFullYear(), o = A(
+        r,
         w,
         b,
-        I
+        k
       );
       return /* @__PURE__ */ n(
         D,
         {
-          value: o.find((s) => s.value === e?.toString()),
-          onChange: (s) => {
-            if (s && "value" in s) {
-              const c = parseInt(s.value);
-              m(a ? new Date(l, c - 1, 1) : new Date(l, c, 1));
+          value: o.find((i) => i.value === e?.toString()),
+          onChange: (i) => {
+            if (i && "value" in i) {
+              const c = parseInt(i.value);
+              m(a ? new Date(r, c - 1, 1) : new Date(r, c, 1));
             }
           },
           scrollToSelectedOnOpen: !0,
@@ -93,7 +94,7 @@ function X({
           menuWidth: "160px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: S
+          placeholder: M
         }
       );
     },
@@ -102,19 +103,19 @@ function X({
       return /* @__PURE__ */ n(
         D,
         {
-          value: v.find((r) => r.value === e?.toString()),
-          onChange: (r) => {
-            if (r && "value" in r) {
-              const l = parseInt(r.value);
+          value: v.find((l) => l.value === e?.toString()),
+          onChange: (l) => {
+            if (l && "value" in l) {
+              const r = parseInt(l.value);
               if (a) {
                 const o = new Date(
-                  i.getFullYear(),
-                  i.getMonth() + 1,
+                  d.getFullYear(),
+                  d.getMonth() + 1,
                   1
                 ).getMonth();
-                m(new Date(l, o - 1, 1));
+                m(new Date(r, o - 1, 1));
               } else
-                m(new Date(l, i.getMonth(), 1));
+                m(new Date(r, d.getMonth(), 1));
             }
           },
           scrollToSelectedOnOpen: !0,
@@ -123,26 +124,38 @@ function X({
           menuWidth: "140px",
           isSearchable: !0,
           isClearable: !1,
-          placeholder: y
+          placeholder: P
+        }
+      );
+    },
+    DayButton: (e) => /* @__PURE__ */ n(z, { ...e, pickerType: f }),
+    Week: ({ week: e, className: t, children: a, ...l }) => {
+      const r = F(e);
+      return /* @__PURE__ */ n(
+        "tr",
+        {
+          className: s(t, r && "invisible"),
+          "aria-hidden": r || void 0,
+          ...l,
+          children: a
         }
       );
     },
-    DayButton: (e) => /* @__PURE__ */ n(O, { ...e, pickerType: f }),
     WeekNumber: ({ week: e, ...t }) => /* @__PURE__ */ n(
-      W,
+      O,
       {
         week: e,
-        weekStartsOn: M,
+        weekStartsOn: I,
         pickerType: f,
-        weekNumberLabel: B,
-        weekLabel: P,
-        onWeekSelect: R,
+        weekNumberLabel: S,
+        weekLabel: W,
+        onWeekSelect: y,
         ...t
       }
     ),
-    ...Y
+    ...B
   };
 }
 export {
-  X as buildCalendarDayPickerComponents
+  _ as buildCalendarDayPickerComponents
 };

package/dist/components/data-display/calendar/calendar-padding-week.utils.d.ts

@@ -0,0 +1,5 @@
+export declare function isCalendarPaddingWeek(week: {
+    days: Array<{
+        outside?: boolean;
+    }>;
+}): boolean;

package/dist/components/data-display/calendar/calendar-padding-week.utils.js

@@ -0,0 +1,6 @@
+function n(e) {
+  return e.days.length > 0 && e.days.every((d) => d.outside);
+}
+export {
+  n as isCalendarPaddingWeek
+};

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

@@ -54,6 +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. */
+    /** Always render 6 week rows to prevent layout shift when navigating months. Default true. Padding weeks (all days outside the month) are visually hidden via the Week component. */
     fixedWeeks?: boolean;
 }